feat: optimize interface and database connection

Adjust MongoDB mock connector and update database structure. Enhance sidebar, data platform, and AI analysis tools. Clean up unnecessary code and update development docs. #VERCEL_SKIP Co-authored-by: null <4804959+fnvtk@users.noreply.github.com>
2025-07-21 00:11:52 +00:00
parent 892c5b4855
commit ecd8a48863
26 changed files with 1821 additions and 1024 deletions
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -8,15 +8,17 @@ import { Progress } from "@/components/ui/progress"
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
 import {
  Database,
+  Users,
  Target,
-  Brain,
-  Search,
-  BarChart3,
+  TrendingUp,
  RefreshCw,
  Download,
  ChevronRight,
  Activity,
  Zap,
+  UserCheck,
+  Layers,
+  Tag,
 } from "lucide-react"
 import Link from "next/link"

@@ -31,24 +33,24 @@ export default function HomePage() {
      sources: 8,
      lastUpdate: "2分钟前",
    },
-    userDiscovery: {
+    userPool: {
+      totalUsers: 125678,
      activeUsers: 45678,
      newUsers: 1234,
-      engagement: "87.5%",
      growth: "+8.2%",
    },
+    userPortrait: {
+      totalTags: 342,
+      activeTags: 287,
+      coverage: "95.8%",
+      growth: "+5.3%",
+    },
    userValuation: {
      avgValue: 3248,
      highValue: 12456,
      growth: "+15.8%",
      upgradeRate: "12.5%",
    },
-    aiAnalysis: {
-      insights: 156,
-      anomalies: 3,
-      predictions: 89,
-      accuracy: "94.2%",
-    },
  }

  // 实时活动数据
