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

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

klp-ui/src/views/crm/contract/components/ContractTabs.vue

@@ -20,6 +20,12 @@
             <!-- 订单异议内容 -->
             <OrderObjection :order="currentOrder" />
           </div>
+        </el-tab-pane>
+         <el-tab-pane label="生产成果" name="product">
+          <div class="order-record" v-if="activeTab === 'product'">
+            <!-- 生产成果内容 -->
+            <CoilTable :data="productList || []" />
+          </div>
         </el-tab-pane>
         <el-tab-pane label="发货配卷" name="coil">
           <div class="order-record" v-if="activeTab === 'coil'">
@@ -99,6 +105,10 @@ export default {
       type: Array,
       default: () => []
     },
+    productList: {
+      type: Array,
+      default: () => []
+    },
     loading: {
       type: Boolean,
       default: false

klp-ui/src/views/crm/contract/index.vue

@@ -24,7 +24,7 @@
       <!-- 右侧下方：Tab标签页 -->
       <div class="tab-panel" ref="tabPanel" style="flex: 1; overflow-y: auto;">
         <ContractTabs :orderId="form.orderId" :deliveryWaybillList="wmsDeliveryWaybills" :coilList="coilList" :contract-attachment="form.businessAnnex" :technical-agreement="form.techAnnex"
-          :other-attachment="form.productionSchedule" :currentOrder="form" />
+          :other-attachment="form.productionSchedule" :currentOrder="form" :productList="form.coilList" />
       </div>
     </div>
     <div v-else style="flex: 1; display: flex; flex-direction: column;">