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