feat(发货管理): 优化发货单界面布局并新增功能

重构发货单界面布局，使用可拖拽面板组件提升用户体验。新增订单绑定、逻辑库区显示等功能，并调整页面样式。

- 使用DragResizePanel组件实现可拖拽分割布局
- 新增订单绑定、解绑和切换功能
- 在详情表格中添加逻辑库区、厂家和品质字段
- 优化左侧面板可折叠功能
- 调整页面样式和响应式布局

klp-ui/src/views/wms/delivery/components/detailTable.vue

@@ -38,6 +38,7 @@
         <el-table-column label="切边" align="center" prop="edgeType" />
         <el-table-column label="包装" align="center" prop="packaging" />
         <el-table-column label="实际库区" align="center" prop="actualWarehouseName" />
+        <el-table-column label="逻辑库区" align="center" prop="warehouseName" />
         <el-table-column label="结算方式" align="center" prop="settlementType" />
         <!-- <el-table-column label="原料厂家" align="center" prop="rawMaterialFactory" /> -->
         <el-table-column label="卷号" align="center" prop="coilNo">
@@ -47,9 +48,11 @@
         </el-table-column>
         <el-table-column label="规格" align="center" prop="specification" />
         <el-table-column label="材质" align="center" prop="material" />
+        <el-table-column label="厂家" align="center" prop="manufacturer" />
         <el-table-column label="表面处理" align="center" prop="surfaceTreatmentDesc" />
         <!-- <el-table-column label="数量" align="center" prop="quantity" /> -->
         <el-table-column label="重量" align="center" prop="weight" />
+        <el-table-column label="品质" align="center" prop="qualityStatus" />
         <!-- <el-table-column label="单价" align="center" prop="unitPrice" /> -->
         <el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip />
         <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
@@ -241,6 +244,9 @@ export default {
           if (coil) {
             item.actualWarehouseName = coil.actualWarehouseName;
             item.surfaceTreatmentDesc = coil.surfaceTreatmentDesc;
+            item.qualityStatus = coil.qualityStatus;
+            item.warehouseName = coil.warehouseName;
+            item.manufacturer = coil.manufacturer;
           }
         });
       }