@@ -56,21 +58,21 @@ export default function HomePage() {
    {
      id: 1,
      type: "data_sync",
-      message: "电商平台数据同步完成",
+      message: "IMEI数据同步完成",
      time: "刚刚",
      status: "success",
    },
    {
      id: 2,
-      type: "user_discovery",
-      message: "发现新用户行为模式",
+      type: "user_pool",
+      message: "新增用户池分群",
      time: "2分钟前",
      status: "info",
    },
    {
      id: 3,
-      type: "ai_analysis",
-      message: "AI检测到异常流量",
+      type: "user_portrait",
+      message: "标签规则自动执行",
      time: "5分钟前",
      status: "warning",
    },
@@ -87,12 +89,12 @@ export default function HomePage() {
    switch (type) {
      case "data_sync":
        return <Database className="h-4 w-4" />
-      case "user_discovery":
-        return <Search className="h-4 w-4" />
-      case "user_valuation":
+      case "user_pool":
+        return <Users className="h-4 w-4" />
+      case "user_portrait":
        return <Target className="h-4 w-4" />
-      case "ai_analysis":
-        return <Brain className="h-4 w-4" />
+      case "user_valuation":
+        return <TrendingUp className="h-4 w-4" />
      default:
        return <Activity className="h-4 w-4" />
    }
@@ -117,7 +119,7 @@ export default function HomePage() {
      <div className="flex flex-col md:flex-row md:justify-between md:items-center gap-4">
        <div>
          <h1 className="text-2xl md:text-3xl font-bold tracking-tight">数据概览</h1>
-          <p className="text-sm md:text-base text-muted-foreground">智能数据分析平台总览</p>
+          <p className="text-sm md:text-base text-muted-foreground">卡若数据资产中台总览</p>
        </div>
        <div className="flex gap-2">
          <Select value={timeRange} onValueChange={setTimeRange}>
@@ -178,34 +180,34 @@ export default function HomePage() {
          </Card>
        </Link>

-        {/* 用户发现 */}
-        <Link href="/user-discovery">
+        {/* 用户池 */}
+        <Link href="/user-pool">
          <Card className="border-none shadow-md hover:shadow-lg transition-all duration-300 cursor-pointer group">
            <CardHeader className="bg-gradient-to-r from-green-50 to-emerald-50 pb-3">
              <div className="flex items-center justify-between">
                <div className="flex items-center gap-2">
-                  <Search className="h-5 w-5 text-green-600" />
-                  <CardTitle className="text-base">用户发现</CardTitle>
+                  <Users className="h-5 w-5 text-green-600" />
+                  <CardTitle className="text-base">用户池</CardTitle>
                </div>
              </div>
-              <CardDescription className="text-xs">用户行为洞察分析</CardDescription>
+              <CardDescription className="text-xs">用户数据管理中心</CardDescription>
            </CardHeader>
            <CardContent className="pt-3">
              <div className="space-y-2">
+                <div className="flex justify-between items-center">
+                  <span className="text-sm text-gray-600">总用户数</span>
+                  <span className="font-bold">{todayStats.userPool.totalUsers.toLocaleString()}</span>
+                </div>
                <div className="flex justify-between items-center">
                  <span className="text-sm text-gray-600">活跃用户</span>
-                  <span className="font-bold">{todayStats.userDiscovery.activeUsers.toLocaleString()}</span>
+                  <span className="font-bold">{todayStats.userPool.activeUsers.toLocaleString()}</span>
                </div>
                <div className="flex justify-between items-center">
                  <span className="text-sm text-gray-600">新增用户</span>
-                  <span className="font-bold">{todayStats.userDiscovery.newUsers.toLocaleString()}</span>
-                </div>
-                <div className="flex justify-between items-center">
-                  <span className="text-sm text-gray-600">参与度</span>
-                  <span className="text-green-600 font-bold">{todayStats.userDiscovery.engagement}</span>
+                  <span className="font-bold">{todayStats.userPool.newUsers.toLocaleString()}</span>
                </div>
                <div className="flex items-center justify-between mt-3">
-                  <span className="text-xs text-green-600">增长 {todayStats.userDiscovery.growth}</span>
+                  <span className="text-xs text-green-600">增长 {todayStats.userPool.growth}</span>
                  <ChevronRight className="h-4 w-4 text-gray-400 group-hover:text-green-600 transition-colors" />
                </div>
              </div>
@@ -213,13 +215,48 @@ export default function HomePage() {
          </Card>
        </Link>

+        {/* 用户画像 */}
+        <Link href="/user-portrait">
+          <Card className="border-none shadow-md hover:shadow-lg transition-all duration-300 cursor-pointer group">
+            <CardHeader className="bg-gradient-to-r from-purple-50 to-pink-50 pb-3">
+              <div className="flex items-center justify-between">
+                <div className="flex items-center gap-2">
+                  <Target className="h-5 w-5 text-purple-600" />
+                  <CardTitle className="text-base">用户画像</CardTitle>
+                </div>
+              </div>
+              <CardDescription className="text-xs">用户标签画像分析</CardDescription>
+            </CardHeader>
+            <CardContent className="pt-3">
+              <div className="space-y-2">
+                <div className="flex justify-between items-center">
+                  <span className="text-sm text-gray-600">标签总数</span>
+                  <span className="font-bold">{todayStats.userPortrait.totalTags}</span>
+                </div>
+                <div className="flex justify-between items-center">
+                  <span className="text-sm text-gray-600">活跃标签</span>
+                  <span className="font-bold">{todayStats.userPortrait.activeTags}</span>
+                </div>
+                <div className="flex justify-between items-center">
+                  <span className="text-sm text-gray-600">覆盖率</span>
+                  <span className="text-purple-600 font-bold">{todayStats.userPortrait.coverage}</span>
+                </div>
+                <div className="flex items-center justify-between mt-3">
+                  <span className="text-xs text-purple-600">增长 {todayStats.userPortrait.growth}</span>
+                  <ChevronRight className="h-4 w-4 text-gray-400 group-hover:text-purple-600 transition-colors" />
+                </div>
+              </div>
+            </CardContent>
+          </Card>
+        </Link>
+
        {/* 用户估值 */}
        <Link href="/user-valuation">
          <Card className="border-none shadow-md hover:shadow-lg transition-all duration-300 cursor-pointer group">
-            <CardHeader className="bg-gradient-to-r from-purple-50 to-pink-50 pb-3">
+            <CardHeader className="bg-gradient-to-r from-orange-50 to-red-50 pb-3">
              <div className="flex items-center justify-between">
                <div className="flex items-center gap-2">
-                  <Target className="h-5 w-5 text-purple-600" />
+                  <TrendingUp className="h-5 w-5 text-orange-600" />
                  <CardTitle className="text-base">用户估值</CardTitle>
                </div>
              </div>
@@ -237,46 +274,10 @@ export default function HomePage() {
                </div>
                <div className="flex justify-between items-center">
                  <span className="text-sm text-gray-600">升级率</span>
-                  <span className="text-purple-600 font-bold">{todayStats.userValuation.upgradeRate}</span>
+                  <span className="text-orange-600 font-bold">{todayStats.userValuation.upgradeRate}</span>
                </div>
                <div className="flex items-center justify-between mt-3">
-                  <span className="text-xs text-purple-600">增长 {todayStats.userValuation.growth}</span>
-                  <ChevronRight className="h-4 w-4 text-gray-400 group-hover:text-purple-600 transition-colors" />
-                </div>
-              </div>
-            </CardContent>
-          </Card>
-        </Link>
-
-        {/* AI分析 */}
-        <Link href="/ai-analysis">
-          <Card className="border-none shadow-md hover:shadow-lg transition-all duration-300 cursor-pointer group">
-            <CardHeader className="bg-gradient-to-r from-orange-50 to-red-50 pb-3">
-              <div className="flex items-center justify-between">
-                <div className="flex items-center gap-2">
-                  <Brain className="h-5 w-5 text-orange-600" />
-                  <CardTitle className="text-base">AI分析</CardTitle>
-                </div>
-                <Badge className="bg-orange-100 text-orange-700">AI</Badge>
-              </div>
-              <CardDescription className="text-xs">智能数据洞察</CardDescription>
-            </CardHeader>
-            <CardContent className="pt-3">
-              <div className="space-y-2">
-                <div className="flex justify-between items-center">
-                  <span className="text-sm text-gray-600">AI洞察</span>
-                  <span className="font-bold">{todayStats.aiAnalysis.insights}</span>
-                </div>
-                <div className="flex justify-between items-center">
-                  <span className="text-sm text-gray-600">异常检测</span>
-                  <span className="font-bold">{todayStats.aiAnalysis.anomalies}</span>
-                </div>
-                <div className="flex justify-between items-center">
-                  <span className="text-sm text-gray-600">预测准确率</span>
-                  <span className="text-orange-600 font-bold">{todayStats.aiAnalysis.accuracy}</span>
-                </div>
-                <div className="flex items-center justify-between mt-3">
-                  <span className="text-xs text-orange-600">预测 {todayStats.aiAnalysis.predictions}个</span>
+                  <span className="text-xs text-orange-600">增长 {todayStats.userValuation.growth}</span>
                  <ChevronRight className="h-4 w-4 text-gray-400 group-hover:text-orange-600 transition-colors" />
                </div>
              </div>
@@ -291,7 +292,7 @@ export default function HomePage() {
        <Card className="lg:col-span-2 border-none shadow-md">
          <CardHeader>
            <CardTitle className="flex items-center gap-2">
-              <BarChart3 className="h-5 w-5 text-blue-600" />
+              <Activity className="h-5 w-5 text-blue-600" />
              今日关键指标
            </CardTitle>
            <CardDescription>实时数据监控</CardDescription>
@@ -307,12 +308,12 @@ export default function HomePage() {
                <div className="text-xs text-gray-600">平均响应时间</div>
              </div>
              <div className="text-center p-3 bg-purple-50 rounded-lg">
-                <div className="text-2xl font-bold text-purple-600">156</div>
-                <div className="text-xs text-gray-600">AI洞察数</div>
+                <div className="text-2xl font-bold text-purple-600">342</div>
+                <div className="text-xs text-gray-600">活跃标签数</div>
              </div>
              <div className="text-center p-3 bg-orange-50 rounded-lg">
-                <div className="text-2xl font-bold text-orange-600">94.2%</div>
-                <div className="text-xs text-gray-600">预测准确率</div>
+                <div className="text-2xl font-bold text-orange-600">95.8%</div>
+                <div className="text-xs text-gray-600">标签覆盖率</div>
              </div>
            </div>
            <div className="mt-4 space-y-3">
@@ -325,7 +326,7 @@ export default function HomePage() {
              </div>
              <div>
                <div className="flex justify-between text-sm mb-1">
-                  <span>AI模型训练</span>
+                  <span>标签规则执行</span>
                  <span>92%</span>
                </div>
                <Progress value={92} className="h-2" />
@@ -381,22 +382,22 @@ export default function HomePage() {
                <span className="text-xs">数据导入</span>
              </Button>
            </Link>
-            <Link href="/user-discovery/behavior">
+            <Link href="/user-pool/management">
              <Button variant="outline" className="w-full h-16 flex flex-col gap-1 bg-transparent">
-                <Search className="h-5 w-5" />
-                <span className="text-xs">行为分析</span>
+                <UserCheck className="h-5 w-5" />
+                <span className="text-xs">用户管理</span>
              </Button>
            </Link>
-            <Link href="/user-valuation/model">
+            <Link href="/user-pool/segmentation">
              <Button variant="outline" className="w-full h-16 flex flex-col gap-1 bg-transparent">
-                <Target className="h-5 w-5" />
-                <span className="text-xs">价值评估</span>
+                <Layers className="h-5 w-5" />
+                <span className="text-xs">用户分群</span>
              </Button>
            </Link>
-            <Link href="/ai-analysis/trends">
+            <Link href="/user-portrait/tags">
              <Button variant="outline" className="w-full h-16 flex flex-col gap-1 bg-transparent">
-                <Brain className="h-5 w-5" />
-                <span className="text-xs">AI预测</span>
+                <Tag className="h-5 w-5" />
+                <span className="text-xs">标签管理</span>
              </Button>
            </Link>
          </div>