级联查询权属数据前端根据类型筛选

src/components/Query/clickQuery/MultiLevelQuery.vue

@@ -10,7 +10,8 @@
 
         <el-tab-pane :label="item.name" :name="item.name" v-for="(item, index) in store.state.query_pick_pane" :key="index">
             <pie class="echart" :class="item.name == '权属' ? 'echart1' : ''"    unit="亩" @echartClick="(name)=>echartClick(name,item.value)" :ref="`echartRef`"></pie>
-            <el-collapse v-for="(value, index_item) in item.value" :key="index_item" @change="handleChange">
+            <div>{{ eclickname }}</div>
+            <el-collapse v-for="(value, index_item) in echartList[eclickname]" :key="index_item" @change="handleChange">
                 <el-collapse-item :title="'地块' + (index_item + 1)" name="1">
                     <div class="list_vector_multi" v-for="(value_field, index_field) in value" :key="index_field"
                         @click="go(value)" v-if="value_field.filed != 'geom'">
@@ -53,6 +54,8 @@ export default {
             manager_multi_level_vector: null,
             pick_entity: null,
             pick_entity_geo: null,
+            eclickname: '',
+            echartList:{}
         };
     },
     //监听属性 类似于data概念
@@ -72,6 +75,7 @@ export default {
       });
     },
     echartClick(name,datas){
+        this.eclickname = name
         // let click = datas.filter((c) => c.name == name);
         // if (click.length > 0) this.gogeojson(click[0].geom );
     },
@@ -162,6 +166,7 @@ export default {
             // console.log(val);
         },
         handleClick(tab, event) {
+            this.eclickname = ''
             // console.log(tab, event);
         },
         init_handler() {
@@ -237,7 +242,7 @@ export default {
                                 let edata = []
                                 store.state.query_pick_pane.push({
                                     name: element.dataname,
-                                    value: element.dataname=='土地现状' ? [] : element.data
+                                    value: []// element.data
                                 });
 
                                 element.data.forEach(e => {
@@ -257,6 +262,11 @@ export default {
                                         
                                     })
                                         acc[name] = (acc[name] || 0) + value;
+                                        if(element.dataname=='权属')
+                                        {
+                                          if(!this.echartList[name])this.echartList[name]=[]
+                                          this.echartList[name].push(e)
+                                        }
                                         return acc;
                                     }, {});