湖里大屏(CIM+)：完成 icon 填充

src/views/projectAdmin/dataBoard/projectHuScreen/CIM/leftTop.vue

@@ -1,6 +1,10 @@
 <template>
   <Card :title="title">
-    <CountList :allCount="{ value: 22, label: '塔吊总数' }" :todayCount="{ value: 65, label: '今日报警总数' }" :list="[]" />
+    <CountList
+      :allCount="{ value: 22, label: '塔吊总数', img: 'towercrane' }"
+      :todayCount="{ value: 65, label: '今日报警总数', img: 'warring' }"
+      :list="[]"
+    />
   </Card>
 </template>
 

src/views/projectAdmin/dataBoard/projectHuScreen/CIM/rightTop.vue

@@ -2,8 +2,8 @@
   <Card :title="title">
     <CountList
       type="persons"
-      :allCount="{ value: 22, label: '人脸闸机总数' }"
+      :allCount="{ value: 22, label: '人脸闸机总数', img: 'facegate' }"
-      :todayCount="{ value: 65, label: '今日报警总数' }"
+      :todayCount="{ value: 65, label: '今日报警总数', img: 'inout' }"
       :list="[]"
     />
   </Card>

src/views/projectAdmin/dataBoard/projectHuScreen/components/CountList.vue

@@ -2,14 +2,14 @@
   <div class="h-count-list">
     <div class="counts">
       <div class="count">
-        <div class="icon"></div>
+        <div class="icon" :class="[allCount.img]"></div>
         <div class="info">
           <div class="num blue">{{ allCount.value }}</div>
           <div class="label">{{ allCount.label }}</div>
         </div>
       </div>
       <div class="count">
-        <div class="icon"></div>
+        <div class="icon" :class="[todayCount.img]"></div>
         <div class="info">
           <div class="num red">{{ todayCount.value }}</div>
           <div class="label">{{ todayCount.label }}</div>
@@ -80,7 +80,20 @@ export default {
         margin-right: 10px;
         width: 52px;
         height: 52px;
-        border: 1px solid red;
+        background-size: contain;
+        background-repeat: no-repeat;
+        &.towercrane {
+          background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/icons/i-tower-crane.png');
+        }
+        &.warring {
+          background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/icons/i-warring.png');
+        }
+        &.facegate {
+          background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/icons/i-face-gate.png');
+        }
+        &.inout {
+          background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/icons/i-in-out.png');
+        }
       }
       .info {
         color: #fff;

src/views/projectAdmin/dataBoard/projectHuScreen/digitalSite/components/DeviceCard.vue

@@ -66,15 +66,9 @@ export default {
         height: 52px;
         background-size: contain;
         background-repeat: no-repeat;
-        &.towercrane {
-          background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/icons/i-tower-crane.png');
-        }
         &.towercrane2 {
           background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/icons/i-tower-crane2.png');
         }
-        &.warring {
-          background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/icons/i-warring.png');
-        }
         &.warring2 {
           background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/icons/i-warring2.png');
         }