From b1b8c7ddfdb2176d2d23fbe06f8282ce60a0f40d Mon Sep 17 00:00:00 2001
From: x_ying <2438792676@qq.com>
Date: Fri, 26 Aug 2022 17:25:45 +0800
Subject: [PATCH] =?UTF-8?q?=E7=9B=91=E6=8E=A7=E7=AE=A1=E7=90=86=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E4=B8=8B=E8=BD=BD=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../listenManage/module/data1.json            |  6 ++--
 .../listenManage/videoListen/index.vue        | 34 +++++++++++++------
 2 files changed, 27 insertions(+), 13 deletions(-)

diff --git a/src/views/storeManage/listenManage/module/data1.json b/src/views/storeManage/listenManage/module/data1.json
index 0fb2622..91a8a68 100644
--- a/src/views/storeManage/listenManage/module/data1.json
+++ b/src/views/storeManage/listenManage/module/data1.json
@@ -1,10 +1,12 @@
 {
   "rows":[
     {
-      "area":"档案库"
+      "area":"档案库",
+      "isdload":true
     },
     {
-      "area":"档案库"
+      "area":"档案库",
+      "isdload":false
     },
     {},
     {},
diff --git a/src/views/storeManage/listenManage/videoListen/index.vue b/src/views/storeManage/listenManage/videoListen/index.vue
index b8ac481..adc3e4e 100644
--- a/src/views/storeManage/listenManage/videoListen/index.vue
+++ b/src/views/storeManage/listenManage/videoListen/index.vue
@@ -7,15 +7,21 @@
       <date-range-picker v-model="queryTime" class="date-item" />
       <rrOperation />
     </div>
-    <!-- :cell-class-name="cell" -->
     <el-table
       ref="table"
       :data="tableData"
       style="width: 100%;"
+      :cell-class-name="cell"
       height="calc(100vh - 356px)"
     >
       <!-- <el-table-column type="selection" width="55" align="center" /> -->
       <el-table-column type="index" label="序号" width="80" align="center" />
+      <el-table-column prop="isdload" label="监控下载" min-width="100" align="center">
+        <template slot-scope="scope">
+          <span v-if="scope.row.isdload===true" class="text">下载成功</span>
+          <span v-if="scope.row.isdload===false" class="text">下载失败</span>
+        </template>
+      </el-table-column>
       <el-table-column prop="area" label="所属区域" min-width="150" align="center" />
       <el-table-column prop="" label="设备" align="center" min-width="150" />
       <el-table-column prop="" label="摄像头" align="center" min-width="150" />
@@ -27,8 +33,9 @@
         </template>
       </el-table-column>
       <el-table-column prop="" label="操作" align="center" min-width="100">
-        <template>
-          <el-button size="mini" style="background:#3A99FD" @click="handleListen">查看监控</el-button>
+        <template slot-scope="scope">
+          <el-button v-if="scope.row.isdload===true" size="mini" style="background:#3A99FD;border:none" @click="handleListen">查看监控</el-button>
+          <el-button v-if="scope.row.isdload===false" size="mini" style="background:#FD8042;border:none" @click="handleListen">重新下载</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -91,13 +98,13 @@ export default {
     //   this.crud.downloadLoading = false
     // },
 
-    // cell({ row, columnIndex }) {
-    //   if (row.state === true && columnIndex === 2) {
-    //     return 'have-clear'
-    //   } else if (row.state === false && columnIndex === 2) {
-    //     return 'fail-clear'
-    //   }
-    // }
+    cell({ row, columnIndex }) {
+      if (row.isdload === true && columnIndex === 1) {
+        return 'text-green'
+      } else if (row.isdload === false && columnIndex === 1) {
+        return 'text-red'
+      }
+    },
 
     // 查看监控
     handleListen() {
@@ -110,5 +117,10 @@ export default {
 <style lang="scss" scoped>
 @import '~@/assets/styles/lend-manage.scss';
 @import "~@/assets/styles/archives-manage.scss";
-
+.text-green .text{
+  color: #1AAE93;
+}
+.text-red .text{
+  color:#F65163;
+}
 </style>