生产管理系统前端 开发中心配置系统 所有页面

crop-x/src/components/layouts/Navbar.tsx

@@ -1,12 +1,12 @@
-import { Book, Menu, Sunset, Trees, Zap } from "lucide-react";
-
+import { Menu } from "lucide-react";
+import { Tractor, Map, Clipboard, Package, Brain, Droplets, Settings } from 'lucide-react';
 import {
   Accordion,
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
 } from "@/components/ui/accordion";
-import { Button } from "@/components/ui/button";
+import { Button } from "@/components/ui/button"; 
 import {
   NavigationMenu,
   NavigationMenuContent,
@@ -77,43 +77,43 @@ const defaultNavbar: NavbarData = {
       title: "智能农机管理系统",
       url: "/agricultural-machinery",
       description: "农机档案、实时监控、精准作业管理",
-      icon: <Book className="size-5 shrink-0" />,
+      icon: <Tractor className="size-5 shrink-0" />,
     },
     {
       title: "地块信息管理系统",
       url: "/land-information",
       description: "地块档案、地图管理、空间分析",
-      icon: <Trees className="size-5 shrink-0" />,
+      icon: <Map className="size-5 shrink-0" />,
     },
     {
       title: "农事操作管理系统",
       url: "/farming-operation",
       description: "农事计划、任务管理、操作执行",
-      icon: <Sunset className="size-5 shrink-0" />,
+      icon: <Clipboard className="size-5 shrink-0" />,
     },
     {
       title: "农业资产管理系统",
       url: "/agricultural-asset",
       description: "基础信息、采购管理、库存管理",
-      icon: <Zap className="size-5 shrink-0" />,
+      icon: <Package className="size-5 shrink-0" />,
     },
     {
       title: "AI作物模型精准决策系统",
       url: "/ai-crop-model",
       description: "数据感知、模型应用、智能决策",
-      icon: <Book className="size-5 shrink-0" />,
+      icon: <Brain className="size-5 shrink-0" />,
     },
     {
       title: "水肥一体化控制系统",
       url: "/water-fertilizer-control",
       description: "水肥机管理、智能灌溉、配方管理",
-      icon: <Trees className="size-5 shrink-0" />,
+      icon: <Droplets className="size-5 shrink-0" />,
     },
     {
       title: "中心配置管理系统",
       url: "/central-config",
       description: "租户管理、用户管理、系统监控",
-      icon: <Sunset className="size-5 shrink-0" />,
+      icon: <Settings className="size-5 shrink-0" />,
     },
   ],
   auth: {
@@ -137,16 +137,15 @@ export function Navbar({ navbar }: NavbarProps) {
         <nav className="hidden justify-between lg:flex">
           <div className="flex items-center gap-6">
             {/* Logo */}
-            <a href={logo.url} className="flex items-center gap-2">
-              <img
-                src={logo.src}
-                className="max-h-8 dark:invert"
-                alt={logo.alt}
-              />
-              <span className="text-lg font-semibold tracking-tighter">
-                {logo.title}
-              </span>
-            </a>
+            <div className="flex items-center gap-3 flex-shrink-0">
+          <div className="w-10 h-10 bg-green-600 rounded-lg flex items-center justify-center">
+            <Tractor className="w-6 h-6 text-white" />
+          </div>
+          <div>
+            <h1 className="text-green-800">智慧农业生产管理系统</h1>
+            <p className="text-xs text-muted-foreground">Smart Agriculture Management System</p>
+          </div>
+        </div>
             <div className="flex items-center">
               <NavigationMenu>
                 <NavigationMenuList>
@@ -244,8 +243,9 @@ const renderMenuItem = (item: MenuItem) => {
     <NavigationMenuItem key={item.title}>
       <NavigationMenuLink
         href={item.url}
-        className="bg-background hover:bg-muted hover:text-accent-foreground group inline-flex h-10 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors"
+        className="bg-background hover:bg-muted hover:text-accent-foreground group inline-flex h-10 w-max items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors"
       >
+        {item.icon}
         {item.title}
       </NavigationMenuLink>
     </NavigationMenuItem>