From 68d6073feb4bf357e08ab8214854303b429b4b39 Mon Sep 17 00:00:00 2001
From: luojie <125330818@qq.com>
Date: Wed, 14 Jan 2026 16:58:28 +0800
Subject: [PATCH] =?UTF-8?q?feat:[=E6=A8=A1=E6=9D=BF=E7=AE=A1=E7=90=86][?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=BA=A4=E4=BA=92]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Template/BaseInfoFormPcakge.vue     | 45 ++++++++++++----------
 src/components/Template/CustomTable.vue            | 15 +++++---
 .../comps/template/comps/sp/SWYPNBGZYZBB.vue       | 12 +++++-
 3 files changed, 46 insertions(+), 26 deletions(-)

diff --git a/src/components/Template/BaseInfoFormPcakge.vue b/src/components/Template/BaseInfoFormPcakge.vue
index 8f1287b..1150ac2 100644
--- a/src/components/Template/BaseInfoFormPcakge.vue
+++ b/src/components/Template/BaseInfoFormPcakge.vue
@@ -9,13 +9,13 @@
                         <template v-if="sItem.type === 'input'">
                             <div class="form-title">{{ sItem.label }}</div>
                             <HandleFormItem :field-item-label="fieldItemLabel" @blur="onBlur(key, $event)" :item="sItem" v-model="formFields[key]"
-                                :field-key="key"
+                                :field-key="prefixKey+'_'+key"
                                 @copy="onCopy(sItem, key)" :error="errors[key]" @update:error="errors[key] = false"
                                 :orange-bg="orangeBgFields[key]" />
                         </template>
                         <template v-else-if="sItem.type === 'inputNumber'">
                             <div class="form-title">{{ sItem.label }}</div>
-                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="key" type="inputNumber" @blur="onBlur(key, $event)" :item="sItem"
+                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+key" type="inputNumber" @blur="onBlur(key, $event)" :item="sItem"
                                 @input="onInputNumberChange(key, $event)" v-model="formFields[key]"
                                 @copy="onCopy(sItem, key)" :error="errors[key]" @update:error="errors[key] = false"
                                 :orange-bg="orangeBgFields[key]" />
@@ -30,7 +30,7 @@
                         <div class="p-r-20">
                             <div class="form-title">{{ sItem.label }}</div>
                             <div class="flex flex1">
-                                <HandleFormItem :field-item-label="fieldItemLabel" :field-key="key" type="select" :item="sItem" v-model="formFields[key]"
+                                <HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+key" type="select" :item="sItem" v-model="formFields[key]"
                                     @copy="onCopy(sItem, key)" @change="onSelectChange(key, $event)"
                                     :error="errors[key]" @update:error="errors[key] = false"
                                     :orange-bg="orangeBgFields[key]" />
@@ -41,7 +41,7 @@
                             <div v-show="isShowOther(formFields[key])">
                                 <div class="form-title">其他</div>
                                 <div class="flex flex1">
-                                    <HandleFormItem :field-item-label="fieldItemLabel" :field-key="sItem.otherCode" @blur="onBlur(key, $event)" :item="getOtherItem(sItem)"
+                                    <HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+sItem.otherCode" @blur="onBlur(key, $event)" :item="getOtherItem(sItem)"
                                         v-model="formFields[sItem.otherCode]" @copy="onCopy(sItem, key)"
                                         :error="errors[sItem.otherCode]"
                                         @update:error="errors[sItem.otherCode] = false" />
@@ -60,28 +60,28 @@
                         <div v-for="(sItem, key) in item.config" class="c-Item" :class="getSpanClass(sItem)" :key="key">
                             <div class="form-title" v-if="sItem.label">{{ sItem.label }}</div>
                             <div v-if="sItem.type === 'dateTime'" class="flex1">
-                                <HandleFormItem :field-item-label="fieldItemLabel" :field-key="key" type="dateTime" :item="sItem" v-model="formFields[key]"
+                                <HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+key" type="dateTime" :item="sItem" v-model="formFields[key]"
                                     @copy="onCopy(sItem, key)" :error="errors[key]" @update:error="errors[key] = false"
                                     :orange-bg="orangeBgFields[key]" />
                             </div>
                             <div v-else-if="sItem.type === 'select'">
