diff --git a/src/views/billing/package/index.vue b/src/views/billing/package/index.vue index 85ace19..8550573 100644 --- a/src/views/billing/package/index.vue +++ b/src/views/billing/package/index.vue @@ -167,7 +167,7 @@ import { computed, shallowRef, ref, onMounted } from 'vue'; import { useElementSize } from '@vueuse/core'; import { fetchPackageList, addPackage, fetchRateLimitList, updatePackage, deletePackage } from '@/service/api/auth'; import { Button as AButton, message, Modal, Form as AForm, Input as AInput, InputNumber as AInputNumber, Select as ASelect, Switch as ASwitch } from 'ant-design-vue'; -import { PlusOutlined,FormOutlined,DeleteOutlined } from '@ant-design/icons-vue'; +import { PlusOutlined } from '@ant-design/icons-vue'; import type { Rule } from 'ant-design-vue/es/form'; import { formatBandwidth, @@ -269,9 +269,13 @@ const { columns, columnChecks, data, loading, getData, mobilePagination } = useT if (!record.rateLimitEnable) return '无限制'; const rateLimit = rateLimitData.value.find(item => item.id === record.rateLimitId); if (!rateLimit) return '-'; - const upLimit = formatBandwidth(rateLimit.upLimit); - const downLimit = formatBandwidth(rateLimit.downLimit); - return `${rateLimit.rateLimitName} (上行:${upLimit.value} ${upLimit.unit}/下行:${downLimit.value} ${downLimit.unit})`; + const upLimitText = rateLimit.upLimitEnable + ? `上行:${formatBandwidth(rateLimit.upLimit).value} ${formatBandwidth(rateLimit.upLimit).unit}` + : '上行:无限制'; + const downLimitText = rateLimit.downLimitEnable + ? `下行:${formatBandwidth(rateLimit.downLimit).value} ${formatBandwidth(rateLimit.downLimit).unit}` + : '下行:无限制'; + return `${rateLimit.rateLimitName} (${upLimitText}/${downLimitText})`; } }, { @@ -303,10 +307,10 @@ const { columns, columnChecks, data, loading, getData, mobilePagination } = useT customRender: ({ record }) => (