From ff01e654442ee6bd83dfe29701dfb465f9163c1f Mon Sep 17 00:00:00 2001 From: xiangpei <xiangpei@timesnew.cn> Date: 星期二, 03 九月 2024 11:50:38 +0800 Subject: [PATCH] 点位在线率table优化 --- src/views/system/data-manage/data-detail/list.js | 14 +++++++++++++- src/views/system/data-manage/data-detail/index.vue | 18 +++++++++++++++--- 2 files changed, 28 insertions(+), 4 deletions(-) diff --git a/src/views/system/data-manage/data-detail/index.vue b/src/views/system/data-manage/data-detail/index.vue index 0f60c0a..e10f30b 100644 --- a/src/views/system/data-manage/data-detail/index.vue +++ b/src/views/system/data-manage/data-detail/index.vue @@ -82,9 +82,11 @@ <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> </el-row> + <right-toolbar :showSearch.sync="showSearch" @queryTable="handleQuery" :columns="showList"></right-toolbar> + <div v-if="tableData.list && tableData.list.length >0"> <el-table v-loading="loading" :data="tableData.list"> - <el-table-column :prop="item.prop" :label="item.label" :width="item.width" v-for="(item, index) in tableHead" :key="index" v-if="item"/> + <el-table-column :prop="item.prop" :label="item.label" :width="item.width" v-for="(item, index) in tableHead" :key="index" v-if="showListPD(item)"/> </el-table> </div> <el-empty v-else description="鏆傛棤鏁版嵁"></el-empty> @@ -238,6 +240,7 @@ ], }, + showList: [], tableHead: [], cardList: [], index: null @@ -261,10 +264,10 @@ this.index = this.$route.query.index; if (this.$route.query.type === '1') { let data = videoData.table.filter(item => item.index === this.$route.query.index)[0] - this.tableHead = data.columns; this.cardList = data.card; - console.log(this.cardList, "wcnm") + console.log(data) + this.showList = data.showList; } if (this.$route.query.type === '2') { let data = carData.table.filter(item => item.index === this.$route.query.index)[0] @@ -284,6 +287,15 @@ this.getList(); }, methods: { + showListPD(item) { + let arr = this.showList.filter(d => d.label === item.label) + if (item && (!arr || arr.length <1)) { + return true; + } else { + return item && arr && arr.length > 0 && arr[0].visible + } + + }, /** 淇敼鎸夐挳鎿嶄綔 */ handleResourceUpdate(row) { this.reset("resourceForm"); diff --git a/src/views/system/data-manage/data-detail/list.js b/src/views/system/data-manage/data-detail/list.js index 08a0b61..03d4a6e 100644 --- a/src/views/system/data-manage/data-detail/list.js +++ b/src/views/system/data-manage/data-detail/list.js @@ -775,7 +775,19 @@ }, ] } - ] + ], + showList: [ + { key: 0, label: `瑙g爜鐘舵�佺爜`, visible: false }, + { key: 1, label: `sip鐘舵�佺爜`, visible: false }, + { key: 2, label: `淇′护鏃跺欢`, visible: false }, + { key: 3, label: `icmp寤惰繜`, visible: false }, + { key: 3, label: `鍏抽敭甯ф椂寤禶, visible: false }, + { key: 3, label: `鏈�杩戞寔缁绾挎晠闅滄椂闂碻, visible: false }, + { key: 3, label: `瑙嗛娴佹椂寤禶, visible: false }, + { key: 3, label: `宸℃娆℃暟`, visible: false }, + { key: 3, label: `鐪佸巺鏍囩`, visible: false }, + { key: 3, label: `鐪佸巺鏍囩鍒楄〃`, visible: false }, + ], }, { title: "褰曞儚鍙敤鐜�", -- Gitblit v1.8.0