From 066a1e4a78246f3dc8c8ba63d60b2ad226b84e2a Mon Sep 17 00:00:00 2001
From: wangyufei <2267742828@qq.com>
Date: Mon, 19 Aug 2024 13:48:40 +0800
Subject: [PATCH] =?UTF-8?q?HL-4981=20SCP=20=E4=BE=9B=E5=BA=94=E5=95=86?=
 =?UTF-8?q?=E5=8F=91=E8=B4=A7=E7=94=B3=E8=AF=B7=EF=BC=8C=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E6=97=B6=EF=BC=8C=E6=98=8E=E7=BB=86=E4=B8=AD=E5=AD=98=E5=9C=A8?=
 =?UTF-8?q?=E5=A4=9A=E6=9D=A1=E6=98=8E=E7=BB=86=EF=BC=8C=E6=97=A0=E6=B3=95?=
 =?UTF-8?q?=E5=90=8C=E6=97=B6=E6=9F=A5=E7=9C=8B=E4=B8=8B=E9=9D=A2=E7=9A=84?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=92=8C=E8=A1=A8=E5=A4=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TableForm/src/TableForm.vue | 15 ++++++++++---
 src/directives/permission/clientTable.ts   | 26 ++++++++++++++++++++++
 2 files changed, 38 insertions(+), 3 deletions(-)

diff --git a/src/components/TableForm/src/TableForm.vue b/src/components/TableForm/src/TableForm.vue
index 47203f269..1da966ea4 100644
--- a/src/components/TableForm/src/TableForm.vue
+++ b/src/components/TableForm/src/TableForm.vue
@@ -1,12 +1,15 @@
 <!-- 附件组件 -->
 <template>
   <div class="table-form">
-    <el-table
+    <el-table v-clientTableForm="{
+      isShowPagination:tableData.length > 10,
+      isShowButton: isShowButton || isShowReduceButtonSelection,
+      isFullscreen:isFullscreen
+    }"
       class="multipleTableComponents"
       ref="TableBaseComponents_Ref"
       v-loading="tableLoading"
       :data="showTableData()"
-      :max-height="maxHeight"
       row-key="id"
       :border="border"
       @selection-change="tableSelectionChange"
@@ -736,11 +739,17 @@ const initValue = (headerItem, op) => {
     return op.value
   }
 }
+
+const isFullscreen = ref(false)
+const reloadFullscreen = (fullscreen)=>{
+  isFullscreen.value = fullscreen
+}
 // setup 语法糖 抛出方法
 defineExpose({
   TableBaseComponents_Ref,
   validateForm,
-  keyWord
+  keyWord,
+  reloadFullscreen
 })
 </script>
 
diff --git a/src/directives/permission/clientTable.ts b/src/directives/permission/clientTable.ts
index 9c12028ce..a8672fe63 100644
--- a/src/directives/permission/clientTable.ts
+++ b/src/directives/permission/clientTable.ts
@@ -41,4 +41,30 @@ export function clientTable(app: App<Element>) {
       }
     })
   })
+  app.directive('clientTableForm', (el, binding) => {
+    nextTick(() => {
+      let {isShowPagination,isShowButton,isFullscreen} = binding.value
+      let footerHeight = 0
+      let headerHeight = 0
+      el.offsetParent?.children?.forEach(element => {
+        if(element.className=='el-dialog__footer'){
+          footerHeight = element.clientHeight
+        }
+        if(element.className=='el-dialog__header'){
+          headerHeight = element.clientHeight
+        }
+      });
+      let top = el.getBoundingClientRect().top
+      let tableFormTop = top - (el.offsetParent?.offsetTop||0)
+      
+      let height = el.offsetParent?.clientHeight - tableFormTop - footerHeight - 30
+      if(isShowPagination){
+        height = height- 34
+      }
+      if(isShowButton){
+        height = height- 50
+      }
+      el.style.height = height + 'px'
+    })
+  })
 }