选址因子样式修改,表格样式提取公共组件

src/views/complianceAnalysis/ghzc.scss

@@ -349,4 +349,71 @@
 .el-collapse-item__header:active {
     background-color: #40a0ff6c !important;
     /* 鼠标悬浮和点击时的背景色 */
-}
+}
+
+.el-cascader--mini{
+    width: 100% !important;
+}
+.el-radio__inner{
+    background-color: #b6e1ff3b;
+}
+
+
+.el-table {
+    background-color: transparent !important;
+    // border: none;
+    color: #cddeeb;
+  }
+ .el-table--border {
+    border-radius: 5px;
+  }
+ .el-table tr {
+    background-color: transparent !important;
+    color: #cddeeb;
+    height: 43px;
+  }
+ .el-table .el-table__cell {
+    background-color: transparent !important;
+    padding: 0 !important;
+  }
+
+ .el-table td.el-table__cell,
+  .el-table th.el-table__cell.is-leaf {
+    border-bottom: 1px solid #667e8f7c !important;
+  }
+
+  // 设置表头的颜色
+.el-table thead tr > th {
+    width: 100%;
+    background-color: #0a2450;
+    color: #cddeeb;
+    border: none;
+  }
+  // 去除每行的边框
+.el-table tbody tr > td {
+    // background-color: rgb(26,28,119);
+    color: #cddeeb;
+    border: none;
+  }
+ .el-table thead {
+    background-color: #0a2450 !important;
+  }
+
+  .el-table--border, .el-table--group{
+    border: none;
+  }
+  .el-table::before{
+    background-color: transparent !important;
+  }
+  .el-table--border::after{
+    background-color: transparent !important;
+
+  }
+  //表格有边框
+  .el-table--border .el-table__cell{
+    border: none;
+  }
+//树结构选中子集时父级的背景色
+  .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{
+    background-color: transparent !important;
+  }

src/views/siteselection/components/fzxz.vue

@@ -63,8 +63,9 @@
         <el-cascader
           v-model="ruleForm.ydlx"
           :options="cascaderOptions"
-          :props="{ expandTrigger: 'hover' }"
+          :props="{ expandTrigger: 'hover', checkStrictly: true }"
           @change="handleChange"
+          :show-all-levels="false"
           size="mini"
         ></el-cascader>
       </el-form-item>
@@ -435,7 +436,6 @@ export default {
       });
 
       this.cascaderOptions = childArr; //为Cascader的options值
-
     });
   },
   methods: {
@@ -484,16 +484,14 @@ export default {
       //   default:
       //     break;
       // }
-      if (val == "C") {
+      if (val == "identity") {
         return "范围内";
-      } else if (val == "N") {
+      } else if (val == "n_identity") {
         return "范围外";
-      } else if (val == "A") {
+      } else if (val == "contain") {
         return "距离包含";
-      } else if (val == "B") {
+      } else if (val == "n_contain") {
         return "距离不包含";
-      } else if (val == "F") {
-        return "分析";
       }
     },
     yzpz() {
@@ -527,45 +525,7 @@ export default {
     // padding: 7px;
     margin-bottom: 10px;
     overflow-y: auto;
-    /deep/ .el-table {
-      background-color: transparent !important;
-      // border: none;
-      color: #cddeeb;
-    }
-    /deep/ .el-table--border {
-      border-radius: 5px;
-    }
-    /deep/ .el-table tr {
-      background-color: transparent !important;
-      color: #cddeeb;
-      height: 43px;
-    }
-    /deep/ .el-table .el-table__cell {
-      background-color: transparent !important;
-      padding: 0 !important;
-    }
-
-    /deeep/ .el-table td.el-table__cell,
-    .el-table th.el-table__cell.is-leaf {
-      border-bottom: 1px solid #667e8f7c !important;
-    }
 
-    // 设置表头的颜色
-    /deep/.el-table thead tr > th {
-      width: 100%;
-      background-color: #0a2450;
-      color: #cddeeb;
-      border: none;
-    }
-    // 去除每行的边框
-    /deep/.el-table tbody tr > td {
-      // background-color: rgb(26,28,119);
-      color: #cddeeb;
-      border: none;
-    }
-    /deep/ .el-table thead {
-      background-color: #0a2450 !important;
-    }
     // 设置行的背景颜色
     // /deep/ .el-table tr:nth-child(even) {
     //   background-color: transparent !important;