diff --git a/packages/web/projects/vgpu/views/poll/admin/index.vue b/packages/web/projects/vgpu/views/poll/admin/index.vue index 10afe76..9232740 100644 --- a/packages/web/projects/vgpu/views/poll/admin/index.vue +++ b/packages/web/projects/vgpu/views/poll/admin/index.vue @@ -13,7 +13,7 @@
{{ poolName }} - + {{ ['单机单卡', '单机多卡', '多机多卡'][poolType] || '未知类型' }}
@@ -125,11 +125,6 @@ import useParentAction from '~/vgpu/hooks/useParentAction'; const { sendRouteChange } = useParentAction(); -const typeColorMap = { - 0: 'success', // 绿色 - 单机单卡 - 1: 'warning', // 橙色 - 单机多卡 - 2: '' // 蓝色 - 多机多卡 -} // 数据列表相关 const list = ref([]) @@ -151,6 +146,14 @@ const btnLoading = ref(false) const nodeList = ref([]) const nodeSelect = ref([]) +const getPoolTypeClass = (type) => { + return { + 'tag-single-single': type === 0, + 'tag-single-multi': type === 1, + 'tag-multi-multi': type === 2 + }; +} + // 计算分页后的数据 const paginatedList = computed(() => { const start = (currentPage.value - 1) * pageSize.value @@ -320,6 +323,27 @@ onMounted(async () => { color: #3D4F62; font-size: 18px; } +.tag-single-single { + background: rgba(50,229,143,0.2); + border-radius: 4px; + border: 1px solid #82EAC1; + color: #1AB274; + font-size: 14px; +} +.tag-single-multi { + background: rgba(229,149,50,0.1); + border-radius: 4px; + border: 1px solid #F5D6BA; + color: #F38824; + font-size: 14px; +} +.tag-multi-multi { + background: rgba(113,195,252,0.2); + border-radius: 4px; + border: 1px solid #BBC8EE; + color: #406EE2; + font-size: 14px; +} .tags { display: flex;