root/gpustack-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: worker resource info adjust

Browse Source
This commit is contained in:
jialin
2025-09-23 11:15:43 +08:00
parent 2515e8f598
commit a3002ce450
2 changed files with 61 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/cluster-management/config/providers.ts
+2 -2
View File
@@ -42,7 +42,7 @@ export default [
value: ProviderValueMap.AliCloud,
key: ProviderValueMap.AliCloud,
icon: icons.AliCloud,
description: 'Comming soon',
description: 'Coming soon',
group: 'clusters.create.provider.cloud'
},
{
@@ -52,7 +52,7 @@ export default [
value: ProviderValueMap.TencentCloud,
key: ProviderValueMap.TencentCloud,
icon: icons.TencentCloud,
description: 'Comming soon',
description: 'Coming soon',
group: 'clusters.create.provider.cloud'
}
];
src/pages/resources/hooks/use-worker-columns.tsx
+59 -28
View File
@@ -17,7 +17,7 @@ import { Tooltip } from 'antd';
import { ColumnsType } from 'antd/lib/table';
import _ from 'lodash';
import { useMemo } from 'react';
import { WorkerStatusMapValue, status } from '../config';
import { status, WorkerStatusMap, WorkerStatusMapValue } from '../config';
import { Filesystem, GPUDeviceItem, ListItem } from '../config/types';
const ActionList = [
@@ -179,6 +179,18 @@ const StorageCell = ({ files }: { files: Filesystem[] }) => {
);
};
const statusAvailable = (record: ListItem) => {
return (
WorkerStatusMap.provisioned !== record.state &&
WorkerStatusMap.provisioning !== record.state &&
record.status
);
};
const HolderStatus = () => {
return <span>N/A</span>;
};
const useWorkerColumns = ({
clusterData,
loadend,
@@ -249,49 +261,68 @@ const useWorkerColumns = ({
{
title: 'CPU',
dataIndex: 'cpu',
render: (text: string, record) => (
<ProgressBar
percent={_.round(record?.status?.cpu?.utilization_rate, 0)}
/>
)
render: (text: string, record) =>
statusAvailable(record) ? (
<ProgressBar
percent={_.round(record?.status?.cpu?.utilization_rate, 0)}
/>
) : (
<HolderStatus />
)
},
{
title: intl.formatMessage({ id: 'resources.table.memory' }),
dataIndex: 'memory',
render: (_, record) => (
<ProgressBar
percent={formateUtilization(
record?.status?.memory?.used,
record?.status?.memory?.total
)}
label={
<InfoColumn fieldList={fieldList} data={record.status.memory} />
}
/>
)
render: (_, record) =>
statusAvailable(record) ? (
<ProgressBar
percent={formateUtilization(
record?.status?.memory?.used,
record?.status?.memory?.total
)}
label={
<InfoColumn fieldList={fieldList} data={record.status.memory} />
}
/>
) : (
<HolderStatus />
)
},
{
title: 'GPU',
dataIndex: 'gpu',
render: (_, record) => <GPUCell devices={record?.status?.gpu_devices} />
render: (_, record) =>
statusAvailable(record) ? (
<GPUCell devices={record?.status?.gpu_devices} />
) : (
<HolderStatus />
)
},
{
title: intl.formatMessage({ id: 'resources.table.vram' }),
dataIndex: 'vram',
render: (_, record, rIndex) => (
<VRAMCell
devices={record?.status?.gpu_devices}
intl={intl}
rIndex={rIndex}
loadend={loadend}
firstLoad={firstLoad}
/>
)
render: (_, record, rIndex) =>
statusAvailable(record) ? (
<VRAMCell
devices={record?.status?.gpu_devices}
intl={intl}
rIndex={rIndex}
loadend={loadend}
firstLoad={firstLoad}
/>
) : (
<HolderStatus />
)
},
{
title: intl.formatMessage({ id: 'resources.table.disk' }),
dataIndex: 'storage',
render: (_, record) => <StorageCell files={record.status?.filesystem} />
render: (_, record) =>
statusAvailable(record) ? (
<StorageCell files={record.status?.filesystem} />
) : (
<HolderStatus />
)
},
{
title: intl.formatMessage({ id: 'common.table.operation' }),