级联查询土地现状和权属应陈丽要求调整

src/components/Query/clickQuery/MultiLevelQuery.vue

@@ -9,7 +9,7 @@
         </el-tab-pane>
 
         <el-tab-pane :label="item.name" :name="item.name" v-for="(item, index) in store.state.query_pick_pane" :key="index">
-            <pie class="echart" unit="亩" @echartClick="(name)=>echartClick(name,item.value)" :ref="`echartRef`"></pie>
+            <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">
                 <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"
@@ -66,7 +66,9 @@ export default {
     },
     setEchart(data, type, index) {
       this.$nextTick(() => {
-        this.$refs.echartRef[index].setOptions({ data, type, max: 3 });
+        let max = index == 0 ? 3 : 10
+        let legend_right= index == 0 ? "2%" : "10%"
+        this.$refs.echartRef[index].setOptions({ data, type, max,legend_right });
       });
     },
     echartClick(name,datas){
@@ -123,7 +125,7 @@ export default {
                     let flag = true;
                     let time = setInterval(() => {
                         flag = !flag
-                        that.switch_show(flag);
+                        this.switch_show(flag);
                     }, 500);
                     setTimeout(() => {
                         clearInterval(time);
@@ -235,7 +237,7 @@ export default {
                                 let edata = []
                                 store.state.query_pick_pane.push({
                                     name: element.dataname,
-                                    value: element.data
+                                    value: element.dataname=='土地现状' ? [] : element.data
                                 });
 
                                 element.data.forEach(e => {
@@ -429,6 +431,9 @@ export default {
     width: 300px;
     height: 420px;
 }
+.echart1{
+    height: 280px;
+}
 .multi_level_query_table {
     position: absolute;
     top: 7rem;

src/components/echartsTemplate/pie.vue

@@ -190,8 +190,8 @@ export default {
       if (cartData.type == "vertical") {
         option.series[0].radius = ["27%", "42%"];
         option.series[0].center = ["50%", "30%"];
-        option.legend.height = "43%";
-        option.legend.top = "55%";
+        option.legend.height = "40%";
+        option.legend.top = "60%";
         option.legend.orient = "horizontal";
       } else {
         option.series[0].radius = ["45%", "70%"];
@@ -227,6 +227,9 @@ export default {
       this.myChart.on("legendselectchanged", function (params) {
         _this.$emit("echartClick", params.name, params.selected[params.name]);
       });
+      this.myChart.on("click", function (params) {
+        _this.$emit("echartClick", params.name);
+      });
       // }
     },
   },