From 921d00f8c7d785845a08be360d5683dea0169168 Mon Sep 17 00:00:00 2001
From: zhongwenkai <3478244299@qq.com>
Date: Fri, 3 Jul 2026 09:17:44 +0800
Subject: [PATCH 1/4] =?UTF-8?q?style:=20=E5=B7=A5=E5=8E=82=E5=BB=BA?=
 =?UTF-8?q?=E6=A8=A1-=E5=88=97=E8=A1=A8=E5=B1=80=E9=83=A8=E6=BB=9A?=
 =?UTF-8?q?=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/erp/autocode/AutocodeIndex.vue | 22 +++++++++++++++++++++-
 src/views/erp/product/category/index.vue | 22 ++++++++++++++++++++++
 src/views/erp/product/unit/index.vue     | 22 +++++++++++++++++++++-
 src/views/mes/bom/index.vue              | 22 +++++++++++++++++++++-
 src/views/mes/customer/index.vue         | 22 +++++++++++++++++++++-
 src/views/mes/esopFile/index.vue         | 21 ++++++++++++++++++++-
 src/views/mes/organization/index.vue     | 23 +++++++++++++++++++++++
 src/views/mes/printTemplate/index.vue    | 22 +++++++++++++++++++++-
 src/views/mes/printconfig/index.vue      | 21 ++++++++++++++++++++-
 src/views/mes/productionReport/index.vue | 22 ++++++++++++++++++++++
 10 files changed, 212 insertions(+), 7 deletions(-)

diff --git a/src/views/erp/autocode/AutocodeIndex.vue b/src/views/erp/autocode/AutocodeIndex.vue
index 88da4a5a..7b2ea853 100644
--- a/src/views/erp/autocode/AutocodeIndex.vue
+++ b/src/views/erp/autocode/AutocodeIndex.vue
@@ -61,7 +61,7 @@
 
       <!-- 列表 -->
       <ContentWrap>
-        <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+        <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" ref="tableRef" :max-height="planTableMaxHeight">
           <!-- 子表的列表 -->
           <el-table-column type="expand">
             <template #default="scope">
