弹框样式修改

frontend/src/styles/element.scss

@@ -261,17 +261,76 @@
 }
 
 /* el-dialog */
+// .el-dialog {
+//   .el-dialog__header {
+//     padding: 15px 20px;
+//     margin: 0;
+//     border-bottom: 1px solid var(--el-border-color-lighter);
+//     .el-dialog__title {
+//       font-size: 17px;
+//     }
+//   }
+// }
+
+//全局dialog修改
 .el-dialog {
+  padding: 0px !important;
+  border: 2px solid #3665a0;
   .el-dialog__header {
-    padding: 15px 20px;
-    margin: 0;
-    border-bottom: 1px solid var(--el-border-color-lighter);
+    background: var(--el-color-primary);
+    padding: 15px;
+    margin-right: 0px;
+    // font-family:;
+
+    .el-dialog__headerbtn {
+      top: 5px;
+      .el-icon {
+        color: var(--el-color-white);
+      }
+    }
+    .el-dialog__headerbtn:hover {
+      .el-icon {
+        color: #409eff;
+      }
+    }
+
     .el-dialog__title {
-      font-size: 17px;
+      color: var(--el-color-white);
+    }
+
+    .el-dialog__footer .el-button {
+      margin-left: 10px !important;
     }
   }
-}
+  .el-dialog__body {
+    height: 200px;
+    max-height: 60vh;
+    overflow-y: auto;
+    padding: 10px 15px;
 
+    //设置dialog内部form样式
+    .el-form {
+      .el-form-item {
+        margin-bottom: 20px;
+        .el-select,
+        .el-input,
+        .el-date-picker {
+          width: 100%;
+          height: 32px;
+        }
+      }
+    }
+  }
+  .el-dialog__footer {
+    padding: 15px;
+    box-shadow: var(--el-box-shadow);
+    border-top: 1px solid #cccccc;
+    width: 100%;
+    bottom: 0;
+  }
+}
+//全局el-form-item间距
 .el-form-item {
   margin-right: 10px !important;
+  margin-bottom: 20px !important;
 }