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

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

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

@@ -249,6 +249,11 @@
                 <el-form-item label="备注">
                   <el-input v-model="item.remark" placeholder="请输入备注" :disabled="readonly" />
                 </el-form-item>
+
+                <el-form-item label="关联合同" prop="contractId">
+                  <ContractSelect v-model="item.contractId" placeholder="请选择合同" />
+                </el-form-item>
+
                 <el-form-item label="异常信息">
                   <div class="abnormal-container">
                     <div 
@@ -316,6 +321,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: 'SplitCoil',
@@ -325,7 +332,8 @@ export default {
     ProductSelect,
     WarehouseSelect,
     TimeInput,
-    AbnormalForm
+    AbnormalForm,
+    ContractSelect
   },
   dicts: ['coil_quality_status', 'coil_abnormal_position', 'coil_abnormal_code', 'coil_abnormal_degree', 'coil_business_purpose'],
   data() {
@@ -674,6 +682,16 @@ export default {
         if (response.code === 200) {
           this.$message.success('分条保存成功');
 
+          // 拿到多个子卷的coilId
+          const newCoilIds = response.msg.split(',');
+          // 为每个子卷添加合同关联
+          Promise.all(newCoilIds.map(async (coilId, index) => {
+            addCoilContractRel({
+              coilId,
+              contractId: this.splitList[index].contractId
+            });
+          }));
+
           // 如果是从待操作列表进来的，标记操作为完成
           if (this.actionId) {
             await completeAction(this.actionId, response.msg);