采购退货申请--新增，添加明细删除卡顿问题

src/components/TableForm/src/TableForm.vue

@@ -40,7 +40,7 @@
       />
       <el-table-column 
         v-slot="{ row, $index }" 
-        v-for="(headerItem,index) in tableFields" 
+        v-for="(headerItem) in tableFields" 
         :key="headerItem"
         :fixed="headerItem.tableForm?.fixed" 
         :label="headerItem.label" :prop="headerItem.field"
@@ -55,10 +55,10 @@
           :rules="tableFormRules"
           :class="tableFormRules ? '' : 'noRulesForm'">
           <!-- 字符串输入框 -->
-          <el-form-item 
+          <el-form-item
             v-if="!headerItem?.tableForm?.type || headerItem?.tableForm?.type == 'InputString'"
             :prop="headerItem.field" style="display: flex;align-items: center;">
-            <el-input 
+            <el-input  :key="headerItem.field+$index"
               v-model="row[headerItem.field]"
               clearable
               :type="headerItem?.tableForm?.inputType"
@@ -67,7 +67,7 @@
               style="flex:1" 
               @blur="inputStringBlur(headerItem.field, $event, row)"
             />
-            <el-button  v-if="headerItem?.tableForm?.isInpuFocusShow" @click="inpuFocus(headerItem,row,index)"><Icon icon="ep:search" size="14"/></el-button>
+            <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'">
             <slot :row="row"></slot>
@@ -92,6 +92,7 @@
             :prop="headerItem.field">
             <el-input-number 
               style="width: 100%;" 
+              :key="headerItem.field+$index"
               v-model="row[headerItem.field]" 
               :max="headerItem?.tableForm?.max"
               :min="headerItem?.tableForm?.min" 
@@ -104,7 +105,7 @@
           <el-form-item 
             v-if="headerItem?.tableForm?.type == 'Select'" 
             :prop="headerItem.field">
-            <el-select 
+            <el-select :key="headerItem.field+$index"
               v-model="row[headerItem.field]" 
               :clearable="headerItem?.tableForm.clearable || true"
               :multiple="headerItem?.tableForm.multiple" 
@@ -175,7 +176,8 @@
           <el-form-item 
             v-if="headerItem?.tableForm?.type == 'FormDate'" 
             :prop="headerItem.field">
-            <el-date-picker 
+            <el-date-picker
+            :key="headerItem.field+$index" 
               v-model="row[headerItem.field]" 
               :clearable="true"
               style="width: 100%"
@@ -190,6 +192,7 @@
             v-if="headerItem?.tableForm?.type == 'FormDateTime'" 
             :prop="headerItem.field">
             <el-date-picker 
+              :key="headerItem.field+$index"
               type="datetime"
               :clearable="true"
               v-model="row[headerItem.field]"

src/views/wms/purchasereceiptManage/purchasereturn/purchasereturnRequestMain/purchasereturnRequestMain.data.ts

@@ -271,6 +271,7 @@ export const PurchasereturnRequestMain = useCrudSchemas(reactive<CrudSchema[]>([
     label: '部门',
     field: 'departmentCode',
     sort: 'custom',
+    isForm:false,
     table: {
       width: 150
     },