✨ feat(home): 添加供应链可视化大屏入口

- 在首页添加供应链可视化大屏卡片及点击交互
- 配置供应链可视化大屏路由路径'/supply-chain/grain-oil'

src/client/home/pages/HomePage.tsx

@@ -124,6 +124,20 @@ const HomePage: React.FC = () => {
             <h3 className="font-semibold text-lg mb-2">多端同步</h3>
             <p className="text-gray-600 text-sm">支持Web、移动端等多平台访问，随时随地管理您的文件</p>
           </div>
+
+          {/* 供应链可视化大屏 */}
+          <div
+            className="bg-white rounded-xl p-6 shadow-sm border border-gray-100 hover:shadow-md transition-shadow cursor-pointer"
+            onClick={() => navigate('/supply-chain/grain-oil')}
+          >
+            <div className="w-12 h-12 bg-indigo-100 rounded-lg flex items-center justify-center mb-4">
+              <svg xmlns="http://www.w3.org/2000/svg" className="h-6 w-6 text-indigo-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" />
+              </svg>
+            </div>
+            <h3 className="font-semibold text-lg mb-2">供应链可视化</h3>
+            <p className="text-gray-600 text-sm">粮食油脂供应链大屏展示，实时监控产业链运行状态</p>
+          </div>
         </div>
 
         {/* 技术架构 */}

src/client/home/routes.tsx

@@ -7,6 +7,7 @@ import { MainLayout } from './layouts/MainLayout';
 import LoginPage from './pages/LoginPage';
 import RegisterPage from './pages/RegisterPage';
 import MemberPage from './pages/MemberPage';
+import GrainOilDashboard from './pages/SupplyChainDashboards/GrainOilDashboard';
 
 export const router = createBrowserRouter([
   {
@@ -21,6 +22,10 @@ export const router = createBrowserRouter([
     path: '/register',
     element: <RegisterPage />
   },
+  {
+    path: '/supply-chain/grain-oil',
+    element: <GrainOilDashboard />
+  },
   {
     path: '/member',
     element: (