-                                <HandleFormItem :field-item-label="fieldItemLabel" :field-key="key" type="select" :item="sItem" v-model="formFields[key]"
+                                <HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+key" type="select" :item="sItem" v-model="formFields[key]"
                                     @copy="onCopy(sItem, key)" @change="onSelectChange(key, $event)"
                                     :error="errors[key]" @update:error="errors[key] = false"
                                     :orange-bg="orangeBgFields[key]" />
                             </div>
                             <div v-else-if="sItem.type === 'input'">
-                                <HandleFormItem :field-item-label="fieldItemLabel" :field-key="key" @blur="onBlur(key, $event)" :item="sItem" v-model="formFields[key]"
+                                <HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+key" @blur="onBlur(key, $event)" :item="sItem" v-model="formFields[key]"
                                     @copy="onCopy(sItem, key)" :error="errors[key]" @update:error="errors[key] = false"
                                     :orange-bg="orangeBgFields[key]" />
                             </div>
                             <div v-else-if="sItem.type === 'textarea'">
-                                <HandleFormItem :field-item-label="fieldItemLabel" :field-key="key" @blur="onBlur(key, $event)" type="textarea" :item="sItem"
+                                <HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+key" @blur="onBlur(key, $event)" type="textarea" :item="sItem"
                                     v-model="formFields[key]" @copy="onCopy(sItem, key)" :error="errors[key]"
                                     @update:error="errors[key] = false" :orange-bg="orangeBgFields[key]" />
                             </div>
                             <div v-else-if="sItem.type === 'clickable'" class="flex1">
-                                <HandleFormItem :field-item-label="fieldItemLabel" :field-key="key" type="clickable" @clickable="handleClickable(sItem, $event)"
+                                <HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+key" type="clickable" @clickable="handleClickable(sItem, $event)"
                                     :item="sItem" :value="formFields[key]" />
                             </div>
 
@@ -96,19 +96,19 @@
                         :class="getSpanClass(sItem)" :key="key">
                         <div class="step-form-title" v-if="sItem.label">{{ sItem.label }}</div>
                         <div v-if="sItem.type === 'dateTime'" class="flex1">
-                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="key" type="dateTime" :item="sItem" v-model="formFields[key]"
+                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+key" type="dateTime" :item="sItem" v-model="formFields[key]"
                                 @copy="onCopy(sItem, key)" :error="errors[key]" @update:error="errors[key] = false"
                                 :orange-bg="orangeBgFields[key]" />
                         </div>
                         <div v-else-if="sItem.type === 'select'" class="flex flex1">
-                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="key" type="select" :item="sItem" style="width: auto;flex:1"
+                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+key" type="select" :item="sItem" style="width: auto;flex:1"
                                 v-model="formFields[key]" @copy="onCopy(sItem, key)"
                                 @change="onSelectChange(key, $event)" :error="errors[key]"
                                 @update:error="errors[key] = false" :orange-bg="orangeBgFields[key]" />
                             <div v-show="isShowOther(formFields[key])" class="flex flex1">
                                 <div class="other-title">其他</div>
                                 <div class="flex">
-                                    <HandleFormItem :field-item-label="fieldItemLabel" :field-key="sItem.otherCode" @blur="onBlur(key, $event)" :item="getOtherItem(sItem)"
+                                    <HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+sItem.otherCode" @blur="onBlur(key, $event)" :item="getOtherItem(sItem)"
                                         v-model="formFields[sItem.otherCode]" @copy="onCopy(sItem, key)"
                                         :error="errors[sItem.otherCode]" @update:error="errors[sItem.otherCode] = false"
                                         :orange-bg="orangeBgFields[sItem.otherCode]" />
@@ -116,22 +116,22 @@
                             </div>
                         </div>
                         <div v-else-if="sItem.type === 'input'" class="flex flex1">
-                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="key" @blur="onBlur(key, $event)" class="flex1" :item="sItem"
+                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+key" @blur="onBlur(key, $event)" class="flex1" :item="sItem"
                                 v-model="formFields[key]" @copy="onCopy(sItem, key)" :error="errors[key]"
                                 @update:error="errors[key] = false" :orange-bg="orangeBgFields[key]" />
