From 5ebeebb3bf767ff001ac40a4ea7aa88a42c37c69 Mon Sep 17 00:00:00 2001
From: luojie <125330818@qq.com>
Date: Tue, 13 Jan 2026 17:00:15 +0800
Subject: [PATCH] =?UTF-8?q?feat:[=E6=A8=A1=E6=9D=BF=E7=AE=A1=E7=90=86][upd?=
 =?UTF-8?q?ate]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Template/BaseInfoFormPcakge.vue     |  67 +++--
 src/components/Template/CustomTable.vue            |  25 +-
 src/components/Template/HandleFormItem.vue         | 335 ++++++---------------
 src/components/Template/Step.vue                   |   4 +-
 src/store/modules/template.js                      |   5 +-
 .../business/comps/template/TemplateTable.vue      |  10 +
 .../comps/template/comps/sp/SWYPBQGZYZBB.vue       |   2 +-
 .../comps/template/comps/sp/SWYPFXCBYPZB.vue       |   3 +-
 .../comps/template/comps/sp/SWYPFXRYPZB.vue        |   9 +-
 .../comps/template/comps/sp/SWYPNBGZYZBB.vue       |   3 +-
 .../comps/template/mixins/templateMixin.js         |   7 +-
 11 files changed, 165 insertions(+), 305 deletions(-)

diff --git a/src/components/Template/BaseInfoFormPcakge.vue b/src/components/Template/BaseInfoFormPcakge.vue
index c327180..78599d6 100644
--- a/src/components/Template/BaseInfoFormPcakge.vue
+++ b/src/components/Template/BaseInfoFormPcakge.vue
@@ -8,13 +8,14 @@
                         :class="sItem.span == 1 ? 'full-row' : ''" :key="key">
                         <template v-if="sItem.type === 'input'">
                             <div class="form-title">{{ sItem.label }}</div>
-                            <HandleFormItem @blur="onBlur(key, $event)" :item="sItem" v-model="formFields[key]"
+                            <HandleFormItem :field-item-label="fieldItemLabel" @blur="onBlur(key, $event)" :item="sItem" v-model="formFields[key]"
+                                :field-key="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 type="inputNumber" @blur="onBlur(key, $event)" :item="sItem"
+                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="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]" />
@@ -29,7 +30,7 @@
                         <div class="p-r-20">
                             <div class="form-title">{{ sItem.label }}</div>
                             <div class="flex flex1">
-                                <HandleFormItem type="select" :item="sItem" v-model="formFields[key]"
+                                <HandleFormItem :field-item-label="fieldItemLabel" :field-key="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]" />
@@ -40,7 +41,7 @@
                             <div v-show="isShowOther(formFields[key])">
                                 <div class="form-title">其他</div>
                                 <div class="flex flex1">
-                                    <HandleFormItem @blur="onBlur(key, $event)" :item="getOtherItem(sItem)"
+                                    <HandleFormItem :field-item-label="fieldItemLabel" :field-key="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" />
@@ -59,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 type="dateTime" :item="sItem" v-model="formFields[key]"
+                                <HandleFormItem :field-item-label="fieldItemLabel" :field-key="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 type="select" :item="sItem" v-model="formFields[key]"
+                                <HandleFormItem :field-item-label="fieldItemLabel" :field-key="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 @blur="onBlur(key, $event)" :item="sItem" v-model="formFields[key]"
+                                <HandleFormItem :field-item-label="fieldItemLabel" :field-key="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 @blur="onBlur(key, $event)" type="textarea" :item="sItem"
+                                <HandleFormItem :field-item-label="fieldItemLabel" :field-key="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 type="clickable" @clickable="handleClickable(sItem, $event)"
+                                <HandleFormItem :field-item-label="fieldItemLabel" :field-key="key" type="clickable" @clickable="handleClickable(sItem, $event)"
                                     :item="sItem" :value="formFields[key]" />
                             </div>
 
@@ -95,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 type="dateTime" :item="sItem" v-model="formFields[key]"
+                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="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 type="select" :item="sItem" style="width: auto;flex:1"
+                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="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 @blur="onBlur(key, $event)" :item="getOtherItem(sItem)"
+                                    <HandleFormItem :field-item-label="fieldItemLabel" :field-key="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]" />
@@ -115,22 +116,22 @@
                             </div>
                         </div>
                         <div v-else-if="sItem.type === 'input'" class="flex flex1">
-                            <HandleFormItem @blur="onBlur(key, $event)" class="flex1" :item="sItem"
+                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="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 class="ml-10" v-if="sItem.subType === 'select'" type="select"
+                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="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" v-else-if="sItem.subType === 'span'">{{ formFields[sItem.subKey] }}</div>
-                            <HandleFormItem class="ml-10" v-else-if="sItem.subType === 'clickable'" type="clickable"
+                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="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 @blur="onBlur(key, $event)" :item="getOtherItem(sItem)"
+                                    <HandleFormItem :field-item-label="fieldItemLabel" :field-key="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]" />
@@ -142,17 +143,17 @@
                             </div> -->
                         </div>
                         <div v-else-if="sItem.type === 'inputNumber'" class="flex flex1">
