From 414212d6d55f8d3e924787bece138ede7e0ab6af Mon Sep 17 00:00:00 2001 From: fuliqi <fuliqi@qq.com> Date: 星期一, 28 十月 2024 12:19:33 +0800 Subject: [PATCH] 数据中心视频优化完 --- src/views/system/data-manage/data-detail/index.vue | 26 ++++++++++++++++++++++---- 1 files changed, 22 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 0f97f37..00c2aff 100644 --- a/src/views/system/data-manage/data-detail/index.vue +++ b/src/views/system/data-manage/data-detail/index.vue @@ -79,7 +79,7 @@ <el-form-item label="鍏抽敭璇�" prop="bayonetNumber"> <el-input v-model="queryParams.keyword" placeholder="鍏抽敭璇嶆悳绱�" clearable @input="handleQuery"/> </el-form-item> - <el-form-item :label="this.optionsName" prop="option"> + <el-form-item :label="this.optionsName" prop="option" v-show = "this.optionsStatus"> <el-select v-model="queryParams.option" size="small" clearable> <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option> </el-select> @@ -111,7 +111,11 @@ <div> <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="showListPD(item)"/> + :key="index" v-if="showListPD(item)"> + <template slot-scope="scope"> + <span :class="{'error-text': scope.row[item.error]}"> {{ scope.row[item.prop] }} </span> + </template> + </el-table-column> </el-table> </div> @@ -280,12 +284,16 @@ // 鎷兼帴鎴� yyyy-MM-dd 鏍煎紡 this.queryParams.date = `${year}-${month}-${day}`; - + 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] + // if(this.index = 'monitor_qualification'){ + // + // } this.tableHead = data.columns; this.cardList = data.card; this.showList = data.showList; + this.optionsStatus = data.optionsStatus; this.options = data.options; this.optionsName = data.optionsName; } @@ -294,6 +302,7 @@ this.tableHead = data.columns; this.cardList = data.card; this.showList = data.showList; + this.optionsStatus = data.optionsStatus; this.options = data.options; this.optionsName = data.optionsName; } @@ -302,6 +311,7 @@ this.tableHead = data.columns; this.cardList = data.card; this.showList = data.showList; + this.optionsStatus = data.optionsStatus; this.options = data.options; this.optionsName = data.optionsName; } @@ -310,12 +320,18 @@ this.tableHead = data.columns; this.cardList = data.card; this.showList = data.showList; + this.optionsStatus = data.optionsStatus; this.options = data.options; this.optionsName = data.optionsName; } this.getList(); }, methods: { + getColor(value, prop) { + + // 榛樿棰滆壊 + return 'red'; + }, clickTab(active) { this.queryParams.dataType = active this.getList() @@ -441,7 +457,9 @@ .tab { padding: 5px 15px; } - +.error-text { + color: red; +} .tab:hover { cursor: pointer; user-select: none; -- Gitblit v1.8.0