修改逻辑与样式

src/views/complianceAnalysis/ghzc.scss

@@ -420,4 +420,38 @@
 //树结构选中子集时父级的背景色
   .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{
     background-color: transparent !important;
-  }
+  }
+
+
+
+
+//   .el-cascader-node {
+//     color: #fff !important;
+//   }
+  
+//   .el-cascader-node:hover {
+//     color: #fff !important;
+//     background-color: rgba(255, 255, 255, 0.35) !important;
+//   }
+  
+//   .el-cascader-node:not(.is-disabled):focus {
+//     background-color: rgba(4, 28, 50, 0.5) !important;
+//   }
+  
+//   .el-checkbox__input>.el-checkbox__inner {
+//     border: 1px solid #96a9b7;
+//     background-color: rgba(4, 28, 50, 0.6);
+//   }
+// .el-select-dropdown__item.hover,
+// .el-select-dropdown__item:hover {
+//   color: #fff !important;
+//   background-color: rgba(255, 255, 255, 0.35) !important;
+// }
+
+// .el-cascader__dropdown,
+// .el-picker-panel,
+// .el-picker-panel__footer {
+//   color: #fff !important;
+//   background-color: rgba(4, 28, 50, 0.5) !important;
+//   border: 1px solid rgba(15, 122, 200, 0.4) !important;
+// }

src/views/siteselection/components/fzxz.vue

@@ -66,13 +66,21 @@
       <el-form-item label="用地面积" required>
         <el-col :span="11">
           <el-form-item prop="ydmjs">
-            <el-input v-model="ruleForm.ydmjs" size="mini"></el-input>
+            <el-input
+              Onkeyup="this.value=this.value.replace(/[^\d^\.]+/g,'').replace(/^0+(\d)/,'$1').replace(/^\./,'0.').match(/\d+.?\d{0,2}/);this.dispatchEvent(new Event('input'))"
+              v-model="ruleForm.ydmjs"
+              size="mini"
+            ></el-input>
           </el-form-item>
         </el-col>
         <el-col class="line" :span="2">-</el-col>
         <el-col :span="11">
           <el-form-item prop="ydmje">
-            <el-input v-model="ruleForm.ydmje" size="mini"></el-input>
+            <el-input
+              Onkeyup="this.value=this.value.replace(/[^\d^\.]+/g,'').replace(/^0+(\d)/,'$1').replace(/^\./,'0.').match(/\d+.?\d{0,2}/);this.dispatchEvent(new Event('input'))"
+              v-model="ruleForm.ydmje"
+              size="mini"
+            ></el-input>
           </el-form-item>
         </el-col>
       </el-form-item>

src/views/siteselection/components/yxyzPop.vue

@@ -10,7 +10,7 @@
     >
       <el-row>
         <el-col :span="6">
-          <div>可选因子</div>
+          <div class="yztitle">可选因子</div>
           <el-scrollbar class="left-tree">
             <el-tree
               :data="options"
@@ -35,7 +35,7 @@
           </div>
         </el-col>
         <el-col :span="16">
-          <div>已选因子</div>
+          <div class="yztitle">已选因子</div>
           <el-table
             :data="dialogData"
             border
@@ -53,7 +53,10 @@
                   v-model="scope.row.condition"
                   placeholder="请选择"
                   class="input-style"
-                  v-if="scope.row.condition == 'identity' || scope.row.condition == 'n_identity'"
+                  v-if="
+                    scope.row.condition == 'identity' ||
+                    scope.row.condition == 'n_identity'
+                  "
                 >
                   <el-option
                     v-for="item in conditionList1"
@@ -67,7 +70,10 @@
                   v-model="scope.row.condition"
                   placeholder="请选择"
                   class="input-style"
-                  v-if="scope.row.condition == 'contain' || scope.row.condition == 'n_contain'"
+                  v-if="
+                    scope.row.condition == 'contain' ||
+                    scope.row.condition == 'n_contain'
+                  "
                 >
                   <el-option
                     v-for="item in conditionList2"
@@ -82,10 +88,10 @@
             <el-table-column prop="value" label="约束值(m)" width="120">
               <template slot-scope="scope">
                 <el-input
+                  Onkeyup="this.value=this.value.replace(/[^\d^\.]+/g,'').replace(/^0+(\d)/,'$1').replace(/^\./,'0.').match(/\d+.?\d{0,2}/);this.dispatchEvent(new Event('input'))"
                   v-model="scope.row.value"
                   placeholder="距离"
                   class="input-style font-14"
