首页获取设备数量修改

src/views/dashboard/PanelGroup.vue

@@ -33,7 +33,8 @@
         </div>
         <div class="card-panel-description">
           <div class="card-panel-text">
-            <count-to :start-val="0" :end-val="totalDeviceNum" :duration="3200" class="card-panel-num" />
+            <count-to v-if="getDeviceFlag" :start-val="0" :end-val="totalDeviceNum" :duration="3200" class="card-panel-num" />
+            <div v-if="!getDeviceFlag" class="card-panel-text"><span class="card-panel-num">获取中...</span></div>
           </div>
           全部设备
         </div>
@@ -46,7 +47,8 @@
         </div>
         <div class="card-panel-description">
           <div class="card-panel-text">
-            <count-to :start-val="0" :end-val="onlineDeviceNum" :duration="3200" class="card-panel-num" />
+            <count-to v-if="getDeviceFlag" :start-val="0" :end-val="onlineDeviceNum" :duration="3200" class="card-panel-num" />
+            <div v-if="!getDeviceFlag" class="card-panel-text"><span class="card-panel-num">获取中...</span></div>
           </div>
           在线设备
         </div>
@@ -59,7 +61,8 @@
         </div>
         <div class="card-panel-description">
           <div class="card-panel-text">
-            <count-to :start-val="0" :end-val="offlineDeviceNum" :duration="3200" class="card-panel-num" />
+            <count-to v-if="getDeviceFlag" :start-val="0" :end-val="offlineDeviceNum" :duration="3200" class="card-panel-num" />
+            <div v-if="!getDeviceFlag" class="card-panel-text"><span class="card-panel-num">获取中...</span></div>
           </div>
           离线设备
         </div>
@@ -82,6 +85,7 @@ export default {
     return {
       archivesNum: 0,
       caseNum: 0,
+      getDeviceFlag: false,
       totalDeviceNum: 0,
       onlineDeviceNum: 0,
       offlineDeviceNum: 0
@@ -111,6 +115,7 @@ export default {
     // 设备总数,在线设备数,离线设备数
     handleTotalDeviceNum() {
       Promise.all([getDeviceList({ page: 0, size: 10 }), getOnlineDevice()]).then((result) => {
+        this.getDeviceFlag = true
         this.totalDeviceNum = result[0].totalElements
         this.onlineDeviceNum = result[1]
         this.offlineDeviceNum = this.totalDeviceNum - this.onlineDeviceNum