From f58e70255238a9e8f8d5367ae6548c66a1eafb7b Mon Sep 17 00:00:00 2001
From: wangyufei <2267742828@qq.com>
Date: Thu, 29 Aug 2024 09:40:25 +0800
Subject: [PATCH] =?UTF-8?q?HL-4981SCP=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/BasicForm/src/BasicForm.vue    | 73 ++++++++++++-------
 .../CollectionTable/src/CollectionTable.vue   | 12 ++-
 src/components/TableForm/src/TableForm.vue    | 12 ++-
 src/directives/permission/clientTable.ts      |  5 +-
 .../supplierdeliverBasicForm.vue              |  1 +
 5 files changed, 73 insertions(+), 30 deletions(-)

diff --git a/src/components/BasicForm/src/BasicForm.vue b/src/components/BasicForm/src/BasicForm.vue
index 101d2fb3d..5c772061e 100644
--- a/src/components/BasicForm/src/BasicForm.vue
+++ b/src/components/BasicForm/src/BasicForm.vue
@@ -89,6 +89,8 @@
         <TableForm
           ref="tableFormRef"
           class="w-[100%]"
+          :fixedScrollHieght="fixedScrollHieght"
+          :maxHeight="fixedScrollHieght?'auto':490"
           :tableFields="tableAllSchemas.tableFormColumns"
           :tableData="tableData"
           :tableFormRules="tableFormRules"
@@ -137,6 +139,7 @@
       </div>
       <div v-if="includeCollectionTable&&formType=='create'&&tableAllSchemas&&tableAllSchemas.tableFormColumns.find(item=>item.field == 'itemCode')" v-show="tabSheet=='CollectionTable'">
         <CollectionTable
+        :fixedScrollHieght="fixedScrollHieght"
         :tableFields="tableAllSchemas?tableAllSchemas.tableFormColumns:[]"
         :tableData="tableData"
         ></CollectionTable>
@@ -381,6 +384,11 @@ const props = defineProps({
     type:Boolean,
     default:false
   },
+  //滚动高度
+  fixedScrollHieght:{
+    type:Boolean,
+    default:false
+  }
 })
 
 const { t } = useI18n() // 国际化
@@ -394,13 +402,24 @@ if (props.basicFormWidth) {
 
 const collectionRef = ref()
 const updateFullscreen = (isFullscreen) => {
-  formHeight.value.height = isFullscreen ? 'auto' : '60vh'
-  nextTick(()=>{
-    tableFormRef.value?.reloadFullscreen(isFullscreen)
-    collectionRef.value?.reloadFullscreen(isFullscreen)
+  if(props.fixedScrollHieght){
+    formHeight.value.height = isFullscreen ? 'auto' : '60vh'
+    nextTick(()=>{
+      tableFormRef.value?.reloadFullscreen(isFullscreen)
+      collectionRef.value?.reloadFullscreen(isFullscreen)
+    })
+  }else{
+    if(isFullscreen){
+      formHeight.value = {
+        'max-height':'100%',
+      }
+    }else{
+      formHeight.value = {
+        'max-height': '60vh'
+      }
+    }
     
-  })
-
+  }
 }
 
 const dialogVisible = ref(false) // 弹窗的是否展示
@@ -417,23 +436,14 @@ const routeName = ref('')
 const sureDisabled = ref(false)
 const tabSheet = ref('TableForm')
 routeName.value = route.name
-const formHeight = ref({
-  'max-height': '60vh' 
-})
+const formHeight = ref({})
+
 
 const tabChange = (item) => {
   tabSheet.value = item.prop
 }
 
-// if(!props.tableAllSchemas||formType.value!='create'){
-//   formHeight.value = {
-//     height:'auto'
-//   }
-// }else{
-//   formHeight.value = {
-//     height:'60vh'
-//   }
-// }
+
 // 列表-按钮
 // const buttondata = [
 //   defaultButtons.mainListEditBtn(null), // 编辑
@@ -683,15 +693,24 @@ const open = async (
     dialogTitle.value = t('action.' + type)
   }
   formType.value = type
-  // if(!props.tableAllSchemas||formType.value!='create'){
-  //   formHeight.value = {
-  //     height:'auto'
-  //   }
-  // }else{
-  //   formHeight.value = {
-  //     height:'60vh'
-  //   }
-  // }
+  
+  if(props.fixedScrollHieght){
+    if(!props.tableAllSchemas||formType.value!='create'){
+      formHeight.value = {
+        height:'auto'
+      }
+    }else{
+      formHeight.value = {
+        height:'70vh'
+      }
+    }
+  }else{
+    formHeight.value = {
+      'max-height': '60vh'
+    }
+  }
+
+  
   resetForm()
   count.value = 0
   // 修改时，设置数据
diff --git a/src/components/CollectionTable/src/CollectionTable.vue b/src/components/CollectionTable/src/CollectionTable.vue
index cc5a849fb..81c4c8b0d 100644
--- a/src/components/CollectionTable/src/CollectionTable.vue
+++ b/src/components/CollectionTable/src/CollectionTable.vue
@@ -7,7 +7,12 @@
     isShowButton: false,
     isFullscreen:isFullscreen
   }"  -->
