规划选址样式微调

src/views/siteselection/components/fzxz.vue

@@ -33,6 +33,7 @@
           v-model="ruleForm.sjy"
           placeholder="请选择数据源"
           size="mini"
+          :popper-append-to-body="false"
         >
           <el-option
             v-for="item in options"
@@ -434,5 +435,13 @@ export default {
     margin-bottom: 10px;
     overflow-y: auto;
   }
+
 }
+/deep/ .el-input .el-input--mini .el-input--suffix{
+    width: 288px !important;
+  }
+  /deep/ .el-select{
+    width: 288px !important;
+
+  }
 </style>

src/views/siteselection/components/yxyzPop.vue

@@ -1,9 +1,9 @@
 <template>
-  <div class="hgxsc">
+  <div class="dialog">
     <el-dialog
       title="选址因子设置"
       :visible.sync="dialogVisible"
-      width="50%"
+      width="40%"
       :before-close="handleClose"
       :modal-append-to-body="false"
       :close-on-click-modal="false"
@@ -22,16 +22,14 @@
           </el-scrollbar>
         </el-col>
         <el-col :span="2">
-          <div class="grid-content bg-purple padding-left-10 padding-right-10">
+          <div class="grid-content bg-purple">
             <el-button
-              icon="arrow-right"
+              icon="el-icon-d-arrow-right"
               @click="turnLeftToRight"
-              class="padding-left-10 padding-right-10 padding-top-0 padding-bottom-0"
             ></el-button>
             <el-button
-              icon="arrow-left"
+              icon="el-icon-d-arrow-left"
               @click="turnRightToLeft"
-              class="padding-left-10 padding-right-10 padding-top-0 padding-bottom-0"
             ></el-button>
           </div>
         </el-col>
@@ -83,9 +81,7 @@
 
       <span slot="footer" class="dialog-footer">
         <el-button @click="close">取 消</el-button>
-        <el-button type="primary" @click="submit"
-          >确 定</el-button
-        >
+        <el-button type="primary" @click="submit">确 定</el-button>
       </span>
     </el-dialog>
   </div>
@@ -729,7 +725,7 @@ export default {
       }
     }
   }
-  ::v-deep(.el-dialog__body) {
+  /deep/.el-dialog__body {
     padding: 10px 30px;
   }
 
@@ -738,7 +734,7 @@ export default {
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    height: 100%;
+    height: 400px;
     .el-button + .el-button {
       margin-left: 0;
       margin-top: 20px;
@@ -747,14 +743,14 @@ export default {
   .right-table {
     margin-top: 10px;
     height: 400px;
-    ::v-deep(.el-table__inner-wrapper) {
+    /deep/ .el-table__inner-wrapper {
       height: 100%;
     }
-    ::v-deep(.el-table__header-wrapper),
-    ::v-deep(.el-table__header) {
+    /deep/.el-table__header-wrapper,
+    .el-table__header {
       height: 40px;
     }
-    ::v-deep(.el-table__body-wrapper) {
+    /deep/.el-table__body-wrapper {
       height: calc(100% - 40px);
       overflow-y: auto;
     }