样式微调

src/views/siteselection/components/fzxz.vue

@@ -71,8 +71,14 @@
       <el-table :data="tableData" border style="width: 100%">
         <el-table-column prop="name" label="因子名称" show-overflow-tooltip>
         </el-table-column>
-        <el-table-column prop="sjy" label="条件" show-overflow-tooltip>
+        <!-- <el-table-column prop="condition" label="条件" show-overflow-tooltip>
+        </el-table-column> -->
+        <el-table-column label="条件" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <span>{{ yztj(scope.row.condition) }}</span>
+          </template>
         </el-table-column>
+
         <el-table-column prop="value" label="值" show-overflow-tooltip>
         </el-table-column>
       </el-table>
@@ -80,7 +86,7 @@
     <div class="bottomBtns">
       <el-button round class="btn-style" @click="reset">重置</el-button>
       <el-button type="primary" round class="btn-style" @click="submitData">
-        检查</el-button
+        确定</el-button
       >
     </div>
     <yxyzPop :dialogVisible="dialogVisible" :tableData="tableData"></yxyzPop>
@@ -386,8 +392,31 @@ export default {
       ],
     };
   },
+  computed: {},
   mounted() {},
   methods: {
+    // 影响因子条件展示
+    yztj(val) {
+      // switch (val) {
+      //   case 'C':
+      //     return ''
+      //     break;
+
+      //   default:
+      //     break;
+      // }
+      if (val == "C") {
+        return "范围内";
+      } else if (val == "N") {
+        return "范围外";
+      } else if (val == "A") {
+        return "距离包含";
+      } else if (val == "B") {
+        return "距离不包含";
+      } else if (val == "F") {
+        return "分析";
+      }
+    },
     yzpz() {
       this.dialogVisible = true;
     },
@@ -401,7 +430,7 @@ export default {
 
   .treeDiv {
     width: 100%;
-    height: calc(100% - 250px);
+    height: calc(100% - 400px);
     padding: 7px;
     margin-bottom: 10px;
     overflow-y: auto;

src/views/siteselection/ghxz.scss

@@ -1,192 +0,0 @@
-.ghzc {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-
-    .innerContainer {
-        width: 430px;
-        height: 800px; //calc(100% - 20px);
-        position: absolute;
-        top: 28px;
-        z-index: 99;
-        background-image: url("/static/images/ghzc/background.png");
-        background-size: 100% 100%;
-    }
-
-    .leftPane {
-        left: 20px;
-
-        .vl-notice-title {
-            box-sizing: border-box;
-            width: 100%;
-            height: 42px;
-            background: url("/static/images/ghzc/title.png") no-repeat !important;
-            background-size: 100% 100% !important;
-            line-height: 43px;
-            font-size: 14px;
-            padding-left: 15px;
-            display: flex;
-            position: relative;
-            overflow: hidden;
-            cursor: move;
-        }
-    }
-
-    .rightPane {
-        right: 10px;
-    }
-
-    .xz_box {
-        width: 100%;
-        height: calc(100% - 42px);
-        padding: 1rem;
-        background: transparent;
-        border-color: transparent;
-
-        // tabs样式
-        .el-tabs__header {
-            height: 40px;
-            background: transparent;
-            border-bottom: none;
-        }
-
-        .el-tabs__item {
-            height: 40px;
-            line-height: 40px;
-            border-bottom: 2px solid #fff;
-        }
-
-        .el-tabs__item.is-active {
-            background: transparent;
-            border-color: transparent;
-            border-bottom-color: #409EFF;
-        }
-
-        .el-tabs__content {
-            padding: 0px !important;
-            overflow-x: auto;
-            height: calc(100% - 40px);
-            box-sizing: border-box;
-            padding-top: 10px !important;
-
-            .el-tab-pane {
-                height: 100%;
-            }
-        }
-
-        .el-form-item {
-            margin-bottom: 0 !important;
-        }
-
-        // .el-form-item__content {
-        //     line-height: 45px;
-        // }
-
-        // .el-form-item__label {
-        //     line-height: 45px;
-        // }
-        .bottomBtns {
-            width: 70%;
-            margin-left: 15%;
-            display: flex;
-            justify-content: space-between;
-            text-align: center;
-        }
-    }
-
-    input::-webkit-outer-spin-button,
-    input::-webkit-inner-spin-button {
-        -webkit-appearance: none;
-    }
-
-    input[type="number"] {
-        -moz-appearance: textfield;
-    }
-
-    .block-title {
-        color: #fff;
-        padding-left: 10px;
-
-        // &::after {
-        //   position: absolute;
-        //   content: "";
-        //   background: #3a8ee6;
-        //   left: 0;
-        //   top: 3px;
-        //   width: 5px;
-        //   height: 15px;
-        //   border-radius: 3px;
-        // }
-    }
-}
-
-.flex-box {
-    display: flex;
-
-    &.column {
-        flex-direction: column;
-    }
-
-    &.align-center {
-        align-items: center;
-    }
-
-    &.align-between {
-        align-items: space-between;
-    }
-
-    &.align-end {
-        align-items: flex-end;
-    }
-
-    &.align-around {
-        align-items: space-around;
-    }
-
-    &.justify-center {
-        justify-content: center;
-    }
-
-    &.justify-between {
-        justify-content: space-between;
-    }
-
-    &.justify-end {
-        justify-content: flex-end;
-    }
-
-    &.justify-around {
-        justify-content: space-around;
-    }
-
-    .flex-content {
-        flex: 1;
-    }
-
-    &.nowrap {
-        flex-wrap: nowrap;
-    }
-
-    &.wrap {
-        flex-wrap: wrap;
-    }
-}
-
-// 占满容器
-.max-box {
-    width: 100%;
-    height: 100%;
-}
-
-.max-width {
-    width: 100%;
-}
-
-.max-height {
-    height: 100%;
-}
-
-// ie盒模型
-.box-sizing {
-    box-sizing: border-box;
-}

src/views/siteselection/index.vue

@@ -142,5 +142,5 @@ export default {
 }
 </style>
 <style lang="scss">
-@import "ghxz";
+@import "../complianceAnalysis//ghzc.scss";
 </style>