xinyin025/smart-admin
1
0
Fork 0
mirror of https://gitee.com/lab1024/smart-admin.git synced 2025-09-17 19:06:39 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Pre Merge pull request !66 from luoyangxin/master

Browse Source
This commit is contained in:
luoyangxin 2025-04-27 07:13:27 +00:00 committed by Gitee
commit 29d3621ab9
No known key found for this signature in database
GPG Key ID: 173E9B9CA92EEF8F
1 changed files with 29 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
smart-admin-web-javascript/src/views/business/erp/goods/goods-list.vue
View File

@ -498,29 +498,37 @@
// 动态设置表格高度
const yHeight = ref(0);
onMounted(() => {
resetGetHeight();
});
function resetGetHeight() {
// 搜索部分高度
let doc = document.querySelector('.ant-form');
// 按钮部分高度
let btn = document.querySelector('.smart-table-btn-block');
// 表格头高度
let tableCell = document.querySelector('.ant-table-cell');
// 分页高度
let page = document.querySelector('.smart-query-table-page');
// 内容区总高度
let box = document.querySelector('.admin-content');
setTimeout(() => {
// 搜索部分高度
let doc = document.querySelector('.ant-form');
// 按钮部分高度
let btn = document.querySelector('.smart-table-btn-block');
// 表格头高度
let tableCell = document.querySelector('.ant-table-cell');
// 分页高度
let page = document.querySelector('.smart-query-table-page');
// 内容区总高度
let box = document.querySelector('.admin-content');
setTimeout(() => {
let dueHeight = doc.offsetHeight + 10 + 24 + btn.offsetHeight + 15 + tableCell.offsetHeight + page.offsetHeight + 20;
yHeight.value = box.offsetHeight - dueHeight;
}, 100);
}
window.addEventListener(
'resize',
_.throttle(() => {
resetGetHeight();
}, 1000)
);
// 定义一个变量来存储节流后的回调函数
let throttledResizeHandler;
onMounted(() => {
resetGetHeight();
throttledResizeHandler = _.throttle(() => {
resetGetHeight();
}, 1000);
window.addEventListener('resize', throttledResizeHandler);
});
// 在组件销毁时移除 resize 事件监听器
onUnmounted(() => {
window.removeEventListener('resize', throttledResizeHandler);
});
</script>