-                  type="number"
                 ></el-input>
                 <!-- :disabled="scope.row.condition == 'F'" -->
               </template>
@@ -120,423 +126,8 @@ export default {
       },
       dialogVisible: false,
       options: [],
-      kxyzList:[],
-      tempList:[],
-      // kxyzList: [
-      //   {
-      //     bsm: "BWG",
-      //     yxyzmc: "博物馆",
-      //     level: 1,
-      //     parent_bsm: "GGFWSS",
-      //     has_yxz: true,
-      //     spatial_type: "identity",
-      //   },
-      //   {
-      //     bsm: "CZKFBJ",
-      //     yxyzmc: "城镇开发边界",
-      //     level: 1,
-      //     parent_bsm: "DXGK",
-      //     has_yxz: false,
-      //     spatial_type: "contain",
-      //   },
-      //   {
-      //     bsm: "DL",
-      //     yxyzmc: "电力",
-      //     level: 2,
-      //     parent_bsm: "GX",
-      //     has_yxz: true,
-      //     spatial_type: "identity",
-      //   },
-      //   {
-      //     bsm: "DX",
-      //     yxyzmc: "电信",
-      //     level: 2,
-      //     parent_bsm: "GX",
-      //     has_yxz: true,
-      //     spatial_type: "identity",
-      //   },
-      //   {
-      //     bsm: "DXGK",
-      //     yxyzmc: "底线管控",
-      //     level: 0,
-      //     parent_bsm: null,
-      //     has_yxz: null,
-      //     spatial_type: null,
-      //   },
-      //   {
-      //     bsm: "GGFWSS",
-      //     yxyzmc: "公共服务设施",
-      //     level: 0,
-      //     parent_bsm: null,
-      //     has_yxz: null,
-      //     spatial_type: null,
-      //   },
-      //   {
-      //     bsm: "GL",
-      //     yxyzmc: "公路",
-      //     level: 2,
-      //     parent_bsm: "JT",
-      //     has_yxz: true,
-      //     spatial_type: "identity",
-      //   },
-      //   {
-      //     bsm: "GS",
-      //     yxyzmc: "供水",
-      //     level: 2,
-      //     parent_bsm: "GX",
-      //     has_yxz: true,
-      //     spatial_type: "identity",
-      //   },
-      //   {
-      //     bsm: "GX",
-      //     yxyzmc: "管线",
-      //     level: 1,
-      //     parent_bsm: "SZSS",
-      //     has_yxz: null,
-      //     spatial_type: null,
-      //   },
-      //   {
-      //     bsm: "GY",
-      //     yxyzmc: "公园",
-      //     level: 1,
-      //     parent_bsm: "GGFWSS",
-      //     has_yxz: true,
-      //     spatial_type: "identity",
-      //   },
-      //   {
-      //     bsm: "JT",
-      //     yxyzmc: "交通",
-      //     level: 1,
-      //     parent_bsm: "SZSS",
-      //     has_yxz: null,
-      //     spatial_type: null,
-      //   },
-      //   {
-      //     bsm: "JYZ",
-      //     yxyzmc: "加油站",
-      //     level: 2,
-      //     parent_bsm: "JT",
-      //     has_yxz: true,
-      //     spatial_type: "identity",
-      //   },
-      //   {
-      //     bsm: "LD",
-      //     yxyzmc: "绿地",
-      //     level: 1,
-      //     parent_bsm: "GGFWSS",
-      //     has_yxz: true,
-      //     spatial_type: "identity",
-      //   },
-      //   {
-      //     bsm: "LJCLSS",
-      //     yxyzmc: "垃圾处理设施",
-      //     level: 2,
-      //     parent_bsm: "QT",
-      //     has_yxz: true,
-      //     spatial_type: "identity",
-      //   },
-      //   {
-      //     bsm: "PS",
-      //     yxyzmc: "排水",
-      //     level: 2,
-      //     parent_bsm: "GX",
-      //     has_yxz: true,
-      //     spatial_type: "identity",
-      //   },
-      //   {
-      //     bsm: "QT",
-      //     yxyzmc: "其他",
-      //     level: 1,
-      //     parent_bsm: "SZSS",
-      //     has_yxz: null,
-      //     spatial_type: null,
-      //   },
-      //   {
-      //     bsm: "RQ",
-      //     yxyzmc: "燃气",
-      //     level: 2,
-      //     parent_bsm: "GX",
-      //     has_yxz: true,
-      //     spatial_type: "identity",
-      //   },
-      //   {
-      //     bsm: "STBHHX",
-      //     yxyzmc: "生态保护红线",
-      //     level: 1,
-      //     parent_bsm: "DXGK",
-      //     has_yxz: false,
-      //     spatial_type: "contain",
-      //   },
-      //   {
-      //     bsm: "SY",
-      //     yxyzmc: "输油",
-      //     level: 2,
-      //     parent_bsm: "GX",
-      //     has_yxz: true,
-      //     spatial_type: "identity",
-      //   },
-      //   {
-      //     bsm: "SZSS",
-      //     yxyzmc: "市政设施",
-      //     level: 0,
-      //     parent_bsm: null,
-      //     has_yxz: null,
-      //     spatial_type: null,
-      //   },
-      //   {
-      //     bsm: "TCC",
-      //     yxyzmc: "停车场",
-      //     level: 2,
-      //     parent_bsm: "JT",
-      //     has_yxz: true,
-      //     spatial_type: "identity",
-      //   },
-      //   {
-      //     bsm: "TL",
-      //     yxyzmc: "铁路",
-      //     level: 2,
-      //     parent_bsm: "JT",
-      //     has_yxz: true,
-      //     spatial_type: "identity",
-      //   },
-      //   {
-      //     bsm: "TSG",
-      //     yxyzmc: "图书馆",
-      //     level: 1,
-      //     parent_bsm: "GGFWSS",
-      //     has_yxz: true,
-      //     spatial_type: "identity",
-      //   },
-      //   {
-      //     bsm: "TYG",
-      //     yxyzmc: "体育馆",
-      //     level: 1,
-      //     parent_bsm: "GGFWSS",
-      //     has_yxz: true,
-      //     spatial_type: "identity",
-      //   },
-      //   {
-      //     bsm: "WSCLC",
-      //     yxyzmc: "污水处理厂",
-      //     level: 2,
-      //     parent_bsm: "QT",
-      //     has_yxz: true,
-      //     spatial_type: "identity",
-      //   },
-      //   {
-      //     bsm: "XX",
-      //     yxyzmc: "学校",
-      //     level: 1,
-      //     parent_bsm: "GGFWSS",
-      //     has_yxz: true,
-      //     spatial_type: "identity",
-      //   },
-      //   {
-      //     bsm: "YJJBNT",
-      //     yxyzmc: "永久基本农田",
-      //     level: 1,
-      //     parent_bsm: "DXGK",
-      //     has_yxz: false,
-      //     spatial_type: "identity",
-      //   },
-      //   {
-      //     bsm: "YY",
-      //     yxyzmc: "医院",
-      //     level: 1,
-      //     parent_bsm: "GGFWSS",
-      //     has_yxz: true,
-      //     spatial_type: "identity",
-      //   },
-      //   {
-      //     bsm: "ZRWHBHQ",
-      //     yxyzmc: "自然文化保护区",
-      //     level: 1,
-      //     parent_bsm: "DXGK",
-      //     has_yxz: false,
-      //     spatial_type: "identity",
-      //   },
-      //   {
-      //     bsm: "ZYCRK",
-      //     yxyzmc: "主要出入口",
-      //     level: 2,
-      //     parent_bsm: "JT",
-      //     has_yxz: true,
-      //     spatial_type: "identity",
-      //   },
-      // ],
-
-      // tempList: [
-      //   {
-      //     bsm: "CZKFBJ",
-      //     yxyzmc: "城镇开发边界",
-      //     yztj: "C",
-      //     yxz: null,
-      //     lx: "FZXZ01",
-      //     sjlx: "SDE",
-      //     sjy: "SDE.CZKFBJ_150502_202212",
-      //     gltj: null,
-      //     fxjg_c: "地块位于城镇开发边界以内",
-      //     fxjg_n: "地块位于城镇开发边界以外",
-      //   },
-      //   {
-      //     bsm: "YJJBNT",
-      //     yxyzmc: "永久基本农田",
-      //     yztj: "N",
-      //     yxz: null,
-      //     lx: "FZXZ01",
-      //     sjlx: "SDE",
-      //     sjy: "SDE.YJJBNTBHTB_150502_202212",
-      //     gltj: null,
-      //     fxjg_c: "地块位于永久基本农田以内",
-      //     fxjg_n: "地块未压占永久基本农田",
-      //   },
-      //   {
-      //     bsm: "STBHHX",
-      //     yxyzmc: "生态保护红线",
-      //     yztj: "N",
-      //     yxz: null,
-      //     lx: "FZXZ01",
-      //     sjlx: "SDE",
-      //     sjy: "SDE.STBHHX_150502_202212",
-      //     gltj: null,
-      //     fxjg_c: "地块位于生态保护红线以内",
-      //     fxjg_n: "地块未压占生态保护红线以内",
-      //   },
-      //   {
-      //     bsm: "SCHOOL",
-      //     yxyzmc: "学校",
-      //     yztj: "N",
-      //     yxz: null,
-      //     lx: "FZXZ02",
-      //     sjlx: "SDE",
-      //     sjy: "BASEPORDOS.Ordos_V_BUCP",
-      //     gltj: "GB = '340101'",
-      //     fxjg_c: "地块{YXZ}米范围内包含{COUNT}座学校，分别是{[YZ.NAME]}；",
-      //     fxjg_n:
-      //       "地块{YXZ}米范围内不包含学校，距离最近的{YZ.NAME}直线距离约{DIST}米；",
-      //   },
-      //   {
-      //     bsm: "HOSPITAL",
-      //     yxyzmc: "医院",
-      //     yztj: "N",
-      //     yxz: null,
-      //     lx: "FZXZ02",
-      //     sjlx: "SDE",
-      //     sjy: "BASEPORDOS.Ordos_V_BUCP",
-      //     gltj: "GB = '340102'",
-      //     fxjg_c: "地块{YXZ}米范围内包含{COUNT}座医院，分别是{[YZ.NAME]}；",
-      //     fxjg_n:
-      //       "地块{YXZ}米范围内不包含医院，距离最近的{YZ.NAME}直线距离约{DIST}米；",
-      //   },
-      //   {
-      //     bsm: "PARK",
-      //     yxyzmc: "公园",
-      //     yztj: "N",
-      //     yxz: null,
-      //     lx: "FZXZ02",
-      //     sjlx: "SDE",
-      //     sjy: null,
-      //     gltj: null,
-      //     fxjg_c: null,
-      //     fxjg_n: null,
-      //   },
-      //   {
-      //     bsm: "JZXQ",
-      //     yxyzmc: "居住小区",
-      //     yztj: "N",
-      //     yxz: null,
-      //     lx: "FZXZ02",
-      //     sjlx: "SDE",
-      //     sjy: null,
-      //     gltj: null,
-      //     fxjg_c: null,
-      //     fxjg_n: null,
-      //   },
-      //   {
-      //     bsm: "KCZYKZX",
-      //     yxyzmc: "矿产资源控制线",
-      //     yztj: "N",
-      //     yxz: null,
-      //     lx: "FZXZ01",
-      //     sjlx: "SDE",
-      //     sjy: "KJGH_QY.KCZYKZX",
-      //     gltj: null,
-      //     fxjg_c: null,
-      //     fxjg_n: null,
-      //   },
-      //   {
-      //     bsm: "LSWHBHX",
-      //     yxyzmc: "历史文化保护线",
-      //     yztj: "N",
-      //     yxz: null,
-      //     lx: "FZXZ01",
-      //     sjlx: "SDE",
-      //     sjy: "KJGH_QY.LSWHBHX",
-      //     gltj: null,
-      //     fxjg_c: null,
-      //     fxjg_n: null,
-      //   },
-      //   {
-      //     bsm: "JD",
-      //     yxyzmc: "景点",
-      //     yztj: "N",
-      //     yxz: null,
-      //     lx: "FZXZ02",
-      //     sjlx: "SDE",
-      //     sjy: null,
-      //     gltj: null,
-      //     fxjg_c: null,
-      //     fxjg_n: null,
-      //   },
-      //   {
-      //     bsm: "ZXCQCSLX",
-      //     yxyzmc: "中心城区城市蓝线",
-      //     yztj: "N",
-      //     yxz: null,
-      //     lx: "FZXZ01",
-      //     sjlx: "SDE",
-      //     sjy: "KJGH_QY.ZXCQCSLX",
-      //     gltj: null,
-      //     fxjg_c: null,
-      //     fxjg_n: null,
-      //   },
-      //   {
-      //     bsm: "ZXCQCSLVX",
-      //     yxyzmc: "中心城区城市绿线",
-      //     yztj: "N",
-      //     yxz: null,
-      //     lx: "FZXZ01",
-      //     sjlx: "SDE",
-      //     sjy: "KJGH_QY.ZXCQCSLVX",
-      //     gltj: null,
-      //     fxjg_c: null,
-      //     fxjg_n: null,
-      //   },
-      //   {
-      //     bsm: "ZXCQCSZX",
-      //     yxyzmc: "中心城区城市紫线",
-      //     yztj: "N",
-      //     yxz: null,
-      //     lx: "FZXZ01",
-      //     sjlx: "SDE",
-      //     sjy: "KJGH_QY.ZXCQCSZX",
-      //     gltj: null,
-      //     fxjg_c: null,
-      //     fxjg_n: null,
-      //   },
-      //   {
-      //     bsm: "ZXCQCSHX",
-      //     yxyzmc: "中心城区城市黄线",
-      //     yztj: "N",
-      //     yxz: null,
-      //     lx: "FZXZ01",
-      //     sjlx: "SDE",
-      //     sjy: "KJGH_QY.ZXCQCSHX",
-      //     gltj: null,
-      //     fxjg_c: null,
-      //     fxjg_n: null,
-      //   },
-      // ],
+      kxyzList: [],
+      tempList: [],
       optionsTemp: [],
       selectdialogData: [],
       dialogData: [],
