fix: 页面表格容器高度计算优化

src/hooks/useContainerSize.ts

@@ -14,10 +14,10 @@ import { ref, onMounted, onUnmounted, type Ref } from 'vue';
  * // </div>
  * ```
  *
- * @param headerOffset 从容器高度中扣除的表头偏移量，默认 45
+ * @param headerOffset 从容器高度中扣除的表头偏移量，默认 55
  */
 export function useContainerSize(options?: { headerOffset?: number }) {
-  const { headerOffset = 45 } = options ?? {};
+  const { headerOffset = 55 } = options ?? {};
 
   const containerRef = ref<HTMLElement | null>(null) as Ref<HTMLElement | null>;
   const width = ref(0);

src/pages/events/banner/index.tsx

@@ -153,7 +153,7 @@ export default defineComponent({
       handleToggleStatus,
     } = useBannerModel();
 
-    const { containerRef, height } = useContainerSize({ headerOffset: 55 });
+    const { containerRef, height } = useContainerSize();
 
     /** 删除二次确认 */
     const confirmDelete = (record: any) => {

src/pages/events/list/index.tsx

@@ -106,7 +106,7 @@ export default defineComponent({
       handlePageChange,
     } = useEventListModel();
 
-    const { containerRef, height } = useContainerSize({ headerOffset: 55 });
+    const { containerRef, height } = useContainerSize();
 
     // 弹窗状态
     const [regulationModalVisible, setRegulationModalVisible] = useState<boolean>(false);

src/pages/events/orders/index.tsx

@@ -107,7 +107,7 @@ export default defineComponent({
       handlePageChange,
     } = useOrderModel();
 
-    const { containerRef, height } = useContainerSize({ headerOffset: 55 });
+    const { containerRef, height } = useContainerSize();
 
     // 详情弹窗状态
     const [detailVisible, setDetailVisible] = useState<boolean>(false);

src/pages/events/users/index.tsx

@@ -72,7 +72,7 @@ export default defineComponent({
       handlePageChange,
     } = useUserModel();
 
-    const { containerRef, height } = useContainerSize({ headerOffset: 55 });
+    const { containerRef, height } = useContainerSize();
 
     const handleToggleStatus = (record: any) => {
       const isActive = record.status === 'active';

src/pages/system/roles/index.tsx

@@ -103,7 +103,7 @@ export default defineComponent({
       renderStatus,
     } = useRoleModel();
 
-    const { containerRef, height } = useContainerSize({ headerOffset: 55 });
+    const { containerRef, height } = useContainerSize();
 
     const triggerDelete = (record: any) => confirmDelete({ record, onOk: handleDelete });
 

src/pages/system/users/index.tsx

@@ -92,7 +92,7 @@ export default defineComponent({
       handleToggleStatus,
     } = useUserModel();
 
-    const { containerRef, height } = useContainerSize({ headerOffset: 55 });
+    const { containerRef, height } = useContainerSize();
 
     /** 触发禁用/启用的二次确认 */
     const triggerToggle = (record: any) => {