@@ -149,6 +149,18 @@ const { t } = useI18n()
 const loading = ref(true)
 const list = ref<AutocodeRuleVO[]>([])
 const total = ref(0)
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
@@ -172,6 +184,7 @@ const formVisible = ref(false)
 /** 切换筛选框展开/折叠 */
 const toggleFilters = () => {
   showAllFilters.value = !showAllFilters.value
+  updatePlanTableMaxHeight()
 }
 
 const getBarcodeTypeLabel = (value: any) => {
@@ -190,6 +203,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -248,5 +262,11 @@ const handleExport = async () => {
 /** 初始化 **/
 onMounted(() => {
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/erp/product/category/index.vue b/src/views/erp/product/category/index.vue
index eab93d80..8665bb62 100644
--- a/src/views/erp/product/category/index.vue
+++ b/src/views/erp/product/category/index.vue
@@ -74,6 +74,8 @@
       :data="list"
       :stripe="true"
       :show-overflow-tooltip="true"
+      ref="tableRef"
+      :max-height="planTableMaxHeight"
       row-key="id"
       :default-expand-all="isExpandAll"
       v-if="refreshTable"
@@ -144,6 +146,19 @@ const { t } = useI18n() // 国际化
 
 const loading = ref(true) // 列表的加载中
 const list = ref<ProductCategoryVO[]>([]) // 列表的数据
+
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const activeTab = ref('') // 激活的 tab
 const queryParams = reactive({
   name: undefined,
@@ -161,6 +176,7 @@ const getList = async () => {
     list.value = handleTree(data, 'id', 'parentId')
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -236,5 +252,11 @@ onMounted(() => {
     queryParams.type = typeOptions[0].value
   }
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/erp/product/unit/index.vue b/src/views/erp/product/unit/index.vue
index 71063df0..11b462b2 100644
--- a/src/views/erp/product/unit/index.vue
+++ b/src/views/erp/product/unit/index.vue
@@ -74,7 +74,7 @@
 
   <!-- 列表 -->
   <ContentWrap>
-    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" ref="tableRef" :max-height="planTableMaxHeight">
       <el-table-column
         :label="t('FactoryModeling.ProductUnit.tableNameColumn')"
         align="center"
@@ -157,6 +157,19 @@ const { t } = useI18n() // 国际化
 
 const loading = ref(true) // 列表的加载中
 const list = ref<ProductUnitVO[]>([]) // 列表的数据
+
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const total = ref(0) // 列表的总页数
 const queryParams = reactive({
   pageNo: 1,
@@ -176,6 +189,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -234,5 +248,11 @@ const handleExport = async () => {
 /** 初始化 **/
 onMounted(() => {
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/mes/bom/index.vue b/src/views/mes/bom/index.vue
index b6653035..302122eb 100644
--- a/src/views/mes/bom/index.vue
+++ b/src/views/mes/bom/index.vue
@@ -89,7 +89,7 @@
 
       <!-- 列表 -->
       <ContentWrap>
-        <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+        <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" ref="tableRef" :max-height="planTableMaxHeight">
           <!-- 子表的列表 -->
           <el-table-column type="expand">
             <template #default="scope">
@@ -174,6 +174,18 @@ const { t } = useI18n()
 const loading = ref(true)
 const list = ref<BomVO[]>([])
 const total = ref(0)
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
@@ -195,6 +207,7 @@ const formVisible = ref(false)
 /** 切换筛选框展开/折叠 */
 const toggleFilters = () => {
   showAllFilters.value = !showAllFilters.value
+  updatePlanTableMaxHeight()
 }
 
 /** 查询列表 */
@@ -206,6 +219,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -256,6 +270,12 @@ const handleExport = async () => {
 /** 初始化 **/
 onMounted(async () => {
   await getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
   productList.value = await ProductApi.getMesProductSimpleList({ categoryType: 1 })
 })
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
+})
 </script>
diff --git a/src/views/mes/customer/index.vue b/src/views/mes/customer/index.vue
index 9a667d86..70ad22b5 100644
--- a/src/views/mes/customer/index.vue
+++ b/src/views/mes/customer/index.vue
@@ -112,7 +112,7 @@
       <el-tab-pane :label="t('MesCustomer.tabs.participant')" name="2" />
       <el-tab-pane :label="t('MesCustomer.tabs.subordinate')" name="3" />
     </el-tabs> -->
-    <el-table v-loading="loading" :data="list" :show-overflow-tooltip="true" :stripe="true">
+    <el-table v-loading="loading" :data="list" :show-overflow-tooltip="true" :stripe="true" ref="tableRef" :max-height="planTableMaxHeight">
       <el-table-column align="center" fixed="left" :label="t('MesCustomer.fields.name')" prop="name" width="160" sortable>
         <template #default="scope">
           <span>{{ scope.row.name }}</span>
@@ -237,6 +237,19 @@ const { t } = useI18n() // 国际化
 const loading = ref(true) // 列表的加载中
 const total = ref(0) // 列表的总页数
 const list = ref([]) // 列表的数据
+
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
@@ -267,6 +280,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -339,5 +353,11 @@ watch(
 /** 初始化 **/
 onMounted(() => {
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/mes/esopFile/index.vue b/src/views/mes/esopFile/index.vue
index f848486a..b355858f 100644
--- a/src/views/mes/esopFile/index.vue
+++ b/src/views/mes/esopFile/index.vue
@@ -64,7 +64,7 @@
 
   <!-- 列表 -->
   <ContentWrap>
-    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" ref="tableRef" :max-height="planTableMaxHeight">
 <!--      <el-table-column label="id" align="center" prop="id"  />
       <el-table-column label="配置编号" align="center" prop="configId" />-->
       <el-table-column :label="t('FactoryModeling.EsopFile.tableCodeColumn')"  align="center" prop="code" />
@@ -149,6 +149,18 @@ const { t } = useI18n() // 国际化
 
 const loading = ref(true) // 列表的加载中
 const list = ref<FileVO[]>([]) // 列表的数据
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const total = ref(0) // 列表的总页数
 const queryParams = reactive({
   pageNo: 1,
@@ -176,6 +188,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -232,5 +245,11 @@ const handleExport = async () => {
 /** 初始化 **/
 onMounted(() => {
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/mes/organization/index.vue b/src/views/mes/organization/index.vue
index ad633553..e004f292 100644
--- a/src/views/mes/organization/index.vue
+++ b/src/views/mes/organization/index.vue
@@ -126,6 +126,8 @@
       :data="list"
       :stripe="true"
       :show-overflow-tooltip="true"
+      ref="tableRef"
+      :max-height="planTableMaxHeight"
       row-key="id"
       :default-expand-all="isExpandAll"
       v-if="refreshTable"
@@ -209,6 +211,19 @@ const { t } = useI18n() // 国际化
 
 const loading = ref(true) // 列表的加载中
 const list = ref<OrganizationVO[]>([]) // 列表的数据
+
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const queryParams = reactive({
   code: undefined,
   name: undefined,
@@ -232,6 +247,7 @@ const filterCount = 4 // 筛选框数量（code、parentId、name、orgClass）
 /** 切换筛选框展开/折叠 */
 const toggleFilters = () => {
   showAllFilters.value = !showAllFilters.value
+  updatePlanTableMaxHeight()
 }
 
 /** 查询列表 */
@@ -242,6 +258,7 @@ const getList = async () => {
     list.value = handleTree(data, 'id', 'parentId')
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -305,6 +322,8 @@ const organizationTree = ref() // 树形结构
 /** 初始化 **/
 onMounted(async () => {
   await getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
   /** 获得产线工位树 */
   organizationTree.value = []
   const data = await OrganizationApi.getOrganizationList()
@@ -312,6 +331,10 @@ onMounted(async () => {
   root.children = handleTree(data, 'id', 'parentId')
   organizationTree.value.push(root)
 })
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
+})
 /** tab 切换 */
 let activeName = ''
 const handleTabClick = (tab: TabsPaneContext) => {
diff --git a/src/views/mes/printTemplate/index.vue b/src/views/mes/printTemplate/index.vue
index 4f81526f..fa75b2c9 100644
--- a/src/views/mes/printTemplate/index.vue
+++ b/src/views/mes/printTemplate/index.vue
@@ -33,7 +33,7 @@
       <el-tab-pane label="打印" name="1" />
       <el-tab-pane label="报表" name="2" />
     </el-tabs>
-    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" row-key="id"
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" ref="tableRef" :max-height="planTableMaxHeight" row-key="id"
       @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" fixed="left" reserve-selection />
       <el-table-column :label="t('TemplateManagement.PrintTemplate.templateCode')" align="center" prop="templateCode"
@@ -102,6 +102,19 @@ const { t } = useI18n()
 
 const loading = ref(true)
 const list = ref<PrintTemplateVO[]>([])
+
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const total = ref(0)
 const queryParams = reactive({
   pageNo: 1,
@@ -122,6 +135,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -187,5 +201,11 @@ const handleSelectionChange = (rows: any[]) => {
 
 onMounted(() => {
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/mes/printconfig/index.vue b/src/views/mes/printconfig/index.vue
index 61402ab9..bbc5ab6e 100644
--- a/src/views/mes/printconfig/index.vue
+++ b/src/views/mes/printconfig/index.vue
@@ -70,7 +70,7 @@
 
   <!-- 列表 -->
   <ContentWrap>
-    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" ref="tableRef" :max-height="planTableMaxHeight">
       <!--      <el-table-column label="主键ID" align="center" prop="id" />-->
       <!--      <el-table-column type="selection" width="55" fixed="left" reserve-selection />-->
       <el-table-column :label="t('TemplateManagement.PrintConfig.hostName')" align="center" prop="hostName" />
@@ -161,6 +161,18 @@ const { t } = useI18n() // 国际化
 
 const loading = ref(true) // 列表的加载中
 const list = ref<ConfigVO[]>([]) // 列表的数据
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const total = ref(0) // 列表的总页数
 
 interface QueryParams {
@@ -431,6 +443,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -545,6 +558,12 @@ const handleExport = async () => {
 onMounted(async () => {
   await initCurrentHostName()
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 </script>
 
diff --git a/src/views/mes/productionReport/index.vue b/src/views/mes/productionReport/index.vue
index bd1c4016..06309d8c 100644
--- a/src/views/mes/productionReport/index.vue
+++ b/src/views/mes/productionReport/index.vue
@@ -99,6 +99,8 @@
       :data="list"
       :stripe="true"
       :show-overflow-tooltip="true"
+      ref="tableRef"
+      :max-height="planTableMaxHeight"
     >
       <el-table-column :label="t('ProductionReport.Index.tableCode')" align="center" prop="code" width="200px" sortable />
       <el-table-column :label="t('ProductionReport.Index.tableOrderDate')" align="center" prop="orderDate" :formatter="dateFormatter2" sortable />
@@ -167,6 +169,18 @@ const message = useMessage()
 const loading = ref(true)
 const list = ref<TaskVO[]>([])
 const total = ref(0)
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
@@ -185,6 +199,7 @@ const filterCount = 4 // 筛选框数量
 /** 切换筛选框展开/折叠 */
 const toggleFilters = () => {
   showAllFilters.value = !showAllFilters.value
+  updatePlanTableMaxHeight()
 }
 
 const activeStatusTab = ref('')
@@ -210,6 +225,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -248,6 +264,12 @@ const handleTabClick = (tab: any) => {
 
 onMounted(() => {
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 </script>
 

From fc631027e9c53071954d338852c297c911c6a9bd Mon Sep 17 00:00:00 2001
From: zhongwenkai <3478244299@qq.com>
Date: Fri, 3 Jul 2026 10:34:17 +0800
Subject: [PATCH 2/4] =?UTF-8?q?style:=20IoT=E5=92=8C=E4=BB=93=E5=82=A8?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86-=E5=88=97=E8=A1=A8=E5=B1=80=E9=83=A8?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/erp/product/product/index.vue       | 21 ++++++++++++++++-
 src/views/erp/purchase/supplier/index.vue     | 21 ++++++++++++++++-
 src/views/erp/stock/checkExecution/index.vue  | 21 +++++++++++++++++
 src/views/erp/stock/checkRecord/index.vue     | 22 ++++++++++++++++++
 src/views/erp/stock/in/index.vue              | 22 ++++++++++++++++++
 src/views/erp/stock/move/index.vue            | 21 +++++++++++++++++
 src/views/erp/stock/out/index.vue             | 22 ++++++++++++++++++
 .../erp/stock/packagingSolution/index.vue     | 21 +++++++++++++++++
 src/views/erp/stock/pallet/index.vue          | 22 +++++++++++++++++-
 src/views/erp/stock/record/index.vue          | 22 +++++++++++++++++-
 src/views/erp/stock/stock/index.vue           | 21 +++++++++++++++++
 src/views/erp/stock/warehouse/index.vue       | 22 ++++++++++++++++++
 src/views/erp/warehousearea/index.vue         | 22 ++++++++++++++++++
 src/views/iot/device/index.vue                | 17 +++++++++++++-
 src/views/iot/deviceattributetype/index.vue   | 18 +++++++++++++++
 src/views/iot/historyData/index.vue           | 23 +++++++++++++++++++
 src/views/iot/realTimeMonitoring/index.vue    | 23 +++++++++++++++++++
 src/views/iot/runReport/index.vue             | 22 +++++++++++++++++-
 18 files changed, 377 insertions(+), 6 deletions(-)

diff --git a/src/views/erp/product/product/index.vue b/src/views/erp/product/product/index.vue
index 008a64c8..c9213789 100644
--- a/src/views/erp/product/product/index.vue
+++ b/src/views/erp/product/product/index.vue
@@ -82,7 +82,7 @@
         <!-- 右侧产品表格 -->
         <div class="product-page-right">
           <ContentWrap>
-            <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" :row-class-name="getRowClassName">
+            <el-table ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" :max-height="planTableMaxHeight" :row-class-name="getRowClassName">
               <el-table-column :label="t('FactoryModeling.ProductInformation.tableBarCodeColumn')" align="center" prop="barCode"
                 sortable />
               <el-table-column :label="t('FactoryModeling.ProductInformation.dialogCategoryTypeLabel')" align="center" prop="categoryType" sortable>
@@ -329,6 +329,18 @@ const { t } = useI18n()
 const loading = ref(true)
 const list = ref<ProductVO[]>([])
 const total = ref(0)
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
@@ -420,6 +432,7 @@ const getList = async () => {
     }
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -475,6 +488,12 @@ onMounted(async () => {
     queryParams.categoryType = typeOptions[0].value
   }
   await getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 
 const bomFormRef = ref()
diff --git a/src/views/erp/purchase/supplier/index.vue b/src/views/erp/purchase/supplier/index.vue
index f0b086c6..2af7fd6a 100644
--- a/src/views/erp/purchase/supplier/index.vue
+++ b/src/views/erp/purchase/supplier/index.vue
@@ -63,7 +63,7 @@
 
   <!-- 列表 -->
   <ContentWrap>
-    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+    <el-table ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" :max-height="planTableMaxHeight">
       <el-table-column label="名称" align="center" prop="name"  sortable />
       <el-table-column label="联系人" align="center" prop="contact" />
       <el-table-column label="手机号码" align="center" prop="mobile" />
@@ -126,6 +126,18 @@ const { t } = useI18n() // 国际化
 const loading = ref(true) // 列表的加载中
 const list = ref<SupplierVO[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
@@ -145,6 +157,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -197,5 +210,11 @@ const handleExport = async () => {
 /** 初始化 **/
 onMounted(() => {
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/erp/stock/checkExecution/index.vue b/src/views/erp/stock/checkExecution/index.vue
index 686a2d9b..081bb9e1 100644
--- a/src/views/erp/stock/checkExecution/index.vue
+++ b/src/views/erp/stock/checkExecution/index.vue
@@ -90,9 +90,11 @@
 
   <ContentWrap>
     <el-table
+      ref="tableRef"
       v-loading="loading"
       :data="list"
       stripe
+      :max-height="planTableMaxHeight"
       row-key="id"
       @selection-change="handleSelectionChange"
     >
@@ -278,6 +280,18 @@ const message = useMessage()
 const loading = ref(false)
 const list = ref<StockCheckVO[]>([])
 const total = ref(0)
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const warehouseList = ref<WarehouseVO[]>([])
 const selectionList = ref<StockCheckVO[]>([])
 const queryFormRef = ref()
@@ -319,6 +333,7 @@ const getList = async () => {
     total.value = data?.total || 0
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -455,5 +470,11 @@ onMounted(async () => {
   ])
   warehouseList.value = warehouses || []
   await getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/erp/stock/checkRecord/index.vue b/src/views/erp/stock/checkRecord/index.vue
index 2e520c29..272534ea 100644
--- a/src/views/erp/stock/checkRecord/index.vue
+++ b/src/views/erp/stock/checkRecord/index.vue
@@ -156,10 +156,12 @@
 
   <ContentWrap>
     <el-table
+      ref="tableRef"
       v-loading="loading"
       :data="list"
       :stripe="true"
       :show-overflow-tooltip="true"
+      :max-height="planTableMaxHeight"
       row-key="id"
       @selection-change="handleSelectionChange"
     >
@@ -250,6 +252,18 @@ const dictStore = useDictStoreWithOut()
 const loading = ref(false)
 const list = ref<StockCheckRecordVO[]>([])
 const total = ref(0)
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const queryFormRef = ref()
 const productList = ref<ProductVO[]>([])
 const warehouseList = ref<WarehouseVO[]>([])
@@ -283,6 +297,7 @@ const filteredAreaList = computed(() => {
 
 const toggleFilters = () => {
   showAllFilters.value = !showAllFilters.value
+  updatePlanTableMaxHeight()
 }
 
 const buildQueryParams = () => {
@@ -302,6 +317,7 @@ const getList = async () => {
     total.value = data?.total || 0
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -414,6 +430,12 @@ onMounted(async () => {
     })
   ])
   await getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 </script>
 
diff --git a/src/views/erp/stock/in/index.vue b/src/views/erp/stock/in/index.vue
index c00db095..1e0851d1 100644
--- a/src/views/erp/stock/in/index.vue
+++ b/src/views/erp/stock/in/index.vue
@@ -157,10 +157,12 @@
         </el-tabs>
 
         <el-table
+          ref="tableRef"
           v-loading="loading"
           :data="list"
           :stripe="true"
           :show-overflow-tooltip="true"
+          :max-height="planTableMaxHeight"
           @selection-change="handleSelectionChange"
         >
           <el-table-column width="30" :label="t('common.select')" type="selection" />
@@ -337,6 +339,18 @@ const { t } = useI18n() // 国际化
 const loading = ref(true) // 列表的加载中
 const list = ref<StockInVO[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
@@ -367,6 +381,7 @@ const useInitialStatusFilter = ref(true)
 const filterCount = 7
 const toggleFilters = () => {
   showAllFilters.value = !showAllFilters.value
+  updatePlanTableMaxHeight()
 }
 const productList = ref<ProductVO[]>([]) // 产品列表
 const warehouseList = ref<WarehouseVO[]>([]) // 仓库列表
@@ -413,6 +428,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -568,12 +584,18 @@ watch(stockInTypeOptions, (options) => {
 onMounted(async () => {
   syncDefaultInType()
   await getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
   // 加载产品、仓库列表、供应商
   productList.value = await ProductApi.getProductSimpleList()
   warehouseList.value = await WarehouseApi.getWarehouseSimpleList()
   supplierList.value = await SupplierApi.getSupplierSimpleList()
   userList.value = await UserApi.getSimpleUserList()
 })
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
+})
 const handleTabClick = (tab: TabsPaneContext) => {
   queryParams.inType = String(tab.paneName || '')
   activeName.value = queryParams.inType
diff --git a/src/views/erp/stock/move/index.vue b/src/views/erp/stock/move/index.vue
index f679981d..2e566f78 100644
--- a/src/views/erp/stock/move/index.vue
+++ b/src/views/erp/stock/move/index.vue
@@ -132,10 +132,12 @@
   <!-- 列表 -->
   <ContentWrap>
     <el-table
+      ref="tableRef"
       v-loading="loading"
       :data="list"
       :stripe="true"
       :show-overflow-tooltip="true"
+      :max-height="planTableMaxHeight"
       @selection-change="handleSelectionChange"
     >
       <el-table-column :label="t('action.select')" type="selection" />
@@ -298,6 +300,18 @@ const { t } = useI18n() // 国际化
 const loading = ref(true) // 列表的加载中
 const list = ref<StockMoveVO[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
@@ -351,6 +365,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -474,11 +489,17 @@ const handleSelectionChange = (rows: StockMoveVO[]) => {
 /** 初始化 **/
 onMounted(async () => {
   await getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
   // 加载产品、仓库列表、客户
   productList.value = await ProductApi.getProductSimpleList()
   warehouseList.value = await WarehouseApi.getWarehouseSimpleList()
   userList.value = await UserApi.getSimpleUserList()
 })
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
+})
 // TODO 芋艿：可优化功能：列表界面，支持导入
 // TODO 芋艿：可优化功能：详情界面，支持打印
 </script>
diff --git a/src/views/erp/stock/out/index.vue b/src/views/erp/stock/out/index.vue
index 948b41de..273106f0 100644
--- a/src/views/erp/stock/out/index.vue
+++ b/src/views/erp/stock/out/index.vue
@@ -157,10 +157,12 @@
         </el-tabs>
 
         <el-table
+          ref="tableRef"
           v-loading="loading"
           :data="list"
           :stripe="true"
           :show-overflow-tooltip="true"
+          :max-height="planTableMaxHeight"
           @selection-change="handleSelectionChange"
         >
           <el-table-column width="30" :label="t('common.select')" type="selection" />
@@ -336,6 +338,18 @@ const { t } = useI18n() // 鍥介檯鍖?
 const loading = ref(true) // 鍒楄〃鐨勫姞杞戒腑
 const list = ref<StockOutVO[]>([]) // 鍒楄〃鐨勬暟鎹?
 const total = ref(0) // 鍒楄〃鐨勬€婚〉鏁?
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
@@ -367,6 +381,7 @@ const useInitialStatusFilter = ref(true)
 const filterCount = 7
 const toggleFilters = () => {
   showAllFilters.value = !showAllFilters.value
+  updatePlanTableMaxHeight()
 }
 const productList = ref<ProductVO[]>([]) // 浜у搧鍒楄〃
 const warehouseList = ref<WarehouseVO[]>([]) // 浠撳簱鍒楄〃
@@ -412,6 +427,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -566,11 +582,17 @@ watch(stockOutTypeOptions, (options) => {
 onMounted(async () => {
   syncDefaultOutType()
   await getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
   // 鍔犺浇浜у搧銆佷粨搴撳垪琛ㄣ€佷緵搴斿晢
   productList.value = await ProductApi.getProductSimpleList()
   warehouseList.value = await WarehouseApi.getWarehouseSimpleList()
   userList.value = await UserApi.getSimpleUserList()
 })
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
+})
 const handleTabClick = (tab: TabsPaneContext) => {
   queryParams.outType = String(tab.paneName || '')
   activeName.value = queryParams.outType
diff --git a/src/views/erp/stock/packagingSolution/index.vue b/src/views/erp/stock/packagingSolution/index.vue
index 121a067f..489208a3 100644
--- a/src/views/erp/stock/packagingSolution/index.vue
+++ b/src/views/erp/stock/packagingSolution/index.vue
@@ -60,10 +60,12 @@
   <!-- 列表 -->
   <ContentWrap>
     <el-table
+      ref="tableRef"
       v-loading="loading"
       :data="list"
       :stripe="true"
       :show-overflow-tooltip="true"
+      :max-height="planTableMaxHeight"
     >
       <el-table-column :label="t('ErpStock.PackagingScheme.code')" align="center" prop="code" sortable />
       <el-table-column :label="t('ErpStock.PackagingScheme.name')" align="center" prop="name" sortable />
@@ -133,6 +135,18 @@ const { t } = useI18n()
 const loading = ref(true)
 const list = ref<PackagingSchemeVO[]>([])
 const total = ref(0)
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
@@ -151,6 +165,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -185,5 +200,11 @@ const handleDelete = async (id: number) => {
 /** 初始化 **/
 onMounted(() => {
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/erp/stock/pallet/index.vue b/src/views/erp/stock/pallet/index.vue
index e82ba818..1e5733b5 100644
--- a/src/views/erp/stock/pallet/index.vue
+++ b/src/views/erp/stock/pallet/index.vue
@@ -57,7 +57,7 @@
   </ContentWrap>
 
   <ContentWrap>
-    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" row-key="id">
+    <el-table ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" :max-height="planTableMaxHeight" row-key="id">
       <el-table-column :label="t('ErpStock.Pallet.code')" align="center" prop="code" min-width="150" sortable />
       <el-table-column :label="t('ErpStock.Pallet.palletType')" align="center" prop="palletType" min-width="100">
         <template #default="scope">
@@ -128,6 +128,18 @@ const message = useMessage()
 const loading = ref(true)
 const list = ref<PalletVO[]>([])
 const total = ref(0)
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
@@ -151,6 +163,7 @@ const filteredAreaList = computed(() => {
 
 const toggleFilters = () => {
   showAllFilters.value = !showAllFilters.value
+  updatePlanTableMaxHeight()
 }
 
 const getWarehouseName = (warehouseId: number) => {
@@ -174,6 +187,7 @@ const getList = async () => {
     total.value = data.total ?? 0
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -218,5 +232,11 @@ onMounted(() => {
   getWarehouseList()
   getAreaList()
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/erp/stock/record/index.vue b/src/views/erp/stock/record/index.vue
index bc12a09c..37c3f539 100644
--- a/src/views/erp/stock/record/index.vue
+++ b/src/views/erp/stock/record/index.vue
@@ -65,7 +65,7 @@
       <el-tab-pane v-for="item in categoryTypeOptions" :key="item.value" :label="item.label"
         :name="String(item.value)" />
     </el-tabs>
-    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" row-key="id"
+    <el-table ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" :max-height="planTableMaxHeight" row-key="id"
       @selection-change="handleSelectionChange">
       <el-table-column width="30" :label="t('action.select')" type="selection" />
       <el-table-column :label="t('ErpStock.Record.bizNo')" align="center" prop="bizNo" min-width="180" sortable />
@@ -130,6 +130,18 @@ const dictStore = useDictStoreWithOut()
 const loading = ref(true) // 列表的加载中
 const list = ref<StockRecordVO[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const queryParams = reactive<{
   pageNo: number
   pageSize: number
@@ -156,6 +168,7 @@ const activeName = ref('')
 const filterCount = 5
 const toggleFilters = () => {
   showAllFilters.value = !showAllFilters.value
+  updatePlanTableMaxHeight()
 }
 const productList = ref<ProductVO[]>([]) // 产品列表
 const warehouseList = ref<WarehouseVO[]>([]) // 仓库列表
@@ -212,6 +225,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -289,10 +303,16 @@ onActivated(() => {
 onMounted(async () => {
   await dictStore.setDictMap()
   await getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
   // 加载产品、仓库列表
   productList.value = await ProductApi.getProductSimpleList()
   warehouseList.value = await WarehouseApi.getWarehouseSimpleList()
 })
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
+})
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/erp/stock/stock/index.vue b/src/views/erp/stock/stock/index.vue
index ca6cf008..4b8191aa 100644
--- a/src/views/erp/stock/stock/index.vue
+++ b/src/views/erp/stock/stock/index.vue
@@ -80,10 +80,12 @@
       />
     </el-tabs>
     <el-table
+      ref="tableRef"
       v-loading="loading"
       :data="list"
       :stripe="true"
       :show-overflow-tooltip="true"
+      :max-height="planTableMaxHeight"
       row-key="id"
       @selection-change="handleSelectionChange"
     >
@@ -193,6 +195,18 @@ const dictStore = useDictStoreWithOut()
 const loading = ref(true) // 列表的加载中
 const list = ref<StockVO[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const queryParams = reactive<{
   pageNo: number
   pageSize: number
@@ -281,6 +295,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -356,10 +371,16 @@ const handleSelectionChange = (rows: StockVO[]) => {
 onMounted(async () => {
   await dictStore.setDictMap()
   await getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
   // 加载产品、仓库列表
   await getProductList()
   warehouseList.value = await WarehouseApi.getWarehouseSimpleList()
 })
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
+})
 </script>
 
 <style scoped>
diff --git a/src/views/erp/stock/warehouse/index.vue b/src/views/erp/stock/warehouse/index.vue
index 9e524ff8..4cc48caa 100644
--- a/src/views/erp/stock/warehouse/index.vue
+++ b/src/views/erp/stock/warehouse/index.vue
@@ -82,10 +82,12 @@
   <!-- 列表 -->
   <ContentWrap>
     <el-table
+      ref="tableRef"
       v-loading="loading"
       :data="list"
       :stripe="true"
       :show-overflow-tooltip="true"
+      :max-height="planTableMaxHeight"
       row-key="id"
       @selection-change="handleSelectionChange"
     >
@@ -267,6 +269,18 @@ const { t } = useI18n() // 国际化
 const loading = ref(true) // 列表的加载中
 const list = ref<WarehouseVO[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
@@ -280,6 +294,7 @@ const showAllFilters = ref(false)
 const filterCount = 2
 const toggleFilters = () => {
   showAllFilters.value = !showAllFilters.value
+  updatePlanTableMaxHeight()
 }
 const detailDialogVisible = ref(false) // 详情弹窗的是否展示
 const detailData = ref<WarehouseVO | null>(null) // 详情的数据
@@ -294,6 +309,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -390,5 +406,11 @@ const handleSelectionChange = (rows: WarehouseVO[]) => {
 /** 初始化 **/
 onMounted(() => {
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/erp/warehousearea/index.vue b/src/views/erp/warehousearea/index.vue
index c612bdf8..8665bf96 100644
--- a/src/views/erp/warehousearea/index.vue
+++ b/src/views/erp/warehousearea/index.vue
@@ -79,10 +79,12 @@
 
   <ContentWrap>
     <el-table
+      ref="tableRef"
       v-loading="loading"
       :data="list"
       :stripe="true"
       :show-overflow-tooltip="true"
+      :max-height="planTableMaxHeight"
       row-key="id"
     >
       <el-table-column :label="t('ErpStock.WarehouseArea.warehouseId')" align="center" prop="warehouseId" sortable>
@@ -147,6 +149,18 @@ const { t } = useI18n()
 const loading = ref(true)
 const list = ref<WarehouseAreaVO[]>([])
 const total = ref(0)
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
@@ -160,6 +174,7 @@ const showAllFilters = ref(false)
 const filterCount = 4
 const toggleFilters = () => {
   showAllFilters.value = !showAllFilters.value
+  updatePlanTableMaxHeight()
 }
 const warehouseList = ref<any[]>([])
 
@@ -175,6 +190,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -209,5 +225,11 @@ const handleDelete = async (id: number) => {
 onMounted(() => {
   getWarehouseList()
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/iot/device/index.vue b/src/views/iot/device/index.vue
index 9e866db7..ef94b014 100644
--- a/src/views/iot/device/index.vue
+++ b/src/views/iot/device/index.vue
@@ -94,7 +94,7 @@
   <ContentWrap>
     <div v-show="currentView === 'table'" class="simple-table-view">
     <el-table
-      ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" row-key="id"
+      ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" :max-height="planTableMaxHeight" row-key="id"
       @selection-change="handleSelectionChange" @row-click="handleShowAttribute">
       <el-table-column type="selection" width="55" reserve-selection />
       <el-table-column :label="t('DataCollection.Device.deviceCode')" align="left" prop="deviceCode" sortable/>
@@ -923,6 +923,17 @@ const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化
 
 const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 
 const loading = ref(true) // 列表的加载中
 const showDetailForm =ref(true)
@@ -1085,6 +1096,7 @@ const getList = async (showLoading = true) => {
     if (showLoading) {
       loading.value = false
     }
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -1903,6 +1915,8 @@ const stopDeviceTimer = () => {
 onMounted(() => {
   getList()
   startDeviceTimer()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
 })
 
 onActivated(() => {
@@ -1915,6 +1929,7 @@ onDeactivated(() => {
 
 onBeforeUnmount(() => {
   stopDeviceTimer()
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 
 const deviceAlarmDialogVisible = ref(false)
diff --git a/src/views/iot/deviceattributetype/index.vue b/src/views/iot/deviceattributetype/index.vue
index 3abd98f8..ec626fff 100644
--- a/src/views/iot/deviceattributetype/index.vue
+++ b/src/views/iot/deviceattributetype/index.vue
@@ -93,6 +93,7 @@
       :data="list"
       :stripe="true"
       :show-overflow-tooltip="true"
+      :max-height="planTableMaxHeight"
       row-key="id"
       @selection-change="handleSelectionChange"
     >
@@ -158,7 +159,17 @@ const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化
 
 const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
 
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const loading = ref(true) // 列表的加载中
 const list = ref<DeviceAttributeTypeVO[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
@@ -187,6 +198,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -261,5 +273,11 @@ const handleExport = async () => {
 /** 初始化 **/
 onMounted(() => {
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/iot/historyData/index.vue b/src/views/iot/historyData/index.vue
index 884f270c..a5bd3918 100644
--- a/src/views/iot/historyData/index.vue
+++ b/src/views/iot/historyData/index.vue
@@ -72,6 +72,8 @@
       :data="list"
       :stripe="true"
       :show-overflow-tooltip="true"
+      ref="tableRef"
+      :max-height="planTableMaxHeight"
       row-key="id"
       @selection-change="handleSelectionChange"
     >
@@ -155,12 +157,26 @@ const { t } = useI18n()
 
 const loading = ref(true)
 const list = ref<LineDeviceVO[]>([])
+
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const total = ref(0)
 const exportLoading = ref(false)
 const showAllFilters = ref(false)
 const filterCount = 4
 const toggleFilters = () => {
   showAllFilters.value = !showAllFilters.value
+  updatePlanTableMaxHeight()
 }
 const queryParams = reactive({
   pageNo: 1,
@@ -217,6 +233,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -263,6 +280,12 @@ const handleSingleAnalyseView = (row: LineDeviceVO) => {
 
 onMounted(() => {
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 
 const activatedOnce = ref(false)
diff --git a/src/views/iot/realTimeMonitoring/index.vue b/src/views/iot/realTimeMonitoring/index.vue
index d5fb945b..06644b7e 100644
--- a/src/views/iot/realTimeMonitoring/index.vue
+++ b/src/views/iot/realTimeMonitoring/index.vue
@@ -72,6 +72,8 @@
       :data="list"
       :stripe="true"
       :show-overflow-tooltip="true"
+      ref="tableRef"
+      :max-height="planTableMaxHeight"
       row-key="id"
       @selection-change="handleSelectionChange"
     >
@@ -160,12 +162,26 @@ const { t } = useI18n()
 
 const loading = ref(true)
 const list = ref<LineDeviceVO[]>([])
+
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const total = ref(0)
 const exportLoading = ref(false)
 const showAllFilters = ref(false)
 const filterCount = 4
 const toggleFilters = () => {
   showAllFilters.value = !showAllFilters.value
+  updatePlanTableMaxHeight()
 }
 const queryParams = reactive({
   pageNo: 1,
@@ -217,6 +233,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -260,6 +277,12 @@ const handleExport = async () => {
 
 onMounted(() => {
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 </script>
 
diff --git a/src/views/iot/runReport/index.vue b/src/views/iot/runReport/index.vue
index bc4a5469..0aaea90e 100644
--- a/src/views/iot/runReport/index.vue
+++ b/src/views/iot/runReport/index.vue
@@ -53,7 +53,7 @@
   </ContentWrap>
 
   <ContentWrap>
-    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" row-key="id">
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" :max-height="planTableMaxHeight" row-key="id">
       <el-table-column
         :label="t('DataCollection.RunReport.tableDeviceCodeColumn')"
         align="left"
@@ -150,6 +150,19 @@ const { t } = useI18n()
 
 const loading = ref(false)
 const list = ref<DeviceOperationRecordVO[]>([])
+
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const total = ref(0)
 const exportLoading = ref(false)
 
@@ -191,6 +204,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -219,6 +233,12 @@ const handleExport = async () => {
 
 onMounted(() => {
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 </script>
 

From 5fe6bf78cdaa4dcf114faff570e358d12595bf33 Mon Sep 17 00:00:00 2001
From: zhongwenkai <3478244299@qq.com>
Date: Fri, 3 Jul 2026 11:55:32 +0800
Subject: [PATCH 3/4] =?UTF-8?q?style:=20=E8=83=BD=E6=BA=90=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E5=92=8C=E8=AE=BE=E5=A4=87=E7=AE=A1=E7=90=86-?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E5=B1=80=E9=83=A8=E6=BB=9A=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/mes/criticalComponent/index.vue   | 22 +++++++++++++++
 src/views/mes/deviceledger/index.vue        | 20 +++++++++++++
 src/views/mes/devicetype/index.vue          | 21 ++++++++++++++
 src/views/mes/dvrepair/index.vue            | 20 +++++++++++++
 src/views/mes/dvsubject/index.vue           | 31 +++++++++++++++++++--
 src/views/mes/energydevice/index.vue        | 21 ++++++++++++++
 src/views/mes/energydevicecheck/index.vue   | 19 +++++++++++++
 src/views/mes/energytype/index.vue          | 22 +++++++++++++++
 src/views/mes/planMaintenance/index.vue     | 21 +++++++++++++-
 src/views/mes/taskManagement/index.vue      | 25 +++++++++++++++--
 src/views/mes/workOrderManagement/index.vue | 22 +++++++++++++++
 11 files changed, 238 insertions(+), 6 deletions(-)

diff --git a/src/views/mes/criticalComponent/index.vue b/src/views/mes/criticalComponent/index.vue
index d7504f19..0259cb84 100644
--- a/src/views/mes/criticalComponent/index.vue
+++ b/src/views/mes/criticalComponent/index.vue
@@ -107,10 +107,12 @@
 
       <ContentWrap>
         <el-table
+          ref="tableRef"
           v-loading="loading"
           :data="list"
           :stripe="true"
           :show-overflow-tooltip="true"
+          :max-height="planTableMaxHeight"
           @selection-change="handleSelectionChange"
         >
           <el-table-column type="selection" width="55" />
@@ -217,8 +219,20 @@ const { t } = useI18n()
 const loading = ref(true)
 const list = ref<CriticalComponentVO[]>([])
 const total = ref(0)
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
 const exportLoading = ref(false)
 
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
+
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
@@ -235,6 +249,7 @@ const showAllFilters = ref(false)
 const filterCount = 5
 const toggleFilters = () => {
   showAllFilters.value = !showAllFilters.value
+  updatePlanTableMaxHeight()
 }
 
 const importDialogVisible = ref(false)
@@ -263,6 +278,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -392,5 +408,11 @@ const importTemplate = async () => {
 
 onMounted(() => {
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/mes/deviceledger/index.vue b/src/views/mes/deviceledger/index.vue
index ea93acd5..f20e3f65 100644
--- a/src/views/mes/deviceledger/index.vue
+++ b/src/views/mes/deviceledger/index.vue
@@ -298,6 +298,7 @@
                 :data="list"
                 :stripe="true"
                 :show-overflow-tooltip="true"
+                :max-height="planTableMaxHeight"
                 row-key="id"
                 @selection-change="handleSelectionChange"
               >
@@ -693,6 +694,17 @@ const queryFormRef = ref() // 搜索的表单
 const exportLoading = ref(false)
 
 const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const selectedIds = ref<number[]>([])
 const handleSelectionChange = (rows: any[]) => {
   selectedIds.value = rows?.map((row) => row.id).filter((id) => id !== undefined) ?? []
@@ -703,6 +715,7 @@ const toggleView = () => {
   currentView.value = currentView.value === 'table' ? 'grid' : 'table'
   // 保存视图偏好
   localStorage.setItem('equipment-view', currentView.value)
+  updatePlanTableMaxHeight()
 }
 
 const dictStore = useDictStoreWithOut()
@@ -1022,6 +1035,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -1100,6 +1114,12 @@ onMounted(async () => {
   getDeviceTypeTree()
   getTypeTree()
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 </script>
 
diff --git a/src/views/mes/devicetype/index.vue b/src/views/mes/devicetype/index.vue
index cef681ba..ff3ddb1b 100644
--- a/src/views/mes/devicetype/index.vue
+++ b/src/views/mes/devicetype/index.vue
@@ -63,10 +63,12 @@
   <!-- 列表 -->
   <ContentWrap>
     <el-table
+      ref="tableRef"
       v-loading="loading"
       :data="list"
       :stripe="true"
       :show-overflow-tooltip="true"
+      :max-height="planTableMaxHeight"
       row-key="id"
       default-expand-all
       :tree-props="{ children: 'children' }"
@@ -138,6 +140,18 @@ const { t } = useI18n() // 国际化
 const loading = ref(true) // 列表的加载中
 const list = ref<DeviceTypeTreeVO[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const showPagination = ref(true)
 const queryParams = reactive({
   pageNo: 1,
@@ -177,6 +191,7 @@ const getList = async () => {
     showPagination.value = true
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -229,5 +244,11 @@ const handleExport = async () => {
 /** 初始化 **/
 onMounted(() => {
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/mes/dvrepair/index.vue b/src/views/mes/dvrepair/index.vue
index 708258bf..f2e77422 100644
--- a/src/views/mes/dvrepair/index.vue
+++ b/src/views/mes/dvrepair/index.vue
@@ -127,6 +127,7 @@
           :data="list"
           :stripe="true"
           :show-overflow-tooltip="true"
+          :max-height="planTableMaxHeight"
           row-key="id"
           @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55px" fixed="left" reserve-selection />
@@ -259,6 +260,7 @@ const showAllFilters = ref(false)
 const filterCount = 8
 const toggleFilters = () => {
   showAllFilters.value = !showAllFilters.value
+  updatePlanTableMaxHeight()
 }
 
 const statusOptions = [
@@ -308,6 +310,17 @@ const isProcessedRepair = (value: any) => {
 }
 
 const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const selectedIds = ref<number[]>([])
 const handleSelectionChange = (rows: any[]) => {
   selectedIds.value = rows?.map((row) => row.id).filter((id) => id !== undefined) ?? []
@@ -322,6 +335,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -399,5 +413,11 @@ const handleExport = async () => {
 /** 初始化 **/
 onMounted(() => {
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener("resize", updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener("resize", updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/mes/dvsubject/index.vue b/src/views/mes/dvsubject/index.vue
index 3c1d7eef..197e304b 100644
--- a/src/views/mes/dvsubject/index.vue
+++ b/src/views/mes/dvsubject/index.vue
@@ -62,8 +62,15 @@
   <!-- 列表 -->
   <ContentWrap>
     <el-table
-ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" row-key="id"
-      @selection-change="handleSelectionChange">
+      ref="tableRef"
+      v-loading="loading"
+      :data="list"
+      :stripe="true"
+      :show-overflow-tooltip="true"
+      :max-height="planTableMaxHeight"
+      row-key="id"
+      @selection-change="handleSelectionChange"
+    >
       <el-table-column type="selection" width="55" fixed="left" reserve-selection />
       <el-table-column :label="t('common.index')" align="center" width="80" fixed="left">
         <template #default="scope">
@@ -147,8 +154,19 @@ const loading = ref(true) // 列表的加载中
 const list = ref<DvSubjectVO[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
 const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
 const selectedIds = ref<number[]>([])
 
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
+
 const handleSelectionChange = (rows: any[]) => {
   selectedIds.value = rows?.map((row) => row.id).filter((id) => id !== undefined) ?? []
 }
@@ -206,6 +224,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -274,6 +293,12 @@ const handleExport = async () => {
 onMounted(async () => {
   await dictStore.setDictMap()
   dictReady.value = true
-  getList()
+  await getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/mes/energydevice/index.vue b/src/views/mes/energydevice/index.vue
index 29bbf2f0..8b3eaa55 100644
--- a/src/views/mes/energydevice/index.vue
+++ b/src/views/mes/energydevice/index.vue
@@ -53,10 +53,12 @@ type="success" plain @click="handleExport" :loading="exportLoading"
   <!-- 列表 -->
   <ContentWrap>
     <el-table
+      ref="tableRef"
       v-loading="loading"
       :data="list"
       :stripe="true"
       :show-overflow-tooltip="true"
+      :max-height="planTableMaxHeight"
       highlight-current-row
       row-key="id"
       @current-change="handleCurrentChange"
@@ -165,6 +167,18 @@ const typeList = ref<EnergyTypeVO[]>([]) // 列表
 const loading = ref(true) // 列表的加载中
 const list = ref<EnergyDeviceVO[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const selectedIds = ref<Array<number | string>>([])
 const queryParams = reactive({
   pageNo: 1,
@@ -195,6 +209,7 @@ const getList = async () => {
     }
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -268,6 +283,12 @@ const handleCurrentChange = (row) => {
 onMounted(async () => {
   typeList.value = await EnergyTypeApi.getEnergyTypeList()
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 
 /** 添加/修改操作 */
diff --git a/src/views/mes/energydevicecheck/index.vue b/src/views/mes/energydevicecheck/index.vue
index 26b9eca4..2ac9c603 100644
--- a/src/views/mes/energydevicecheck/index.vue
+++ b/src/views/mes/energydevicecheck/index.vue
@@ -40,6 +40,7 @@ v-model="queryParams.timeRange" type="datetimerange" value-format="YYYY-MM-DD HH
   <ContentWrap>
     <el-table
 ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" row-key="id"
+      :max-height="planTableMaxHeight"
       :expand-row-keys="expandRowKeys" :row-class-name="getRowClassName" style=" min-height: 50vh;margin-top: 20px"
       @row-click="handleRowClick" @selection-change="handleSelectionChange">
       <!-- <el-table-column type="selection" width="50" align="center" /> -->
@@ -103,6 +104,17 @@ const loading = ref(true) // 列表的加载中
 const list = ref<EnergyDeviceDataRecordVO[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
 const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const expandRowKeys = ref<Array<string | number>>([])
 const selectedIds = ref<Array<number | string>>([])
 
@@ -233,6 +245,7 @@ const getList = async () => {
     expandRowKeys.value = []
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -288,6 +301,12 @@ const loadOrgOptions = async () => {
 onMounted(async () => {
   await loadOrgOptions()
   await getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 </script>
 
diff --git a/src/views/mes/energytype/index.vue b/src/views/mes/energytype/index.vue
index 79309cea..7a92bce2 100644
--- a/src/views/mes/energytype/index.vue
+++ b/src/views/mes/energytype/index.vue
@@ -88,10 +88,12 @@
   <!-- 列表 -->
   <ContentWrap>
     <el-table
+      ref="tableRef"
       v-loading="loading"
       :data="list"
       :stripe="true"
       :show-overflow-tooltip="true"
+      :max-height="planTableMaxHeight"
       row-key="id"
       @selection-change="handleSelectionChange"
     >
@@ -187,6 +189,18 @@ const { t } = useI18n() // 国际化
 const loading = ref(true) // 列表的加载中
 const list = ref<EnergyTypeVO[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
@@ -203,6 +217,7 @@ const showAllFilters = ref(false)
 const filterCount = 4
 const toggleFilters = () => {
   showAllFilters.value = !showAllFilters.value
+  updatePlanTableMaxHeight()
 }
 
 const selectedIds = ref<number[]>([])
@@ -219,6 +234,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -275,5 +291,11 @@ const handleExport = async () => {
 /** 初始化 **/
 onMounted(() => {
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/mes/planMaintenance/index.vue b/src/views/mes/planMaintenance/index.vue
index 4c07d036..883cf832 100644
--- a/src/views/mes/planMaintenance/index.vue
+++ b/src/views/mes/planMaintenance/index.vue
@@ -68,6 +68,7 @@
       row-key="id"
       :stripe="true"
       :show-overflow-tooltip="true"
+      :max-height="planTableMaxHeight"
       :expand-row-keys="expandedKeys"
       @expand-change="handleExpandChange"
       @selection-change="handleSelectionChange"
@@ -184,7 +185,18 @@ const queryParams = reactive({
 const queryFormRef = ref()
 
 const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
 const selectedIds = ref<(number | string)[]>([])
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const handleSelectionChange = (rows: any[]) => {
   selectedIds.value = rows?.map((row) => row.id).filter((id) => id !== undefined && id !== null && id !== '') ?? []
 }
@@ -244,6 +256,7 @@ const getList = async () => {
     total.value = normalized.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -339,6 +352,12 @@ const handleExport = async () => {
 onMounted(async () => {
   await dictStore.setDictMap()
   dictReady.value = true
-  getList()
+  await getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/mes/taskManagement/index.vue b/src/views/mes/taskManagement/index.vue
index 6974a430..3f1a7ecf 100644
--- a/src/views/mes/taskManagement/index.vue
+++ b/src/views/mes/taskManagement/index.vue
@@ -86,10 +86,12 @@
 
   <ContentWrap>
     <el-table
+      ref="tableRef"
       v-loading="loading"
       :data="list"
       :stripe="true"
       :show-overflow-tooltip="true"
+      :max-height="planTableMaxHeight"
       @selection-change="handleSelectionChange"
     >
       <el-table-column type="selection" width="55" />
@@ -255,9 +257,21 @@ const taskTypeOptions = [
 const loading = ref(true)
 const list = ref<TaskManagementVO[]>([])
 const total = ref(0)
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
 const exportLoading = ref(false)
 const selectedIds = ref<number[]>([])
 
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
+
 type PlanOption = {
   id: number | string
   planName: string
@@ -334,6 +348,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -425,7 +440,13 @@ const handleExport = async () => {
   }
 }
 
-onMounted(() => {
-  Promise.all([ensurePlanOptionsLoaded(), ensureDeviceOptionsLoaded(), getList()])
+onMounted(async () => {
+  await Promise.all([ensurePlanOptionsLoaded(), ensureDeviceOptionsLoaded(), getList()])
+  updatePlanTableMaxHeight()
+  window.addEventListener('resize', updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/mes/workOrderManagement/index.vue b/src/views/mes/workOrderManagement/index.vue
index 721bafad..5b621fc0 100644
--- a/src/views/mes/workOrderManagement/index.vue
+++ b/src/views/mes/workOrderManagement/index.vue
@@ -81,10 +81,12 @@
     </div>
 
     <el-table
+      ref="tableRef"
       v-loading="loading"
       :data="list"
       :stripe="true"
       :show-overflow-tooltip="true"
+      :max-height="planTableMaxHeight"
       row-key="id"
       @selection-change="handleSelectionChange"
       @row-click="handleRowClick"
@@ -231,6 +233,18 @@ const jobResultOptions = [
 const loading = ref(true)
 const list = ref<TicketManagementVO[]>([])
 const total = ref(0)
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const selectedIds = ref<number[]>([])
 const cancelLoading = ref(false)
 const exportLoading = ref(false)
@@ -259,6 +273,7 @@ const showAllFilters = ref(false)
 const filterCount = 4
 const toggleFilters = () => {
   showAllFilters.value = !showAllFilters.value
+  updatePlanTableMaxHeight()
 }
 
 const getList = async () => {
@@ -269,6 +284,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -352,5 +368,11 @@ const handleResultSuccess = async () => {
 onMounted(async () => {
   await dictStore.setDictMap()
   await getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener("resize", updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener("resize", updatePlanTableMaxHeight)
 })
 </script>

From be4acecfa43e9203e252e621a9cee14333e1daca Mon Sep 17 00:00:00 2001
From: zhongwenkai <3478244299@qq.com>
Date: Fri, 3 Jul 2026 14:15:45 +0800
Subject: [PATCH 4/4] =?UTF-8?q?style:=20=E7=B3=BB=E7=BB=9F=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=EF=BC=8C=E6=8A=A5=E8=A1=A8=E7=AE=A1=E7=90=86=EF=BC=8C?=
 =?UTF-8?q?=E6=A8=A1=E5=85=B7=E7=AE=A1=E7=90=86-=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E5=B1=80=E9=83=A8=E6=BB=9A=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/erp/mold/index.vue               | 21 ++++++++++++++++++-
 src/views/mes/feedingplan/index.vue        | 22 +++++++++++++++++++-
 src/views/mes/moldoperate/index.vue        | 22 +++++++++++++++++++-
 src/views/mes/orgworker/index.vue          | 22 +++++++++++++++++++-
 src/views/mes/stockindetail/index.vue      | 23 ++++++++++++++++++++-
 src/views/mold/inspectionItems/index.vue   | 23 +++++++++++++++++++--
 src/views/mold/inspectionPlan/index.vue    | 22 +++++++++++++++++++-
 src/views/mold/moldrepair/index.vue        | 21 ++++++++++++++++++-
 src/views/mold/repairItems/index.vue       | 20 ++++++++++++++++++
 src/views/mold/taskConfiguration/index.vue | 24 +++++++++++++++++++++-
 src/views/mold/workOrderInquiry/index.vue  | 22 ++++++++++++++++++++
 src/views/system/dept/index.vue            | 22 ++++++++++++++++++++
 src/views/system/dict/index.vue            | 22 +++++++++++++++++++-
 src/views/system/menu/index.vue            | 22 ++++++++++++++++++++
 src/views/system/post/index.vue            | 22 +++++++++++++++++++-
 src/views/system/role/index.vue            | 22 +++++++++++++++++++-
 src/views/system/user/index.vue            | 22 +++++++++++++++++++-
 17 files changed, 360 insertions(+), 14 deletions(-)

diff --git a/src/views/erp/mold/index.vue b/src/views/erp/mold/index.vue
index d4cc2cc6..4c4b2e6b 100644
--- a/src/views/erp/mold/index.vue
+++ b/src/views/erp/mold/index.vue
@@ -48,7 +48,7 @@
         </el-form-item>
       </el-form>
 
-      <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" row-key="id"
+      <el-table ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" :max-height="planTableMaxHeight" row-key="id"
         style="margin-top: 16px;">
         <el-table-column :label="t('MoldManagement.MoldBrandPage.image')" align="center" width="120">
           <template #default="scope">
@@ -168,6 +168,18 @@ const loading = ref(false)
 const exportLoading = ref(false)
 const list = ref<MoldBrandVO[]>([])
 const total = ref(0)
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const productOptions = ref<ProductVO[]>([])
 const deviceOptions = ref<DeviceLedgerVO[]>([])
 const currentStatusKey = ref('all')
@@ -259,6 +271,7 @@ const getList = async () => {
     normalizePageResult(data)
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -422,6 +435,8 @@ onMounted(async () => {
   productOptions.value = await ProductApi.getMesProductSimpleList()
   deviceOptions.value = await DeviceLedgerApi.getDeviceLedgerList()
   await getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener("resize", updatePlanTableMaxHeight)
 
   // 从详情页跳转过来，自动打开上下模操作
   const { operateType: queryOperateType, moldId: queryMoldId } = route.query
@@ -434,6 +449,10 @@ onMounted(async () => {
     push({ path: route.path })
   }
 })
+
+onBeforeUnmount(() => {
+  window.removeEventListener("resize", updatePlanTableMaxHeight)
+})
 </script>
 
 <style scoped>
diff --git a/src/views/mes/feedingplan/index.vue b/src/views/mes/feedingplan/index.vue
index 364b702b..07d0d446 100644
--- a/src/views/mes/feedingplan/index.vue
+++ b/src/views/mes/feedingplan/index.vue
@@ -77,7 +77,7 @@
 
   <!-- 列表 -->
   <ContentWrap>
-    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+    <el-table ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" :max-height="planTableMaxHeight">
       <!-- <el-table-column label="id" align="center" prop="id" /> -->
       <el-table-column label="记录" align="center" prop="recordCode"  sortable />
       <el-table-column label="记录明细" align="center" prop="recordDetailId" />
@@ -143,6 +143,19 @@ const { t } = useI18n() // 国际化
 const loading = ref(true) // 列表的加载中
 const list = ref<FeedingRecordPlanVO[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
+
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
@@ -168,6 +181,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -220,5 +234,11 @@ const handleExport = async () => {
 /** 初始化 **/
 onMounted(() => {
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener("resize", updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener("resize", updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/mes/moldoperate/index.vue b/src/views/mes/moldoperate/index.vue
index a4d6b079..49700317 100644
--- a/src/views/mes/moldoperate/index.vue
+++ b/src/views/mes/moldoperate/index.vue
@@ -84,7 +84,7 @@
       <el-tab-pane :label="t('MoldManagement.MoldOperate.tabUp')" name="1" />
       <el-tab-pane :label="t('MoldManagement.MoldOperate.tabDown')" name="2" />
     </el-tabs>
-    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+    <el-table ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" :max-height="planTableMaxHeight">
       <!-- <el-table-column label="ID" align="center" prop="id" /> -->
       <!-- <el-table-column label="操作类型" align="center" prop="operateType"  sortable /> -->
       <el-table-column :label="t('MoldManagement.MoldOperate.moldName')" align="center" prop="moldName" width="500px"  sortable />
@@ -148,6 +148,19 @@ const { t } = useI18n() // 国际化
 const loading = ref(true) // 列表的加载中
 const list = ref<MoldOperateVO[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
+
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
@@ -182,6 +195,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -241,5 +255,11 @@ const handleTabClick = (tab: TabsPaneContext) => {
 /** 初始化 **/
 onMounted(() => {
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener("resize", updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener("resize", updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/mes/orgworker/index.vue b/src/views/mes/orgworker/index.vue
index edaf87ea..7831d6a5 100644
--- a/src/views/mes/orgworker/index.vue
+++ b/src/views/mes/orgworker/index.vue
@@ -106,7 +106,7 @@
       <el-tab-pane label="塑封" name="sufeng" />
       <el-tab-pane label="制浆" name="zhijiang" />
     </el-tabs>
-    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+    <el-table ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" :max-height="planTableMaxHeight">
       <el-table-column label="ID"  prop="id" />
       <el-table-column
         label="工作日期"
@@ -192,6 +192,19 @@ const { t } = useI18n() // 国际化
 const loading = ref(true) // 列表的加载中
 const list = ref<OrgWorkerVO[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
+
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
@@ -215,6 +228,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -275,9 +289,15 @@ const getOrganizationTree = async () => {
 onMounted(async () => {
   await getList()
   await getOrganizationTree()
+  updatePlanTableMaxHeight()
+  window.addEventListener("resize", updatePlanTableMaxHeight)
   // 加载用户列表
   userList.value = await UserApi.getSimpleUserList()
 })
+
+onBeforeUnmount(() => {
+  window.removeEventListener("resize", updatePlanTableMaxHeight)
+})
 /** tab 切换 */
 let activeName = 'chengxing'
 const handleTabClick = (tab: TabsPaneContext) => {
diff --git a/src/views/mes/stockindetail/index.vue b/src/views/mes/stockindetail/index.vue
index af405f26..ceb1dc47 100644
--- a/src/views/mes/stockindetail/index.vue
+++ b/src/views/mes/stockindetail/index.vue
@@ -81,7 +81,7 @@
 
   <!-- 列表 -->
   <ContentWrap>
-    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+    <el-table ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" :max-height="planTableMaxHeight">
       <!-- <el-table-column label="id" align="center" prop="id" /> -->
       <!-- <el-table-column label="入库单id" align="center" prop="stockInId" /> -->
       <el-table-column label="入库单编号" align="center" prop="stockInNo" sortable/>
@@ -153,8 +153,22 @@ const exportLoading = ref(false) // 导出的加载中
 const showAllFilters = ref(false)
 const filterCount = 4
 
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
+
 const toggleFilters = () => {
   showAllFilters.value = !showAllFilters.value
+  updatePlanTableMaxHeight()
 }
 
 /** 查询列表 */
@@ -166,6 +180,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -218,5 +233,11 @@ const handleExport = async () => {
 /** 初始化 **/
 onMounted(() => {
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener("resize", updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener("resize", updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/mold/inspectionItems/index.vue b/src/views/mold/inspectionItems/index.vue
index 46ef5d94..a41d579b 100644
--- a/src/views/mold/inspectionItems/index.vue
+++ b/src/views/mold/inspectionItems/index.vue
@@ -48,7 +48,7 @@ type="success" plain @click="handleExport" :loading="exportLoading"
   <!-- 列表 -->
   <ContentWrap>
     <el-table
-ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" row-key="id"
+ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" :max-height="planTableMaxHeight" row-key="id"
       @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" fixed="left" reserve-selection />
       <el-table-column :label="t('MoldManagement.MoldInspectionItems.index')" align="center" width="80" fixed="left">
@@ -126,6 +126,17 @@ const loading = ref(true) // 列表的加载中
 const list = ref<DvSubjectVO[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
 const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const selectedIds = ref<number[]>([])
 
 const handleSelectionChange = (rows: any[]) => {
@@ -148,6 +159,7 @@ const showAllFilters = ref(false)
 const filterCount = 3
 const toggleFilters = () => {
   showAllFilters.value = !showAllFilters.value
+  updatePlanTableMaxHeight()
 }
 
 const getTagDict = (dictType: string, value: any) => {
@@ -190,6 +202,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -256,6 +269,12 @@ const handleExport = async () => {
 onMounted(async () => {
   await dictStore.setDictMap()
   dictReady.value = true
-  getList()
+  await getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener("resize", updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener("resize", updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/mold/inspectionPlan/index.vue b/src/views/mold/inspectionPlan/index.vue
index 2663506f..98c65eae 100644
--- a/src/views/mold/inspectionPlan/index.vue
+++ b/src/views/mold/inspectionPlan/index.vue
@@ -68,6 +68,7 @@
       row-key="id"
       :stripe="true"
       :show-overflow-tooltip="true"
+      :max-height="planTableMaxHeight"
       @expand-change="handleExpandChange"
       @selection-change="handleSelectionChange"
     >
@@ -223,6 +224,7 @@ const showAllFilters = ref(false)
 const filterCount = 3
 const toggleFilters = () => {
   showAllFilters.value = !showAllFilters.value
+  updatePlanTableMaxHeight()
 }
 
 const queryParams = reactive({
@@ -236,6 +238,17 @@ const queryParams = reactive({
 const queryFormRef = ref()
 
 const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const selectedIds = ref<(number | string)[]>([])
 const handleSelectionChange = (rows: any[]) => {
   selectedIds.value = rows?.map((row) => row.id).filter((id) => id !== undefined && id !== null && id !== '') ?? []
@@ -295,6 +308,7 @@ const getList = async () => {
     total.value = normalized.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -390,6 +404,12 @@ const handleExport = async () => {
 onMounted(async () => {
   await dictStore.setDictMap()
   dictReady.value = true
-  getList()
+  await getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener("resize", updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener("resize", updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/mold/moldrepair/index.vue b/src/views/mold/moldrepair/index.vue
index a21a2882..70967d69 100644
--- a/src/views/mold/moldrepair/index.vue
+++ b/src/views/mold/moldrepair/index.vue
@@ -110,7 +110,7 @@
   <ContentWrap v-if="!formVisible">
     <!-- 列表 -->
     <el-table
-      ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" row-key="id"
+      ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" :max-height="planTableMaxHeight" row-key="id"
       @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" fixed="left" reserve-selection />
       <el-table-column :label="t('MoldManagement.MoldRepair.repairCode')" align="center" prop="repairCode" min-width="150"  sortable />
@@ -219,6 +219,7 @@ const showAllFilters = ref(false)
 const filterCount = 9
 const toggleFilters = () => {
   showAllFilters.value = !showAllFilters.value
+  updatePlanTableMaxHeight()
 }
 const queryParams = reactive({
   pageNo: 1,
@@ -287,6 +288,17 @@ const isProcessedRepair = (value: any) => {
 }
 
 const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const selectedIds = ref<number[]>([])
 const handleSelectionChange = (rows: any[]) => {
   selectedIds.value = rows?.map((row) => row.id).filter((id) => id !== undefined) ?? []
@@ -307,6 +319,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -378,5 +391,11 @@ const handleExport = async () => {
 
 onMounted(() => {
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener("resize", updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener("resize", updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/mold/repairItems/index.vue b/src/views/mold/repairItems/index.vue
index a663a49a..f6033d0b 100644
--- a/src/views/mold/repairItems/index.vue
+++ b/src/views/mold/repairItems/index.vue
@@ -68,6 +68,7 @@
       :data="list"
       :stripe="true"
       :show-overflow-tooltip="true"
+      :max-height="planTableMaxHeight"
       row-key="id"
       @selection-change="handleSelectionChange"
     >
@@ -140,8 +141,20 @@ const showAllFilters = ref(false)
 const filterCount = 4
 const toggleFilters = () => {
   showAllFilters.value = !showAllFilters.value
+  updatePlanTableMaxHeight()
 }
 const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const selectedIds = ref<number[]>([])
 const formRef = ref()
 
@@ -164,6 +177,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -226,5 +240,11 @@ const handleExport = async () => {
 
 onMounted(async () => {
   await getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener("resize", updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener("resize", updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/mold/taskConfiguration/index.vue b/src/views/mold/taskConfiguration/index.vue
index 7a47d6d9..cc5029d7 100644
--- a/src/views/mold/taskConfiguration/index.vue
+++ b/src/views/mold/taskConfiguration/index.vue
@@ -67,10 +67,12 @@
 
   <ContentWrap>
     <el-table
+      ref="tableRef"
       v-loading="loading"
       :data="list"
       :stripe="true"
       :show-overflow-tooltip="true"
+      :max-height="planTableMaxHeight"
       @selection-change="handleSelectionChange"
     >
       <!-- <el-table-column type="selection" width="55" /> -->
@@ -155,6 +157,18 @@ const taskTypeOptions = [
 const loading = ref(true)
 const list = ref<TaskManagementVO[]>([])
 const total = ref(0)
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const exportLoading = ref(false)
 const selectedIds = ref<number[]>([])
 
@@ -177,6 +191,7 @@ const showAllFilters = ref(false)
 const filterCount = 3
 const toggleFilters = () => {
   showAllFilters.value = !showAllFilters.value
+  updatePlanTableMaxHeight()
 }
 
 const parseIdsValue = (value: any): string[] => {
@@ -213,6 +228,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -281,7 +297,13 @@ onMounted(async () => {
   try {
     await ensurePlanOptionsLoaded()
   } finally {
-    getList()
+    await getList()
   }
+  updatePlanTableMaxHeight()
+  window.addEventListener("resize", updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener("resize", updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/mold/workOrderInquiry/index.vue b/src/views/mold/workOrderInquiry/index.vue
index 58620115..3439990a 100644
--- a/src/views/mold/workOrderInquiry/index.vue
+++ b/src/views/mold/workOrderInquiry/index.vue
@@ -66,10 +66,12 @@
     </div>
 
     <el-table
+      ref="tableRef"
       v-loading="loading"
       :data="list"
       :stripe="true"
       :show-overflow-tooltip="true"
+      :max-height="planTableMaxHeight"
       @selection-change="handleSelectionChange"
       @row-click="handleRowClick"
     >
@@ -144,6 +146,18 @@ const jobResultOptions = [
 const loading = ref(true)
 const list = ref<TicketManagementVO[]>([])
 const total = ref(0)
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
 const selectedIds = ref<number[]>([])
 const cancelLoading = ref(false)
 const resultVisible = ref(false)
@@ -170,6 +184,7 @@ const showAllFilters = ref(false)
 const filterCount = 4
 const toggleFilters = () => {
   showAllFilters.value = !showAllFilters.value
+  updatePlanTableMaxHeight()
 }
 
 const getList = async () => {
@@ -180,6 +195,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -244,5 +260,11 @@ const handleResultSuccess = async () => {
 onMounted(async () => {
   await dictStore.setDictMap()
   await getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener("resize", updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener("resize", updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue
index c5439571..7a3b39f8 100644
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@@ -53,10 +53,12 @@
   <!-- 列表 -->
   <ContentWrap>
     <el-table
+      ref="tableRef"
       v-loading="loading"
       :data="list"
       row-key="id"
       :default-expand-all="isExpandAll"
+      :max-height="planTableMaxHeight"
       v-if="refreshTable"
     >
       <el-table-column prop="name" :label="t('SystemManagement.Dept.name')"  sortable />
@@ -119,6 +121,19 @@ const { t } = useI18n() // 国际化
 
 const loading = ref(true) // 列表的加载中
 const list = ref() // 列表的数据
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
+
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 100,
@@ -138,6 +153,7 @@ const getList = async () => {
     list.value = handleTree(data)
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -184,9 +200,15 @@ const handleDelete = async (id: number) => {
 /** 初始化 **/
 onMounted(async () => {
   await getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener("resize", updatePlanTableMaxHeight)
   // 获取用户列表
   userList.value = await UserApi.getSimpleUserList()
 })
+
+onBeforeUnmount(() => {
+  window.removeEventListener("resize", updatePlanTableMaxHeight)
+})
 </script>
 <style scoped>
 .dept-search-form :deep(.el-form-item__label) {
diff --git a/src/views/system/dict/index.vue b/src/views/system/dict/index.vue
index a5849718..56bfb38b 100644
--- a/src/views/system/dict/index.vue
+++ b/src/views/system/dict/index.vue
@@ -86,7 +86,7 @@
 
   <!-- 列表 -->
   <ContentWrap>
-    <el-table v-loading="loading" :data="list">
+    <el-table ref="tableRef" v-loading="loading" :data="list" :max-height="planTableMaxHeight">
       <el-table-column align="center" :label="t('SystemManagement.Dict.id')" prop="id" />
       <el-table-column
         align="center"
@@ -171,6 +171,19 @@ const { t } = useI18n() // 国际化
 const loading = ref(true) // 列表的加载中
 const total = ref(0) // 列表的总页数
 const list = ref([]) // 字典表格数据
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
+
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
@@ -191,6 +204,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -243,6 +257,12 @@ const handleExport = async () => {
 /** 初始化 **/
 onMounted(() => {
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener("resize", updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener("resize", updatePlanTableMaxHeight)
 })
 </script>
 
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index c6e62421..408d0a1f 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -75,10 +75,12 @@
   <!-- 列表 -->
   <ContentWrap>
     <el-table
+      ref="tableRef"
       v-if="refreshTable"
       v-loading="loading"
       :data="list"
       :default-expand-all="isExpandAll"
+      :max-height="planTableMaxHeight"
       row-key="id"
     >
       <el-table-column :show-overflow-tooltip="true" :label="t('SystemManagement.Menu.name')" prop="name" width="200"  sortable />
@@ -160,6 +162,19 @@ const message = useMessage() // 消息弹窗
 const loading = ref(true) // 列表的加载中
 const list = ref<any>([]) // 列表的数据
 const activeClientType = ref(1) // 客户端类型：1=Web，2=APP
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
+
 const queryParams = reactive({
   name: undefined,
   status: undefined,
@@ -177,6 +192,7 @@ const getList = async () => {
     list.value = handleTree(data)
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -258,5 +274,11 @@ const handleStatusChanged = async (menu: MenuVO, val: number) => {
 /** 初始化 **/
 onMounted(() => {
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener("resize", updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener("resize", updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/system/post/index.vue b/src/views/system/post/index.vue
index d0edfffc..53900bbd 100644
--- a/src/views/system/post/index.vue
+++ b/src/views/system/post/index.vue
@@ -67,7 +67,7 @@
 
   <!-- 列表 -->
   <ContentWrap>
-    <el-table v-loading="loading" :data="list">
+    <el-table ref="tableRef" v-loading="loading" :data="list" :max-height="planTableMaxHeight">
       <el-table-column :label="t('SystemManagement.Post.code')" align="center" prop="code"  sortable />
       <el-table-column :label="t('SystemManagement.Post.name')" align="center" prop="name"  sortable />
       <el-table-column :label="t('SystemManagement.Post.sort')" align="center" prop="sort" />
@@ -132,6 +132,19 @@ const { t } = useI18n() // 国际化
 const loading = ref(true) // 列表的加载中
 const total = ref(0) // 列表的总页数
 const list = ref([]) // 列表的数据
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
+
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
@@ -151,6 +164,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -203,5 +217,11 @@ const handleExport = async () => {
 /** 初始化 **/
 onMounted(() => {
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener("resize", updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener("resize", updatePlanTableMaxHeight)
 })
 </script>
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 6e9d161b..5a8b279f 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -86,7 +86,7 @@
 
   <!-- 列表 -->
   <ContentWrap>
-    <el-table v-loading="loading" :data="list">
+    <el-table ref="tableRef" v-loading="loading" :data="list" :max-height="planTableMaxHeight">
       <el-table-column align="center" :label="t('SystemManagement.Role.code')" prop="code"  sortable />
       <el-table-column align="center" :label="t('SystemManagement.Role.name')" prop="name"  sortable />
       <el-table-column :label="t('SystemManagement.Role.type')" align="center" prop="type" sortable>
@@ -182,6 +182,19 @@ const { t } = useI18n() // 国际化
 const loading = ref(true) // 列表的加载中
 const total = ref(0) // 列表的总页数
 const list = ref([]) // 列表的数据
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
+
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
@@ -202,6 +215,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -265,6 +279,12 @@ const handleExport = async () => {
 
 onMounted(() => {
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener("resize", updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener("resize", updatePlanTableMaxHeight)
 })
 </script>
 
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 38623086..75d90805 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -100,7 +100,7 @@
         </el-form>
       </ContentWrap>
       <ContentWrap>
-        <el-table v-loading="loading" :data="list">
+        <el-table ref="tableRef" v-loading="loading" :data="list" :max-height="planTableMaxHeight">
           <el-table-column
             :label="t('SystemManagement.User.workNo')"
             align="center"
@@ -228,6 +228,19 @@ const { t } = useI18n() // 国际化
 const loading = ref(true) // 列表的加载中
 const total = ref(0) // 列表的总页数
 const list = ref([]) // 列表的数
+const tableRef = ref()
+const planTableMaxHeight = ref(520)
+const planPaginationRef = ref<HTMLElement>()
+
+const updatePlanTableMaxHeight = async () => {
+  await nextTick()
+  const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
+  const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
+  const pageBottomGap = 56
+  const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
+  planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
+}
+
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
@@ -252,6 +265,7 @@ const getList = async () => {
     total.value = data.total
   } finally {
     loading.value = false
+    updatePlanTableMaxHeight()
   }
 }
 
@@ -372,5 +386,11 @@ const handleRole = (row: UserApi.UserVO) => {
 /** 初始化 */
 onMounted(() => {
   getList()
+  updatePlanTableMaxHeight()
+  window.addEventListener("resize", updatePlanTableMaxHeight)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener("resize", updatePlanTableMaxHeight)
 })
 </script>