feat(crm): 添加订单和合同的发货配卷查询功能

添加新的API接口和组件用于查询订单和合同下的发货配卷情况
在订单和合同详情页中新增"发货配卷"标签页展示相关数据

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

@@ -87,10 +87,12 @@
               <OrderRecord :orderId="currentOrder.orderId" />
             </div>
           </el-tab-pane>
-          <!-- <el-tab-pane label="钢卷追溯" name="trace">
-            <div class="order-trace" v-if="activeTab === 'trace'">
+          <el-tab-pane label="发货配卷" name="coil">
+            <div class="order-record" v-if="activeTab === 'coil'">
+              <!-- 发货配卷内容 -->
+              <CoilTable :data="coilList" />
             </div>
-          </el-tab-pane> -->
+          </el-tab-pane>
         </el-tabs>
       </el-col>
     </el-row>
@@ -145,7 +147,7 @@
 
 <script>
 import KLPList from '@/components/KLPUI/KLPList/index.vue'
-import { listOrder, delOrder } from "@/api/crm/order";
+import { listOrder, delOrder, listOrderPackaging } from "@/api/crm/order";
 import { listCustomer } from "@/api/crm/customer";
 import { ORDER_STATUS, ORDER_TYPE } from '../js/enum'
 import { ORDER_ACTIONS, actions } from '../js/actions'
@@ -156,6 +158,7 @@ import ReceiveTable from '../components/ReceiveTable.vue';
 import OrderRecord from '../components/OrderRecord.vue';
 import FileList from '@/components/FileList';
 import { listContract } from "@/api/crm/contract";
+import CoilTable from "../components/CoilTable.vue";
 
 export default {
   name: 'OrderPage',
@@ -166,7 +169,8 @@ export default {
     OrderObjection,
     ReceiveTable,
     OrderRecord,
-    FileList
+    FileList,
+    CoilTable
   },
   dicts: ['customer_level', 'customer_industry', 'wip_pack_saleman'],
   props: {
@@ -205,6 +209,7 @@ export default {
       open: false,
       customerList: [],
       contractList: [],
+      coilList: [],
     }
   },
   created() {
@@ -228,6 +233,12 @@ export default {
         this.contractList = response.rows || [];
       });
     },
+    /** 查询发货配卷列表 */
+    getCoilList() {
+      listOrderPackaging(this.currentOrder.orderId).then(response => {
+        this.coilList = response.data || [];
+      });
+    },
     /** 合同号改变事件 */
     handleContractChange(contractId) {
       const contract = this.contractList.find(item => item.contractId === contractId)
@@ -243,6 +254,7 @@ export default {
         ...order
       }
       this.activeTab = 'detail';
+      this.getCoilList()
       console.log('点击订单:', order)
     },
     /** 查询正式订单主列表 */