chore: 以本地为准,上传全部并替换 GitHub
This commit is contained in:
@@ -29,18 +29,19 @@ import {
|
||||
Webhook,
|
||||
Activity,
|
||||
ScrollText,
|
||||
Globe,
|
||||
} from "lucide-react"
|
||||
import { cn } from "@/lib/utils"
|
||||
import { useState } from "react"
|
||||
|
||||
// 按照5个HTML文档重构的导航结构
|
||||
// 五大核心模块导航结构(不可删除)
|
||||
const NAV_ITEMS = [
|
||||
// 第一部分:数据概览
|
||||
{
|
||||
href: "/",
|
||||
label: "数据概览",
|
||||
icon: LayoutDashboard,
|
||||
description: "用户洞察仪表板"
|
||||
description: "AI对话 · 数据仪表板"
|
||||
},
|
||||
// 第二部分:数据接入
|
||||
{
|
||||
@@ -49,10 +50,10 @@ const NAV_ITEMS = [
|
||||
icon: Database,
|
||||
children: [
|
||||
{ href: "/data-ingestion/sources", label: "数据源管理", icon: Database },
|
||||
{ href: "/data-ingestion/ai-engine", label: "AI标签引擎", icon: Brain },
|
||||
{ href: "/data-ingestion/cleaning", label: "清洗规则", icon: Zap },
|
||||
{ href: "/data-ingestion/tasks", label: "任务调度", icon: Calendar },
|
||||
{ href: "/data-ingestion/lineage", label: "数据血缘", icon: GitBranch },
|
||||
{ href: "/data-ingestion/quality", label: "质量监控", icon: Shield },
|
||||
],
|
||||
},
|
||||
// 第三部分:标签画像
|
||||
@@ -61,46 +62,42 @@ const NAV_ITEMS = [
|
||||
label: "标签画像",
|
||||
icon: Tags,
|
||||
children: [
|
||||
{ href: "/tag-portrait/tags", label: "标签体系", icon: Tags },
|
||||
{ href: "/tag-portrait/tags", label: "标签管理", icon: Tags },
|
||||
{ href: "/tag-portrait/portrait", label: "用户画像", icon: Users },
|
||||
{ href: "/tag-portrait/crowd", label: "人群圈选", icon: Target },
|
||||
{ href: "/tag-portrait/crowd", label: "流量池", icon: Target },
|
||||
],
|
||||
},
|
||||
// 第四部分:AI Agent智能系统
|
||||
// 第四部分:AI Agent(对接飞书/企微等外部平台)
|
||||
{
|
||||
href: "/ai-agent",
|
||||
label: "AI Agent",
|
||||
icon: Bot,
|
||||
children: [
|
||||
{ href: "/ai-agent/chat", label: "智能对话", icon: MessageSquare },
|
||||
{ href: "/ai-agent/channels", label: "渠道配置", icon: Webhook },
|
||||
{ href: "/ai-agent/smart-tag", label: "AI打标", icon: Sparkles },
|
||||
{ href: "/ai-agent/data-cleaning", label: "AI清洗", icon: Zap },
|
||||
{ href: "/ai-agent/nlq", label: "自然语言查询", icon: Search },
|
||||
{ href: "/ai-agent/report", label: "智能报告", icon: FileText },
|
||||
],
|
||||
},
|
||||
// 第五部分:数据输出
|
||||
// 第五部分:数据市场
|
||||
{
|
||||
href: "/data-output",
|
||||
label: "数据输出",
|
||||
icon: FileOutput,
|
||||
href: "/data-market",
|
||||
label: "数据市场",
|
||||
icon: Package,
|
||||
children: [
|
||||
{ href: "/data-output/packages", label: "流量包", icon: Package },
|
||||
{ href: "/data-output/api-market", label: "API市场", icon: Server },
|
||||
{ href: "/data-output/subscription", label: "数据订阅", icon: Webhook },
|
||||
{ href: "/data-market/packages", label: "流量包", icon: Package },
|
||||
{ href: "/data-market/api", label: "API服务", icon: Server },
|
||||
{ href: "/data-market/open-api", label: "开放接口", icon: Globe },
|
||||
],
|
||||
},
|
||||
// 系统监控(独立模块)
|
||||
] as const
|
||||
|
||||
// 底部工具菜单(系统监控等)
|
||||
const BOTTOM_NAV_ITEMS = [
|
||||
{
|
||||
href: "/system",
|
||||
href: "/monitoring/health",
|
||||
label: "系统监控",
|
||||
icon: Monitor,
|
||||
children: [
|
||||
{ href: "/system/health", label: "系统健康", icon: Activity },
|
||||
{ href: "/system/alerts", label: "告警中心", icon: Bell },
|
||||
{ href: "/system/logs", label: "操作日志", icon: ScrollText },
|
||||
{ href: "/system/metrics", label: "业务指标", icon: BarChart3 },
|
||||
],
|
||||
},
|
||||
] as const
|
||||
|
||||
@@ -110,7 +107,8 @@ function NavItemComponent({ item, level = 0 }: { item: NavItem; level?: number }
|
||||
const pathname = usePathname()
|
||||
const [isOpen, setIsOpen] = useState(false)
|
||||
const hasChildren = "children" in item && item.children && item.children.length > 0
|
||||
const isActive = pathname === item.href || (item.href !== "/" && pathname.startsWith(item.href))
|
||||
const isExactActive = pathname === item.href
|
||||
const isActive = isExactActive || (item.href !== "/" && pathname.startsWith(item.href))
|
||||
|
||||
// Auto expand if child is active
|
||||
const childActive =
|
||||
@@ -120,21 +118,38 @@ function NavItemComponent({ item, level = 0 }: { item: NavItem; level?: number }
|
||||
<li>
|
||||
{hasChildren ? (
|
||||
<div>
|
||||
<button
|
||||
onClick={() => setIsOpen(!isOpen)}
|
||||
className={cn(
|
||||
"w-full flex items-center justify-between gap-3 rounded-xl px-4 py-3 text-sm font-medium transition-all duration-200",
|
||||
isActive || childActive
|
||||
{/* 父级菜单:左侧可点击跳转,右侧按钮展开子菜单 */}
|
||||
<div className={cn(
|
||||
"flex items-center rounded-xl transition-all duration-200",
|
||||
isExactActive
|
||||
? "bg-gradient-to-r from-blue-500 to-purple-500 text-white shadow-md"
|
||||
: isActive || childActive
|
||||
? "bg-blue-50 text-blue-600"
|
||||
: "text-gray-600 hover:bg-gray-100 hover:text-gray-900",
|
||||
)}
|
||||
>
|
||||
<div className="flex items-center gap-3">
|
||||
: "text-gray-600 hover:bg-gray-100",
|
||||
)}>
|
||||
<Link
|
||||
href={item.href}
|
||||
className="flex-1 flex items-center gap-3 px-4 py-3 text-sm font-medium"
|
||||
>
|
||||
<item.icon className="h-5 w-5" />
|
||||
<span>{item.label}</span>
|
||||
</div>
|
||||
{isOpen || childActive ? <ChevronDown className="h-4 w-4" /> : <ChevronRight className="h-4 w-4" />}
|
||||
</button>
|
||||
</Link>
|
||||
<button
|
||||
onClick={(e) => {
|
||||
e.preventDefault()
|
||||
setIsOpen(!isOpen)
|
||||
}}
|
||||
className={cn(
|
||||
"px-3 py-3 rounded-r-xl transition-colors",
|
||||
isExactActive
|
||||
? "hover:bg-white/10"
|
||||
: "hover:bg-gray-200"
|
||||
)}
|
||||
aria-label={isOpen ? "收起子菜单" : "展开子菜单"}
|
||||
>
|
||||
{isOpen || childActive ? <ChevronDown className="h-4 w-4" /> : <ChevronRight className="h-4 w-4" />}
|
||||
</button>
|
||||
</div>
|
||||
{(isOpen || childActive) && (
|
||||
<ul className="mt-1 ml-4 space-y-1 border-l-2 border-gray-100 pl-4">
|
||||
{item.children?.map((child) => {
|
||||
@@ -183,7 +198,7 @@ export default function Sidebar() {
|
||||
<aside className="hidden md:flex flex-col w-64 shrink-0 border-r bg-white/80 backdrop-blur-md h-screen sticky top-0">
|
||||
<div className="p-6">
|
||||
<h2 className="text-2xl font-bold text-gray-900 mb-1">神射手</h2>
|
||||
<p className="text-sm text-gray-600">私域银行数据中台</p>
|
||||
<p className="text-sm text-gray-600">用户资产数字化平台</p>
|
||||
</div>
|
||||
<nav className="flex-1 px-4 pb-4 overflow-y-auto">
|
||||
<ul className="space-y-1">
|
||||
|
||||
Reference in New Issue
Block a user