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 |   50 ++++++++++++++++++++++++++++++++++++++++++++------
 1 files changed, 44 insertions(+), 6 deletions(-)

diff --git a/src/views/system/data-manage/data-detail/index.vue b/src/views/system/data-manage/data-detail/index.vue
index 706b14b..01dfd99 100644
--- a/src/views/system/data-manage/data-detail/index.vue
+++ b/src/views/system/data-manage/data-detail/index.vue
@@ -76,15 +76,21 @@
     </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" 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>
         <el-form-item label="鏃堕棿" prop="date">
             <el-date-picker
               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>
@@ -106,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>
 
@@ -197,6 +207,7 @@
         url: process.env.VUE_APP_BASE_API + "/platform/resourceSecurity/importData"
       },
       imageResourceSecurity: [],
+      options: [],
       resourceForm: {},
       resourceOpen: false,
       totalKiosks: 1157,
@@ -229,6 +240,7 @@
         keyword: '',
         date: '',
         dataType: 0,
+        option: null,
       },
       // 琛ㄥ崟鍙傛暟
       form: {},
@@ -258,7 +270,11 @@
       index: null
     };
   },
+
   mounted() {
+    //淇敼椤电鍚�
+    const obj = Object.assign({},this.$route,{title: this.$route.query.ruleName})
+    this.$tab.updatePage(obj);
     // 鑾峰彇褰撳墠鏃ユ湡
     const today = new Date();
 
@@ -269,34 +285,54 @@
 
     // 鎷兼帴鎴� 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;
     }
     if (this.$route.query.type === '2') {
       let data = carData.table.filter(item => item.index === this.$route.query.index)[0]
       this.tableHead = data.columns;
       this.cardList = data.card;
       this.showList = data.showList;
+      this.optionsStatus = data.optionsStatus;
+      this.options = data.options;
+      this.optionsName = data.optionsName;
     }
     if (this.$route.query.type === '3') {
       let data = faceData.table.filter(item => item.index === this.$route.query.index)[0]
       this.tableHead = data.columns;
       this.cardList = data.card;
       this.showList = data.showList;
+      this.optionsStatus = data.optionsStatus;
+      this.options = data.options;
+      this.optionsName = data.optionsName;
     }
     if (this.$route.query.type === '4') {
       let data = equipment.table.filter(item => item.index === this.$route.query.index)[0]
       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.getDicts(this.$route.query.dict)
     this.getList();
   },
   methods: {
+    getColor(value, prop) {
+
+      // 榛樿棰滆壊
+      return 'red';
+    },
     clickTab(active) {
       this.queryParams.dataType = active
       this.getList()
@@ -422,7 +458,9 @@
 .tab {
   padding: 5px 15px;
 }
-
+.error-text {
+  color: red;
+}
 .tab:hover {
   cursor: pointer;
   user-select: none;

--
Gitblit v1.8.0