kangwj
/
unis_crm
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

配置页面的优化

main
kangwenjing 2026-07-02 09:10:04 +08:00
parent b1230f2891
commit cd8feef377
3 changed files with 70 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend1/dist/index.html vendored
View File

@ -5,7 +5,7 @@
<link rel="icon" type="image/svg+xml" href="/logo.svg" /> <link rel="icon" type="image/svg+xml" href="/logo.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>UnisBase - 智能会议系统</title> <title>UnisBase - 智能会议系统</title>
<script type="module" crossorigin src="/assets/index-Bk1lir76.js"></script> <script type="module" crossorigin src="/assets/index-BzRsHhy3.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CaWPk49l.css"> <link rel="stylesheet" crossorigin href="/assets/index-CaWPk49l.css">
</head> </head>
<body> <body>

22
frontend1/src/pages/system/user-data-scope/index.less
View File

@ -38,17 +38,33 @@
} }
.user-data-scope-table-card { .user-data-scope-table-card {
flex: 1;
display: flex;
flex-direction: column;
min-height: 0; min-height: 0;
overflow: hidden; overflow: hidden;
.ant-card-body { .ant-card-body {
flex: 1;
min-height: 0; min-height: 0;
} }
} }
.user-data-scope-table { .user-data-scope-table {
height: 100%;
.ant-spin-nested-loading, .ant-spin-nested-loading,
.ant-spin-container { .ant-spin-container {
height: 100%;
min-height: 0;
}
.ant-spin-container {
display: flex;
flex-direction: column;
}
.ant-table {
min-height: 0; min-height: 0;
} }
@ -56,6 +72,12 @@
overflow-y: auto !important; overflow-y: auto !important;
} }
.ant-table-tbody::after {
content: "";
display: table-row;
height: 8px;
}
.ant-table-pagination { .ant-table-pagination {
background: #fff; background: #fff;
margin: 12px 16px !important; margin: 12px 16px !important;

77
frontend1/src/pages/system/user-data-scope/index.tsx
View File

@ -205,30 +205,6 @@ export default function UserDataScopePage() {
loadPageData(); loadPageData();
}, [loadPageData]); }, [loadPageData]);
useEffect(() => {
const updateTableScrollY = () => {
const tableCard = tableCardRef.current;
if (!tableCard) {
return;
}
const rect = tableCard.getBoundingClientRect();
const footerReserve = 112;
const nextScrollY = Math.max(260, Math.floor(window.innerHeight - rect.top - footerReserve));
setTableScrollY(nextScrollY);
};
updateTableScrollY();
window.addEventListener("resize", updateTableScrollY);
const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(updateTableScrollY);
if (observer && tableCardRef.current) {
observer.observe(tableCardRef.current);
}
return () => {
window.removeEventListener("resize", updateTableScrollY);
observer?.disconnect();
};
}, [filteredGrantGroups.length, query.pageSize]);
const userOptions = useMemo(() => users.map((user) => ({ const userOptions = useMemo(() => users.map((user) => ({
label: ( label: (
<Space direction="vertical" size={0}> <Space direction="vertical" size={0}>
@ -265,16 +241,57 @@ export default function UserDataScopePage() {
}); });
}, [grantGroups, query.keyword, query.resourceType, query.viewerUserId]); }, [grantGroups, query.keyword, query.resourceType, query.viewerUserId]);
const pagedGrantGroups = useMemo(() => {
const start = (query.current - 1) * query.pageSize;
return filteredGrantGroups.slice(start, start + query.pageSize);
}, [filteredGrantGroups, query.current, query.pageSize]);
const activeGrantCount = useMemo( const activeGrantCount = useMemo(
() => grantGroups.filter((group) => group.enabled && !isGroupExpired(group)).length, () => grantGroups.filter((group) => group.enabled && !isGroupExpired(group)).length,
[grantGroups] [grantGroups]
); );
useEffect(() => {
const maxPage = Math.max(1, Math.ceil(filteredGrantGroups.length / query.pageSize));
if (query.current > maxPage) {
setQuery((prev) => ({ ...prev, current: maxPage }));
}
}, [filteredGrantGroups.length, query.current, query.pageSize]);
useEffect(() => {
const updateTableScrollY = () => {
const tableCard = tableCardRef.current;
if (!tableCard) {
return;
}
const rect = tableCard.getBoundingClientRect();
const tableBody = tableCard.querySelector<HTMLElement>(".ant-table-body");
const pagination = tableCard.querySelector<HTMLElement>(".ant-table-pagination");
const bodyTop = tableBody?.getBoundingClientRect().top ?? rect.top + 56;
const paginationStyle = pagination ? window.getComputedStyle(pagination) : null;
const paginationReserve = pagination
? pagination.getBoundingClientRect().height
+ Number.parseFloat(paginationStyle?.marginTop || "0")
+ Number.parseFloat(paginationStyle?.marginBottom || "0")
: 56;
const nextScrollY = Math.max(180, Math.floor(rect.bottom - bodyTop - paginationReserve - 12));
setTableScrollY(nextScrollY);
};
let frameId = 0;
const scheduleUpdate = () => {
cancelAnimationFrame(frameId);
frameId = requestAnimationFrame(updateTableScrollY);
};
scheduleUpdate();
window.addEventListener("resize", scheduleUpdate);
const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(scheduleUpdate);
if (observer && tableCardRef.current) {
observer.observe(tableCardRef.current);
}
return () => {
cancelAnimationFrame(frameId);
window.removeEventListener("resize", scheduleUpdate);
observer?.disconnect();
};
}, [filteredGrantGroups.length, query.current, query.pageSize]);
const selectedDrawerViewerId = Form.useWatch("viewerUserId", form); const selectedDrawerViewerId = Form.useWatch("viewerUserId", form);
const ownerOptions = useMemo( const ownerOptions = useMemo(
() => userOptions.filter((option) => option.value !== selectedDrawerViewerId), () => userOptions.filter((option) => option.value !== selectedDrawerViewerId),
@ -548,7 +565,7 @@ export default function UserDataScopePage() {
rowKey="id" rowKey="id"
loading={loading} loading={loading}
columns={columns} columns={columns}
dataSource={pagedGrantGroups} dataSource={filteredGrantGroups}
size="middle" size="middle"
scroll={{ y: tableScrollY, x: 980 }} scroll={{ y: tableScrollY, x: 980 }}
pagination={getStandardPagination( pagination={getStandardPagination(