feat: Bucket采用gird显示
This commit is contained in:
parent
53dd629f19
commit
2da42ab386
@ -83,18 +83,18 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
|
|||||||
const buckets = (slice?: number) => {
|
const buckets = (slice?: number) => {
|
||||||
const consumerBuckets = slice ? row.consumerBuckets?.slice(0, slice) : row.consumerBuckets;
|
const consumerBuckets = slice ? row.consumerBuckets?.slice(0, slice) : row.consumerBuckets;
|
||||||
return consumerBuckets?.map(bucket => (
|
return consumerBuckets?.map(bucket => (
|
||||||
<NTag type="error" key={bucket} class="mr-8px">
|
<NTag type="error" key={bucket} class="m-1 justify-center">
|
||||||
{bucket}
|
{bucket}
|
||||||
</NTag>
|
</NTag>
|
||||||
));
|
));
|
||||||
};
|
};
|
||||||
|
|
||||||
const path = () => {
|
const path = () => {
|
||||||
return <NTag type="info">{row.contextPath}</NTag>;
|
return <NTag type="info">{row.contextPath ?? '/'}</NTag>;
|
||||||
};
|
};
|
||||||
|
|
||||||
return row.nodeType === 1 ? (
|
return row.nodeType === 1 ? (
|
||||||
<>path: {path()}</>
|
<>Path: {path()}</>
|
||||||
) : (
|
) : (
|
||||||
<>
|
<>
|
||||||
<span>Bucket: </span>
|
<span>Bucket: </span>
|
||||||
@ -103,7 +103,7 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
|
|||||||
{{
|
{{
|
||||||
trigger: () => <NTag type="error">...</NTag>,
|
trigger: () => <NTag type="error">...</NTag>,
|
||||||
default: () => {
|
default: () => {
|
||||||
return <div class="w-600px">{buckets()}</div>;
|
return <div class="grid grid-cols-16">{buckets()}</div>;
|
||||||
}
|
}
|
||||||
}}
|
}}
|
||||||
</n-popover>
|
</n-popover>
|
||||||
|
Loading…
Reference in New Issue
Block a user