-                            <HandleFormItem type="inputNumber" @blur="onBlur(key, $event)" class="flex1" :item="sItem"
+                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="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 class="ml-10" v-if="sItem.subType === 'select'" type="select"
+                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="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" v-else-if="sItem.subType === 'span'">{{ formFields[sItem.subKey] }}</div>
-                            <HandleFormItem class="ml-10" v-else-if="sItem.subType === 'clickable'"
+                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="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)">
@@ -161,7 +162,7 @@
                             </div> -->
                         </div>
                         <div v-else-if="sItem.type === 'clickable'" class="flex flex1">
-                            <HandleFormItem type="clickable" @clickable="handleClickable(sItem, $event)"
+                            <HandleFormItem :field-item-label="fieldItemLabel" :field-key="key" type="clickable" @clickable="handleClickable(sItem, $event)"
                                 :error="errors[key]" :item="sItem" :value="formFields[key]" />
                         </div>
                     </div>
@@ -175,6 +176,7 @@
 import HandleFormItem from "./HandleFormItem.vue";
 import LineLabel from "./LineLabel.vue";
 export default {
+    inject: ['templateFillType'],
     components: {
         HandleFormItem,
         LineLabel
@@ -191,6 +193,11 @@ export default {
         formData: {
             type: Object,
             value: () => ({})
+        },
+        //主要标识当前表单属于哪个模块，用于传给后端
+        fieldItemLabel: {
+            type: String,
+            default: "",
         }
     },
     data() {
@@ -202,6 +209,7 @@ export default {
         };
     },
     watch: {
+
         formData: {
             immediate: true,
             deep: true, // 深度监听，以便检测嵌套对象变化
@@ -211,6 +219,15 @@ export default {
                 }
             }
         },
+        fieldItemLabel: {
+            immediate: true,
+            deep: true, // 深度监听，以便检测嵌套对象变化
+            handler(v) {
+                if (v) {
+                    console.log(v,"fieldItemLabel")
+                }
+            }
+        },
         formConfig: {
             immediate: true,
             deep: true, // 深度监听，以便检测嵌套对象变化
@@ -263,7 +280,7 @@ export default {
         },
         handleClickable(sItem, event) {
             console.log("clickable", sItem)
-            if (this.$store.state.template.templateStatus !== 'actFill') {
+            if (this.templateFillType !== 'actFill') {
                 return
             }
             this.$emit("clickable", sItem)
@@ -374,11 +391,10 @@ export default {
             if (item.hasOwnProperty("disabled")) {
                 return item.disabled
             } else {
-                const { templateStatus } = this.$store.state.template;
                 if (fillType === "actFill") {//当模板状态是实际填写时，只有当fillType是actFill时才能填写
-                    return templateStatus !== "actFill"
+                    return this.templateFillType !== "actFill"
                 } else if (fillType === "preFill") {//当模板状态是预填写时，只有当fillType是preFill才能填写
-                    return templateStatus !== "preFill"
+                    return this.templateFillType !== "preFill"
                 } else {
                     return true
                 }
@@ -387,7 +403,6 @@ export default {
         // 表单数据校验
         validateFormData() {
             const { formFields, allFieldsConfig } = this;
-            const { templateStatus } = this.$store.state.template;
             const errors = [];
 
             // 清空之前的错误状态
@@ -418,7 +433,7 @@ export default {
                     if (o.type === "span") {
                         continue
                     }
-                    if (o.fillType == templateStatus && !o.disabled) {
+                    if (o.fillType === this.templateFillType && !o.disabled) {
                         let prefix = "";
                         if (o.type === "input" || o.type === "inputNumber" || o.type === "textarea") {
                             prefix = "填写";
diff --git a/src/components/Template/CustomTable.vue b/src/components/Template/CustomTable.vue
index d13e3a1..3e1861d 100644
--- a/src/components/Template/CustomTable.vue
+++ b/src/components/Template/CustomTable.vue
@@ -8,8 +8,8 @@
             <div class="header-cell-content">
               <div>{{ col.label }}</div>
               <template
-                v-if="col.headerSelectKey && col.headerOptions && (showHeaderSelect || $store.state.template.templateStatus === 'preFill')">
-                <HandleFormItem type="select" class="header-select" :item="getHeaderItem(col)"
+                v-if="col.headerSelectKey && col.headerOptions && (showHeaderSelect || templateFillType === 'preFill')">
+                <HandleFormItem :fieldKey="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 type="input" @blur="onBlur(rowIndex, col.prop, $event)" @copy="onCopy(rowIndex, col)"
+                  <HandleFormItem :fieldKey="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 type="inputNumber" @copy="onCopy(rowIndex, col)" class="body-input-number"
+                  <HandleFormItem :fieldKey="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 type="select" class="body-select" @blur="onBlur(rowIndex, col.prop, $event)"
+                  <HandleFormItem :fieldKey="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 type="inputNumber" @blur="onSubBlur(rowIndex, col.bodySubKey, $event)"
+                  <HandleFormItem :fieldKey="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)"
@@ -102,6 +102,7 @@
 <script>
 import HandleFormItem from "./HandleFormItem.vue"
 export default {
+  inject: ['templateFillType'],
   name: 'CustomTable',
   components: {
     HandleFormItem
@@ -139,6 +140,10 @@ export default {
         }
       }
     },
+    fieldItemLabel: {
+      type: String,
+      default: '',
+    },
   },
   data() {
     return {
@@ -161,14 +166,13 @@ export default {
   },
   mounted() {
     // this.initHeaderSelectValues();
-    console.log(this.$store.state.template.templateStatus, "this.$store.state.template.templateStatus")
   },
   methods: {
     isShowAddRos() {
       if(!this.showAddRow) {
         return false;
       }
-      return this.$store.state.template.templateStatus === 'preFill';
+      return this.templateFillType === 'preFill';
     },
     // 复制值
     onCopy(rowIndex, col) {
@@ -220,7 +224,6 @@ export default {
     },
     // 表单数据校验
     validateFormData() {
-      const templateStatus = this.$store.state.template.templateStatus;
       const errors = [];
 
       // 清空之前的错误状态
@@ -228,7 +231,7 @@ export default {
 
       // 校验表头的 HandleFormItem
       this.columns.forEach((col, colIndex) => {
-        if (col.headerSelectKey && col.headerOptions && col.fillType === templateStatus) {
+        if (col.headerSelectKey && col.headerOptions && col.fillType === this.templateFillType) {
           const headerValue = this.headerSelectFields[col.headerSelectKey];
           if (this.isValueEmpty(headerValue)) {
             const errorItem = {
@@ -249,7 +252,7 @@ export default {
         // 遍历列
         this.columns.forEach((col, colIndex) => {
           // 只校验 fillType 与当前模板状态匹配的字段
-          if (col.bodyFillType === templateStatus || col.bodySubFillType === templateStatus) {
+          if (col.bodyFillType === this.templateFillType || col.bodySubFillType === this.templateFillType) {
             // 检查主字段
             const mainValue = row[col.prop];
             if (this.isValueEmpty(mainValue) && !col.bodyDisabled) {
diff --git a/src/components/Template/HandleFormItem.vue b/src/components/Template/HandleFormItem.vue
index 21e4c97..01a4031 100644
--- a/src/components/Template/HandleFormItem.vue
+++ b/src/components/Template/HandleFormItem.vue
@@ -34,12 +34,12 @@
         <!-- qc才能操作 -->
         <div class="handle-row" v-if="isShowHandle()">
             <el-checkbox class="ml-5" @change="onCheckboxChange"></el-checkbox>
-            <div @mouseenter="onMouseEnter" @mouseleave="onMouseLeave">
+            <div v-if="getIsShowQuestionIcon()" @mouseenter="(e)=>onMouseEnter('replyRecord',e)" @mouseleave="onMouseLeave">
                 <Question   class="handle-icon" :class="getQuestionColor()" />
             </div>
-            <img v-if="getIsShowCopyIcon()" @click="onCopy" src="@/assets/images/copy-icon.svg" class="handle-icon"
+            <img v-if="getIsShowCopyIcon()"  @click="onCopy" src="@/assets/images/copy-icon.svg" class="handle-icon"
                 alt="" />
-            <img src="@/assets/images/record-icon.svg" class="handle-icon" alt="" />
+            <img v-if="getIsShowRecordIcon()" @mouseenter="(e)=>onMouseEnter('modifyRecord',e)" @mouseleave="onMouseLeave" src="@/assets/images/record-icon.svg" class="handle-icon" alt="" />
         </div>
         
         <!-- 修改记录模态框 -->
@@ -51,21 +51,38 @@
             @mouseleave="onModalLeave"
         >
             <div class="modal-content">
-                <h4>修改记录</h4>
                 <div class="records-list">
                     <div 
                         v-for="(record, index) in modificationRecords" 
                         :key="index" 
                         class="record-item"
                     >
-                        <p><strong>时间:</strong> {{ record.timestamp }}</p>
-                        <p><strong>旧值:</strong> {{ record.oldValue }}</p>
-                        <p><strong>新值:</strong> {{ record.newValue }}</p>
+                    <!-- 字段修改记录 -->
+                        <div class="record-row" v-if="currentRecordType === 'modifyRecord'">
+                            <div>
+                                <span>{{index+1}}.</span>
+                                <span> {{ record.userName }} </span>
+                                <span>{{ record.time }} </span>
+                                <span>{{ record.title }}</span>
+                            </div>
+                            <div v-if="record.oldValue && record.value">
+                                <div>原值：{{record.oldValue}}</div>
+                                <div>修改值：{{record.value}}</div>
+                            </div>
+                        </div>
+                        <!-- 回复记录 -->
+                        <div class="record-row" v-if="currentRecordType === 'replyRecord'">
+                            <div>
+                                <span> {{ record.userName }} </span>
+                                <span>{{ record.time }} </span>
+                            </div>
+                            <div>
+                                <div v-if="record.content">复核意见：{{record.content}}</div>
+                                <div v-if="record.replay">回复意见：{{record.replay}}</div>
+                            </div>
+                        </div>
                         <hr v-if="index < modificationRecords.length - 1">
                     </div>
-                    <div v-if="!modificationRecords || modificationRecords.length === 0" class="no-records">
-                        暂无修改记录
-                    </div>
                 </div>
             </div>
         </div>
@@ -77,7 +94,7 @@ import Question from "./icons/Question.vue";
 import DecimalInput from "./DecimalInput.vue";
 import { EventBus } from "@/utils/eventBus"
 export default {
-    inject: ['templateFillType'],
+    inject: ['templateFillType',"zdxgjl","fhyjjl"],
     components: {
         Question,
         DecimalInput
@@ -113,6 +130,14 @@ export default {
             type: Boolean,
             default: false
         },
+        fieldKey: {
+            type: String,
+            default: ""
+        },
+        fieldItemLabel: {
+            type: String,
+            default: "",
+        }
     },
     data() {
         return {
@@ -123,7 +148,7 @@ export default {
             modalTimer: null, // 用于延迟隐藏模态框
             isHoveringModal: false, // 是否悬停在模态框上
             isHoveringMain: false, // 是否悬停在主元素上（这个实际上不需要，因为我们有事件处理）
-            db: null, // IndexedDB 实例
+            currentRecordType: '', // 当前悬停的记录类型（replyRecord 或 modifyRecord）
         }
     },
     watch: {
@@ -135,7 +160,11 @@ export default {
         
 
     },
+    mounted() {
+        console.log(this.$i18n.locale,"locale")
+    },
     methods: {
+       
         getFillTypeStyle(type) {
             const {fillType} = this.item;
             const typeObj = {
@@ -156,8 +185,7 @@ export default {
         },
         // 复选框变化处理
         onCheckboxChange(val) {
-            const {templateStatus} = this.$store.state.template;
-            console.log(this.templateFillType,"templateStatus")
+            console.log(this.zdxgjl,"zdxgjl")
             // 触发修改记录事件
             EventBus.$emit('onModifyRecord', {
                 timestamp: new Date().toLocaleString(),
@@ -167,6 +195,7 @@ export default {
             // this.$emit('input', val);
             // this.$emit('change', val);
         },
+        // 下拉框失去焦点处理
         onSelectBlur(visible) {
             if (!visible) {
                 this.onCommonHandleSaveRecord(this.inputValue);
@@ -198,9 +227,8 @@ export default {
             } else if (!this.error && isEmpty) {
                 this.$emit('update:error', true);
             }
-            const {templateStatus} = this.$store.state.template;
             // 检查值是否发生变化
-            if (templateStatus === "actFill") {
+            if (this.templateFillType === "actFill") {
                 // 值发生了变化，需要弹出密码输入框
                 try {
                     if(this.oldValue && this.oldValue !== this.inputValue){
@@ -213,6 +241,15 @@ export default {
                                 zIndex: 10000,
                         });
                     }
+                    const {nickName,name} = this.$store.getters;
+                    //locale:zh-CN 中文 en-US 英文
+                    const lang = this.$i18n.locale === "zh-CN"?"cn":"en";
+                    const commonInfo = {
+                        userNameCn:nickName,
+                        userNameEn:name,
+                        key:this.fieldKey,
+                        field:`${this.fieldItemLabel}-${this.item.label}`
+                    }
                     this.$emit("onModifyRecord", {
                         timestamp: new Date().toLocaleString(),
                         oldValue: this.oldValue,
@@ -264,16 +301,13 @@ export default {
         //判断是否显示复制按钮
         getIsShowCopyIcon() {
             const { copyFrom } = this.item;
-            const { templateStatus } = this.$store.state.template;
-            return copyFrom && templateStatus === "actFill";
+            return copyFrom && this.templateFillType === "actFill";
         },
         //判断是否显示操作按钮
         isShowHandle() {
             const { fillType } = this.item;
-            const { templateStatus } = this.$store.state.template;
-            return true;
             //只有当模板状态是qc和实际填报时，才显示操作按钮
-            return (templateStatus === "qc" || templateStatus === "actFill") && fillType === "actFill";
+            return (this.templateFillType === "qc" || this.templateFillType === "actFill") && fillType === "actFill";
         },
         //判断是否禁用
         getDisabled() {
@@ -282,11 +316,10 @@ export default {
             if (item.hasOwnProperty("disabled")) {
                 return item.disabled
             } else {
-                const { templateStatus } = this.$store.state.template;
                 if (fillType === "actFill") {//当模板状态是实际填写时，只有当fillType是actFill时才能填写
-                    return templateStatus !== "actFill"
+                    return this.templateFillType !== "actFill"
                 } else if (fillType === "preFill") {//当模板状态是预填写时，只有当fillType是preFill才能填写
-                    return templateStatus !== "preFill"
+                    return this.templateFillType !== "preFill"
                 } else {
                     return true
                 }
@@ -311,210 +344,41 @@ export default {
         onCopy() {
             this.$emit("copy")
         },
-        
-        // 记录数据修改
-
-        
-        // 鼠标进入主容器
-
-        
-        // 初始化 IndexedDB
-        initDB() {
-            return new Promise((resolve, reject) => {
-                const request = indexedDB.open('ModificationRecordsDB', 1);
-                
-                request.onerror = (event) => {
-                    console.error('IndexedDB error:', event.target.error);
-                    reject(event.target.error);
-                };
-                
-                request.onsuccess = (event) => {
-                    this.db = event.target.result;
-                    resolve(this.db);
-                };
-                
-                request.onupgradeneeded = (event) => {
-                    const db = event.target.result;
-                    if (!db.objectStoreNames.contains('modificationRecords')) {
-                        const objectStore = db.createObjectStore('modificationRecords', { keyPath: 'id' });
-                        objectStore.createIndex('fieldId', 'fieldId', { unique: false });
-                        objectStore.createIndex('timestamp', 'timestamp', { unique: false });
-                    }
-                };
-            });
-        },
-        
-        // 生成唯一字段ID (id + key值)
-        getFieldId() {
-            const templateId = 'template_123'; // 这里是写死的id
-            const fieldKey = this.item.key || this.item.prop || this.item.label || 'default_key';
-            
-            // 考虑到CustomTable组件可能有重复的key值，我们需要额外标识
-            // 如果在表格中，可能需要添加行索引等信息
-            const tableRowIndex = this.item.rowIndex !== undefined ? `_${this.item.rowIndex}` : '';
-            
-            return `${templateId}_${fieldKey}${tableRowIndex}`;
-        },
-        
-        // 获取 IndexedDB 对象存储实例
-        async getObjectStore(storeName = 'modificationRecords', mode = 'readonly') {
-            if (!this.db) {
-                await this.initDB();
+        //判断是否显示问题图标
+        getIsShowQuestionIcon(){
+            if(this.templateFillType === "qc"){//qc可以直接查看
+                return true;
             }
-            const transaction = this.db.transaction([storeName], mode);
-            return transaction.objectStore(storeName);
-        },
-        
-        // 保存单条修改记录到 IndexedDB
-        async saveRecordToDB(record) {
-            const objectStore = await this.getObjectStore('modificationRecords', 'readwrite');
-            
-            const fieldId = this.getFieldId();
-            const newRecord = {
-                id: `${fieldId}_${Date.now()}`, // 使用时间戳确保唯一性
-                fieldId: fieldId,
-                oldValue: record.oldValue,
-                newValue: record.newValue,
-                timestamp: new Date().toLocaleString(),
-            };
-            
-            return new Promise((resolve, reject) => {
-                const request = objectStore.add(newRecord);
-                
-                request.onsuccess = () => {
-                    resolve(request.result);
-                };
-                
-                request.onerror = (event) => {
-                    reject(event.target.error);
-                };
-            });
+
         },
-        
-        // 从 IndexedDB 获取修改记录
-        async getRecordsFromDB() {
-            if (!this.db) {
-                await this.initDB();
-            }
-            
-            const transaction = this.db.transaction(['modificationRecords'], 'readonly');
-            const objectStore = transaction.objectStore('modificationRecords');
-            const fieldIdIndex = objectStore.index('fieldId');
-            
-            const fieldId = this.getFieldId();
-            
-            return new Promise((resolve, reject) => {
-                const request = fieldIdIndex.getAll(IDBKeyRange.only(fieldId));
-                
-                request.onsuccess = (event) => {
-                    // 按时间戳排序，最新的在前
-                    const records = event.target.result.sort((a, b) => {
-                        return new Date(b.timestamp) - new Date(a.timestamp);
-                    });
-                    resolve(records);
-                };
-                
-                request.onerror = (event) => {
-                    reject(event.target.error);
-                };
-            });
+        //判断是否显示修改记录图标
+        getIsShowRecordIcon(){
+            return this.getModifyRecords().length>0
         },
-        
-        // 同步后端修改记录到 IndexedDB
-        async syncRecordsToDB(backendRecords) {
-            // 清空当前字段的记录
-            await this.clearFieldRecords();
-            
-            // 批量添加后端记录到 IndexedDB
-            const objectStore = await this.getObjectStore('modificationRecords', 'readwrite');
-            
-            const fieldId = this.getFieldId();
-            
-            return new Promise((resolve, reject) => {
-                let completed = 0;
-                const total = backendRecords.length;
-                
-                if (total === 0) {
-                    resolve();
-                    return;
-                }
-                
-                backendRecords.forEach((record) => {
-                    // 标准化记录格式以匹配 IndexedDB 存储格式
-                    const newRecord = {
-                        id: `${fieldId}_${Date.parse(record.timestamp) || Date.now()}`, // 使用时间戳或当前时间戳作为 ID
-                        fieldId: fieldId,
-                        oldValue: record.oldValue,
-                        newValue: record.newValue,
-                        timestamp: record.timestamp || new Date().toLocaleString(),
-                        password: record.password ? '***' : '' // 不直接存储密码
-                    };
-                    
-                    const request = objectStore.add(newRecord);
-                    
-                    request.onsuccess = () => {
-                        completed++;
-                        if (completed === total) {
-                            resolve();
-                        }
-                    };
-                    
-                    request.onerror = (event) => {
-                        console.error('同步单条记录失败:', event.target.error);
-                        completed++;
-                        if (completed === total) {
-                            resolve(); // 即使有错误也继续，避免单条记录失败影响整体同步
-                        }
-                    };
-                });
-            });
+        //获取回复记录
+        getReplyRecords(){
+            const {fieldKey,fhyjjl = []} = this;
+            const records = fhyjjl.filter(item => item.key === fieldKey);
+            return records;
         },
-        
-        // 清空当前字段的记录
-        async clearFieldRecords() {
-            if (!this.db) {
-                await this.initDB();
-            }
-            
-            const transaction = this.db.transaction(['modificationRecords'], 'readwrite');
-            const objectStore = transaction.objectStore('modificationRecords');
-            const fieldIdIndex = objectStore.index('fieldId');
-            
-            const fieldId = this.getFieldId();
-            
-            return new Promise((resolve, reject) => {
-                const request = fieldIdIndex.openCursor(IDBKeyRange.only(fieldId));
-                
-                request.onsuccess = (event) => {
-                    const cursor = event.target.result;
-                    if (cursor) {
-                        cursor.delete(); // 删除匹配的记录
-                        cursor.continue();
-                    } else {
-                        // 所有匹配的记录已删除
-                        resolve();
-                    }
-                };
-                
-                request.onerror = (event) => {
-                    reject(event.target.error);
-                };
-            });
+        //获取字段修改记录
+        getModifyRecords(){
+            const {fieldKey,zdxgjl = []} = this;
+            const records = zdxgjl.filter(item => item.key === fieldKey);
+            return records;
         },
-        
         // 鼠标进入主容器
-        async onMouseEnter(event) {
+        async onMouseEnter(type,event) {
+            this.currentRecordType = type;
             clearTimeout(this.modalTimer);
-            
-            // 从 IndexedDB 加载修改记录
-            try {
-                const records = await this.getRecordsFromDB();
-                this.modificationRecords = records;
-            } catch (error) {
-                console.error('获取修改记录失败:', error);
-                this.modificationRecords = [];
+            let record = [];
+            if(type === "modifyRecord"){
+                record = this.getModifyRecords();
+            }else if(type === "replyRecord"){
+                record = this.getReplyRecords();
             }
-            
+            console.log(record,"reeee")
+            this.modificationRecords = record;
             // 先计算模态框位置，避免闪烁
             this.showModal = true;
             this.$nextTick(() => {
@@ -531,6 +395,8 @@ export default {
         
         // 鼠标离开主容器
         onMouseLeave() {
+            this.currentRecordType = '';
+            this.modificationRecords = [];//清空数据源
             // 延迟隐藏模态框，让用户有机会移动到模态框上
             this.modalTimer = setTimeout(() => {
                 if (!this.isHoveringModal) {
@@ -548,37 +414,12 @@ export default {
         // 鼠标离开模态框
         onModalLeave() {
             this.isHoveringModal = false;
+            this.currentRecordType = "";
+            this.modificationRecords = [];//清空数据源
             this.modalTimer = setTimeout(() => {
                 this.showModal = false;
             }, 300);
         },
-        
-        // 记录数据修改
-        async saveModificationRecord() {
-            // 添加修改记录到本地存储
-            const record = {
-                oldValue: this.oldValue,
-                newValue: this.inputValue,
-                timestamp: new Date().toLocaleString(), // 格式化时间
-            };
-            
-            // 保存到 IndexedDB
-            try {
-                await this.saveRecordToDB(record);
-                // 保存成功后更新本地记录（可选，取决于是否需要立即显示）
-                // const records = await this.getRecordsFromDB();
-                // this.modificationRecords = records;
-            } catch (error) {
-                console.error('保存修改记录失败:', error);
-            }
-            
-            // 发送事件告知父组件值已修改
-            this.$emit('modification-recorded', {
-                field: this.item.label || '',
-                oldValue: this.oldValue,
-                newValue: this.inputValue,
-            });
-        }
     },
 }
 </script>
diff --git a/src/components/Template/Step.vue b/src/components/Template/Step.vue
index 2243287..6b696db 100644
--- a/src/components/Template/Step.vue
+++ b/src/components/Template/Step.vue
@@ -78,6 +78,7 @@ const stepTypes =  [
       ];
 
 export default {
+  inject: ['templateFillType'],
   name: 'Step',
   props: {
     formData: {
@@ -180,8 +181,7 @@ export default {
   },
   methods: {
     isShowAddStep() {
-      const {templateStatus} = this.$store.state.template
-      return templateStatus === 'preFill';
+      return this.templateFillType === 'preFill';
     },
     addStep() {
       try {
diff --git a/src/store/modules/template.js b/src/store/modules/template.js
index 88d740a..262d957 100644
--- a/src/store/modules/template.js
+++ b/src/store/modules/template.js
@@ -1,7 +1,6 @@
 const template = {
   namespaced: true,
   state: {
-    templateStatus: "",//模板状态 "actFill"(实际填报)  "preFill"(预填)  ”qc“(qc) "detail"(详情)
     templateData: {},//模板数据
     //浓度单位
     mgOptions: [
@@ -34,9 +33,7 @@ const template = {
     ],       
   },
   mutations: {
-    SET_TEMPLATE_STATUS: (state, status) => {
-      state.templateStatus = status
-    },
+
     SET_TEMPLATE_DATA: (state, data) => {
       state.templateData = data
     },
diff --git a/src/views/business/comps/template/TemplateTable.vue b/src/views/business/comps/template/TemplateTable.vue
index 00ea965..a27915d 100644
--- a/src/views/business/comps/template/TemplateTable.vue
+++ b/src/views/business/comps/template/TemplateTable.vue
@@ -72,6 +72,16 @@ export default {
     return {
       //分发给子组件的fillType
       templateFillType: this.fillType,
+      zdxgjl: this.templateData?.zdxgjl || [
+        {key:"versionNum",title:'提交',filed:'试验基本信息-其他信息',value:'新值',oldValue:'',reason:'修改原因',userName:'签名人',time:'2026-01-01 14:22:22'},
+        {key:"versionNum",title:'修改记录',filed:'试验基本信息-其他信息',value:'新值',oldValue:'原值3',reason:'修改原因',userName:'签名人',time:'2026-01-01 14:22:22'},
+        {key:"act",title:'修改记录',filed:'试验基本信息-其他信息',value:'ss',oldValue:'old1',reason:'修改原因1',userName:'签名人',time:'2026-01-01 14:22:22'},
+        {key:"startSolutionCode_0",title:'修改记录',filed:'试验基本信息-其他信息',value:'ss',oldValue:'old1',reason:'修改原因1',userName:'签名人',time:'2026-01-01 14:22:22'},
+      ],
+      fhyjjl: this.templateData?.fhyjjl || [
+        {key:"versionNum",title:'复核意见',field:'试验基本信息-其他信息',content:'复核意见内容',replay:'意见回复内容',userName:'签名人',time:'2026-01-01 14:22:22',sfhf:'1'}
+      ],
+
     }
   },
   data() {
diff --git a/src/views/business/comps/template/comps/sp/SWYPBQGZYZBB.vue b/src/views/business/comps/template/comps/sp/SWYPBQGZYZBB.vue
index e3ac461..f89ca92 100644
--- a/src/views/business/comps/template/comps/sp/SWYPBQGZYZBB.vue
+++ b/src/views/business/comps/template/comps/sp/SWYPBQGZYZBB.vue
@@ -16,7 +16,7 @@
 					<div class="template-form-item">
 						<BaseInfoFormPcakge @clickable="handleClickable" ref="stepFormPackageRef" :formConfig="stepFormConfig" @blur="onHandleBlur"
 							:formData="formData" />
-						<CustomTable :showAddRow="fillType === 'actFill'" @blur="onHandleTableBlur" :showOperation="fillType === 'actFill'" ref="stepTableRef" :columns="stepColumns"
+						<CustomTable fieldItemLabel = "操作步骤" :showAddRow="fillType === 'actFill'" @blur="onHandleTableBlur" :showOperation="fillType === 'actFill'" ref="stepTableRef" :columns="stepColumns"
 							:formData="formData" >
 							<template slot="operation" slot-scope="{ row, rowIndex}">
 								<TableOpertaion :fillType="fillType" :row="row" :rowIndex="rowIndex" @deleteRow="deleteRow"></TableOpertaion>
diff --git a/src/views/business/comps/template/comps/sp/SWYPFXCBYPZB.vue b/src/views/business/comps/template/comps/sp/SWYPFXCBYPZB.vue
index 9158656..459a8cd 100644
--- a/src/views/business/comps/template/comps/sp/SWYPFXCBYPZB.vue
+++ b/src/views/business/comps/template/comps/sp/SWYPFXCBYPZB.vue
@@ -33,12 +33,11 @@ import LineLabel from "@/components/Template/LineLabel";
 import TableList from "@/components/Template/Table";
 import Step from "@/components/Template/Step";
 import templateMixin from "../../mixins/templateMixin";
-import CustomTable from '@/components/Template/CustomTable.vue';
 
 
 export default {
 	name: "SWYPFXRYPZB",
-	components: { BaseInfoFormPcakge, LineLabel, TableList, Step, CustomTable },
+	components: { BaseInfoFormPcakge, LineLabel, TableList, Step },
 	mixins: [templateMixin],
 	props: {
 		fillType: {
diff --git a/src/views/business/comps/template/comps/sp/SWYPFXRYPZB.vue b/src/views/business/comps/template/comps/sp/SWYPFXRYPZB.vue
index 23c0020..e79c361 100644
--- a/src/views/business/comps/template/comps/sp/SWYPFXRYPZB.vue
+++ b/src/views/business/comps/template/comps/sp/SWYPFXRYPZB.vue
@@ -6,26 +6,25 @@
 				$t('template.common.pageTitle') }}<img src="@/assets/images/detail-title.png" /></div>
 			<div class="detail-content">
 				<div class="content">
-					<BaseInfoFormPcakge :label="$t('template.common.baseInfo')" ref="baseInfoRef"
+					<BaseInfoFormPcakge :fieldItemLabel="$t('template.common.baseInfo')" :label="$t('template.common.baseInfo')" ref="baseInfoRef"
 						:formConfig="baseInfoFormConfig" :formData="formData" />
 					<TableList :label="$t('template.common.reagentInfo')" :columns="sysjColumns"
 						:dataSource="resource" />
 					<TableList :label="$t('template.common.instrumentInfo')" :columns="yqsColumns"
 						:dataSource="resource" />
-					<BaseInfoFormPcakge :label="$t('template.common.storageCondition')" ref="storageConditionRef"
+					<BaseInfoFormPcakge :fieldItemLabel="$t('template.common.storageCondition')" :label="$t('template.common.storageCondition')" ref="storageConditionRef"
 						:formConfig="storageFormConfig" :formData="formData" />
 					<LineLabel :label="$t('template.common.operationSteps')" />
 					<div class="template-form-item">
-						<BaseInfoFormPcakge ref="stepFormPackageRef" :formConfig="stepFormConfig" @blur="onHandleBlur"
+						<BaseInfoFormPcakge :fieldItemLabel="$t('template.common.operationSteps')" ref="stepFormPackageRef" :formConfig="stepFormConfig" @blur="onHandleBlur"
 							:formData="formData" />
 					</div>
 					<Step ref="stepRef" :formData="formData.stepData"></Step>
-					<BaseInfoFormPcakge :label="$t('template.common.remark')" ref="remarkRef" :formConfig="remarkConig"
+					<BaseInfoFormPcakge :fieldItemLabel="$t('template.common.remark')" :label="$t('template.common.remark')" ref="remarkRef" :formConfig="remarkConig"
 						:formData="formData" />
 
 				</div>
 			</div>
-			<button @click="onSave">{{ $t('template.common.saveBtn') }}</button>
 		</div>
 	</div>
 </template>
diff --git a/src/views/business/comps/template/comps/sp/SWYPNBGZYZBB.vue b/src/views/business/comps/template/comps/sp/SWYPNBGZYZBB.vue
index f1d3f5c..abe39c9 100644
--- a/src/views/business/comps/template/comps/sp/SWYPNBGZYZBB.vue
+++ b/src/views/business/comps/template/comps/sp/SWYPNBGZYZBB.vue
@@ -20,7 +20,6 @@
 					
 					<!-- 阶梯配制区域 -->
 					<div 
-						label="阶梯配制" 
 						v-for="(ladderConfig, ladderIndex) in formData.ladderConfigs" 
 						:key="'ladder_' + ladderIndex"
 					>
@@ -47,6 +46,7 @@
 								:ref="`ladderStepTableRef_${ladderIndex}`" 
 								:columns="ladderStepColumns" 
 								:formData="ladderConfig"
+								fieldItemLabel = "阶梯配制"
 							>
 								<template slot="operation" slot-scope="{ row, rowIndex}">
 									<TableOpertaion 
@@ -95,6 +95,7 @@
 								:ref="`paralleStepTableRef_${paralleIndex}`" 
 								:columns="paralleStepColumns" 
 								:formData="paralleConfig"
+								fieldItemLabel = "平行配制"
 							>
 								<template slot="operation" slot-scope="{ row, rowIndex}">
 									<TableOpertaion 
diff --git a/src/views/business/comps/template/mixins/templateMixin.js b/src/views/business/comps/template/mixins/templateMixin.js
index 5efeb7b..882dd78 100644
--- a/src/views/business/comps/template/mixins/templateMixin.js
+++ b/src/views/business/comps/template/mixins/templateMixin.js
@@ -35,11 +35,8 @@ export default {
     }
   },
   mounted() {
-    // this.setTemplateStatus("actFill");
-    this.setTemplateStatus(this.fillType);
   },
   unmounted() {
-    this.setTemplateStatus("");
     this.setTemplateData({});
   },
   methods: {
@@ -88,9 +85,7 @@ export default {
     getDictOptions(dictType) {
       return this.dict.type[dictType] || [];
     },
-    setTemplateStatus(status) {
-      this.$store.commit('template/SET_TEMPLATE_STATUS', status)
-    },
+  
     setTemplateData(data) {
       this.$store.commit('template/SET_TEMPLATE_DATA', data)
     },