feat(仓库管理): 优化仓库鸟瞰图布局并添加图例

- 在仓库鸟瞰图中添加占用状态图例
- 调整网格布局为两栏显示，优化空间利用率
- 减少网格行数从50到40
- 缩小网格单元格尺寸并移除冗余编码显示
- 添加按钮加载状态控制

klp-ui/src/views/wms/warehouse/overview.vue

@@ -21,7 +21,7 @@
       <!-- 右侧仓库信息区域 - 替换为 Bird 组件 -->
       <div class="warehouse-container" v-if="selectedNodeId" v-loading="rightLoading" 
            element-loading-text="加载中..." element-loading-spinner="el-icon-loading">
-        <WarehouseBird :warehouse-list="warehouseList" />
+        <WarehouseBird :warehouse-list="warehouseList" @open-init-dialog="openInitDialog" />
       </div>
 
       <!-- 未选中节点提示 -->
@@ -43,7 +43,7 @@
                  @mousemove="handleGridHover" 
                  @click="confirmGridSelect"
                  @mouseleave="resetGridHover">
-              <div v-for="row in 50" :key="`grid-row-${row}`" class="grid-selector-row">
+              <div v-for="row in 40" :key="`grid-row-${row}`" class="grid-selector-row">
                 <div 
                   v-for="col in 10" 
                   :key="`grid-col-${col}`"
@@ -124,6 +124,7 @@ export default {
       rightLoading: false,
       isSwitching: false,
       nodeClickTimer: null,
+      buttonLoading: false,
     };
   },
   created() {