diff --git a/src/views/projectAdmin/dataBoard/projectHuScreen/digitalSite/components/DeviceCard.vue b/src/views/projectAdmin/dataBoard/projectHuScreen/digitalSite/components/DeviceCard.vue
index 25795696..b9be00d0 100644
--- a/src/views/projectAdmin/dataBoard/projectHuScreen/digitalSite/components/DeviceCard.vue
+++ b/src/views/projectAdmin/dataBoard/projectHuScreen/digitalSite/components/DeviceCard.vue
@@ -81,6 +81,9 @@ export default {
         &.elevator {
           background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/icons/i-elevator.png');
         }
+        &.online {
+          background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/icons/i-online-device.png');
+        }
       }
       .info {
         color: #fff;
diff --git a/src/views/projectAdmin/dataBoard/projectHuScreen/digitalSite/leftBottom.vue b/src/views/projectAdmin/dataBoard/projectHuScreen/digitalSite/leftBottom.vue
index 71529eab..316b1552 100644
--- a/src/views/projectAdmin/dataBoard/projectHuScreen/digitalSite/leftBottom.vue
+++ b/src/views/projectAdmin/dataBoard/projectHuScreen/digitalSite/leftBottom.vue
@@ -1,6 +1,9 @@
 <template>
   <Card :title="title">
-    <DeviceCard :leftCount="{ value: 22, label: '在线设备' }" :rightCount="{ value: 65, label: '离线设备' }">
+    <DeviceCard
+      :leftCount="{ value: 22, label: '在线设备', img: 'online' }"
+      :rightCount="{ value: 65, 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">