feat(合同管理): 新增钢卷与合同关联功能

- 添加钢卷与合同关联的API接口
- 在合卷、分条、打字等操作中增加合同选择组件
- 创建合同选择组件ContractSelect
- 在合同详情页新增生产成果展示页签
- 实现合同列表的本地存储功能

klp-ui/src/views/wms/coil/merge.vue

@@ -252,6 +252,12 @@
                 </el-form-item>
               </div>
 
+              <div class="form-row">
+                <el-form-item label="关联合同" prop="contractId">
+                  <ContractSelect v-model="targetCoil.contractId" placeholder="请选择合同" />
+                </el-form-item>
+              </div>
+
               <div class="form-row">
                 <el-form-item label="异常信息" class="form-item-full">
                   <div class="abnormal-container">
@@ -301,6 +307,8 @@ import WarehouseSelect from "@/components/KLPService/WarehouseSelect";
 import TimeInput from "@/components/TimeInput";
 import AbnormalForm from './components/AbnormalForm';
 import { generateCoilNoPrefix } from "@/utils/coil/coilNo";
+import ContractSelect from "@/components/KLPService/ContractSelect";
+import { addCoilContractRel } from "@/api/wms/coilContractRel";
 
 export default {
   name: 'MergeCoil',
@@ -311,7 +319,8 @@ export default {
     ProductSelector,
     WarehouseSelect,
     TimeInput,
-    AbnormalForm
+    AbnormalForm,
+    ContractSelect
   },
   dicts: ['coil_quality_status', 'coil_abnormal_position', 'coil_abnormal_code', 'coil_abnormal_degree', 'coil_business_purpose'],
   data() {
@@ -752,11 +761,17 @@ export default {
           text: '正在合卷，请稍后...',
           background: 'rgba(0, 0, 0, 0.7)'
         });
-        await mergeMaterialCoil(mergeData);
 
+        const response = await mergeMaterialCoil(mergeData);
+
+        const coilId = response.data;
+
+        addCoilContractRel({
+          coilId: coilId,
+          contractId: this.targetCoil.contractId,
+        })
         this.$message.success('合卷保存成功');
 
-
         // 延迟返回，让用户看到成功提示
         setTimeout(() => {
           this.$router.back();