湖里大屏(数字工地)：更改升降机设备，添加legend

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

@@ -50,6 +50,7 @@ export default {
 
 <style lang="less" scoped>
 .h-device-card {
+  position: relative;
   width: 100%;
   height: 100%;
   .counts {

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

@@ -1,6 +1,10 @@
 <template>
   <Card :title="title">
     <DeviceCard :leftCount="{ value: 22, label: '塔吊设备数' }" :rightCount="{ value: 65, label: '今日报警数' }">
+      <div class="legend">
+        <div class="item">报警数</div>
+        <div class="item">离线</div>
+      </div>
       <JBarChart :tooltip="{}" :xData="xData" :yData="yData" />
     </DeviceCard>
   </Card>
@@ -42,4 +46,30 @@ export default {
 }
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.legend {
+  position: absolute;
+  top: 76px;
+  left: 10px;
+  display: flex;
+  .item {
+    margin-right: 36px;
+    font-size: 12px;
+    display: flex;
+    align-items: center;
+    &::before {
+      margin-right: 8px;
+      content: '';
+      width: 16px;
+      height: 6px;
+      border-radius: 2px;
+    }
+    &:first-child:before {
+      background-color: #3cabfd;
+    }
+    &:last-child:before {
+      background-color: #ff6c7f;
+    }
+  }
+}
+</style>