From 1d00eb3b5cc4bb85c5d1c4a0d871792be26ccb6b Mon Sep 17 00:00:00 2001
From: zhongzm <zhongzm@agt.com>
Date: Tue, 21 Jan 2025 16:39:13 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E5=A5=97=E9=A4=90=E6=9C=89?=
 =?UTF-8?q?=E6=95=88=E6=9C=9F=E6=A3=80=E9=AA=8C=E5=92=8C=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/recharge/package/index.vue | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/views/recharge/package/index.vue b/src/views/recharge/package/index.vue
index 4e28a4c..bb34ebd 100644
--- a/src/views/recharge/package/index.vue
+++ b/src/views/recharge/package/index.vue
@@ -36,10 +36,10 @@ const PERIOD_TYPE = {
 
 // 添加有效期单位映射
 const PERIOD_UNIT = {
-  [PERIOD_TYPE.HOUR]: '小时',
-  [PERIOD_TYPE.DAY]: '天',
-  [PERIOD_TYPE.MONTH]: '月',
-  [PERIOD_TYPE.YEAR]: '年'
+  0: '小时',
+  1: '天',
+  2: '月',
+  3: '年'
 } as const;
 
 // 格式化有效期显示
@@ -80,6 +80,12 @@ const formatTraffic = (bytes: number): string => {
   return `${bytes.toFixed(2)}B`;
 };
 
+// 格式化流量有效期显示
+const formatTrafficValidity = (num: number, type: number): string => {
+  const unit = PERIOD_UNIT[type as keyof typeof PERIOD_UNIT] || '未知';
+  return `${num}${unit}`;
+};
+
 const packageOptions = ref<PackageOption[]>([]);
 const selectedPackage = ref<PackageOption>({
   id: '1',
@@ -110,7 +116,7 @@ const fetchPackages = async () => {
         clientNumEnable: pkg.clientNumEnable,
         traffic: Number(pkg.traffic),
         trafficEnable: pkg.trafficEnable,
-        trafficDisplay: pkg.trafficEnable ? formatTraffic(Number(pkg.traffic)) : '无限制',
+        trafficDisplay: pkg.trafficEnable ? `${formatTraffic(Number(pkg.traffic))}，${formatTrafficValidity(Number(pkg.periodNum), Number(pkg.periodType))}内有效` : '无限制',
         durationEnable: pkg.durationEnable,
         isRecommended: pkg.isRecommended || false,
         promotion: pkg.promotion || '',
@@ -203,7 +209,7 @@ onMounted(async () => {
         <div class="detail-item">
           <div class="label">{{ t('page.setmeal.GeneralPurposeTraffic') }}</div>
           <div class="value">
-            {{ selectedPackage.trafficEnable ? `${selectedPackage.trafficDisplay}，当月有效` : '无限制' }}
+            {{ selectedPackage.trafficEnable ? selectedPackage.trafficDisplay : '无限制' }}
           </div>
         </div>
         <div class="detail-item">