湖里大屏(数字工地)：完成塔吊设备 icon 填充

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

@@ -2,14 +2,14 @@
   <div class="h-device-card">
     <div class="counts">
       <div class="count">
-        <div class="icon"></div>
+        <div class="icon" :class="[leftCount.img]"></div>
         <div class="info">
           <div class="num blue">{{ leftCount.value }}</div>
           <div class="label">{{ leftCount.label }}</div>
         </div>
       </div>
       <div class="count">
-        <div class="icon"></div>
+        <div class="icon" :class="[rightCount.img]"></div>
         <div class="info">
           <div class="num red">{{ rightCount.value }}</div>
           <div class="label">{{ rightCount.label }}</div>
@@ -64,7 +64,13 @@ export default {
         margin-right: 10px;
         width: 52px;
         height: 52px;
-        border: 1px solid red;
+        background-size: contain;
+        &.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');
+        }
       }
       .info {
         color: #fff;

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

@@ -1,6 +1,9 @@
 <template>
   <Card :title="title">
-    <DeviceCard :leftCount="{ value: 22, label: '塔吊设备数' }" :rightCount="{ value: 65, label: '今日报警数' }">
+    <DeviceCard
+      :leftCount="{ value: 22, label: '塔吊设备数', img: 'towercrane' }"
+      :rightCount="{ value: 65, label: '今日报警数', img: 'warring' }"
+    >
       <div class="legend">
         <div class="item">报警数</div>
         <div class="item">离线</div>