open-source/qinglong
1
0
Fork 0
mirror of https://github.com/whyour/qinglong.git synced 2025-05-24 15:43:24 +08:00
Code Issues Packages Projects Releases Wiki Activity

修复表格样式

Browse Source
This commit is contained in:
hanhh 2021-10-16 10:53:14 +08:00
parent 6fa8a678bf
commit 87027f8a8c
4 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/crontab/index.less
View File

@ -1,3 +1,3 @@
.ant-table-pagination.ant-pagination {
margin-bottom: 0;
margin-bottom: 0 !important;
}

7
src/pages/crontab/index.tsx
View File

@ -677,7 +677,8 @@ const Crontab = ({ headerStyle, isPhone }: any) => {
setTimeout(() => {
if (selectedRowIds.length === 0 || selectedIds.length === 0) {
setTableScrollHeight(getTableScroll());
const offset = isPhone ? 40 : 0;
setTableScrollHeight(getTableScroll() - offset);
}
});
};
@ -761,7 +762,8 @@ const Crontab = ({ headerStyle, isPhone }: any) => {
useEffect(() => {
setPageSize(parseInt(localStorage.getItem('pageSize') || '20'));
setTableScrollHeight(getTableScroll());
const offset = isPhone ? 40 : 0;
setTableScrollHeight(getTableScroll() - offset);
}, []);
return (
@ -840,6 +842,7 @@ const Crontab = ({ headerStyle, isPhone }: any) => {
onChange: onPageChange,
pageSize: pageSize,
showSizeChanger: true,
simple: isPhone,
defaultPageSize: 20,
showTotal: (total: number, range: number[]) =>
`第 ${range[0]}-${range[1]} 条/总共 ${total} 条`,

6
src/pages/env/index.tsx vendored
View File

@ -366,7 +366,8 @@ const Env = ({ headerStyle, isPhone, theme }: any) => {
setTimeout(() => {
if (selectedRowIds.length === 0 || selectedIds.length === 0) {
setTableScrollHeight(getTableScroll({ extraHeight: 40 }));
const offset = isPhone ? 40 : 0;
setTableScrollHeight(getTableScroll({ extraHeight: 127 }) - offset);
}
});
};
@ -435,7 +436,8 @@ const Env = ({ headerStyle, isPhone, theme }: any) => {
}, [searchText]);
useEffect(() => {
setTableScrollHeight(getTableScroll({ extraHeight: 40 }));
const offset = isPhone ? 40 : 0;
setTableScrollHeight(getTableScroll({ extraHeight: 127 }) - offset);
}, []);
return (

10
src/utils/index.ts
View File

@ -182,7 +182,7 @@ export function getTableScroll({
}: { extraHeight?: number; id?: string } = {}) {
if (typeof extraHeight == 'undefined') {
// 默认底部分页64 + 边距10
extraHeight = 80;
extraHeight = 167;
}
let tHeader = null;
if (id) {
@ -192,16 +192,16 @@ export function getTableScroll({
.getElementsByClassName('ant-table-thead')[0]
: null;
} else {
tHeader = document.getElementsByClassName('ant-table-thead')[0];
tHeader = document.querySelector('.ant-pro-grid-content');
}
//表格内容距离顶部的距离
let tHeaderBottom = 0;
let mainTop = 0;
if (tHeader) {
tHeaderBottom = tHeader.getBoundingClientRect().bottom;
mainTop = tHeader.getBoundingClientRect().top;
}
//窗体高度-表格内容顶部的高度-表格内容底部的高度
let height = document.body.clientHeight - tHeaderBottom - extraHeight;
let height = document.body.clientHeight - mainTop - extraHeight;
return height;
}