WFC/fe.wfc
2
0
Fork 0
Code Activity

feat:套餐界面带宽限速判断修改

Browse Source
This commit is contained in:
zhongzm
2024-12-25 11:30:20 +08:00
parent 19fd64daa0
commit 2707dc3643
1 changed files with 18 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/views/billing/package/index.vue
View File

@@ -167,7 +167,7 @@ import { computed, shallowRef, ref, onMounted } from 'vue';
import { useElementSize } from '@vueuse/core'; import { useElementSize } from '@vueuse/core';
import { fetchPackageList, addPackage, fetchRateLimitList, updatePackage, deletePackage } from '@/service/api/auth'; 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 { 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 type { Rule } from 'ant-design-vue/es/form';
import { import {
formatBandwidth, formatBandwidth,
@@ -269,9 +269,13 @@ const { columns, columnChecks, data, loading, getData, mobilePagination } = useT
if (!record.rateLimitEnable) return '无限制'; if (!record.rateLimitEnable) return '无限制';
const rateLimit = rateLimitData.value.find(item => item.id === record.rateLimitId); const rateLimit = rateLimitData.value.find(item => item.id === record.rateLimitId);
if (!rateLimit) return '-'; if (!rateLimit) return '-';
const upLimit = formatBandwidth(rateLimit.upLimit); const upLimitText = rateLimit.upLimitEnable
const downLimit = formatBandwidth(rateLimit.downLimit); ? `上行:${formatBandwidth(rateLimit.upLimit).value} ${formatBandwidth(rateLimit.upLimit).unit}`
return `${rateLimit.rateLimitName} (上行:${upLimit.value} ${upLimit.unit}/下行:${downLimit.value} ${downLimit.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 }) => ( customRender: ({ record }) => (
<div class="flex justify-center gap-2"> <div class="flex justify-center gap-2">
<AButton type="link" onClick={() => handleEdit(record)}> <AButton type="link" onClick={() => handleEdit(record)}>
<FormOutlined /> 编辑
</AButton> </AButton>
<AButton type="link" danger onClick={() => handleDelete(record)}> <AButton type="link" danger onClick={() => handleDelete(record)}>
<DeleteOutlined /> 删除
</AButton> </AButton>
</div> </div>
) )
@@ -405,10 +409,15 @@ const getRateLimitData = async () => {
const response = await fetchRateLimitList(); const response = await fetchRateLimitList();
rateLimitData.value = response.data || []; rateLimitData.value = response.data || [];
rateLimitOptions.value = rateLimitData.value.map(item => { rateLimitOptions.value = rateLimitData.value.map(item => {
const upLimit = formatBandwidth(item.upLimit); const upLimitText = item.upLimitEnable
const downLimit = formatBandwidth(item.downLimit); ? `上行:${formatBandwidth(item.upLimit).value} ${formatBandwidth(item.upLimit).unit}`
: '上行:无限制';
const downLimitText = item.downLimitEnable
? `下行:${formatBandwidth(item.downLimit).value} ${formatBandwidth(item.downLimit).unit}`
: '下行:无限制';
return { return {
label: `${item.rateLimitName} (上行:${upLimit.value} ${upLimit.unit}/下行:${downLimit.value} ${downLimit.unit})`, label: `${item.rateLimitName} (${upLimitText}/${downLimitText})`,
value: item.id value: item.id
}; };
}); });