feat(consumables): 添加耗材管理功能模块

添加耗材管理相关功能，包括：
1. 后端模型、路由和控制器
2. 前端页面和组件
3. 耗材分类管理
4. 耗材出入库记录
5. 耗材统计和日志功能
6. 集成到现有系统菜单

frontend/src/App.jsx

@@ -1,14 +1,17 @@
 import React, { useState } from 'react';
 import { Layout, Menu, theme, Button } from 'antd';
 import { BrowserRouter as Router, Routes, Route, Link } from 'react-router-dom';
-import { BarChartOutlined, DatabaseOutlined, CloudServerOutlined, MenuUnfoldOutlined, MenuFoldOutlined, EyeOutlined } from '@ant-design/icons';
+import { BarChartOutlined, DatabaseOutlined, CloudServerOutlined, MenuUnfoldOutlined, MenuFoldOutlined, EyeOutlined, BuildOutlined, HomeOutlined, ShoppingCartOutlined, InboxOutlined, ImportOutlined, FileTextOutlined } from '@ant-design/icons';
 import Dashboard from './pages/Dashboard';
 import DeviceManagement from './pages/DeviceManagement';
 import RackManagement from './pages/RackManagement';
 import RoomManagement from './pages/RoomManagement';
 import DeviceFieldManagement from './pages/DeviceFieldManagement';
 import RackVisualization from './pages/RackVisualization';
-
+import ConsumableManagement from './pages/ConsumableManagement';
+import ConsumableStatistics from './pages/ConsumableStatistics';
+import ConsumableLogs from './pages/ConsumableLogs';
+import CategoryManagement from './pages/CategoryManagement';
 
 const { Content, Sider } = Layout;
 
@@ -22,7 +25,7 @@ function App() {
     <Router>
       <Layout>
         <Sider 
-          width={200} 
+          width={220} 
           collapsedWidth={80}
           collapsed={collapsed}
           style={{
@@ -30,7 +33,6 @@ function App() {
             boxShadow: '2px 0 8px rgba(0,0,0,0.08)'
           }}
         >
-          {/* 自定义收起/展开按钮 */}
           <div style={{
             display: 'flex',
             justifyContent: 'center',
@@ -47,55 +49,93 @@ function App() {
                 fontSize: 18,
                 padding: '8px',
                 borderRadius: 4,
-                transition: 'all 0.3s',
-                '&:hover': {
-                  backgroundColor: '#e6f7ff'
-                }
+                transition: 'all 0.3s'
               }}
             />
           </div>
-            <Menu
-              mode="inline"
-              defaultSelectedKeys={['1']}
-              style={{
-                height: 'calc(100% - 80px)', 
-                borderRight: 0,
-                backgroundColor: 'transparent'
-              }}
-              items={[
-                {
-                  key: '1',
-                  icon: <BarChartOutlined />,
-                  label: <Link to="/">仪表盘</Link>,
-                },
-                {
-                  key: '2',
-                  icon: <CloudServerOutlined />,
-                  label: <Link to="/devices">设备管理</Link>,
-                },
-                {
-                  key: '3',
-                  icon: <DatabaseOutlined />,
-                  label: <Link to="/racks">机柜管理</Link>,
-                },
-                {
-                  key: '4',
-                  icon: <DatabaseOutlined />,
-                  label: <Link to="/rooms">机房管理</Link>,
-                },
-                {
-                  key: '5',
-                  icon: <BarChartOutlined />,
-                  label: <Link to="/fields">字段管理</Link>,
-                },
-                {
-                  key: '6',
-                  icon: <EyeOutlined />,
-                  label: <Link to="/visualization">机柜可视化</Link>,
-                },
-              ]}
-            />
-          </Sider>
+          <Menu
+            mode="inline"
+            defaultSelectedKeys={['dashboard']}
+            style={{
+              height: 'calc(100% - 80px)', 
+              borderRight: 0,
+              backgroundColor: 'transparent'
+            }}
+            items={[
+              {
+                key: 'dashboard',
+                icon: <BarChartOutlined />,
+                label: <Link to="/">仪表盘</Link>,
+              },
+              {
+                key: 'room-management',
+                icon: <HomeOutlined />,
+                label: '机房管理',
+                children: [
+                  {
+                    key: 'rooms',
+                    icon: <HomeOutlined />,
+                    label: <Link to="/rooms">机房管理</Link>,
+                  },
+                  {
+                    key: 'racks',
+                    icon: <DatabaseOutlined />,
+                    label: <Link to="/racks">机柜管理</Link>,
+                  },
+                  {
+                    key: 'visualization',
+                    icon: <EyeOutlined />,
+                    label: <Link to="/visualization">机柜可视化</Link>,
+                  },
+                ],
+              },
+              {
+                key: 'asset-management',
+                icon: <BuildOutlined />,
+                label: '资产管理',
+                children: [
+                  {
+                    key: 'devices',
+                    icon: <CloudServerOutlined />,
+                    label: <Link to="/devices">设备管理</Link>,
+                  },
+                  {
+                    key: 'fields',
+                    icon: <DatabaseOutlined />,
+                    label: <Link to="/fields">字段管理</Link>,
+                  },
+                ],
+              },
+              {
+                key: 'consumables-management',
+                icon: <ShoppingCartOutlined />,
+                label: '耗材管理',
+                children: [
+                  {
+                    key: 'consumables-stats',
+                    icon: <BarChartOutlined />,
+                    label: <Link to="/consumables-stats">耗材统计</Link>,
+                  },
+                  {
+                    key: 'consumables',
+                    icon: <DatabaseOutlined />,
+                    label: <Link to="/consumables">耗材列表</Link>,
+                  },
+                  {
+                    key: 'consumables-categories',
+                    icon: <ImportOutlined />,
+                    label: <Link to="/consumables-categories">分类管理</Link>,
+                  },
+                  {
+                    key: 'consumables-logs',
+                    icon: <FileTextOutlined />,
+                    label: <Link to="/consumables-logs">操作日志</Link>,
+                  },
+                ],
+              },
+            ]}
+          />
+        </Sider>
         <Layout style={{ padding: '0 24px 24px' }}>
           <Content
             style={{
@@ -113,6 +153,10 @@ function App() {
               <Route path="/rooms" element={<RoomManagement />} />
               <Route path="/fields" element={<DeviceFieldManagement />} />
               <Route path="/visualization" element={<RackVisualization />} />
+              <Route path="/consumables" element={<ConsumableManagement />} />
+              <Route path="/consumables-categories" element={<CategoryManagement />} />
+              <Route path="/consumables-stats" element={<ConsumableStatistics />} />
+              <Route path="/consumables-logs" element={<ConsumableLogs />} />
             </Routes>
           </Content>
         </Layout>