样式和多级查询修改

src/components/Combinations/LayerManage/LayerManage.scss

@@ -60,7 +60,9 @@
     overflow-x: hidden;
     height: 600px;
 }
-.zymlsplit,.collectsplit{
+
+.zymlsplit,
+.collectsplit {
     height: 300px;
 }
 
@@ -128,6 +130,10 @@
 .el-tree {
     background: transparent !important;
     color: white !important;
+
+    .is-disabled {
+        display: none;
+    }
 }
 
 .el-tree-node__content {

src/components/Combinations/LayerManage/LayerManageSplit.vue

@@ -279,10 +279,8 @@ export default {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 @import "./LayerManage.scss";
 
-.is-disabled {
-  display: none;
-}
+
 </style>

src/components/Query/clickQuery/MultiLevelQuery.vue

@@ -33,9 +33,15 @@
 
         </el-tab-pane>
         <el-tab-pane label="自定义" name="自定义">
+            <el-input clearable v-model="state" @input="change_witch" class="search" placeholder="请输入内容"></el-input>
+            <el-checkbox-group v-model="activecheckList">
+                <el-checkbox :label="item.label" v-for="(item, index) in check_list" :key="index"
+                    :disabled="item.ckeck"></el-checkbox>
+
+            </el-checkbox-group>
             <div style="margin-bottom: 20px;">
                 <el-button size="small" @click="addTab()">
-                    add tab
+                    添加
                 </el-button>
             </div>
         </el-tab-pane>
@@ -67,7 +73,10 @@ export default {
             pick_entity_geo: null,
             eclickname: '',
             echartList: {},
-            tabIndex: 2
+            tabIndex: 2,
+            state: '',
+            activecheckList: [],
+            check_list: [{ label: '三调', ckeck: true }, { label: '权属', ckeck: true }, { label: '农用' }, { label: '上映' }]
         };
     },
     //监听属性 类似于data概念
@@ -76,6 +85,27 @@ export default {
     watch: {},
     //方法集合
     methods: {
+        change_witch() {
+            if (word.length == 0) {
+                this.active_dableData = this.tableData;
+                console.log('this.active_dableData: ', this.active_dableData);
+            } else {
+                // console.log('this.tableData: ', this.tableData);
+                // this.active_dableData = this.tableData.filter((item) => {
+                //     item.项目名称.indexOf(word) >= 0
+                // })
+                console.log('this.tableData: ', this.word);
+
+                this.active_dableData = this.tableData.filter((item) => {
+                    console.log('item: ', item);
+                    if (item[this.word] && word) {
+                        return item[this.word].indexOf(word) >= 0;
+                    }
+                    return false;
+                })
+
+            }
+        },
         removeTab(targetName) {
             let tabs = store.state.query_pick_pane;
             let activeName = this.activeName;
@@ -94,15 +124,32 @@ export default {
             store.state.query_pick_pane = tabs.filter(tab => tab.name !== targetName);
         },
         addTab() {
-            let newTabName = ++this.tabIndex + '';
-            store.state.query_pick_pane.push({
-            
-                name: newTabName,
-                value: [1,2,3,4],// element.data
-                close: 'closable'
-              
-            });
-            this.activeName = newTabName;
+            // let newTabName = ++this.tabIndex + '';
+            // store.state.query_pick_pane.push({
+
+            //     name: newTabName,
+            //     value: [1, 2, 3, 4],// element.data
+            //     close: 'closable'
+
+            // });
+            // this.activeName = newTabName;
+
+
+            this.activecheckList.forEach((res) => {
+                console.log('res: ', res);
+
+
+                store.state.query_pick_pane.push({
+
+                    name: res,
+                    value: [1, 2, 3, 4],// element.data
+                    close: 'closable'
+
+                });
+
+                this.activeName = res;
+
+            })
         },
         compute(mj) {
             return mj ? (mj * 0.0015).toFixed(2) : 0;
@@ -259,14 +306,14 @@ export default {
                 };
 
                 const wkt = wellknown.stringify(geojsonPoint);
-                let id = store.state.vectorlayerlist[store.state.vectorlayerlist.length - 1].id
+                // let id = store.state.vectorlayerlist[store.state.vectorlayerlist.length - 1].id
                 let obj = {
                     // "wkt": 'POINT (109.51207847188947 18.311530254307392)', //单面
                     // "wkt": 'POINT (109.50728022974468 18.318266593715794)', //多面
                     "wkt": wkt,
 
-                    // "id": 'dd699f839bc04969ae2dc2e1964d0ad1',
-                    "id": id,
+                    "id": 'dd699f839bc04969ae2dc2e1964d0ad1',
+                    // "id": id,
 
                 }
                 GetTableData(obj).then(res => {
@@ -335,7 +382,7 @@ export default {
                 })
 
 
-                this.highlightResults(longitude, latitude);
+                // this.highlightResults(longitude, latitude);
 
                 that.handler_multi_level_query.destroy();
                 that.handler_multi_level_query = null;
@@ -565,7 +612,7 @@ export default {
     deactivated() { } //若组件实例是 <KeepAlive> 缓存树的一部分，当组件从 DOM 中被移除时调用。
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .el-collapse {
     // width: 95%;
     border: none;
@@ -658,6 +705,14 @@ export default {
 .filed_box {
     display: inline-block;
 }
+
+.el-checkbox {
+    color: white;
+}
+
+.is-disabled {
+    display: inline;
+}
 </style>