2024.07.16 - 修复首页统计大数转换显示异常的bug

src/views/dashboard/components/Counter.vue

@@ -1,9 +1,7 @@
 <template>
   <div class="counter-wrapper">
     <div class="count">
-      <el-tooltip effect="light" :content="count + ''" placement="top">
-        <CountUp v-if="showCountUp" ref="countUpRef" :endVal="info.count" :options="countUpOptions" />
-      </el-tooltip>
+      <CountUp ref="countUpRef" :endVal="info.count || 0" :options="countUpOptions" />
       <div class="trend">
         <img v-if="[TREND_CONFIG.UP, TREND_CONFIG.DOWN].includes(trend)" :src="require(`../../../assets/images/dashboard/t-${trend}.png`)" alt="" />
         <span v-if="trend === TREND_CONFIG.STABILIZATION" style="color: #d8d8d8; font-weight: normal">--</span>
@@ -20,7 +18,7 @@ import { formatBigNumber } from '../utils'
 
 export default {
   props: {
-    count: { type: Number, required: true },
+    count: { type: Number, default: 0 },
     tip: { type: String, required: true },
     trend: { type: String, default: '' } // up/down/stabilization
   },
@@ -53,13 +51,20 @@ export default {
             suffix: res.unit || '',
             decimalPlaces: newCount * 1 > 10000 ? 2 : 0
           }
-
-          this.showCountUp = true
+        } else {
+          this.info.count = 0
         }
-      }
-    },
 
-    immediate: true
+        // vue-countup-v2什么傻逼组件
+        this.$nextTick(() => {
+          if (this.$refs.countUpRef) {
+            this.$refs.countUpRef.instance.options.suffix = this.countUpOptions.suffix
+            this.$refs.countUpRef.instance.options.decimalPlaces = this.countUpOptions.decimalPlaces
+          }
+        })
+      },
+      immediate: true
+    }
   }
 }
 </script>