GTsoft/gtsoft-snail-job-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Bucket采用gird显示

Browse Source
This commit is contained in:
dhb52 2024-05-15 00:27:07 +08:00
parent 53dd629f19
commit 2da42ab386
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/pods/index.vue
View File

@ -83,18 +83,18 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
const buckets = (slice?: number) => {
const consumerBuckets = slice ? row.consumerBuckets?.slice(0, slice) : row.consumerBuckets;
return consumerBuckets?.map(bucket => (
<NTag type="error" key={bucket} class="mr-8px">
<NTag type="error" key={bucket} class="m-1 justify-center">
{bucket}
</NTag>
));
};
const path = () => {
return <NTag type="info">{row.contextPath}</NTag>;
return <NTag type="info">{row.contextPath ?? '/'}</NTag>;
};
return row.nodeType === 1 ? (
<>path: {path()}</>
<>Path: {path()}</>
) : (
<>
<span>Bucket: </span>
@ -103,7 +103,7 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
{{
trigger: () => <NTag type="error">...</NTag>,
default: () => {
return <div class="w-600px">{buckets()}</div>;
return <div class="grid grid-cols-16">{buckets()}</div>;
}
}}
</n-popover>