From 632655024c184be9278308b4a46839743b09082d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AA=86=E4=B9=90?= <342503599@qq.com>
Date: Thu, 11 Aug 2022 11:25:50 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B9=96=E9=87=8C=E5=A4=A7=E5=B1=8F(=E6=95=B0?=
 =?UTF-8?q?=E5=AD=97=E5=B7=A5=E5=9C=B0):=E8=A7=86=E9=A2=91=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87=E6=95=B0=E6=8D=AE=E6=B8=B2=E6=9F=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../projectAdmin/jlw/digitalSite/index.vue      |  5 ++---
 .../projectAdmin/jlw/digitalSite/leftBottom.vue | 17 ++++++++++++-----
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/views/projectAdmin/jlw/digitalSite/index.vue b/src/views/projectAdmin/jlw/digitalSite/index.vue
index 01ec8db1..13441771 100644
--- a/src/views/projectAdmin/jlw/digitalSite/index.vue
+++ b/src/views/projectAdmin/jlw/digitalSite/index.vue
@@ -8,7 +8,7 @@
         <leftCenter title="AI分析"></leftCenter>
       </div>
       <div class="leftBottom">
-        <leftBottom title="视频设备"></leftBottom>
+        <leftBottom title="视频设备" :videoCountList="videoCountList"></leftBottom>
       </div>
     </div>
     <div class="centerBox">
@@ -63,7 +63,7 @@ export default {
     return {
       towerList: [], // 塔吊设备列表
       lifterList: [], // 升降机设备列表
-      videoCountList: [], // 视频设备列表
+      videoCountList: {}, // 视频设备列表
       ufaceList: [], // 人脸闸机列表
       ufaceInCount: 0, //人脸闸机今日进场人数
       environmentDevList: [], //环境设备列表
@@ -75,7 +75,6 @@ export default {
       totalDangerLifterDev: 0, //升降机报警数量
       environmentDevNum: 0, //环境设备数量
       environmentTotalAlarm: 0, // 环境设备报警数量
-      videoDevNum: 0, // 视频设备数量
     }
   },
   mounted(){
diff --git a/src/views/projectAdmin/jlw/digitalSite/leftBottom.vue b/src/views/projectAdmin/jlw/digitalSite/leftBottom.vue
index 316b1552..9db34e92 100644
--- a/src/views/projectAdmin/jlw/digitalSite/leftBottom.vue
+++ b/src/views/projectAdmin/jlw/digitalSite/leftBottom.vue
@@ -1,14 +1,14 @@
 <template>
   <Card :title="title">
     <DeviceCard
-      :leftCount="{ value: 22, label: '在线设备', img: 'online' }"
-      :rightCount="{ value: 65, label: '离线设备', img: 'warring2' }"
+      :leftCount="{ value: videoCountList.onlineNum, label: '在线设备', img: 'online' }"
+      :rightCount="{ value: videoCountList.totalDevNum, label: '离线设备', img: 'warring2' }"
     >
       <div class="list">
         <div class="list-head">设备名称</div>
-        <div class="list-item" :class="i === 2 ? 'offline' : 'online'" v-for="i in 3" :key="i">
-          <div class="label">1号塔吊</div>
-          <div class="status">在线</div>
+        <div class="list-item" :class="item.deviceState ==1 ? 'offline' : 'online'" v-for="(item,index) in videoCountList.videoList" :key="index">
+          <div class="label">{{item.videoName}}</div>
+          <div class="status">{{item.deviceState ==1 ? '在线' :'离线'}}</div>
         </div>
       </div>
     </DeviceCard>
@@ -24,10 +24,17 @@ export default {
     title: {
       type: String,
       default: ''
+    },
+    videoCountList:{
+      type:Object,
+      default:[]
     }
   },
   data() {
     return {}
+  },
+  mounted(){
+    console.log('--------------',this.videoCountList)
   }
 }
 </script>