Jelajahi Sumber

添加数据

zpf 9 bulan lalu
induk
melakukan
5978989a0d
1 mengubah file dengan 22 tambahan dan 4 penghapusan
  1. 22 4
      src/components/Query/clickQuery/MultiLevelQuery.vue

+ 22 - 4
src/components/Query/clickQuery/MultiLevelQuery.vue

@@ -19,11 +19,16 @@
 
         <el-tab-pane :closable="item.close" :label="item.name" :name="item.name"
             v-for="(item, index) in store.state.query_pick_pane" :key="index">
-            <!-- <pie class="echart" unit="亩" ref="multi_query"></pie> -->
+            <pie class="echart" :class="item.name == '权属' ? 'echart1' : ''" unit="亩" :ref="`echartRef`"></pie>
 
-            <pie class="echart" :class="item.name == '权属' ? 'echart1' : ''" unit="亩"
-                @echartClick="(name) => echartClick(name, item.value)" :ref="`echartRef`"></pie>
 
+            <div class="content_item" v-for="(item, index) in active_tabs_table" :key="index">
+                <div class="item_field" v-for="(e, index_e) in item" :key="index_e" v-if="e.filedZH != '空间信息'">
+                    <span>{{ e.filedZH }}</span>:
+                    <span>{{ e.data }}</span>
+
+                </div>
+            </div>
         </el-tab-pane>
 
         <el-tab-pane label="自定义" name="自定义">
@@ -70,7 +75,8 @@ export default {
             tabIndex: 2,
             state: '',
             activecheckList: [],
-            check_list: [{ label: '三调', ckeck: true }, { label: '权属', ckeck: true }, { label: '农用' }, { label: '上映' }]
+            check_list: [{ label: '三调', ckeck: true }, { label: '权属', ckeck: true }, { label: '农用' }, { label: '上映' }],
+            active_tabs_table: [],
         };
     },
     //监听属性 类似于data概念
@@ -294,6 +300,9 @@ export default {
                 store.state.query_pick_pane.forEach((res) => {
                     if (res.name == tab.name) {
                         let data = [];
+
+                        this.active_tabs_table = res.value.data.data;
+                        console.log('this.active_tabs_table: ', this.active_tabs_table);
                         res.value.data.datalist.forEach((res) => {
                             data.push({
                                 name: res.groupvalue,
@@ -539,6 +548,15 @@ export default {
 .el-table::before {
     background: rgba(10, 25, 38, 0) !important;
 }
+
+.content_item {
+    color: #30fdff;
+
+    .item_field {
+        color: #30fdff;
+
+    }
+}
 </style>