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

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

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

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

@@ -1,5 +1,5 @@
 <template>
-  <el-card>
+  <div style="padding: 10px">
     <div style="display: flex; width: 100%; gap: 5px">
       <el-input 
         v-model="planQueryParams.planName" 
@@ -17,7 +17,7 @@
       :props="planTreeProps" 
       @node-click="handlePlanSelect"
       default-expand-all 
-      style="margin-top: 10px; height: 550px; overflow: auto;"
+      style="margin-top: 10px; height: 800px; overflow: auto;"
     >
       <template slot-scope="{ node, data }">
         <span 
@@ -94,7 +94,7 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
-  </el-card>
+  </div>
 </template>
 
 <script>
@@ -109,7 +109,7 @@ export default {
       planQueryParams: {
         planName: '',
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 30,
         planType: 0,
       },
       selectedPlan: null,