diff --git a/src/views/home/modules/line-chart.vue b/src/views/home/modules/line-chart.vue index 6d64515..c023ad2 100644 --- a/src/views/home/modules/line-chart.vue +++ b/src/views/home/modules/line-chart.vue @@ -11,8 +11,11 @@ interface PackageOption { packageName: string; price: number; clientNum: number; + clientNumEnable: boolean; traffic: number; + trafficEnable: boolean; trafficDisplay: string; + durationEnable: boolean; isRecommended?: boolean; promotion?: string; periodNum: number; @@ -70,8 +73,11 @@ const selectedPackage = ref({ packageName: '', price: 0, clientNum: 0, + clientNumEnable: false, traffic: 0, + trafficEnable: false, trafficDisplay: '0GB', + durationEnable: false, isRecommended: false, promotion: '', periodNum: 0, @@ -88,13 +94,16 @@ const fetchPackages = async () => { packageName: pkg.packageName, price: parseFloat(pkg.price), clientNum: Number(pkg.clientNum), + clientNumEnable: pkg.clientNumEnable, traffic: Number(pkg.traffic), - trafficDisplay: formatTraffic(Number(pkg.traffic)), + trafficEnable: pkg.trafficEnable, + trafficDisplay: pkg.trafficEnable ? formatTraffic(Number(pkg.traffic)) : '无限制', + durationEnable: pkg.durationEnable, isRecommended: pkg.isRecommended || false, promotion: pkg.promotion || '', periodNum: Number(pkg.periodNum), periodType: Number(pkg.periodType), - validityPeriod: formatValidityPeriod(Number(pkg.periodNum), Number(pkg.periodType)) + validityPeriod: pkg.durationEnable ? formatValidityPeriod(Number(pkg.periodNum), Number(pkg.periodType)) : '无限制' })); if (packageOptions.value.length > 0) { @@ -162,8 +171,10 @@ onMounted(async () => {
{{ option.packageName }}
¥{{ option.price }}
-
{{ option.trafficDisplay }}
-
{{ option.clientNum }}台设备
+
{{ option.trafficEnable ? option.trafficDisplay : '无限制' }}
+
+ {{ option.clientNumEnable ? `${option.clientNum}台设备` : '无限制' }} +
@@ -178,15 +189,21 @@ onMounted(async () => {
{{ t('page.setmeal.GeneralPurposeTraffic') }}
-
{{ selectedPackage.trafficDisplay }},当月有效
+
+ {{ selectedPackage.trafficEnable ? `${selectedPackage.trafficDisplay},当月有效` : '无限制' }} +
设备数量
-
最多{{ selectedPackage.clientNum }}台设备同时在线
+
+ {{ selectedPackage.clientNumEnable ? `最多${selectedPackage.clientNum}台设备同时在线` : '无限制' }} +
有效期限
-
{{ selectedPackage.validityPeriod }}
+
+ {{ selectedPackage.durationEnable ? selectedPackage.validityPeriod : '无限制' }} +