feat(配卷): 添加配卷记录功能

- 在配卷页面添加记录按钮，点击可查看配卷操作记录
- 新增配卷记录组件，展示钢卷操作历史
- 实现记录弹窗功能，支持分页查询

klp-ui/src/views/wms/delivery/plan/index.vue

@@ -74,13 +74,21 @@
 
           <div>
             <el-descriptions title="配卷">
+              <template slot="title">
+                <div style="display: flex; align-items: center; gap: 4px;">
+                  <span>配卷</span>
+                  <el-button type="primary" size="mini" @click="handleRecord">
+                    <svg-icon icon-class="time"></svg-icon>记录
+                  </el-button>
+                </div>
+              </template>
             </el-descriptions>
-            <coil-selector ref="coilSelector" placeholder="请选择钢卷添加至计划" @change="handleCoilChange"
-              :filters="coilFilters" :coil-column="coilColumn" dialog-width="1200px" :sales-restricted="true"></coil-selector>
+            <coil-selector ref="coilSelector" placeholder="请选择钢卷添加至计划" @change="handleCoilChange" :filters="coilFilters"
+              :coil-column="coilColumn" dialog-width="1200px" :sales-restricted="true"></coil-selector>
             <div v-if="selectedCoilList.length > 0 && currentPlan.planId">
               <el-table :data="selectedCoilList" border highlight-current-row style="width: 100%" max-height="400px">
                 <!-- <el-table-column type="index" width="50" align="center" label="序号" /> -->
-                 <!-- { label: '质量状态', prop: 'qualityStatus' },
+                <!-- { label: '质量状态', prop: 'qualityStatus' },
         { label: '打包状态', prop: 'packingStatus' },
         // 对应edgeType
         { label: '切边要求', prop: 'edgeRequirement' },
@@ -141,6 +149,10 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+
+    <el-dialog title="配卷记录" :visible.sync="recordOpen" width="800px" append-to-body>
+      <plan-record v-if="currentPlan.planId" :plan-id="currentPlan.planId" />
+    </el-dialog>
   </div>
 </template>
 
@@ -150,15 +162,18 @@ import { listCoilOperation } from "@/api/wms/coil";
 import { addDeliveryPlanCoilOperate } from "@/api/wms/deliveryPlanCoilOperate";
 import coilSelector from "@/components/CoilSelector";
 import PlanOrder from "../components/planOrder.vue";
+import PlanRecord from "../components/planRecord.vue";
 
 export default {
   name: "DeliveryPlan",
   components: {
     coilSelector,
     PlanOrder,
+    PlanRecord,
   },
   data() {
     return {
+      recordOpen: false,
       // 按钮loading
       buttonLoading: false,
       // 遮罩层
@@ -333,6 +348,10 @@ export default {
         this.rightLoading = false;
       });
     },
+    // 打开配卷记录弹窗
+    handleRecord() {
+      this.recordOpen = true;
+    },
     handleCardClick(row) {
       // 防抖处理，防止频繁点击
       if (this.debounceTimer) {