pgpc5xf4t
/
hami
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

节点详情

Browse Source
main
陈博文 6 days ago
parent aa0cdc70ba
commit 5bc98d2e83
5 changed files with 356 additions and 167 deletions
Show Stats Download Patch File Download Diff File

8
packages/web/projects/vgpu/api/node.js
Unescape View File

@ -2,7 +2,6 @@ import request from '@/utils/request';
const apiPrefix = '/api/vgpu'; const apiPrefix = '/api/vgpu';
class nodeApi { class nodeApi {
getNodeList(data) { getNodeList(data) {
return { return {
@ -46,6 +45,13 @@ class nodeApi {
data, data,
}); });
} }
stop(data) {
return request({
url: apiPrefix + '/v1/node/status/update',
method: 'POST',
data,
});
}
} }
export default new nodeApi(); export default new nodeApi();

66
packages/web/projects/vgpu/components/previewBar.vue
Unescape View File

@ -1,32 +1,19 @@
<template> <template>
<ul class="preview"> <ul class="preview">
<li class="preview-item" style="width: 20%; flex: none" v-if="!hidePie"> <li class="preview-item" style="width: 20%; flex: none" v-if="!hidePie">
<block-box <block-box :title="`${type === 'node' ? '节点显卡厂商分布' : '显卡类型分布'}`" class="nodeCard">
:title="`${type === 'node' ? '节点显卡厂商分布' : '显卡类型分布'}`"
class="nodeCard"
>
<div class="pie"> <div class="pie">
<echarts-plus <echarts-plus :options="getPreviewBarPie(pieData, props)" :onClick="handlePieClick" ref="echartsRef" />
:options="getPreviewBarPie(pieData, props)"
:onClick="handlePieClick"
ref="echartsRef"
/>
</div> </div>
<ul class="nodeCard-legend"> <ul class="nodeCard-legend">
<li <li v-for="{ name, value, color } in pieData" :style="{
v-for="{ name, value, color } in pieData" fontWeight: currentName === name ? 'bold' : 'normal',
:style="{ }">
fontWeight: currentName === name ? 'bold' : 'normal',
}"
>
<div class="left"> <div class="left">
<span <span class="color-box" :style="{
class="color-box" 'background-color': color,
:style="{ }"></span>
'background-color': color,
}"
></span>
<span> {{ name }}</span> <span> {{ name }}</span>
</div> </div>
@ -70,6 +57,20 @@ const echartsRef = ref();
const totalTop = { const totalTop = {
title: `${props.title}资源分配率 Top5`, title: `${props.title}资源分配率 Top5`,
config: [ config: [
{
tab: 'CPU',
key: 'cpu',
nameKey: 'instance',
data: [],
query: `topk(5, sum(hami_container_vcore_allocated) by (instance) / sum(hami_core_size) by (instance) * 100)`,
},
{
tab: '内存',
key: 'internal',
nameKey: 'instance',
data: [],
query: `topk(5, sum(hami_container_vmemory_allocated) by (instance) / sum(hami_memory_size) by (instance) * 100)`,
},
{ {
tab: 'vGPU', tab: 'vGPU',
key: 'vgpu', key: 'vgpu',
@ -97,6 +98,21 @@ const totalTop = {
const usedTop = { const usedTop = {
title: `${props.title}资源使用率 Top5`, title: `${props.title}资源使用率 Top5`,
config: [ config: [
{
tab: 'CPU',
key: 'cpu',
nameKey: 'instance',
data: [],
query: `topk(5, (1 - avg(rate(node_cpu_seconds_total{mode="idle"}[5m])) by (instance)) * 100)
`,
},
{
tab: '内存',
key: 'internal',
nameKey: 'instance',
data: [],
query: `topk(5, ((sum(node_memory_MemTotal_bytes) by (instance)) - sum(node_memory_MemAvailable_bytes) by (instance)) / sum(node_memory_MemTotal_bytes) by (instance) * 100)`,
},
{ {
tab: '算力', tab: '算力',
key: 'core', key: 'core',
@ -162,11 +178,13 @@ ul {
padding: 0; padding: 0;
list-style: none; list-style: none;
} }
.preview { .preview {
width: 100%; width: 100%;
display: flex; display: flex;
gap: 20px; gap: 20px;
margin-bottom: 20px; margin-bottom: 20px;
.preview-item { .preview-item {
flex: 1; flex: 1;
} }
@ -204,11 +222,13 @@ ul {
justify-content: space-between; justify-content: space-between;
font-size: 12px; font-size: 12px;
align-items: center; align-items: center;
.left { .left {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 5px; gap: 5px;
} }
.color-box { .color-box {
width: 10px; width: 10px;
height: 10px; height: 10px;
@ -223,10 +243,12 @@ ul {
flex-direction: column; flex-direction: column;
min-height: 350px; min-height: 350px;
height: 100%; height: 100%;
& > :nth-child(2) {
&> :nth-child(2) {
flex: 1; flex: 1;
max-height: 280px; max-height: 280px;
} }
.node-top-echarts { .node-top-echarts {
//flex: 1; //flex: 1;
} }

210
packages/web/projects/vgpu/views/node/admin/Detail.vue
Unescape View File

@ -2,22 +2,22 @@
<div> <div>
<back-header> <back-header>
节点管理 > {{ detail.name }} 节点管理 > {{ detail.name }}
<!-- <template #extra>--> <!-- <template #extra>-->
<!-- <el-form-item--> <!-- <el-form-item-->
<!-- label="节点调度"--> <!-- label="节点调度"-->
<!-- style="margin-bottom: 0; margin-right: 20px"--> <!-- style="margin-bottom: 0; margin-right: 20px"-->
<!-- >--> <!-- >-->
<!-- <el-radio-group--> <!-- <el-radio-group-->
<!-- :disabled="detail.isExternal"--> <!-- :disabled="detail.isExternal"-->
<!-- v-model="tempSchedulable"--> <!-- v-model="tempSchedulable"-->
<!-- size="small"--> <!-- size="small"-->
<!-- @change="onChangeSchedulable"--> <!-- @change="onChangeSchedulable"-->
<!-- >--> <!-- >-->
<!-- <el-radio-button label="启用" :value="true" />--> <!-- <el-radio-button label="启用" :value="true" />-->
<!-- <el-radio-button label="禁用" :value="false" />--> <!-- <el-radio-button label="禁用" :value="false" />-->
<!-- </el-radio-group>--> <!-- </el-radio-group>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<!-- </template>--> <!-- </template>-->
</back-header> </back-header>
<block-box class="node-block"> <block-box class="node-block">
@ -39,11 +39,21 @@
<block-box> <block-box>
<ul class="card-gauges"> <ul class="card-gauges">
<li v-for="(item, index) in gaugeConfig" :key="index"> <li v-for="(item, index) in gaugeConfig.slice(0, 4)" :key="index">
<template v-if="!detail.isExternal || index >= 2"> <template v-if="!detail.isExternal || item.title.includes('使用率')">
<Gauge v-bind="item" /> <Gauge v-bind="item" />
</template> </template>
<template v-else-if="detail.isExternal && index < 2"> <template v-else-if="detail.isExternal && item.title.includes('分配率')">
<el-empty description="暂无资源分配数据" :image-size="90" />
</template>
</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" /> <el-empty description="暂无资源分配数据" :image-size="90" />
</template> </template>
</li> </li>
@ -56,14 +66,13 @@
<time-picker v-model="times" type="datetimerange" size="small" /> <time-picker v-model="times" type="datetimerange" size="small" />
</template> </template>
<div style="height: 200px"> <div style="height: 200px">
<echarts-plus <echarts-plus :options="getRangeOptions({
:options=" cpu: gaugeConfig[7].data,
getRangeOptions({ internal: gaugeConfig[8].data,
core: gaugeConfig[0].data, core: gaugeConfig[4].data,
memory: gaugeConfig[1].data, memory: gaugeConfig[5].data,
}) })
" " />
/>
</div> </div>
</block-box> </block-box>
<block-box title="资源使用趋势（%）"> <block-box title="资源使用趋势（%）">
@ -71,14 +80,13 @@
<time-picker v-model="times" type="datetimerange" size="small" /> <time-picker v-model="times" type="datetimerange" size="small" />
</template> </template>
<div style="height: 200px"> <div style="height: 200px">
<echarts-plus <echarts-plus :options="getRangeOptions({
:options=" cpu: gaugeConfig[0].data,
getRangeOptions({ internal: gaugeConfig[1].data,
core: gaugeConfig[2].data, core: gaugeConfig[6].data,
memory: gaugeConfig[3].data, memory: gaugeConfig[3].data,
}) })
" " />
/>
</div> </div>
</block-box> </block-box>
</div> </div>
@ -103,7 +111,7 @@
import BackHeader from '@/components/BackHeader.vue'; import BackHeader from '@/components/BackHeader.vue';
import { useRoute, useRouter } from 'vue-router'; import { useRoute, useRouter } from 'vue-router';
import BlockBox from '@/components/BlockBox.vue'; import BlockBox from '@/components/BlockBox.vue';
import {computed, onMounted, ref, watch} from 'vue'; import { computed, onMounted, ref, watch } from 'vue';
import { Tools } from '@element-plus/icons-vue'; import { Tools } from '@element-plus/icons-vue';
import CardList from '~/vgpu/views/card/admin/index.vue'; import CardList from '~/vgpu/views/card/admin/index.vue';
import TaskList from '~/vgpu/views/task/admin/index.vue'; import TaskList from '~/vgpu/views/task/admin/index.vue';
@ -116,10 +124,12 @@ import { getLineOptions } from '~/vgpu/views/monitor/overview/getOptions';
import { ElMessage, ElMessageBox } from 'element-plus'; import { ElMessage, ElMessageBox } from 'element-plus';
import api from '~/vgpu/api/task'; import api from '~/vgpu/api/task';
import { getRangeOptions } from './getOptions'; import { getRangeOptions } from './getOptions';
import {getDaysInRange} from "@/utils"; import { bytesToGB } from "@/utils";
import useParentAction from '~/vgpu/hooks/useParentAction';
const { sendRouteChange } = useParentAction();
const route = useRoute(); const route = useRoute();
const router = useRouter();
const detail = ref({}); const detail = ref({});
@ -155,6 +165,46 @@ const cp = useInstantVector(
const gaugeConfig = useInstantVector( const gaugeConfig = useInstantVector(
[ [
{
title: 'CPU 使用率',
percent: 0,
query: `count(node_cpu_seconds_total{mode="idle", instance=~"$node"}) by (instance)*(1 - avg(rate(node_cpu_seconds_total{mode="idle", instance=~"$node"}[5m])) by (instance))`,
totalQuery: `count(node_cpu_seconds_total{mode="idle", instance=~"$node"}) by (instance)`,
percentQuery: `100 * (1 - avg by(instance)(irate(node_cpu_seconds_total{mode="idle", instance=~"$node"}[1m])))`,
total: 0,
used: 0,
unit: '核',
},
{
title: '内存 使用率',
percent: 0,
query: `avg(node_memory_MemTotal_bytes{instance=~"$node"} - node_memory_MemAvailable_bytes{instance=~"$node"}) by (instance) / 1024 / 1024 / 1024`,
totalQuery: `avg(node_memory_MemTotal_bytes{instance=~"$node"}) by (instance) / 1024 / 1024 / 1024`,
percentQuery: `100 * (1 - node_memory_MemAvailable_bytes{instance=~"$node"} / node_memory_MemTotal_bytes{instance=~"$node"})`,
total: 0,
used: 0,
unit: 'GiB',
},
{
title: '磁盘 使用率',
percent: 0,
query: `sum(node_filesystem_size_bytes{instance=~"$node", fstype=~"ext4|xfs", mountpoint!~"/var/lib/kubelet/pods.*"} - node_filesystem_free_bytes{instance=~"$node", fstype=~"ext4|xfs", mountpoint!~"/var/lib/kubelet/pods.*"}) by (instance) / 1024 / 1024 / 1024`,
totalQuery: `sum(node_filesystem_size_bytes{instance=~"$node", fstype=~"ext4|xfs", mountpoint!~"/var/lib/kubelet/pods.*"}) by (instance) / 1024 / 1024 / 1024`,
percentQuery: ``,
total: 0,
used: 0,
unit: 'GiB',
},
{
title: '显存使用率',
percent: 0,
query: `avg(sum(hami_memory_used{node=~"$node"}) by (instance)) / 1024`,
totalQuery: `avg(sum(hami_memory_size{node=~"$node"}) by (instance))/1024`,
percentQuery: `(avg(sum(hami_memory_used{node=~"$node"}) by (instance)) / 1024)/(avg(sum(hami_memory_size{node=~"$node"}) by (instance))/1024)*100`,
total: 0,
used: 0,
unit: 'GiB',
},
{ {
title: '算力分配率', title: '算力分配率',
percent: 0, percent: 0,
@ -186,11 +236,21 @@ const gaugeConfig = useInstantVector(
unit: ' ', unit: ' ',
}, },
{ {
title: '显存使用率', title: 'CPU 分配率',
percent: 0, percent: 0,
query: `avg(sum(hami_memory_used{node=~"$node"}) by (instance)) / 1024`, query: ``,
totalQuery: `avg(sum(hami_memory_size{node=~"$node"}) by (instance))/1024`, totalQuery: ``,
percentQuery: `(avg(sum(hami_memory_used{node=~"$node"}) by (instance)) / 1024)/(avg(sum(hami_memory_size{node=~"$node"}) by (instance))/1024)*100`, percentQuery: `avg(sum(hami_container_vcore_allocated{node=~"$node"}) by (instance) / sum(hami_core_size{node=~"$node"}) by (instance) * 100)`,
total: 0,
used: 0,
unit: '核',
},
{
title: '内存 分配率',
percent: 0,
query: ``,
totalQuery: ``,
percentQuery: `avg(sum(hami_container_memory_allocated{node=~"$node"}) by (instance) / sum(hami_memory_size{node=~"$node"}) by (instance) * 100)`,
total: 0, total: 0,
used: 0, used: 0,
unit: 'GiB', unit: 'GiB',
@ -207,9 +267,9 @@ const detailColumns = [
render: ({ isSchedulable, isExternal }) => { render: ({ isSchedulable, isExternal }) => {
if (detail.value && detail.value.isSchedulable !== undefined) { if (detail.value && detail.value.isSchedulable !== undefined) {
return ( return (
<el-tag disable-transitions type={isExternal ? 'warning' : (isSchedulable ? 'success' : 'danger')}> <el-tag disable-transitions type={isExternal ? 'warning' : (isSchedulable ? 'success' : 'danger')}>
{isExternal ? '未纳管' : (isSchedulable ? '可调度' : '禁止调度')} {isExternal ? '未纳管' : (isSchedulable ? '可调度' : '禁止调度')}
</el-tag> </el-tag>
); );
} else { } else {
return <el-tag disable-transitions size="small" type="info">加载中...</el-tag>; return <el-tag disable-transitions size="small" type="info">加载中...</el-tag>;
@ -230,81 +290,81 @@ const detailColumns = [
label: '操作系统类型', label: '操作系统类型',
value: 'operatingSystem', value: 'operatingSystem',
render: ({ operatingSystem }) => ( render: ({ operatingSystem }) => (
<span> <span>
{operatingSystem==='' ? '--' : operatingSystem} {operatingSystem === '' ? '--' : operatingSystem}
</span> </span>
), ),
}, },
{ {
label: '系统架构', label: '系统架构',
value: 'architecture', value: 'architecture',
render: ({ architecture }) => ( render: ({ architecture }) => (
<span> <span>
{architecture==='' ? '--' : architecture} {architecture === '' ? '--' : architecture}
</span> </span>
), ),
}, },
{ {
label: 'kubelet 版本', label: 'kubelet 版本',
value: 'kubeletVersion', value: 'kubeletVersion',
render: ({ kubeletVersion }) => ( render: ({ kubeletVersion }) => (
<span> <span>
{kubeletVersion==='' ? '--' : kubeletVersion} {kubeletVersion === '' ? '--' : kubeletVersion}
</span> </span>
), ),
}, },
{ {
label: '操作系统版本', label: '操作系统版本',
value: 'osImage', value: 'osImage',
render: ({ osImage }) => ( render: ({ osImage }) => (
<span> <span>
{osImage==='' ? '--' : osImage} {osImage === '' ? '--' : osImage}
</span> </span>
), ),
}, },
{ {
label: '内核版本', label: '内核版本',
value: 'kernelVersion', value: 'kernelVersion',
render: ({ kernelVersion }) => ( render: ({ kernelVersion }) => (
<span> <span>
{kernelVersion==='' ? '--' : kernelVersion} {kernelVersion === '' ? '--' : kernelVersion}
</span> </span>
), ),
}, },
{ {
label: 'kube-proxy 版本', label: 'kube-proxy 版本',
value: 'kubeProxyVersion', value: 'kubeProxyVersion',
render: ({ kubeProxyVersion }) => ( render: ({ kubeProxyVersion }) => (
<span> <span>
{kubeProxyVersion==='' ? '--' : kubeProxyVersion} {kubeProxyVersion === '' ? '--' : kubeProxyVersion}
</span> </span>
), ),
}, },
{ {
label: '容器运行时', label: '容器运行时',
value: 'containerRuntimeVersion', value: 'containerRuntimeVersion',
render: ({ containerRuntimeVersion }) => ( render: ({ containerRuntimeVersion }) => (
<span> <span>
{containerRuntimeVersion==='' ? '--' : containerRuntimeVersion} {containerRuntimeVersion === '' ? '--' : containerRuntimeVersion}
</span> </span>
), ),
}, },
{ {
label: '显卡数量', label: '显卡数量',
value: 'cardCnt', value: 'cardCnt',
render: ({ cardCnt }) => ( render: ({ cardCnt }) => (
<span> <span>
{cardCnt==='' ? '--' : cardCnt} {cardCnt === '' ? '--' : cardCnt}
</span> </span>
), ),
}, },
{ {
label: '创建时间', label: '创建时间',
value: 'creationTimestamp', value: 'creationTimestamp',
render: ({ creationTimestamp }) => ( render: ({ creationTimestamp }) => (
<span> <span>
{creationTimestamp==='' ? '--' : creationTimestamp} {creationTimestamp === '' ? '--' : creationTimestamp}
</span> </span>
), ),
}, },
]; ];
@ -373,6 +433,7 @@ onMounted(async () => {
//line-height: 20px; //line-height: 20px;
margin-bottom: 20px; margin-bottom: 20px;
} }
//.node-detail-left { //.node-detail-left {
// min-width: 800px; // min-width: 800px;
//} //}
@ -405,6 +466,7 @@ onMounted(async () => {
.gauges { .gauges {
flex: 1; flex: 1;
display: flex; display: flex;
li { li {
flex: 1; flex: 1;
} }
@ -417,8 +479,9 @@ onMounted(async () => {
list-style: none; list-style: none;
display: flex; display: flex;
height: 200px; height: 200px;
li { li {
flex: 1; flex: 0.25;
} }
} }
@ -431,6 +494,7 @@ onMounted(async () => {
.node-block { .node-block {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.home-block-content { .home-block-content {
flex: 1; flex: 1;
} }

73
packages/web/projects/vgpu/views/node/admin/getOptions.js
Unescape View File

@ -1,6 +1,11 @@
import { timeParse } from '@/utils'; import { timeParse } from '@/utils';
export const getRangeOptions = ({ core = [], memory = [] }) => { export const getRangeOptions = ({
core = [],
memory = [],
cpu = [],
internal = [],
}) => {
return { return {
legend: { legend: {
// data: [], // data: [],
@ -115,6 +120,72 @@ export const getRangeOptions = ({ core = [], memory = [] }) => {
color: 'rgb(145, 204, 117)', // 设置线条颜色为橙色 color: 'rgb(145, 204, 117)', // 设置线条颜色为橙色
}, },
}, },
{
name: 'CPU',
data: cpu,
type: 'line',
areaStyle: {
normal: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [
{
offset: 0,
color: 'rgba(255, 99, 71, 0.16)',
},
{
offset: 1,
color: 'rgba(255, 99, 71, 0.00)',
},
],
global: false,
},
},
},
itemStyle: {
color: 'rgb(255, 99, 71)',
},
lineStyle: {
color: 'rgb(255, 99, 71)',
},
},
{
name: '内存',
data: internal,
type: 'line',
areaStyle: {
normal: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [
{
offset: 0,
color: 'rgba(138, 43, 226, 0.16)',
},
{
offset: 1,
color: 'rgba(138, 43, 226, 0.00)',
},
],
global: false,
},
},
},
itemStyle: {
color: 'rgb(138, 43, 226)',
},
lineStyle: {
color: 'rgb(138, 43, 226)',
},
},
], ],
}; };
}; };

166
packages/web/projects/vgpu/views/node/admin/index.vue
Unescape View File

@ -5,7 +5,7 @@
</template> </template>
</list-header> </list-header>
<preview-bar :handle-click=handleClick /> <preview-bar :handle-click=handleClick :key="componentKey" />
<table-plus :api="nodeApi.getNodeList()" :columns="columns" :rowAction="rowAction" :searchSchema="searchSchema" <table-plus :api="nodeApi.getNodeList()" :columns="columns" :rowAction="rowAction" :searchSchema="searchSchema"
:hasPagination="false" style="height: auto" hideTag ref="table" staticPage> :hasPagination="false" style="height: auto" hideTag ref="table" staticPage>
@ -36,16 +36,19 @@
<script setup lang="jsx"> <script setup lang="jsx">
import nodeApi from '~/vgpu/api/node'; import nodeApi from '~/vgpu/api/node';
import searchSchema from '~/vgpu/views/node/admin/searchSchema'; import searchSchema from '~/vgpu/views/node/admin/searchSchema';
import { useRouter } from 'vue-router';
import PreviewBar from '~/vgpu/components/previewBar.vue'; import PreviewBar from '~/vgpu/components/previewBar.vue';
import { roundToDecimal } from '@/utils'; import { bytesToGB, roundToDecimal } from '@/utils';
import { ElMessage, ElMessageBox } from 'element-plus'; import { ElMessage, ElMessageBox } from 'element-plus';
import { ref } from 'vue'; import { ref } from 'vue';
import useParentAction from '~/vgpu/hooks/useParentAction';
const router = useRouter();
const { sendRouteChange } = useParentAction();
const table = ref(); const table = ref();
const componentKey = ref(0);
// 节点选择相关 // 节点选择相关
const dialogVisible = ref(false) const dialogVisible = ref(false)
const nodeList = ref([]) const nodeList = ref([])
@ -61,7 +64,7 @@ const handleClick = async (params) => {
const node = list.find(node => node.name === name); const node = list.find(node => node.name === name);
if (node) { if (node) {
const uuid = node.uid; const uuid = node.uid;
router.push(`/admin/vgpu/node/admin/${uuid}?nodeName=${name}`); sendRouteChange(`/admin/vgpu/node/admin/${uuid}?nodeName=${name}`);
} else { } else {
ElMessage.error('节点未找到'); ElMessage.error('节点未找到');
} }
@ -83,7 +86,8 @@ const handleOk = async () => {
node_names node_names
}) })
if (res?.code === 200) { if (res?.code === 200) {
getList(); table.value.fetchData();
componentKey.value += 1;
dialogVisible.value = false; dialogVisible.value = false;
} }
} finally { } finally {
@ -152,6 +156,26 @@ const columns = [
// return r.map((item) => ({ text: item, value: item })); // return r.map((item) => ({ text: item, value: item }));
// }, // },
}, },
{
title: 'CPU',
dataIndex: 'coreTotal',
render: ({ coreTotal }) => `${coreTotal}核`,
},
{
title: '内存',
dataIndex: 'memoryTotal',
render: ({ memoryTotal }) => `${bytesToGB(memoryTotal)}GiB`,
},
{
title: '磁盘',
dataIndex: 'diskSize',
render: ({ diskSize }) => `${bytesToGB(diskSize)}GiB`,
},
{
title: '所属资源池',
dataIndex: 'resourcePools',
render: ({ resourcePools }) => `${resourcePools.join('、')}`,
},
{ {
title: '显卡数量', title: '显卡数量',
dataIndex: 'cardCnt', dataIndex: 'cardCnt',
@ -167,6 +191,7 @@ const columns = [
}, },
{ {
title: '算力(已分配/总量)', title: '算力(已分配/总量)',
width: 120,
dataIndex: 'used', dataIndex: 'used',
render: ({ coreTotal, coreUsed, isExternal }) => ( render: ({ coreTotal, coreUsed, isExternal }) => (
<span> <span>
@ -177,6 +202,7 @@ const columns = [
{ {
title: '显存(已分配/总量)', title: '显存(已分配/总量)',
dataIndex: 'w', dataIndex: 'w',
width: 120,
render: ({ memoryTotal, memoryUsed, isExternal }) => ( render: ({ memoryTotal, memoryUsed, isExternal }) => (
<span> <span>
{isExternal ? '--' : roundToDecimal(memoryUsed / 1024, 1)}/ {isExternal ? '--' : roundToDecimal(memoryUsed / 1024, 1)}/
@ -190,72 +216,72 @@ const rowAction = [
{ {
title: '查看详情', title: '查看详情',
onClick: (row) => { onClick: (row) => {
router.push(`/admin/vgpu/node/admin/${row.uid}?nodeName=${row.name}`); sendRouteChange(`/admin/vgpu/node/admin/${row.uid}?nodeName=${row.name}`);
},
},
{
title: '禁用',
hidden: (row) => !row.isSchedulable,
onClick: async (row) => {
ElMessageBox.confirm(`确认对该节点进行禁用操作？`, '操作确认', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
})
.then(async () => {
try {
await nodeApi.stop(
{
nodeName: row.name,
status: 'DISABLED'
}
).then(
() => {
setTimeout(() => {
ElMessage.success('节点禁用成功');
table.value.fetchData();
}, 500);
}
)
} catch (error) {
ElMessage.error(error.message);
}
})
.catch(() => { });
},
},
{
title: '开启',
hidden: (row) => row.isSchedulable,
disabled: (row) => row.isExternal,
onClick: async (row) => {
ElMessageBox.confirm(`确认对该节点进行开启调度操作？`, '操作确认', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
})
.then(async () => {
try {
await nodeApi.stop(
{
nodeName: row.name,
status: 'ENABLE'
}
).then(
() => {
setTimeout(() => {
ElMessage.success('节点开启调度成功');
table.value.fetchData();
}, 500);
}
)
} catch (error) {
ElMessage.error(error.message);
}
})
.catch(() => { });
}, },
}, },
// {
// title: '禁用',
// hidden: (row) => !row.isSchedulable,
// onClick: async (row) => {
// ElMessageBox.confirm(`确认对该节点进行禁用操作？`, '操作确认', {
// confirmButtonText: '确定',
// cancelButtonText: '取消',
// type: 'warning',
// })
// .then(async () => {
// try {
// await nodeApi.stop(
// {
// nodeName: row.name,
// switch: 'on'
// }
// ).then(
// () => {
// setTimeout(() => {
// ElMessage.success('节点禁用成功');
// table.value.fetchData();
// }, 500);
// }
// )
// } catch (error) {
// ElMessage.error(error.message);
// }
// })
// .catch(() => {});
// },
// },
// {
// title: '开启',
// hidden: (row) => row.isSchedulable,
// disabled: (row) => row.isExternal,
// onClick: async (row) => {
// ElMessageBox.confirm(`确认对该节点进行开启调度操作？`, '操作确认', {
// confirmButtonText: '确定',
// cancelButtonText: '取消',
// type: 'warning',
// })
// .then(async () => {
// try {
// await nodeApi.stop(
// {
// nodeName: row.name,
// switch: 'off'
// }
// ).then(
// () => {
// setTimeout(() => {
// ElMessage.success('节点开启调度成功');
// table.value.fetchData();
// }, 500);
// }
// )
// } catch (error) {
// ElMessage.error(error.message);
// }
// })
// .catch(() => {});
// },
// },
]; ];
</script> </script>

Write Preview
Loading…
Cancel
Save