-
router.push("/data-platform")}
- >
-
-
-
-
- 数据中台
- 数据源管理与AI模型
-
-
-
-
router.push("/user-portrait")}
- >
-
-
-
-
- 用户画像
- 用户管理与标签体系
-
-
-
-
router.push("/ai-assistant")}
- >
-
-
-
-
- AI智能助手
- 数据分析与报告生成
-
-
-
-
router.push("/intelligent-search")}
- >
-
-
-
-
- 智能搜索
- 全局搜索与AI分析
-
-
+
+ {tiles.map((t) => (
+
+
+ {t.title}
+ {t.icon}
+
+
+ {t.desc}
+
+
+
+ ))}
{/* 快速指标示例（可后续接入真实数据） */}
diff --git a/app/user-portrait/page.tsx b/app/user-portrait/page.tsx
index 9142f78..08ea357 100644
--- a/app/user-portrait/page.tsx
+++ b/app/user-portrait/page.tsx
@@ -1,239 +1,101 @@
-"use client"
-
-import { useEffect, useMemo, useState } from "react"
-import Link from "next/link"
-import MobileHeader from "@/app/components/MobileHeader"
-import BottomNav from "@/app/components/BottomNav"
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
-import { Card, CardContent } from "@/components/ui/card"
-import { Button } from "@/components/ui/button"
+import { Suspense } from "react"
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
-import { Badge } from "@/components/ui/badge"
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog"
-import { Label } from "@/components/ui/label"
-import { Checkbox } from "@/components/ui/checkbox"
-import { Search, Filter, Plus } from 'lucide-react'
-import FilterDrawer, { type FilterValues } from "@/components/user-portrait/filter-drawer"
+import { Button } from "@/components/ui/button"
+import Link from "next/link"
-type User = {
- id: string
- name: string
- phone: string
- email: string
- tags: string[]
- rfmScore: number
- lastActivity: string
- status: "活跃" | "沉睡" | "已封禁"
+export const dynamic = "force-dynamic"
+
+async function fetchUsers(q: string) {
+ const url = q ? `/api/users?q=${encodeURIComponent(q)}` : "/api/users"
+ const res = await fetch(url, { cache: "no-store" })
+ if (!res.ok) return { items: [], total: 0 }
+ return res.json()
}
-type UsersResponse = { success: true; data: { items: User[]; total: number; page: number; pageSize: number } }
-
-export default function UserPortraitPage() {
- const [users, setUsers] = useState
([])
- const [total, setTotal] = useState(0)
-
- const [searchQuery, setSearchQuery] = useState("")
- const [isAddingUser, setIsAddingUser] = useState(false)
- const [newUser, setNewUser] = useState({ name: "", phone: "", email: "", tags: [] as string[] })
-
- const [filterOpen, setFilterOpen] = useState(false)
- const [allTags, setAllTags] = useState([])
- const [filters, setFilters] = useState({ tags: [], status: [], rfm: [0, 100] })
-
- const queryString = useMemo(() => {
- const p = new URLSearchParams()
- if (searchQuery) p.set("q", searchQuery)
- if (filters.tags.length) p.set("tags", filters.tags.join(","))
- if (filters.status.length) p.set("status", filters.status.join(","))
- p.set("rfmMin", String(filters.rfm[0]))
- p.set("rfmMax", String(filters.rfm[1]))
- p.set("page", "1")
- p.set("pageSize", "50")
- return p.toString()
- }, [searchQuery, filters])
-
- useEffect(() => {
- fetch(`/api/users?${queryString}`)
- .then((r) => r.json())
- .then((res: UsersResponse) => {
- if (res?.success) {
- setUsers(res.data.items)
- setTotal(res.data.total)
- }
- })
- .catch(() => {})
- }, [queryString])
-
- useEffect(() => {
- fetch("/api/users?meta=tags")
- .then((r) => r.json())
- .then((res: any) => setAllTags(res?.data?.tags ?? []))
- .catch(() => {})
- }, [])
-
- const handleAddUser = async () => {
- const resp = await fetch("/api/users", {
- method: "POST",
- headers: { "Content-Type": "application/json" },
- body: JSON.stringify(newUser),
- })
- const data = await resp.json()
- if (data?.success) {
- setIsAddingUser(false)
- setNewUser({ name: "", phone: "", email: "", tags: [] })
- // 触发刷新
- fetch(`/api/users?${queryString}`)
- .then((r) => r.json())
- .then((res: UsersResponse) => {
- if (res?.success) {
- setUsers(res.data.items)
- setTotal(res.data.total)
- }
- })
- }
- }
-
+function Tabs({ active = "users" }: { active?: "users" | "tags" }) {
return (
-
-
{}} title="用户画像" />
-
-
-
-
-
-
-
-
- 用户管理
- 标签管理
-
-
-
-
-
-
- setSearchQuery(e.target.value)} />
-
-
-
-
- {users.map((u) => (
-
-
-
-
-
- {u.name}
-
-
- 最后活跃 {new Date(u.lastActivity).toLocaleDateString("zh-CN")}
-
-
-
-
{u.phone}
-
{u.email}
-
-
-
- {u.tags.slice(0, 2).map((t) => (
- {t}
- ))}
- {u.tags.length > 2 && (
- +{u.tags.length - 2}
- )}
-
-
-
{u.rfmScore}
-
-
- {u.status}
-
-
-
- ))}
-
标签管理将在接入数据字典后提供配置与统计
-
-
-
-
+ {items.map((u: any) => (
+
+
+ {u.name}{u.nickname ? ` · ${u.nickname}` : ""}
+ 最后活跃：{new Date(u.lastActive).toLocaleString()}
+
+
+
+
+
+ {u.tags?.slice(0, 3).map((t: string) => (
+ {t}
+ ))}
+
+
+ ))}
+ {items.length === 0 && (
+
暂无用户数据
+ )}
+
管理与分群
+
+
+
+
+ 加载中...}>
+ {/* @ts-expect-error Async Server Component */}
+
+
+
+
+
+ )
+}
diff --git a/components/user-portrait/filter-drawer.tsx b/components/user-portrait/filter-drawer.tsx
index 39c313a..3230354 100644
--- a/components/user-portrait/filter-drawer.tsx
+++ b/components/user-portrait/filter-drawer.tsx
@@ -1,19 +1,19 @@
"use client"
-import { useEffect, useState } from "react"
-import { X } from 'lucide-react'
+import { useMemo, useState } from "react"
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog"
import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
import { Checkbox } from "@/components/ui/checkbox"
import { Label } from "@/components/ui/label"
-import { Input } from "@/components/ui/input"
export type FilterValues = {
tags: string[]
- status: Array<"活跃" | "沉睡" | "已封禁">
+ status: string[]
rfm: [number, number]
}
-interface Props {
+type Props = {
open: boolean
onOpenChange: (v: boolean) => void
allTags: string[]
@@ -21,131 +21,122 @@ interface Props {
onApply: (v: FilterValues) => void
}
-export default function FilterDrawer({ open, onOpenChange, allTags, value, onApply }: Props) {
+const STATUS_OPTIONS = ["活跃", "沉睡", "已封禁"] as const
+
+export default function FilterDrawer({
+ open,
+ onOpenChange,
+ allTags,
+ value,
+ onApply,
+}: Props) {
const [local, setLocal] = useState(value)
- useEffect(() => setLocal(value), [value, open])
+ // 同步外部变更
+ useMemo(() => setLocal(value), [value])
- const toggleTag = (t: string, checked: boolean) => {
- setLocal((prev) => ({
- ...prev,
- tags: checked ? Array.from(new Set([...prev.tags, t])) : prev.tags.filter((x) => x !== t),
- }))
- }
-
- const toggleStatus = (s: "活跃" | "沉睡" | "已封禁", checked: boolean) => {
- setLocal((prev) => ({
- ...prev,
- status: checked ? Array.from(new Set([...prev.status, s])) : prev.status.filter((x) => x !== s),
- }))
- }
-
- const apply = () => {
- onApply(local)
- onOpenChange(false)
- }
-
- const reset = () => {
- const init: FilterValues = { tags: [], status: [], rfm: [0, 100] }
- setLocal(init)
- onApply(init)
- }
+ const toggleArrayVal = (arr: string[], val: string, checked: boolean) =>
+ checked ? Array.from(new Set([...arr, val])) : arr.filter((x) => x !== val)
return (
-
-
onOpenChange(false)}
- />
-