表刷新 数字控件7位

src/assets/styles/font-some.css

@@ -14,8 +14,8 @@
   display: flex;
   justify-content: center;
   text-align: center;
-  width: 1.75rem;
-  height: 1.75rem;
+  width: 1.95rem;
+  height: 1.85rem;
   line-height: 1.8rem;
   margin-right: 0.2rem;
   border: 1px solid #0E3465;

src/views/components/echarts/lendAcross.vue

@@ -34,7 +34,8 @@ export default {
   data() {
     return {
       chart: null,
-      timer: null
+      timer: null,
+      elendData: this.lendData
     }
   },
   watch: {
@@ -59,6 +60,7 @@ export default {
     refreshEchart() {
       if (this.refreshtime) {
         this.timer = setInterval(() => {
+          // this.elendData = []
           this.drawChart()
         }, this.refreshtime)
       } else {
@@ -157,7 +159,7 @@ export default {
                 }
               }
             },
-            data: this.lendData // 从下到上的数据
+            data: this.elendData // 从下到上的数据
           }
         ]
       }

src/views/components/echarts/typePie.vue

@@ -34,7 +34,8 @@ export default {
   data() {
     return {
       chart: null,
-      timer: null
+      timer: null,
+      etypeData: this.typeData
     }
   },
   watch: {
@@ -114,7 +115,7 @@ export default {
                 show: false
               }
             },
-            data: this.typeData
+            data: this.etypeData
           }
         ]
       }

src/views/environmentalScreen/index.vue

@@ -279,7 +279,7 @@
           <span class="left-bottom-line" />
           <h3> <svg-icon icon-class="danganjieyue" style="margin-right:10px" />档案借阅</h3>
           <div class="chart-wrapper" style="height: calc(100% - 40px);">
-            <lend-across :lend-data="lendData" :refreshtime="60000" />
+            <lend-across :lend-data="lendData" :refreshtime="refreshtime" />
           </div>
         </div>
         <div class="env-item container-wrap">
@@ -287,7 +287,7 @@
           <span class="left-bottom-line" />
           <h3><svg-icon icon-class="danganleibie" style="margin-right:10px" />档案类型</h3>
           <div v-if="typeData.length !== 0" class="chart-wrapper" style="height: calc(100% - 40px);">
-            <type-pie :type-data="typeData" :refreshtime="60000" />
+            <type-pie :type-data="typeData" :refreshtime="refreshtime" />
           </div>
           <div v-else class="empty-main">
             <svg-icon icon-class="empty" class-name="empty-img" />
@@ -399,7 +399,9 @@ export default {
       storeNum: 12456,
       allDevNum: 15,
       lineDevNum: 6,
-      onlineDevNumL: 9
+      onlineDevNumL: 9,
+      echartsTimer: null,
+      refreshtime: 60000
     }
   },
   async created() {
@@ -432,6 +434,13 @@ export default {
       await _this.getRealTimeData()
       _this.handleAQI()
     }, 10000)
+    // 每隔一分钟刷新档案借阅和档案类型的数据
+    this.echartsTimer = setInterval(() => {
+      _this.lendData = []
+      _this.typeData = []
+      _this.getBorrowerNumSta()
+      _this.getArchivesTypeStatistics()
+    }, this.refreshtime)
   },
   beforeDestroy() {
     if (this.timer) {

src/views/environmentalScreen/module/numFlip.vue

@@ -26,8 +26,8 @@ export default {
   data() {
     return {
       echartnum: this.chartnum,
-      flipNum: [0, 0, 0, 0, 0, 0, 0, 0],
-      ikey: [1, 2, 3, 4, 5, 6, 7, 8]
+      flipNum: [0, 0, 0, 0, 0, 0, 0],
+      ikey: [1, 2, 3, 4, 5, 6, 7]
     }
   },
   mounted() {
@@ -55,14 +55,15 @@ export default {
     },
     toOrderNum(num) {
       num = num.toString() // 数字变成字符串
-      if (num.length < 8) { // 如未满位数，添加"0"补位
+      if (num.length < 7) { // 如未满位数，添加"0"补位
         num = '0' + num
         this.toOrderNum(num) // 递归添加"0"补位
-      } else if (num.length === 8) { // 数中加入逗号
+      } else if (num.length === 7) { // 数中加入逗号
         this.flipNum = num.split('') // 将其便变成数据
-      } else {
-        alert('显示异常')
       }
+      // else {
+      //   alert('显示异常')
+      // }
     },
     setNumberTransform() {
       const numberItems = document.getElementsByClassName(this.tnum)