@@ -560,7 +151,6 @@ export default {
     },
   },
   mounted() {
-    console.log(888888);
     this.GetFxyzList();
   },
   methods: {
@@ -571,7 +161,7 @@ export default {
       GetFxyzList().then((res) => {
         this.kxyzList = res.data;
         this.tempList = JSON.parse(JSON.stringify(res.data));
-        this.getTreeList()
+        this.getTreeList();
       });
     },
 
@@ -751,8 +341,14 @@ export default {
 .hgxsc {
   height: 100%;
 }
+.yztitle {
+  color: #fff !important;
+}
 
 .dialog {
+  /deep/.el-dialog__body {
+    color: #fff !important;
+  }
   .left-tree {
     height: 400px;
     overflow-y: auto;
@@ -797,4 +393,7 @@ export default {
     }
   }
 }
+/deep/.el-dialog__body {
+  color: #fff !important;
+}
 </style>

static/css/index.css

@@ -208,7 +208,7 @@ div::-webkit-scrollbar-track {
   display: none;
 }
 
-.el-input>input,
+/* .el-input>input, */
 .el-select-dropdown,
 .el-textarea>textarea {
   color: #fff !important;
@@ -251,7 +251,7 @@ div::-webkit-scrollbar-track {
   color: #20a0fc !important;
 }
 
-.el-button--default,
+/* .el-button--default, */
 .notify-btn-default {
   background: rgba(63, 147, 245, 0.2) !important;
   border-color: #3f93f5 !important;
@@ -323,7 +323,6 @@ div::-webkit-scrollbar-track {
   background-color: rgba(255, 255, 255, 0.35) !important;
 }
 
-/* .el-cascader-node:not(.is-disabled):hover */
 .el-cascader-node:not(.is-disabled):focus {
   background-color: rgba(4, 28, 50, 0.5) !important;
 }
@@ -359,7 +358,7 @@ div::-webkit-scrollbar-track {
 }
 
 .el-message-box {
-  background-color: #02213e9a  !important;
+  background-color: #02213e9a !important;
   border: none !important;
   color: #fff;
 }
@@ -381,19 +380,18 @@ div::-webkit-scrollbar-track {
 
 .el-message-box__headerbtn .el-message-box__close {
   color: #fff !important;
-  /* background-color: rgba(51, 95, 135, 1) !important;
-  border-radius: 4px;
-  padding: 2px; */
   width: 22px;
   height: 22px;
   background: #335F87;
-  border-radius:4px;
+  border-radius: 4px;
   border: 1px solid rgba(123, 162, 198, 0.5);
 }
-.el-message-box__headerbtn{
+
+.el-message-box__headerbtn {
   top: 13px !important;
   border-radius: 4px;
 }
+
 .el-message-box__status.el-icon-warning {
   color: #2d8cf0b3;
 }