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 { 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 }) => (
<div class="flex justify-center gap-2">
<AButton type="link" onClick={() => handleEdit(record)}>
<FormOutlined />
编辑
</AButton>
<AButton type="link" danger onClick={() => handleDelete(record)}>
<DeleteOutlined />
删除
</AButton>
</div>
)
@@ -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
};
});