From b18a85c641bed4c7d484152be1b6e3f5aa7341b0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=8D=9A=E6=96=87?= <1179111926@qq.com>
Date: Thu, 7 Aug 2025 14:01:38 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=A0=E9=99=A4=E5=A4=9A=E4=BD=99=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../projects/vgpu/views/poll/admin/Detail.vue | 186 +-----------------
 .../projects/vgpu/views/poll/admin/index.vue  |   9 +-
 .../projects/vgpu/views/task/admin/Detail.vue |   2 +-
 3 files changed, 11 insertions(+), 186 deletions(-)

diff --git a/packages/web/projects/vgpu/views/poll/admin/Detail.vue b/packages/web/projects/vgpu/views/poll/admin/Detail.vue
index f54d5ac..ddabaea 100644
--- a/packages/web/projects/vgpu/views/poll/admin/Detail.vue
+++ b/packages/web/projects/vgpu/views/poll/admin/Detail.vue
@@ -10,22 +10,12 @@
     <block-box>
       <ul class="card-gauges">
         <li v-for="(item, index) in gaugeConfig.slice(0, 4)" :key="index">
-          <template v-if="!detail.isExternal || item.title.includes('使用率')">
-            <Gauge v-bind="item" />
-          </template>
-          <template v-else-if="detail.isExternal && item.title.includes('分配率')">
-            <el-empty description="暂无资源分配数据" :image-size="90" />
-          </template>
+          <Gauge v-bind="item" />
         </li>
       </ul>
       <ul class="card-gauges" style="margin-top: 20px;">
         <li v-for="(item, index) in gaugeConfig.slice(4, 7)" :key="index">
-          <template v-if="!detail.isExternal || item.title.includes('使用率')">
-            <Gauge v-bind="item" />
-          </template>
-          <template v-else-if="detail.isExternal && item.title.includes('分配率')">
-            <el-empty description="暂无资源分配数据" :image-size="90" />
-          </template>
+          <Gauge v-bind="item" />
         </li>
       </ul>
     </block-box>
@@ -66,34 +56,23 @@
     </block-box>
 
     <block-box title="任务列表">
-      <template v-if="detail.isExternal">
-        <el-alert title="由于节点未纳管，无法获取到任务数据" show-icon type="warning" :closable="false" />
-        <el-empty description="暂无任务数据" :image-size="100" />
-      </template>
-      <template v-else>
-        <TaskList :hideTitle="true" :filters="{ nodeUid: detail.uid }" />
-      </template>
+      <TaskList :hideTitle="true" :filters="{ nodeUid: detail.uid }" />
     </block-box>
   </div>
 </template>
 
 <script setup lang="jsx">
 import BackHeader from '@/components/BackHeader.vue';
-import { useRoute, useRouter } from 'vue-router';
+import { useRoute } from 'vue-router';
 import BlockBox from '@/components/BlockBox.vue';
-import { computed, onMounted, ref, watch } from 'vue';
-import { Tools } from '@element-plus/icons-vue';
+import { computed, onMounted, ref, watch, watchEffect } from 'vue';
 import CardList from '~/vgpu/views/card/admin/index.vue';
 import TaskList from '~/vgpu/views/task/admin/index.vue';
 import Gauge from '~/vgpu/components/gauge.vue';
 import useInstantVector from '~/vgpu/hooks/useInstantVector';
 import EchartsPlus from '@/components/Echarts-plus.vue';
-import TimeSelect from '~/vgpu/components/timeSelect.vue';
-import nodeApi from '~/vgpu/api/node';
 import pollApi from '~/vgpu/api/poll';
-import { getLineOptions } from '~/vgpu/views/monitor/overview/getOptions';
 import { ElMessage, ElMessageBox } from 'element-plus';
-import api from '~/vgpu/api/task';
 import { getRangeOptions } from './getOptions';
 import { bytesToGB, roundToDecimal } from "@/utils";
 import useParentAction from '~/vgpu/hooks/useParentAction';
