From a2231f4a659e3b164e5465dd531ec171eb9bb81f Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Fri, 5 Aug 2022 09:38:50 +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=E5=AE=8C=E6=88=90?=
 =?UTF-8?q?=E5=8D=87=E9=99=8D=E6=9C=BA=E8=AE=BE=E5=A4=87=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../projectHuScreen/digitalSite/rightTop.vue  | 27 ++++++++++++++++---
 1 file changed, 23 insertions(+), 4 deletions(-)

diff --git a/src/views/projectAdmin/dataBoard/projectHuScreen/digitalSite/rightTop.vue b/src/views/projectAdmin/dataBoard/projectHuScreen/digitalSite/rightTop.vue
index e88e486e..62d30fd1 100644
--- a/src/views/projectAdmin/dataBoard/projectHuScreen/digitalSite/rightTop.vue
+++ b/src/views/projectAdmin/dataBoard/projectHuScreen/digitalSite/rightTop.vue
@@ -1,7 +1,7 @@
 <template>
   <Card :title="title">
-    <DeviceCard :leftCount="{ value: 22, label: '升降机设备数' }" :rightCount="{ value: 65, label: '今日报警数' }">
-      hello
+    <DeviceCard :leftCount="{ value: 22, label: '塔吊设备数' }" :rightCount="{ value: 65, label: '今日报警数' }">
+      <JBarChart :tooltip="{}" :xData="xData" :yData="yData" />
     </DeviceCard>
   </Card>
 </template>
@@ -9,8 +9,9 @@
 <script>
 import Card from '../components/Card.vue'
 import DeviceCard from './components/DeviceCard.vue'
+import JBarChart from '../jChart/bar/JBarChart.vue'
 export default {
-  components: { Card, DeviceCard },
+  components: { Card, DeviceCard, JBarChart },
   props: {
     title: {
       type: String,
@@ -18,7 +19,25 @@ export default {
     }
   },
   data() {
-    return {}
+    const yData = [23, 44, 63, 12, 45, 78, 34, 67].map((value, i) => {
+      if (i > 4 && i < 7) {
+        return {
+          name: '离线',
+          value,
+          itemStyle: { color: '#FF6C7F' }
+        }
+      } else {
+        return {
+          name: '报警数',
+          value,
+          itemStyle: { color: '#3CABFD' }
+        }
+      }
+    })
+    return {
+      xData: ['1号', '2号', '3号', '4号', '5号', '6号', '7号', '8号'],
+      yData
+    }
   }
 }
 </script>