From a0b614c8c6c831a232838c66d14a9dbc744d5ff2 Mon Sep 17 00:00:00 2001 From: fuliqi <fuliqi@qq.com> Date: 星期二, 12 十一月 2024 16:25:45 +0800 Subject: [PATCH] 工单批量审核 --- src/views/system/data-manage/data-detail/index.vue | 35 +++++++++++++++++++++++++++-------- 1 files changed, 27 insertions(+), 8 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..01dfd99 100644 --- a/src/views/system/data-manage/data-detail/index.vue +++ b/src/views/system/data-manage/data-detail/index.vue @@ -76,11 +76,11 @@ </el-row> <div style="display: flex;position: relative"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"> - <el-form-item label="鍏抽敭璇�" prop="bayonetNumber"> - <el-input v-model="queryParams.keyword" placeholder="鍏抽敭璇嶆悳绱�" clearable @input="handleQuery"/> + <el-form-item label="鍏抽敭瀛�" prop="bayonetNumber"> + <el-input v-model="queryParams.keyword" placeholder="鍥芥爣鐮�/璁惧鍚�/ip鎼滅储" clearable @keyup.enter.native="handleQuery" @clear="handleQuery"/> </el-form-item> - <el-form-item :label="this.optionsName" prop="option"> - <el-select v-model="queryParams.option" size="small" clearable> + <el-form-item :label="this.optionsName" prop="option" v-show = "this.optionsStatus"> + <el-select v-model="queryParams.option" size="small" clearable @change="handleQuery"> <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option> </el-select> </el-form-item> @@ -89,7 +89,8 @@ v-model="queryParams.date" type="date" placeholder="閫夋嫨鏃ユ湡" - value-format="yyyy-MM-dd"> + value-format="yyyy-MM-dd" + @change="handleQuery"> </el-date-picker> </el-form-item> <el-form-item> @@ -111,7 +112,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 +285,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 +303,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 +312,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 +321,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 +458,9 @@ .tab { padding: 5px 15px; } - +.error-text { + color: red; +} .tab:hover { cursor: pointer; user-select: none; -- Gitblit v1.8.0