@@ -112,8 +91,6 @@ start.setTime(start.getTime() - 3600 * 1000);
 
 const times = ref([start, end]);
 
-const isSchedulable = ref(true);
-const tempSchedulable = ref(isSchedulable.value);
 
 const columns = [
   {
@@ -135,27 +112,10 @@ const columns = [
         {isExternal ? '未纳管' : (isSchedulable ? '可调度' : '禁止调度')}
       </el-tag>
     )
-    // filters: [
-    //   {
-    //     text: '可调度',
-    //     value: 'true',
-    //   },
-    //   {
-    //     text: '禁止调度',
-    //     value: 'false',
-    //   },
-    // ],
   },
   {
     title: '显卡型号',
     dataIndex: 'type',
-    // filters: (data) => {
-    //   const r = data.reduce((all, item) => {
-    //     return uniq([...all, ...item.type]);
-    //   }, []);
-    //
-    //   return r.map((item) => ({ text: item, value: item }));
-    // },
   },
   {
     title: 'CPU',
@@ -246,27 +206,6 @@ const rowAction = [
   },
 ];
 
-const cp = useInstantVector(
-  [
-    {
-      label: 'vGPU 超配',
-      count: '0',
-      query: `avg(hami_vgpu_count{node=~"$node"})`,
-    },
-    {
-      label: '算力超配',
-      count: '0',
-      query: `avg(hami_vcore_scaling{node=~"$node"})`,
-    },
-    {
-      label: '显存超配',
-      count: '1.5',
-      query: `avg(hami_vmemory_scaling{node=~"$node"})`,
-    },
-  ],
-  (query) => query.replaceAll('$node', detail.value.name),
-);
-
 const gaugeConfig = useInstantVector(
   [
     {
@@ -364,122 +303,7 @@ const gaugeConfig = useInstantVector(
   times,
 );
 
-const detailColumns = [
-  {
-    label: '节点状态',
-    value: 'status',
-    render: ({ isSchedulable, isExternal }) => {
-      if (detail.value && detail.value.isSchedulable !== undefined) {
-        return (
-          <el-tag disable-transitions type={isExternal ? 'warning' : (isSchedulable ? 'success' : 'danger')}>
-            {isExternal ? '未纳管' : (isSchedulable ? '可调度' : '禁止调度')}
-          </el-tag>
-        );
-      } else {
-        return <el-tag disable-transitions size="small" type="info">加载中...</el-tag>;
-      }
-    },
-  },
-  {
-    label: '节点 IP 地址',
-    value: 'ip',
-    render: ({ ip }) => <text-plus text={ip} copy />,
-  },
-  {
-    label: '节点 UUID',
-    value: 'uid',
-    render: ({ uid }) => <text-plus text={uid} copy />,
-  },
-  {
-    label: '操作系统类型',
-    value: 'operatingSystem',
-    render: ({ operatingSystem }) => (
-      <span>
-        {operatingSystem === '' ? '--' : operatingSystem}
-      </span>
-    ),
-  },
-  {
-    label: '系统架构',
-    value: 'architecture',
-    render: ({ architecture }) => (
-      <span>
-        {architecture === '' ? '--' : architecture}
-      </span>
-    ),
-  },
-  {
-    label: 'kubelet 版本',
-    value: 'kubeletVersion',
-    render: ({ kubeletVersion }) => (
-      <span>
-        {kubeletVersion === '' ? '--' : kubeletVersion}
-      </span>
-    ),
-  },
-  {
-    label: '操作系统版本',
-    value: 'osImage',
-    render: ({ osImage }) => (
-      <span>
-        {osImage === '' ? '--' : osImage}
-      </span>
-    ),
-  },
-  {
-    label: '内核版本',
-    value: 'kernelVersion',
-    render: ({ kernelVersion }) => (
-      <span>
-        {kernelVersion === '' ? '--' : kernelVersion}
-      </span>
-    ),
-  },
-  {
-    label: 'kube-proxy 版本',
-    value: 'kubeProxyVersion',
-    render: ({ kubeProxyVersion }) => (
-      <span>
-        {kubeProxyVersion === '' ? '--' : kubeProxyVersion}
-      </span>
-    ),
-  },
-  {
-    label: '容器运行时',
-    value: 'containerRuntimeVersion',
-    render: ({ containerRuntimeVersion }) => (
-      <span>
-        {containerRuntimeVersion === '' ? '--' : containerRuntimeVersion}
-      </span>
-    ),
-  },
-  {
-    label: '显卡数量',
-    value: 'cardCnt',
-    render: ({ cardCnt }) => (
-      <span>
-        {cardCnt === '' ? '--' : cardCnt}
-      </span>
-    ),
-  },
-  {
-    label: '创建时间',
-    value: 'creationTimestamp',
-    render: ({ creationTimestamp }) => (
-      <span>
-        {creationTimestamp === '' ? '--' : creationTimestamp}
-      </span>
-    ),
-  },
-];
-
-const refresh = async () => {
-  detail.value = await nodeApi.getNodeDetail({ uid: route.params.uid });
-  isSchedulable.value = detail.value.isSchedulable;
-};
-
 onMounted(async () => {
-  // await refresh();
 });
 </script>
 
diff --git a/packages/web/projects/vgpu/views/poll/admin/index.vue b/packages/web/projects/vgpu/views/poll/admin/index.vue
index 249d1ec..43571f6 100644
--- a/packages/web/projects/vgpu/views/poll/admin/index.vue
+++ b/packages/web/projects/vgpu/views/poll/admin/index.vue
@@ -7,7 +7,7 @@
   </list-header>
   <div v-loading="loading" style="min-height: 90px;">
     <block-box
-      v-for="{ poolId, poolName, nodeNum, cpuCores, gpuNum, availableMemory, totalMemory, diskSize, nodeList }, index in paginatedList"
+      v-for="{ poolId, poolName, nodeNum, cpuCores, gpuNum, availableMemory, totalMemory, diskSize, nodeList, linkUrl }, index in paginatedList"
       :key="poolId" style="margin: 15px 0 0 0;">
       <el-row style="align-items: center;">
         <div class="left">
@@ -23,10 +23,11 @@
         <div class="right">
           <el-button @click="sendRouteChange(`/admin/vgpu/poll/admin/${poolId}`)" type="text">查看详情</el-button>
           <template v-if="index === 0 && currentPage === 1">
-            <el-button type="text">配置</el-button>
+            <el-button @click="sendRouteChange(linkUrl, 'open')" type="text">配置</el-button>
           </template>
           <template v-else>
-            <el-button @click="dialogVisible = true; editId = poolId; nodeSelect = nodeList.map(e=>e.nodeIp); input = poolName"
+            <el-button
+              @click="dialogVisible = true; editId = poolId; nodeSelect = nodeList.map(e => e.nodeIp); input = poolName"
               type="text">编辑</el-button>
             <el-button @click="() => handleDelete(poolId)" type="text">删除</el-button>
           </template>
@@ -49,7 +50,7 @@
     <div style="margin-top: 20px; margin-bottom: 10px;">
       <span>选择节点</span>
       <span style="float: right;">已选<span style="color: #3061D0; margin: 0 5px;">{{ nodeSelect.length
-      }}</span>个节点</span>
+          }}</span>个节点</span>
     </div>
     <div class="wrap">
       <div class="wrap-left">
diff --git a/packages/web/projects/vgpu/views/task/admin/Detail.vue b/packages/web/projects/vgpu/views/task/admin/Detail.vue
index 204f52c..32e0a58 100644
--- a/packages/web/projects/vgpu/views/task/admin/Detail.vue
+++ b/packages/web/projects/vgpu/views/task/admin/Detail.vue
@@ -172,7 +172,7 @@ const columns = [
   {
     label: '分配内存',
     value: 'requestedMemory',
-    render: ({ requestedMemory }) => <span>{bytesToGB(requestedMemory)} 核</span>,
+    render: ({ requestedMemory }) => <span>{bytesToGB(requestedMemory)} GiB</span>,
 
   },
   {