From b5cf131e31b85e2988caf0bd4bb05779d7ca556d Mon Sep 17 00:00:00 2001
From: x_ying <2438792676@qq.com>
Date: Sat, 17 Sep 2022 11:21:49 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=A7=E5=B1=8F=20=E6=95=B0=E5=AD=97?=
 =?UTF-8?q?=E6=8E=A7=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/environmentalScreen/index.vue | 38 +++++++++++++++++++------
 1 file changed, 30 insertions(+), 8 deletions(-)

diff --git a/src/views/environmentalScreen/index.vue b/src/views/environmentalScreen/index.vue
index e1a9d52..b2e862b 100644
--- a/src/views/environmentalScreen/index.vue
+++ b/src/views/environmentalScreen/index.vue
@@ -187,7 +187,10 @@
                   </div>
                   <span>馆藏总量</span>
                 </div>
-                <span class="row-num">12345</span>
+                <!-- <span class="row-num">12345</span> -->
+                <div class="card-panel-text">
+                  <count-to :start-val="0" :end-val="totalNum" :duration="3200" class="row-num" />
+                </div>
               </li>
               <li>
                 <div class="row-item">
@@ -196,7 +199,9 @@
                   </div>
                   <span>在借数量</span>
                 </div>
-                <span class="row-num">12345</span>
+                <div class="card-panel-text">
+                  <count-to :start-val="0" :end-val="lendingNum" :duration="3200" class="row-num" />
+                </div>
               </li>
               <li>
                 <div class="row-item">
@@ -205,7 +210,9 @@
                   </div>
                   <span>在库数量</span>
                 </div>
-                <span class="row-num">12345</span>
+                <div class="card-panel-text">
+                  <count-to :start-val="0" :end-val="storeNum" :duration="3200" class="row-num" />
+                </div>
               </li>
             </ul>
             <ul>
@@ -216,7 +223,9 @@
                   </div>
                   <span>全部设备</span>
                 </div>
-                <span class="row-num">12345</span>
+                <div class="card-panel-text">
+                  <count-to :start-val="0" :end-val="allDevNum" :duration="3200" class="row-num" />
+                </div>
               </li>
               <li>
                 <div class="row-item">
@@ -225,7 +234,9 @@
                   </div>
                   <span>在线设备</span>
                 </div>
-                <span class="row-num">12345</span>
+                <div class="card-panel-text">
+                  <count-to :start-val="0" :end-val="lineDevNum" :duration="3200" class="row-num" />
+                </div>
               </li>
               <li>
                 <div class="row-item">
@@ -234,7 +245,9 @@
                   </div>
                   <span>离线设备</span>
                 </div>
-                <span class="row-num">12345</span>
+                <div class="card-panel-text">
+                  <count-to :start-val="0" :end-val="onlineDevNumL" :duration="3200" class="row-num" />
+                </div>
               </li>
             </ul>
           </div>
@@ -301,6 +314,8 @@ import displayConfigApi from '@/api/storeManage/displayConfig'
 import thirdApi from '@/api/thirdApi'
 import { statisticsCrud } from '@/views/system/archiveStatistics/mixins/statistics'
 import NumFlip from './module/numFlip.vue'
+import CountTo from 'vue-count-to'
+
 export default {
   name: 'EnvironmentalScreen',
   components: {
@@ -309,7 +324,8 @@ export default {
     Video,
     lendAcross,
     typePie,
-    NumFlip
+    NumFlip,
+    CountTo
   },
   mixins: [statisticsCrud],
   data() {
@@ -377,7 +393,13 @@ export default {
       monlend: 'monlend',
       monlendnum: 1001,
       monreturn: 'monreturn',
-      monreturnnum: 123456
+      monreturnnum: 123456,
+      totalNum: 12345,
+      lendingNum: 54985,
+      storeNum: 12456,
+      allDevNum: 15,
+      lineDevNum: 6,
+      onlineDevNumL: 9
     }
   },
   async created() {