监控管理 新增下载功能

src/views/storeManage/listenManage/module/data1.json

@@ -1,10 +1,12 @@
 {
   "rows":[
     {
-      "area":"档案库"
+      "area":"档案库",
+      "isdload":true
     },
     {
-      "area":"档案库"
+      "area":"档案库",
+      "isdload":false
     },
     {},
     {},

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>