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 }) => (
handleEdit(record)}> - + 编辑 handleDelete(record)}> - + 删除
) @@ -405,10 +409,15 @@ const getRateLimitData = async () => { const response = await fetchRateLimitList(); rateLimitData.value = response.data || []; rateLimitOptions.value = rateLimitData.value.map(item => { - const upLimit = formatBandwidth(item.upLimit); - const downLimit = formatBandwidth(item.downLimit); + const upLimitText = item.upLimitEnable + ? `上行:${formatBandwidth(item.upLimit).value} ${formatBandwidth(item.upLimit).unit}` + : '上行:无限制'; + const downLimitText = item.downLimitEnable + ? `下行:${formatBandwidth(item.downLimit).value} ${formatBandwidth(item.downLimit).unit}` + : '下行:无限制'; + return { - label: `${item.rateLimitName} (上行:${upLimit.value} ${upLimit.unit}/下行:${downLimit.value} ${downLimit.unit})`, + label: `${item.rateLimitName} (${upLimitText}/${downLimitText})`, value: item.id }; });