-
暂无菜单数据
+
+
{collapsed ? "无菜单" : "暂无菜单数据"}
)}
diff --git a/SuperAdmin/components/projects/project-create.tsx b/SuperAdmin/components/projects/project-create.tsx
new file mode 100644
index 00000000..85cb575d
--- /dev/null
+++ b/SuperAdmin/components/projects/project-create.tsx
@@ -0,0 +1,244 @@
+"use client"
+
+import { useState } from "react"
+import { zodResolver } from "@hookform/resolvers/zod"
+import { useForm } from "react-hook-form"
+import * as z from "zod"
+import { Button } from "@/components/ui/button"
+import {
+ Form,
+ FormControl,
+ FormField,
+ FormItem,
+ FormLabel,
+ FormMessage,
+} from "@/components/ui/form"
+import { Input } from "@/components/ui/input"
+import { Textarea } from "@/components/ui/textarea"
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardFooter,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card"
+import { toast } from "sonner"
+
+const formSchema = z.object({
+ name: z.string().min(2, "项目名称至少需要2个字符"),
+ account: z.string().min(3, "账号至少需要3个字符"),
+ password: z.string().min(6, "密码至少需要6个字符"),
+ confirmPassword: z.string().min(6, "确认密码至少需要6个字符"),
+ phone: z.string().optional(),
+ realname: z.string().optional(),
+ nickname: z.string().optional(),
+ memo: z.string().optional(),
+}).refine((data) => data.password === data.confirmPassword, {
+ message: "两次输入的密码不一致",
+ path: ["confirmPassword"],
+});
+
+interface ProjectCreateProps {
+ onSuccess?: () => void
+}
+
+export default function ProjectCreate({ onSuccess }: ProjectCreateProps) {
+ const [isLoading, setIsLoading] = useState(false)
+
+ const form = useForm
>({
+ resolver: zodResolver(formSchema),
+ defaultValues: {
+ name: "",
+ account: "",
+ password: "",
+ confirmPassword: "",
+ phone: "",
+ realname: "",
+ nickname: "",
+ memo: "",
+ },
+ })
+
+ const onSubmit = async (values: z.infer) => {
+ setIsLoading(true)
+ try {
+ const response = await fetch(`${process.env.NEXT_PUBLIC_API_BASE_URL}/company/create`, {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({
+ name: values.name,
+ account: values.account,
+ password: values.password,
+ phone: values.phone || null,
+ realname: values.realname || null,
+ nickname: values.nickname || null,
+ memo: values.memo || null,
+ }),
+ })
+
+ const data = await response.json()
+
+ if (data.code === 200) {
+ toast.success("项目创建成功")
+ form.reset()
+ if (onSuccess) {
+ onSuccess()
+ }
+ } else {
+ toast.error(data.msg || "创建项目失败")
+ }
+ } catch (error) {
+ toast.error("网络错误，请稍后重试")
+ } finally {
+ setIsLoading(false)
+ }
+ }
+
+ return (
+
+
+ 新建项目
+ 创建一个新的项目并设置基本信息
+
+
+
+
+
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/SuperAdmin/components/projects/project-detail.tsx b/SuperAdmin/components/projects/project-detail.tsx
new file mode 100644
index 00000000..dc3d5b10
--- /dev/null
+++ b/SuperAdmin/components/projects/project-detail.tsx
@@ -0,0 +1,349 @@
+"use client"
+
+import { useState, useEffect } from "react"
+import Link from "next/link"
+import { Button } from "@/components/ui/button"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
+import { ArrowLeft, Edit } from "lucide-react"
+import { toast } from "sonner"
+import Image from "next/image"
+import { Badge } from "@/components/ui/badge"
+
+interface ProjectProfile {
+ id: number
+ name: string
+ memo: string
+ companyId: number
+ createTime: string
+ account: string
+ phone: string | null
+ deviceCount: number
+ friendCount: number
+ userCount: number
+}
+
+interface Device {
+ id: number
+ memo: string
+ phone: string
+ model: string
+ brand: string
+ alive: number
+ deviceId: number
+ wechatId: string
+ friendCount: number
+ wAlive: number
+ imei: string
+}
+
+interface SubUser {
+ id: number
+ account: string
+ username: string
+ phone: string
+ avatar: string
+ status: number
+ createTime: string
+ typeId: number
+}
+
+interface ProjectDetailProps {
+ projectId: string
+ onEdit?: (projectId: string) => void
+}
+
+export default function ProjectDetail({ projectId, onEdit }: ProjectDetailProps) {
+ const [isLoading, setIsLoading] = useState(true)
+ const [isDevicesLoading, setIsDevicesLoading] = useState(false)
+ const [isSubUsersLoading, setIsSubUsersLoading] = useState(false)
+ const [profile, setProfile] = useState(null)
+ const [devices, setDevices] = useState([])
+ const [subUsers, setSubUsers] = useState([])
+ const [activeTab, setActiveTab] = useState("overview")
+
+ useEffect(() => {
+ const fetchProjectProfile = async () => {
+ setIsLoading(true)
+ try {
+ const response = await fetch(`${process.env.NEXT_PUBLIC_API_BASE_URL}/company/profile/${projectId}`)
+ const data = await response.json()
+
+ if (data.code === 200) {
+ setProfile(data.data)
+ } else {
+ toast.error(data.msg || "获取项目信息失败")
+ }
+ } catch (error) {
+ toast.error("网络错误，请稍后重试")
+ } finally {
+ setIsLoading(false)
+ }
+ }
+
+ fetchProjectProfile()
+ }, [projectId])
+
+ useEffect(() => {
+ const fetchDevices = async () => {
+ if (activeTab === "devices") {
+ setIsDevicesLoading(true)
+ try {
+ const response = await fetch(`${process.env.NEXT_PUBLIC_API_BASE_URL}/company/devices?companyId=${projectId}`)
+ const data = await response.json()
+
+ if (data.code === 200) {
+ setDevices(data.data)
+ } else {
+ toast.error(data.msg || "获取设备列表失败")
+ }
+ } catch (error) {
+ toast.error("网络错误，请稍后重试")
+ } finally {
+ setIsDevicesLoading(false)
+ }
+ }
+ }
+
+ fetchDevices()
+ }, [activeTab, projectId])
+
+ useEffect(() => {
+ const fetchSubUsers = async () => {
+ if (activeTab === "accounts") {
+ setIsSubUsersLoading(true)
+ try {
+ const response = await fetch(`${process.env.NEXT_PUBLIC_API_BASE_URL}/company/subusers?companyId=${projectId}`)
+ const data = await response.json()
+
+ if (data.code === 200) {
+ setSubUsers(data.data)
+ } else {
+ toast.error(data.msg || "获取子账号列表失败")
+ }
+ } catch (error) {
+ toast.error("网络错误，请稍后重试")
+ } finally {
+ setIsSubUsersLoading(false)
+ }
+ }
+ }
+
+ fetchSubUsers()
+ }, [activeTab, projectId])
+
+ if (isLoading) {
+ return 加载中...
+ }
+
+ if (!profile) {
+ return 未找到项目信息
+ }
+
+ return (
+
+
+
{profile.name}
+ {onEdit && (
+
+ )}
+
+
+
+
+ 项目概览
+ 关联设备
+ 子账号
+
+
+
+
+
+ 基本信息
+
+
+
+
+
- 项目名称
+ - {profile.name}
+
+
+
- 手机号
+ - {profile.phone || "未设置"}
+
+
+
- 账号
+ - {profile.account}
+
+
+
- 创建时间
+ - {profile.createTime}
+
+
+
- 项目介绍
+ - {profile.memo}
+
+
+
+
+
+
+
+
+ 关联设备数
+
+
+ {profile.deviceCount}
+
+
+
+
+ 子账号数
+
+
+ {profile.userCount}
+
+
+
+
+ 微信好友总数
+
+
+ {profile.friendCount}
+
+
+
加载中...
+ ) : devices.length === 0 ? (
+ 暂无数据
+ ) : (
+ <>
+
+
+
+ 设备名称
+ 设备型号
+ 品牌
+ IMEI
+ 设备状态
+ 微信状态
+ 微信好友数量
+
+
+
+ {devices.map((device) => (
+
+ {device.memo}
+ {device.model}
+ {device.brand}
+ {device.imei}
+
+
+ {device.alive === 1 ? "在线" : "离线"}
+
+
+
+
+ {device.wAlive === 1 ? "已登录" : device.wAlive === 0 ? "已登出" : "未登录微信"}
+
+
+ {device.friendCount || 0}
+
+ ))}
+
+
+
+ 共 {devices.length} 条数据
+
+
+ )}
+
+
+
+
+
+
+
+ 子账号列表
+ 项目下的所有子账号
+
+
+ {isSubUsersLoading ? (
+ 加载中...
+ ) : subUsers.length === 0 ? (
+ 暂无数据
+ ) : (
+ <>
+
+
+
+ 头像
+ 账号ID
+ 登录账号
+ 昵称
+ 手机号
+ 状态
+ 账号类型
+ 创建时间
+
+
+
+ {subUsers.map((user) => (
+
+
+
+
+ {user.id}
+ {user.account}
+ {user.username}
+ {user.phone}
+
+
+ {user.status === 1 ? "启用" : "禁用"}
+
+
+ {user.typeId === 1 ? "操盘手" : "门店顾问"}
+ {user.createTime}
+
+ ))}
+
+
+
+ 共 {subUsers.length} 条数据
+
+
+ )}
+
+
+
+
+
加载中...
+ }
+
+ return (
+
+
+ 编辑项目
+ 更新项目信息和设置
+
+
+
+
+
+
+
+
+
+
+ )
+}
\ No newline at end of file