|
@@ -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>
|
|
|
|
|
|
|