-                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="sItem.subKey" class="ml-10" v-if="sItem.subType === 'select'" type="select"
+                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+sItem.subKey" class="ml-10" v-if="sItem.subType === 'select'" type="select"
                                 :item="getSubItem(sItem)" v-model="formFields[sItem.subKey]" @copy="onCopy(sItem, key)"
                                 @change="onSelectChange(sItem.subKey, $event)" :error="errors[sItem.subKey]"
                                 @update:error="errors[sItem.subKey] = false"
                                 :orange-bg="orangeBgFields[sItem.subKey]" />
                             <div class="ml-10 item-span" v-else-if="sItem.subType === 'span'">{{ formFields[sItem.subKey] }}</div>
-                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="sItem.subKey" class="ml-10" v-else-if="sItem.subType === 'clickable'" type="clickable"
+                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+sItem.subKey" class="ml-10" v-else-if="sItem.subType === 'clickable'" type="clickable"
                                 @clickable="handleClickable(sItem, $event)" :item="getClickableItem(sItem)"
                                 :value="formFields[sItem.subKey]" />
                             <div v-show="isShowOther(formFields[sItem.subKey])" class="flex flex1">
                                 <div class="other-title">其他</div>
                                 <div class="flex">
-                                    <HandleFormItem :field-item-label="fieldItemLabel" :field-key="sItem.otherCode" @blur="onBlur(key, $event)" :item="getOtherItem(sItem)"
+                                    <HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+sItem.otherCode" @blur="onBlur(key, $event)" :item="getOtherItem(sItem)"
                                         v-model="formFields[sItem.otherCode]" @copy="onCopy(sItem, key)"
                                         :error="errors[sItem.otherCode]" @update:error="errors[sItem.otherCode] = false"
                                         :orange-bg="orangeBgFields[sItem.otherCode]" />
@@ -143,17 +143,17 @@
                             </div> -->
                         </div>
                         <div v-else-if="sItem.type === 'inputNumber'" class="flex flex1">
-                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="key" type="inputNumber" @blur="onBlur(key, $event)" class="flex1" :item="sItem"
+                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+key" type="inputNumber" @blur="onBlur(key, $event)" class="flex1" :item="sItem"
                                 @input="onInputNumberChange(key, $event)" :value="formFields[key]"
                                 @copy="onCopy(sItem, key)" :error="errors[key]" @update:error="errors[key] = false"
                                 :orange-bg="orangeBgFields[key]" />
-                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="sItem.subKey" class="ml-10" v-if="sItem.subType === 'select'" type="select"
+                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+sItem.subKey" class="ml-10" v-if="sItem.subType === 'select'" type="select"
                                 :item="getSubItem(sItem)" v-model="formFields[sItem.subKey]" @copy="onCopy(sItem, key)"
                                 @change="onSelectChange(sItem.subKey, $event)" :error="errors[sItem.subKey]"
                                 @update:error="errors[sItem.subKey] = false"
                                 :orange-bg="orangeBgFields[sItem.subKey]" />
                             <div class="ml-10 item-span" v-else-if="sItem.subType === 'span'">{{ formFields[sItem.subKey] }}</div>
-                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="sItem.subKey" class="ml-10" v-else-if="sItem.subType === 'clickable'"
+                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+sItem.subKey" class="ml-10" v-else-if="sItem.subType === 'clickable'"
                                 @clickable="handleClickable(sItem, $event)" type="clickable"
                                 :item="getClickableItem(sItem)" :value="formFields[sItem.subKey]" />
                             <!-- <div class="clickable" :class="getFillType(sItem.subFillType)" v-else-if = "sItem.subType ==='clickable'" @click="handleClickable(sItem,$event)">
@@ -162,7 +162,7 @@
                             </div> -->
                         </div>
                         <div v-else-if="sItem.type === 'clickable'" class="flex flex1">
-                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="key" type="clickable" @clickable="handleClickable(sItem, $event)"
+                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+key" type="clickable" @clickable="handleClickable(sItem, $event)"
                                 :error="errors[key]" :item="sItem" :value="formFields[key]" />
                         </div>
                     </div>
