提交代码

src/assets/base.css

@@ -103,3 +103,31 @@ body {
 }
 
 
+.el-dialog{
+  display: flex;
+  flex-direction: column;
+  margin:0 !important;
+  position:absolute;
+  top: 50%;
+  left:50%;
+  transform:translate(-50%,-50%);
+  max-height:calc(100% - 30px);
+  max-width:calc(100% - 30px);
+ }
+ .el-dialog .el-dialog__body{
+    flex:1;
+    overflow: auto;
+  }
+
+
+   .el-form-item--large {
+    margin-bottom: 0px; 
+  }
+  
+  .el-collapse-item__header.is-active {
+    border-bottom: 1px solid #ebeef5;
+  }
+  .el-collapse-item__wrap {
+    border: none;
+  }
+  
\ No newline at end of file

src/views/RFID.vue

@@ -48,7 +48,7 @@
       </el-tab-pane>
     </el-tabs>
 
-    <el-dialog v-model="visible" width="45%">
+    <el-dialog v-model="visible" width="45%" >
       <template #header>
         <div style="text-align: center;font-size: 18px;font-family: Microsoft YaHei;font-weight: bold;color: #303133;">{{title}}</div>
       </template>
@@ -502,33 +502,8 @@ export default defineComponent({
   padding-top: 17px;
 }
 
-/deep/ .el-form-item--large {
-  margin-bottom: 0px; 
-}
 
-/deep/ .el-collapse-item__header.is-active {
-  border-bottom: 1px solid #ebeef5;
-}
-/deep/ .el-collapse-item__wrap {
-  border: none;
-}
 
-/deep/ .el-dialog{
-  display: flex;
-  flex-direction: column;
-  margin:0 !important;
-  position:absolute;
-  top:50%;
-  left:50%;
-  transform:translate(-50%,-50%);
-  /*height:600px;*/
-  max-height:calc(100% - 30px);
-  max-width:calc(100% - 30px);
-}
-/deep/ .el-dialog .el-dialog__body{
-  flex:1;
-  overflow: auto;
-}
 
 p {
   margin: 0;