From f81a659ec41ec6ccd021eb4f4dd9a237919e3a7f Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Fri, 5 Aug 2022 10:14:02 +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)=EF=BC=9A=E6=9B=B4=E6=94=B9?=
 =?UTF-8?q?=E5=8D=87=E9=99=8D=E6=9C=BA=E8=AE=BE=E5=A4=87=EF=BC=8C=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0legend?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../digitalSite/components/DeviceCard.vue     |  1 +
 .../projectHuScreen/digitalSite/rightTop.vue  | 32 ++++++++++++++++++-
 2 files changed, 32 insertions(+), 1 deletion(-)

diff --git a/src/views/projectAdmin/dataBoard/projectHuScreen/digitalSite/components/DeviceCard.vue b/src/views/projectAdmin/dataBoard/projectHuScreen/digitalSite/components/DeviceCard.vue
index 50b838f2..53eb4b1c 100644
--- a/src/views/projectAdmin/dataBoard/projectHuScreen/digitalSite/components/DeviceCard.vue
+++ b/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 {
diff --git a/src/views/projectAdmin/dataBoard/projectHuScreen/digitalSite/rightTop.vue b/src/views/projectAdmin/dataBoard/projectHuScreen/digitalSite/rightTop.vue
index 62d30fd1..2207d32b 100644
--- a/src/views/projectAdmin/dataBoard/projectHuScreen/digitalSite/rightTop.vue
+++ b/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>