feat(wms): 新增实际库区支持及优化库存统计功能

添加实际库区相关字段和逻辑，支持在仓库结构中切换真实库区和逻辑库位
优化库存统计图表展示，新增矩形树图、柱状图和饼图三种可视化方式
重构钻取表格组件，支持显示实际库区信息并优化表单校验规则
移除饼图图例注释并调整表单字段顺序

klp-ui/src/views/wms/stock/index.vue

@@ -3,8 +3,19 @@
     <!-- 左侧树结构 -->
     <div class="stock-tree-col">
       <el-card shadow="never" class="stock-tree-card">
-        <div slot="header" class="stock-tree-title">仓库结构</div>
-        <WarehouseTree @node-click="handleTreeSelect" />
+        <div slot="header" class="stock-tree-title">
+          <div style="display: flex; align-items: center; justify-content: space-between;">
+            <span>
+              仓库结构
+            </span>
+            
+            <el-select v-model="warehouseType" placeholder="请选择仓库类别" style="width: 50%;">
+              <el-option label="真实库区" value="real" />
+              <el-option label="逻辑库位" value="virtual" />
+            </el-select>
+          </div>
+        </div>
+        <WarehouseTree @node-click="handleTreeSelect" :warehouseType="warehouseType" />
       </el-card>
     </div>
     <!-- 右侧内容 -->
@@ -182,6 +193,7 @@ export default {
         batchNo: undefined,
         mergeBatch: false,
       },
+      warehouseType: 'real',
       // 表单参数
       form: {},
       // 表单校验
@@ -223,7 +235,8 @@ export default {
       drillDownQueryParams: {
         warehouseId: null,
         itemType: null,
-        itemId: null
+        itemId: null,
+        actualWarehouseId: null,
       }
     };
   },
@@ -243,6 +256,7 @@ export default {
     // 树节点点击
     handleTreeSelect(node) {
       this.queryParams.warehouseId = node.warehouseId;
+      this.queryParams.actualWarehouseId = node.actualWarehouseId;
       this.queryParams.pageNum = 1;
       this.getList();
     },
@@ -371,7 +385,8 @@ export default {
       this.drillDownQueryParams = {
         warehouseId: this.queryParams.warehouseId || row.warehouseId,
         itemType: row.itemType,
-        itemId: row.itemId
+        itemId: row.itemId,
+        actualWarehouseId: row.actualWarehouseId
       };
 
       // 设置钻取参数