湖里大屏(数字工地):升降机数据渲染

src/views/projectAdmin/jlw/digitalSite/index.vue

@@ -18,7 +18,7 @@
     </div>
     <div class="rightBox">
       <div class="rightTop">
-        <rightTop title="升降机设备"></rightTop>
+        <rightTop title="升降机设备" :lifterList="lifterList" :totalLifterDev="totalLifterDev" :totalDangerLifterDev="totalDangerLifterDev"></rightTop>
       </div>
       <div class="rightCenter">
         <rightCenter title="环境监测"></rightCenter>

src/views/projectAdmin/jlw/digitalSite/rightTop.vue

@@ -1,8 +1,8 @@
 <template>
   <Card :title="title">
     <DeviceCard
-      :leftCount="{ value: 22, label: '升降机设备数', img: 'elevator' }"
+      :leftCount="{ value: totalLifterDev, label: '升降机设备数', img: 'elevator' }"
-      :rightCount="{ value: 65, label: '今日报警数', img: 'warring2' }"
+      :rightCount="{ value: totalDangerLifterDev, label: '今日报警数', img: 'warring2' }"
     >
       <div class="legend">
         <div class="item">报警数</div>
@@ -23,7 +23,20 @@ export default {
     title: {
       type: String,
       default: ''
+    },
+    totalLifterDev:{
+      type: Number,
+      default: ""
+    },
+    totalDangerLifterDev:{
+      type: Number,
+      default: ""
+    },
+    lifterList:{
+      type: Array,
+      default: ""
     }
+    
   },
   data() {
     const yData = [23, 44, 63, 12, 45, 78, 34, 67].map((value, i) => {