From 3ffb6b6a7dcf9561b851cbbc8b403955ab949bdb Mon Sep 17 00:00:00 2001
From: caill <815519168@qq.com>
Date: Wed, 15 Jan 2025 14:35:58 +0800
Subject: [PATCH] bug

---
 src/pages/modules/index2.vue | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/pages/modules/index2.vue b/src/pages/modules/index2.vue
index 815baac..8804848 100644
--- a/src/pages/modules/index2.vue
+++ b/src/pages/modules/index2.vue
@@ -45,7 +45,7 @@
                 <div class="zd-col-3 item_label">入库</div>
                 <div class="zd-col-20">
                   <div class="percent_line">
-                    <div class="percent_i" :style="{'width': lx_task[0].total !== 0 ? lx_task[0].box / lx_task[0].total * 100 + '%' : 0}"></div>
+                    <div class="percent_i" :style="{'width': getPercentage(lx_task[0].box, lx_task[0].total)}"></div>
                   </div>
                   <div class="zd-row">
                     <p class="item_label font_2">总数量:<span class="c_y">{{ lx_task[0].total }}</span></p>
@@ -58,7 +58,7 @@
                 <div class="zd-col-3 item_label">出库</div>
                 <div class="zd-col-20">
                   <div class="percent_line percent_line_c">
-                    <div class="percent_i percent_i_c" :style="{'width': lx_task[1].total !== 0 ? lx_task[1].box / lx_task[1].total * 100 + '%' : 0}"></div>
+                    <div class="percent_i percent_i_c" :style="{'width': getPercentage(lx_task[1].box, lx_task[1].total)}"></div>
                   </div>
                   <div class="zd-row">
                     <p class="item_label font_2">总数量:<span class="c_y">{{ lx_task[1].total }}</span></p>
@@ -152,7 +152,7 @@
                 <div class="zd-col-3 item_label">入库</div>
                 <div class="zd-col-20">
                   <div class="percent_line">
-                    <div class="percent_i" :style="{'width': tp_task[0].total !== 0 ? tp_task[0].box / tp_task[0].total * 100 + '100%' : 0}"></div>
+                    <div class="percent_i" :style="{'width': getPercentage(tp_task[0].box, tp_task[0].total)}"></div>
                   </div>
                   <div class="zd-row">
                     <p class="item_label font_2">总数量:<span class="c_y">{{ tp_task[0].total }}</span></p>
@@ -165,7 +165,7 @@
                 <div class="zd-col-3 item_label">出库</div>
                 <div class="zd-col-20">
                   <div class="percent_line percent_line_c">
-                    <div class="percent_i percent_i_c" :style="{'width': tp_task[1].total !== 0 ? tp_task[1].box / tp_task[1].total * 100 + '100%' : 0}"></div>
+                    <div class="percent_i percent_i_c" :style="{'width': getPercentage(tp_task[1].box, tp_task[1].total)}"></div>
                   </div>
                   <div class="zd-row">
                     <p class="item_label font_2">总数量:<span class="c_y">{{ tp_task[1].total }}</span></p>
@@ -281,6 +281,13 @@ export default {
     }
   },
   methods: {
+    getPercentage (part, whole) {
+      if (Number(whole) === 0) {
+        return 0
+      }
+      const percentage = (part / whole * 100).toFixed(2)
+      return `${percentage}%`
+    },
     timerFun (f, time) {
       let _this = this
       return function backFun () {