湖里大屏(数字工地)：升降机设备联调

src/views/projectAdmin/jlw/components/CountList.vue

@@ -97,6 +97,9 @@ export default {
         &.warring2 {
           background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/icons/i-warring2.png');
         }
+        &.elevator {
+          background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/icons/i-elevator.png');
+        }
         &.facegate {
           background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/icons/i-face-gate.png');
         }

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

@@ -1,6 +1,6 @@
 <template>
   <Card :title="title">
-    <DeviceCard
+    <!-- <DeviceCard
       :leftCount="{ value: totalLifterDev, label: '升降机设备数', img: 'elevator' }"
       :rightCount="{ value: totalDangerLifterDev, label: '今日报警数', img: 'warring2' }"
     >
@@ -9,16 +9,24 @@
         <div class="item">离线</div>
       </div>
       <JBarChart :tooltip="{}" :xData="xData" :yData="yData" />
-    </DeviceCard>
+    </DeviceCard> -->
+
+    <CountList
+      :allCount="{ value: totalTowerDev, label: '升降机设备数', img: 'elevator' }"
+      :todayCount="{ value: totalDangerTowerDev, label: '今日报警数', img: 'warring2' }"
+      :list="lifterList"
+    />
   </Card>
 </template>
 
 <script>
 import Card from '../components/Card.vue'
-import DeviceCard from './components/DeviceCard.vue'
+// import DeviceCard from './components/DeviceCard.vue'
-import JBarChart from '../jChart/bar/JBarChart.vue'
+// import JBarChart from '../jChart/bar/JBarChart.vue'
+import CountList from '../components/CountList.vue'
 export default {
-  components: { Card, DeviceCard, JBarChart },
+  // components: { Card, DeviceCard, JBarChart },
+  components: { Card, CountList },
   props: {
     title: {
       type: String,
@@ -26,37 +34,15 @@ export default {
     },
     totalLifterDev: {
       type: Number,
-      default: ""
+      default: ''
     },
     totalDangerLifterDev: {
       type: Number,
-      default: ""
+      default: ''
     },
     lifterList: {
       type: Array,
-      default: ""
+      default: ''
-    }
-    
-  },
-  data() {
-    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
     }
   }
 }