@@ -198,6 +198,11 @@ export default {
         fieldItemLabel: {
             type: String,
             default: "",
+        },
+        //循环组件的情况下需要用这个来区分字段
+        prefixKey:{
+            type: String,
+            default: "",
         }
     },
     data() {
diff --git a/src/components/Template/CustomTable.vue b/src/components/Template/CustomTable.vue
index 3e1861d..6d86f0b 100644
--- a/src/components/Template/CustomTable.vue
+++ b/src/components/Template/CustomTable.vue
@@ -9,7 +9,7 @@
               <div>{{ col.label }}</div>
               <template
                 v-if="col.headerSelectKey && col.headerOptions && (showHeaderSelect || templateFillType === 'preFill')">
-                <HandleFormItem :fieldKey="col.headerSelectKey+'_'+rowIndex" :fieldItemLabel="fieldItemLabel" type="select" class="header-select" :item="getHeaderItem(col)"
+                <HandleFormItem :fieldKey="prefixKey+'_'+col.headerSelectKey+'_'+rowIndex" :fieldItemLabel="fieldItemLabel" type="select" class="header-select" :item="getHeaderItem(col)"
                   v-model="headerSelectFields[col.headerSelectKey]" @change="onHeaderSelectChange(col, $event)"
                   :error="hasError(-1, index, col.headerSelectKey)"
                   @update:error="onErrorUpdate(-1, index, col.headerSelectKey, $event)" />
@@ -36,7 +36,7 @@
             <div class="inner-table-cell">
               <div>
                 <template v-if="col.bodyType === 'input'">
-                  <HandleFormItem :fieldKey="col.prop+'_'+rowIndex" :fieldItemLabel="fieldItemLabel" type="input" @blur="onBlur(rowIndex, col.prop, $event)" @copy="onCopy(rowIndex, col)"
+                  <HandleFormItem :fieldKey="prefixKey+'_'+col.prop+'_'+rowIndex" :fieldItemLabel="fieldItemLabel" type="input" @blur="onBlur(rowIndex, col.prop, $event)" @copy="onCopy(rowIndex, col)"
                     class="body-input" :item="getBodyItem(col, rowIndex)" v-model="row[col.prop]"
                     @change="onBodyValueChange(rowIndex, colIndex, $event)"
                     :error="hasError(rowIndex, colIndex, col.prop)"
@@ -44,7 +44,7 @@
                     :orange-bg="hasOrangeBg(rowIndex, colIndex, col.prop)" />
                 </template>
                 <template v-else-if="col.bodyType === 'inputNumber'">
-                  <HandleFormItem :fieldKey="col.prop+'_'+rowIndex" :fieldItemLabel="fieldItemLabel" type="inputNumber" @copy="onCopy(rowIndex, col)" class="body-input-number"
+                  <HandleFormItem :fieldKey="prefixKey+'_'+col.prop+'_'+rowIndex" :fieldItemLabel="fieldItemLabel" type="inputNumber" @copy="onCopy(rowIndex, col)" class="body-input-number"
                     :item="getBodyItem(col, rowIndex)" v-model="row[col.prop]" @blur="onBlur(rowIndex, col.prop, $event)"
                     @change="onBodyValueChange(rowIndex, colIndex, $event)"
                     :error="hasError(rowIndex, colIndex, col.prop)"
@@ -52,7 +52,7 @@
                     :orange-bg="hasOrangeBg(rowIndex, colIndex, col.prop)" />
                 </template>
                 <template v-else-if="col.bodyType === 'select'">
-                  <HandleFormItem :fieldKey="col.prop+'_'+rowIndex" :fieldItemLabel="fieldItemLabel" type="select" class="body-select" @blur="onBlur(rowIndex, col.prop, $event)"
+                  <HandleFormItem :fieldKey="prefixKey+'_'+col.prop+'_'+rowIndex" :fieldItemLabel="fieldItemLabel" type="select" class="body-select" @blur="onBlur(rowIndex, col.prop, $event)"
                     :item="getBodyItem(col, rowIndex)" v-model="row[col.prop]"
                     @change="onBodyValueChange(rowIndex, colIndex, $event)"
                     :error="hasError(rowIndex, colIndex, col.prop)"
@@ -65,7 +65,7 @@
               </div>
               <div class="m-l-5" v-if="col.showBodySub">
                 <template v-if="col.bodySubType === 'inputNumber'">
-                  <HandleFormItem :fieldKey="col.bodySubKey+'_'+rowIndex" :fieldItemLabel="fieldItemLabel" type="inputNumber" @blur="onSubBlur(rowIndex, col.bodySubKey, $event)"
+                  <HandleFormItem :fieldKey="prefixKey+'_'+col.bodySubKey+'_'+rowIndex" :fieldItemLabel="fieldItemLabel" type="inputNumber" @blur="onSubBlur(rowIndex, col.bodySubKey, $event)"
                     @copy="onCopy(rowIndex, col)" :item="getBodySubItem(col)" v-model="row[col.bodySubKey]"
                     @change="onBodySubValueChange(rowIndex, colIndex, $event)"
                     :error="hasError(rowIndex, colIndex, col.bodySubKey)"
@@ -144,6 +144,11 @@ export default {
       type: String,
       default: '',
     },
+     //循环组件的情况下需要用这个来区分字段
+      prefixKey:{
+          type: String,
+          default: "",
+      }
   },
   data() {
     return {
diff --git a/src/views/business/comps/template/comps/sp/SWYPNBGZYZBB.vue b/src/views/business/comps/template/comps/sp/SWYPNBGZYZBB.vue
index abe39c9..0370dee 100644
--- a/src/views/business/comps/template/comps/sp/SWYPNBGZYZBB.vue
+++ b/src/views/business/comps/template/comps/sp/SWYPNBGZYZBB.vue
@@ -40,12 +40,15 @@
 								:formConfig="ladderStepFormConfig" 
 								@blur="onHandleBlur" 
 								:formData="ladderConfig" 
+								fieldItemLabel = "阶梯配制"
+								:prefixKey = "'ladder_'+ladderIndex"
 							/>
 							<CustomTable 
 								@blur="onHandleTableBlur" 
 								:ref="`ladderStepTableRef_${ladderIndex}`" 
 								:columns="ladderStepColumns" 
 								:formData="ladderConfig"
+								:prefixKey = "'ladder_'+ladderIndex"
 								fieldItemLabel = "阶梯配制"
 							>
 								<template slot="operation" slot-scope="{ row, rowIndex}">
@@ -62,6 +65,8 @@
 								class="mt-0"
 								:ref="`ladderStepRef_${ladderIndex}`" 
 								:formData="ladderConfig.ladderStepData"
+								fieldItemLabel = "阶梯配制"
+								:prefixKey = "'ladder_'+ladderIndex"
 							></Step>
 						</div>
 					</div>
@@ -89,12 +94,15 @@
 								:formConfig="paralleStepFormConfig" 
 								@blur="onHandleBlur" 
 								:formData="paralleConfig" 
+								:prefixKey = "'paralle'+paralleIndex"
+								fieldItemLabel = "平行配制"
 							/>
 							<CustomTable 
 								@blur="onHandleTableBlur" 
 								:ref="`paralleStepTableRef_${paralleIndex}`" 
 								:columns="paralleStepColumns" 
 								:formData="paralleConfig"
+								:prefixKey = "'paralle'+paralleIndex"
 								fieldItemLabel = "平行配制"
 							>
 								<template slot="operation" slot-scope="{ row, rowIndex}">
@@ -111,10 +119,12 @@
 								class="mt-0"
 								:ref="`paralleStepRef_${paralleIndex}`" 
 								:formData="paralleConfig.paralleStepData"
+								fieldItemLabel = "平行配制"
+								:prefixKey = "'paralle'+paralleIndex"
 							></Step>
 						</div>
 					</div>
-					<BaseInfoFormPcakge label="备注" ref="remarkRef" :formConfig="remarkConig" :formData="formData" />
+					<BaseInfoFormPcakge  label="备注" ref="remarkRef" :formConfig="remarkConig" :formData="formData" />
 
 				</div>
 			</div>