diff --git a/src/views/alarmHandling/components/historyimg.vue b/src/views/alarmHandling/components/historyimg.vue
index 4987e30..12ef6fc 100644
--- a/src/views/alarmHandling/components/historyimg.vue
+++ b/src/views/alarmHandling/components/historyimg.vue
@@ -97,9 +97,16 @@ export default {
 </script>
 <style lang="less">
 .showDialogHistoryPic {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   .el-dialog {
     width: 70% !important;
     height: 90%;
+    transform: none;
+    margin: auto;
+    left: auto;
+    top: auto;
   }
   .el-dialog__body {
     height: calc(100% - 70px);
diff --git a/src/views/pictureRotation/index.vue b/src/views/pictureRotation/index.vue
index 3de0172..7ec6472 100644
--- a/src/views/pictureRotation/index.vue
+++ b/src/views/pictureRotation/index.vue
@@ -537,10 +537,19 @@ export default {
     }
   }
   .showDialogHistoryPic {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
     .el-dialog {
       width: 70% !important;
       height: 90%;
+      transform: none;
+      margin: auto;
+      left: auto;
+      top: auto;
     }
+
     .el-dialog__body {
       height: calc(100% - 70px);
       .title {