完成字段关联接口

src/api/businessConfig/businessConfig.js

@@ -75,4 +75,13 @@ export function saveContractCategoryTemplate(data) {
     url: '/api/admin/contract-category/save',
     data
   })
+}
+
+// 获取合同模板关联数据
+export function getContractTemplateContext(params) {
+  return request({
+    method: 'get',
+    url: '/api/admin/contract-template/context',
+    params
+  })
 }

src/views/businessConfig/EditPayForm.vue

@@ -121,6 +121,16 @@
             <el-option label="单选框" value="radio"></el-option>
           </el-select>
         </el-form-item>
+        <el-form-item label="关联字段">
+          <el-select v-model="editForm.link_field" class="w-100 form-input" clearable placeholder="请选择关联字段">
+            <el-option
+              v-for="(label, key) in categoryBaseConfig.contract_template_link_fields || {}"
+              :key="key"
+              :label="label"
+              :value="key"
+            />
+          </el-select>
+        </el-form-item>
         <el-form-item label="数据选项" v-if="['select', 'checkbox', 'radio'].includes(editForm.type)">
           <el-input 
             v-model="editForm.options" 
@@ -159,7 +169,7 @@
 
 <script>
 import mammoth from 'mammoth';
-import { saveContractForm, getContractFormDetail } from '@/api/businessConfig/businessConfig';
+import { saveContractForm, getContractFormDetail, getContractCategoryTemplateBaseConfig } from '@/api/businessConfig/businessConfig';
 
 export default {
   name: 'EditPayForm',
@@ -179,6 +189,7 @@ export default {
         name: '',  // Renamed from label to name (Chinese name)
         type: 'text',
         options: '',
+        link_field: '',
       },
       fieldList: [],
       fieldMetadata: {}, // Use field name as key
@@ -1549,6 +1560,7 @@ export default {
         unitLeaderAudit: '请输入单位负责人审批意见',
         upperCaseAmount: '请输入报销金额(大写)'
       },
+      categoryBaseConfig: {}, // 合同基础配置
     }
   },
   computed: {
@@ -1557,6 +1569,10 @@ export default {
     }
   },
   created() {
+    // 页面加载时拉取合同基础配置
+    getContractCategoryTemplateBaseConfig().then(res => {
+      this.categoryBaseConfig = res;
+    });
     // 从URL中获取ID参数
     const id = this.$route.query.id
     if (id) {
@@ -1701,7 +1717,14 @@ export default {
       input.click()
     },
     handleEditField(field) {
-      this.editForm = { ...field };
+      // 保证link_field响应式
+      this.editForm = {
+        field: field.field || '',
+        name: field.name || '',
+        type: field.type || 'text',
+        options: field.options || '',
+        link_field: field.link_field || ''
+      };
       this.showEditDrawer = true;
       
       console.log('正在编辑字段:', field.name);
@@ -1717,7 +1740,8 @@ export default {
         field: this.editForm.field, // 确保保留字段名
         name: this.editForm.name,
         type: this.editForm.type,
-        options: this.editForm.options
+        options: this.editForm.options,
+        link_field: this.editForm.link_field || ''
       }
       
       // 更新代码预览区
@@ -1797,7 +1821,8 @@ export default {
         field,
         name: metadata.name,
         type: metadata.type,
-        options: metadata.options
+        options: metadata.options,
+        link_field: metadata.link_field || ''
       }))
 
       this.showEditDrawer = false
@@ -1830,7 +1855,7 @@ export default {
           name: metadata.name,   // Chinese name
           type: metadata.type,
           options: metadata.options,
-          // Removed placeholder and required as requested
+          link_field: metadata.link_field || ''
         }));
         
         const params = {
@@ -1893,7 +1918,8 @@ export default {
         field,
         name: metadata.name,
         type: metadata.type,
-        options: metadata.options
+        options: metadata.options,
+        link_field: metadata.link_field || ''
       }));
     },
     formatVariableName(name) {
@@ -1955,6 +1981,7 @@ export default {
                 name: serverField.name || this.formatVariableName(serverField.field), // Chinese name from server
                 type: serverField.type || 'text',
                 options: serverField.options || '',
+                link_field: serverField.link_field || '', // Add link_field
                  // Removed placeholder and required
               };
             });

src/views/contract/components/paymentRegistration.vue

@@ -226,6 +226,7 @@
   import {
     parseTime
   } from "@/utils";
+  import { getContractTemplateContext } from '@/api/businessConfig/businessConfig';
 
   // 添加同步表单DOM到HTML的函数
   function syncFormDomToHtml(dom, contractTemplateFields) {
@@ -360,6 +361,7 @@
         showZoomedTable: false, // 控制放大表格弹窗的显示
         hasPostPaymentForm: false, // 是否有事后支付表格
         contract_category: {},
+        templateContextData: null, // 合同模板关联数据
       }
     },
     methods: {
@@ -536,6 +538,15 @@
           this.contractTemplate = null;
           this.forms = null;
         }
+        // 拉取合同模板关联数据
+        if (this.contract && this.contract.id) {
+          getContractTemplateContext({
+            id: this.contract.id,
+            model: 'Contract'
+          }).then(res => {
+            this.templateContextData = res;
+          });
+        }
       },
 
       submit() {