-  <el-table class="collection" :data="showList"  border :style="{width:tableWidth+'px'}">
+  <el-table v-clientTableForm="{
+    fixedScrollHieght:fixedScrollHieght,
+    isShowPagination:false,
+    isShowButton: false,
+    isFullscreen:isFullscreen
+  }" class="collection" :data="showList"  border :style="{width:tableWidth+'px'}">
     <el-table-column type="index" width="60" label="序号" align="center"/>
     <el-table-column  border row-key="id"
         v-for="headerItem in fields.filter((item) => !!item.checked)"
@@ -41,6 +46,11 @@ const props = defineProps({
     default: () => {
       return []
     }
+  },
+  //滚动高度
+  fixedScrollHieght:{
+    type:Boolean,
+    default:false
   }
 })
 
diff --git a/src/components/TableForm/src/TableForm.vue b/src/components/TableForm/src/TableForm.vue
index 57dd2ceae..7f95c9ddd 100644
--- a/src/components/TableForm/src/TableForm.vue
+++ b/src/components/TableForm/src/TableForm.vue
@@ -7,7 +7,12 @@
       isShowButton: isShowButton || isShowReduceButtonSelection,
       isFullscreen:isFullscreen
     }" -->
-    <el-table 
+    <el-table v-clientTableForm="{
+      fixedScrollHieght:fixedScrollHieght,
+      isShowPagination:tableData.length > 10,
+      isShowButton: isShowButton || isShowReduceButtonSelection,
+      isFullscreen:isFullscreen
+    }"
       class="multipleTableComponents"
       ref="TableBaseComponents_Ref"
       v-loading="tableLoading"
@@ -516,6 +521,11 @@ const props = defineProps({
   sureDisabled: {
     type: Boolean,
     default: false
+  },
+  //滚动高度
+  fixedScrollHieght:{
+    type:Boolean,
+    default:false
   }
 })
 let isShowTableFormSearch = ref({})
diff --git a/src/directives/permission/clientTable.ts b/src/directives/permission/clientTable.ts
index a8672fe63..4654792dd 100644
--- a/src/directives/permission/clientTable.ts
+++ b/src/directives/permission/clientTable.ts
@@ -43,7 +43,10 @@ export function clientTable(app: App<Element>) {
   })
   app.directive('clientTableForm', (el, binding) => {
     nextTick(() => {
-      let {isShowPagination,isShowButton,isFullscreen} = binding.value
+      let {isShowPagination,isShowButton,isFullscreen,fixedScrollHieght} = binding.value
+      if(!fixedScrollHieght&&!isFullscreen){
+        return
+      }
       let footerHeight = 0
       let headerHeight = 0
       el.offsetParent?.children?.forEach(element => {
diff --git a/src/views/wms/purchasereceiptManage/supplierdeliver/supplierdeliverRequestMain/supplierdeliverBasicForm.vue b/src/views/wms/purchasereceiptManage/supplierdeliver/supplierdeliverRequestMain/supplierdeliverBasicForm.vue
index 28fe2369e..5dfddba79 100644
--- a/src/views/wms/purchasereceiptManage/supplierdeliver/supplierdeliverRequestMain/supplierdeliverBasicForm.vue
+++ b/src/views/wms/purchasereceiptManage/supplierdeliver/supplierdeliverRequestMain/supplierdeliverBasicForm.vue
@@ -3,6 +3,7 @@
   <!-- 供应商发货申请 -->
   <BasicForm
     ref="formRef"
+    :fixedScrollHieght="true"
     :isOpenSearchTable="true"
     fieldTableColumn="poNumber"
     @success="getList"