From 160805c8c58694c92f3baeb99668b74a190b042d Mon Sep 17 00:00:00 2001
From: zhang_li <2235006734@qqq.com>
Date: Wed, 29 May 2024 10:44:42 +0800
Subject: [PATCH] =?UTF-8?q?tableform=E6=B7=BB=E5=8A=A0clear=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/BasicForm/src/BasicForm.vue                | 8 +++++++-
 src/components/TableForm/src/TableForm.vue                | 8 ++++++--
 .../supplierdeliver/supplierdeliverRequestMain/index.vue  | 7 +++++++
 .../supplierdeliverRequestMain.data.ts                    | 1 +
 4 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/components/BasicForm/src/BasicForm.vue b/src/components/BasicForm/src/BasicForm.vue
index 5ca7737c2..257250012 100644
--- a/src/components/BasicForm/src/BasicForm.vue
+++ b/src/components/BasicForm/src/BasicForm.vue
@@ -96,6 +96,7 @@
         @inputNumberChange="inputNumberChange"
         @tableFormSelectOnBlur="tableFormSelectOnBlur"
         @formFormDateChange="formFormDateChange"
+      @clearInput='clearInput'
       >
       <template v-slot="{row}">
         <slot :row="row"></slot>
@@ -443,6 +444,7 @@ const opensearchTable = (
     searchDetailSchemas
   )
 }
+
 //修改 searchTable 弹窗宽度
 const changeDialogWidth = (width)=>{
   searchTableRef.value.changeDialogWidth(width)
@@ -650,7 +652,8 @@ const emit = defineEmits([
   'inputNumberChange',
   'formFormDateChange',
   'footButtonClick',
-  'clearSearchInput'
+  'clearSearchInput',
+  'clearInput'
 ])
 //普通下拉改变事件
 const formSelectChange = (field, val, row) => {
@@ -719,6 +722,9 @@ const inpuFocus = (headerItem, row, index) => {
     headerItem.tableForm?.searchDetailSchemas
   )
 }
+const clearInput = (field, row, index) => {
+  emit('clearInput',field, row, index)
+}
 /**
  * 监听改变事件
  * @param field 当前操作字段
diff --git a/src/components/TableForm/src/TableForm.vue b/src/components/TableForm/src/TableForm.vue
index df2adca3f..f298ae8ec 100644
--- a/src/components/TableForm/src/TableForm.vue
+++ b/src/components/TableForm/src/TableForm.vue
@@ -69,6 +69,7 @@
               style="flex:1" 
               @blur="inputStringBlur(headerItem.field, row[headerItem.field], row)"
             />
+            <Icon icon="ep:circle-close"  v-if="headerItem?.tableForm?.isInpuFocusShow && headerItem?.tableForm?.disabled&& headerItem?.tableForm?.clearable" style='position:absolute;right:50px;cursor: pointer;' @click="clearInput(headerItem.field,row,index)"/>
             <el-button  :key="headerItem.field+$index+'button'" v-if="headerItem?.tableForm?.isInpuFocusShow" @click="inpuFocus(headerItem,row,index)"><Icon icon="ep:search" size="14"/></el-button>
           </el-form-item>
           <el-form-item  v-if="headerItem?.tableForm?.type == 'slot'">
@@ -414,7 +415,8 @@ const emit = defineEmits([
   'buttonOperationClick',
   'inputStringBlur',
   'tableFormSelectOnBlur',
-  'formFormDateChange'
+  'formFormDateChange',
+  'clearInput'
 ])
 // 获取下拉列表 | type = radio | type = select
 const initSelectOptions = (item) => {
@@ -511,7 +513,9 @@ const inpuFocus = (headerItem, row, index)=>{
 const inputStringBlur = (field, val,row) => {
   emit('inputStringBlur', field, val,row)
 }
-
+const clearInput= (field, row, index) => {
+  emit('clearInput',field, row, index)
+}
 //点击table操作列按钮
 const buttonOperationClick = (row, label, index)=> {
   emit("buttonOperationClick", row, label, index);
diff --git a/src/views/wms/purchasereceiptManage/supplierdeliver/supplierdeliverRequestMain/index.vue b/src/views/wms/purchasereceiptManage/supplierdeliver/supplierdeliverRequestMain/index.vue
index 02cda2ab7..feda09164 100644
--- a/src/views/wms/purchasereceiptManage/supplierdeliver/supplierdeliverRequestMain/index.vue
+++ b/src/views/wms/purchasereceiptManage/supplierdeliver/supplierdeliverRequestMain/index.vue
@@ -132,6 +132,7 @@
     @searchTableSuccess="searchTableSuccessLabel"
     @submitForm="submitFormLabel"
     :isShowReduceButton="false"
+    @clearInput='clearInput'
   />
   <!-- 上传质量报告 -->
   <BasicForm
@@ -798,6 +799,12 @@ const submitFormLabel = async (formType, data) => {
     formLabelRef.value.dialogVisible = false
   }
 }
+const clearInput = async (field,row,index) => {
+  row[field]=''
+  row['secondPackQty']=''
+  
+  SupplierdeliverRequestDetailRules.secondPackQty[0].required = false
+}
 
 
 const BASE_URL = import.meta.env.VITE_JMREPORT_BASE_URL
diff --git a/src/views/wms/purchasereceiptManage/supplierdeliver/supplierdeliverRequestMain/supplierdeliverRequestMain.data.ts b/src/views/wms/purchasereceiptManage/supplierdeliver/supplierdeliverRequestMain/supplierdeliverRequestMain.data.ts
index 501469f91..acad3e1fd 100644
--- a/src/views/wms/purchasereceiptManage/supplierdeliver/supplierdeliverRequestMain/supplierdeliverRequestMain.data.ts
+++ b/src/views/wms/purchasereceiptManage/supplierdeliver/supplierdeliverRequestMain/supplierdeliverRequestMain.data.ts
@@ -1568,6 +1568,7 @@ export const SupplierdeliverRequestDetailLabel = useCrudSchemas(reactive<CrudSch
       }
     },
     tableForm: {
+      clearable: true,
       disabled: true,
       isInpuFocusShow: true,
       searchListPlaceholder: '请选择包装',