新增-全界面弹出框组件

frontend/src/styles/element.scss

@@ -25,9 +25,9 @@
 .mask-image {
   padding-right: 50px;
   mask-image: linear-gradient(90deg,
-      #000000 0%,
-      #000000 calc(100% - 50px),
-      transparent);
+          #000000 0%,
+          #000000 calc(100% - 50px),
+          transparent);
 }
 
 /* custom card */
@@ -110,7 +110,7 @@
     margin-bottom: 10px;
 
     .el-form {
-      .el-form-item__content>* {
+      .el-form-item__content > * {
         width: 100%;
       }
 
@@ -182,7 +182,7 @@
     }
 
     // 设置 el-table 中 header 文字不换行，并省略
-    .el-table__header .el-table__cell>.cell {
+    .el-table__header .el-table__cell > .cell {
       // white-space: nowrap;
       white-space: wrap;
     }
@@ -328,6 +328,11 @@
     }
   }
 
+  .el-overlay {
+    position: absolute;
+  }
+
+
   .el-dialog__body {
     // height: 200px;
     // max-height: 60vh;
@@ -356,19 +361,20 @@
     border-top: 1px solid #cccccc;
     width: 100%;
     bottom: 0;
-  
-     
-      .el-button {
-        font-size: 12px ;
-       
-        padding: 5px 11px;
-        height: 24px;
-       
-      }
-      .el-button + .el-button {
-        margin-left: 10px;
+
+
+    .el-button {
+      font-size: 12px;
+
+      padding: 5px 11px;
+      height: 24px;
+
     }
+
+    .el-button + .el-button {
+      margin-left: 10px;
     }
+  }
 }
 
 //全局el-form-item间距
@@ -434,37 +440,43 @@
   }
 }
 
-.dialog-small{
-  .el-dialog__body{
+
+.dialog-small {
+  .el-dialog__body {
     max-height: 260px;
   }
 }
-.dialog-middle{
-  .el-dialog__body{
+
+.dialog-middle {
+  .el-dialog__body {
     max-height: 400px;
   }
 }
-.dialog-big{
-  .el-dialog__body{
+
+.dialog-big {
+  .el-dialog__body {
     max-height: 620px;
   }
 }
 
 .form-two {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+
+  .el-form-item {
     display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-    .el-form-item {
-        display: flex;
-        width: 48%;
-        .el-form-item__content {
-            flex: 1;
-            .el-select,
-            .el-cascader,
-            .el-input__inner,
-            .el-date-editor {
-                width: 100%;
-              }
-          }
+    width: 48%;
+
+    .el-form-item__content {
+      flex: 1;
+
+      .el-select,
+      .el-cascader,
+      .el-input__inner,
+      .el-date-editor {
+        width: 100%;
       }
+    }
+  }
 }