From 32fed838387e3d6560df76789bfb1375cd8de7b8 Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Mon, 1 Aug 2022 15:25:28 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=A7=E5=B1=8F(=E6=95=B0=E5=AD=97=E5=B7=A5?=
 =?UTF-8?q?=E5=9C=B0)=EF=BC=9A=E4=BD=BF=E7=94=A8=20DataCard=20=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E4=BC=98=E5=8C=96=E5=8D=87=E9=99=8D=E6=9C=BA=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dataBoard/digitalSite/index.vue           | 111 ++----------------
 1 file changed, 13 insertions(+), 98 deletions(-)

diff --git a/src/views/projectAdmin/dataBoard/digitalSite/index.vue b/src/views/projectAdmin/dataBoard/digitalSite/index.vue
index 1d8854fd..f91bd062 100644
--- a/src/views/projectAdmin/dataBoard/digitalSite/index.vue
+++ b/src/views/projectAdmin/dataBoard/digitalSite/index.vue
@@ -50,6 +50,7 @@
     <div class="digitalSitePage fullHeight" v-if="bgUrl">
       <!-- 侧边栏 -->
       <div class="fullHeight aside">
+        <!-- 塔吊设备 -->
         <DataCard
           :data="{
             title: 'companyDiagram.towerDev',
@@ -62,105 +63,19 @@
           }"
           :list="towerList"
         ></DataCard>
-        <!-- 塔吊设备 -->
-        <div class="blockBox">
-          <div class="blockTitle">
-            {{ $t('message.companyDiagram.towerDev') }}
-          </div>
-          <div class="blockContent">
-            <div class="devInfoBox">
-              <div class="item">
-                <img src="@/assets/images/dataBoard/tower.png" alt="" />
-                <div>
-                  <p class="num" style="color: #5181f6">{{ totalTowerDev }}</p>
-                  <p>
-                    <!-- 塔吊总数 -->
-                    {{ $t('message.dataBoard.totalTowerDev') }}
-                  </p>
-                </div>
-              </div>
-              <div class="item">
-                <img src="@/assets/images/dataBoard/alarmcount.png" alt="" />
-                <div>
-                  <p class="num" style="color: #f67f51">
-                    {{ totalDangerTowerDev }}
-                  </p>
-                  <p>
-                    <!-- 今日报警总数 -->
-                    {{ $t('message.dataBoard.todayAlarmCount') }}
-                  </p>
-                </div>
-              </div>
-              <div class="list-box">
-                <vue-scroll>
-                  <div
-                    class="list-item"
-                    :class="item.devonline == 0 ? 'offline' : 'online'"
-                    v-for="(item, index) in towerList"
-                    :key="index"
-                  >
-                    <span class="type" v-if="item.devonline != 0">在线</span>
-                    <span class="type" v-else>离线</span>
-                    <p>{{ item.devName }}</p>
-                    <span v-if="item.alarmNum == ''" class="alarm"
-                      >今日报警:0</span
-                    >
-                    <span v-else class="alarm"
-                      >今日报警:{{ item.alarmNum }}</span
-                    >
-                  </div>
-                </vue-scroll>
-              </div>
-            </div>
-          </div>
-        </div>
         <!-- 升降机设备 -->
-        <div class="blockBox" v-if="false">
-          <div class="blockTitle">
-            {{ $t('message.companyDiagram.lifterDev') }}
-          </div>
-          <div class="blockContent dataBoxContent">
-            <div class="devInfoBox">
-              <div class="item">
-                <img src="@/assets/images/dataBoard/lifter.png" alt="" />
-                <div>
-                  <p class="num" style="color: #5181f6">{{ totalLifterDev }}</p>
-                  <p>
-                    <!-- 升降机总数 -->
-                    {{ $t('message.dataBoard.totalLifterDev') }}
-                  </p>
-                </div>
-              </div>
-              <div class="item">
-                <img src="@/assets/images/dataBoard/alarmcount.png" alt="" />
-                <div>
-                  <p class="num" style="color: #f67f51">
-                    {{ totalDangerLifterDev }}
-                  </p>
-                  <p>
-                    <!-- 今日报警总数 -->
-                    {{ $t('message.dataBoard.todayAlarmCount') }}
-                  </p>
-                </div>
-              </div>
-              <div class="list-box">
-                <vue-scroll>
-                  <div
-                    class="list-item"
-                    :class="item.devonline == 0 ? 'offline' : 'online'"
-                    v-for="(item, index) in lifterList"
-                    :key="index"
-                  >
-                    <span class="type" v-if="!item.devonline">在线</span>
-                    <span class="type" v-else>离线</span>
-                    <p>{{ item.devName }}</p>
-                    <span class="alarm">今日报警:{{ item.alarmNum }}</span>
-                  </div>
-                </vue-scroll>
-              </div>
-            </div>
-          </div>
-        </div>
+        <DataCard
+          :data="{
+            title: 'companyDiagram.lifterDev',
+            countNum: totalLifterDev,
+            countLabel: 'totalLifterDev',
+            countImg: require('@/assets/images/dataBoard/lifter.png'),
+            todayNum: totalDangerLifterDev,
+            todayLabel: 'todayAlarmCount',
+            todayImg: require('@/assets/images/dataBoard/alarmcount.png')
+          }"
+          :list="lifterList"
+        ></DataCard>
         <!-- 视频设备 -->
         <div class="blockBox">
           <div class="blockTitle">