超管后台 - 编辑管理员

2025-04-10 16:11:15 +08:00
parent c23d0433ef
commit e81a75b67e
12 changed files with 724 additions and 204 deletions
--- a/SuperAdmin/app/dashboard/admins/[id]/edit/page.tsx
+++ b/SuperAdmin/app/dashboard/admins/[id]/edit/page.tsx
@@ -11,58 +11,84 @@ import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle }
 import { ArrowLeft, Loader2 } from "lucide-react"
 import Link from "next/link"
 import { Checkbox } from "@/components/ui/checkbox"
-import { getAdministratorDetail, AdministratorDetail } from "@/lib/admin-api"
+import { getAdministratorDetail, updateAdministrator } from "@/lib/admin-api"
 import { useToast } from "@/components/ui/use-toast"
+import { getTopLevelMenus } from "@/lib/menu-api"
+import { getAdminInfo } from "@/lib/utils"

-// 权限 ID 到前端权限键的映射
-const permissionMapping: Record<number, string[]> = {
-  1: ["project_management", "customer_pool", "admin_management"], // 超级管理员
-  2: ["project_management", "customer_pool"], // 项目管理员
-  3: ["customer_pool"], // 客户管理员
-  4: [], // 普通管理员
-};
+interface MenuPermission {
+  id: number;
+  title: string;
+}

 export default function EditAdminPage({ params }: { params: { id: string } }) {
  const router = useRouter()
  const { toast } = useToast()
  const [isLoading, setIsLoading] = useState(true)
  const [isSubmitting, setIsSubmitting] = useState(false)
-  const [adminInfo, setAdminInfo] = useState<AdministratorDetail | null>(null)
+  const [adminInfo, setAdminInfo] = useState<any | null>(null)
  const [username, setUsername] = useState("")
  const [name, setName] = useState("")
+  const [password, setPassword] = useState("")
+  const [confirmPassword, setConfirmPassword] = useState("")
+  const [menuPermissions, setMenuPermissions] = useState<MenuPermission[]>([])
+  const [selectedPermissions, setSelectedPermissions] = useState<number[]>([])
+  const [currentAdmin, setCurrentAdmin] = useState<any | null>(null)
+  const [canEditPermissions, setCanEditPermissions] = useState(false)

-  const permissions = [
-    { id: "project_management", label: "项目管理" },
-    { id: "customer_pool", label: "客户池" },
-    { id: "admin_management", label: "管理员权限" },
-  ]
-
-  const [selectedPermissions, setSelectedPermissions] = useState<string[]>([])
-
-  // 加载管理员详情
+  // 加载管理员详情和菜单权限
  useEffect(() => {
-    const fetchAdminDetail = async () => {
+    const fetchData = async () => {
      setIsLoading(true)
      try {
-        const response = await getAdministratorDetail(params.id)
-        if (response.code === 200 && response.data) {
-          setAdminInfo(response.data)
-          // 设置表单数据
-          setUsername(response.data.username)
-          setName(response.data.name)
-          // 根据 authId 设置权限
-          setSelectedPermissions(permissionMapping[response.data.authId] || [])
+        // 获取当前登录的管理员信息
+        const currentAdminInfo = getAdminInfo()
+        setCurrentAdmin(currentAdminInfo)
+        
+        // 获取管理员详情
+        const adminResponse = await getAdministratorDetail(params.id)
+        
+        if (adminResponse.code === 200 && adminResponse.data) {
+          setAdminInfo(adminResponse.data)
+          setUsername(adminResponse.data.username)
+          setName(adminResponse.data.name)
+          
+          // 判断是否可以编辑权限
+          // 只有超级管理员(ID为1)可以编辑其他人的权限
+          // 编辑自己时不能修改权限
+          const isEditingSelf = currentAdminInfo && parseInt(params.id) === currentAdminInfo.id
+          const isSuperAdmin = currentAdminInfo && currentAdminInfo.id === 1
+          
+          setCanEditPermissions(!!(isSuperAdmin && !isEditingSelf))
+          
+          // 如果可以编辑权限，则获取菜单权限
+          if (isSuperAdmin && !isEditingSelf) {
+            const menuResponse = await getTopLevelMenus()
+            if (menuResponse.code === 200 && menuResponse.data) {
+              setMenuPermissions(menuResponse.data)
+              
+              // 获取管理员已有的权限
+              const permissionsResponse = await getAdministratorDetail(params.id)
+              if (permissionsResponse.code === 200 && permissionsResponse.data) {
+                // 如果有权限数据，则设置选中的权限
+                if (permissionsResponse.data.permissions) {
+                  // 假设权限是存储为菜单ID的数组
+                  setSelectedPermissions(permissionsResponse.data.permissions.map((p: any) => p.id || p))
+                }
+              }
+            }
+          }
        } else {
          toast({
            title: "获取管理员详情失败",
-            description: response.msg || "请稍后重试",
+            description: adminResponse.msg || "请稍后重试",
            variant: "destructive",
          })
        }
      } catch (error) {
-        console.error("获取管理员详情出错:", error)
+        console.error("获取数据出错:", error)
        toast({
-          title: "获取管理员详情失败",
+          title: "获取数据失败",
          description: "请检查网络连接后重试",
          variant: "destructive",
        })
@@ -71,24 +97,78 @@ export default function EditAdminPage({ params }: { params: { id: string } }) {
      }
    }

-    fetchAdminDetail()
+    fetchData()
  }, [params.id])

-  const togglePermission = (permissionId: string) => {
+  // 切换权限选择
+  const togglePermission = (permissionId: number) => {
    setSelectedPermissions((prev) =>
      prev.includes(permissionId) ? prev.filter((id) => id !== permissionId) : [...prev, permissionId],
    )
  }

-  const handleSubmit = (e: React.FormEvent) => {
+  // 提交表单
+  const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault()
+    
+    // 验证密码
+    if (password && password !== confirmPassword) {
+      toast({
+        title: "密码不匹配",
+        description: "两次输入的密码不一致",
+        variant: "destructive",
+      })
+      return
+    }
+    
    setIsSubmitting(true)
-
-    // Simulate API call
-    setTimeout(() => {
+    
+    try {
+      // 准备提交的数据
+      const updateData: any = {
+        username,
+        name,
+      }
+      
+      // 如果有设置密码，则添加密码字段
+      if (password) {
+        updateData.password = password
+      }
+      
+      // 如果可以编辑权限，则添加权限字段
+      if (canEditPermissions) {
+        updateData.permissionIds = selectedPermissions
+      }
+      
+      // 调用更新API
+      const response = await updateAdministrator(params.id, updateData)
+      
+      if (response.code === 200) {
+        toast({
+          title: "更新成功",
+          description: "管理员信息已更新",
+          variant: "success",
+        })
+        
+        // 更新成功后返回列表页
+        router.push("/dashboard/admins")
+      } else {
+        toast({
+          title: "更新失败",
+          description: response.msg || "请稍后重试",
+          variant: "destructive",
+        })
+      }
+    } catch (error) {
+      console.error("更新管理员信息出错:", error)
+      toast({
+        title: "更新失败",
+        description: "请检查网络连接后重试",
+        variant: "destructive",
+      })
+    } finally {
      setIsSubmitting(false)
-      router.push("/dashboard/admins")
-    }, 1500)
+    }
  }

  if (isLoading) {
@@ -145,39 +225,60 @@ export default function EditAdminPage({ params }: { params: { id: string } }) {

              <div className="space-y-2">
                <Label htmlFor="password">重置密码</Label>
-                <Input id="password" type="password" placeholder="留空则不修改密码" />
+                <Input 
+                  id="password" 
+                  type="password" 
+                  placeholder="留空则不修改密码" 
+                  value={password}
+                  onChange={(e) => setPassword(e.target.value)}
+                />
              </div>

              <div className="space-y-2">
                <Label htmlFor="confirmPassword">确认密码</Label>
-                <Input id="confirmPassword" type="password" placeholder="留空则不修改密码" />
+                <Input 
+                  id="confirmPassword" 
+                  type="password" 
+                  placeholder="留空则不修改密码" 
+                  value={confirmPassword}
+                  onChange={(e) => setConfirmPassword(e.target.value)}
+                />
              </div>
            </div>

-            <div className="space-y-3">
-              <Label>权限设置</Label>
-              <div className="grid gap-2">
-                {permissions.map((permission) => (
-                  <div key={permission.id} className="flex items-center space-x-2">
-                    <Checkbox
-                      id={permission.id}
-                      checked={selectedPermissions.includes(permission.id)}
-                      onCheckedChange={() => togglePermission(permission.id)}
-                    />
-                    <Label htmlFor={permission.id} className="cursor-pointer">
-                      {permission.label}
-                    </Label>
-                  </div>
-                ))}
+            {canEditPermissions && (
+              <div className="space-y-3">
+                <Label>权限设置</Label>
+                <div className="grid gap-2">
+                  {menuPermissions.map((menu) => (
+                    <div key={menu.id} className="flex items-center space-x-2">
+                      <Checkbox
+                        id={`menu-${menu.id}`}
+                        checked={selectedPermissions.includes(menu.id)}
+                        onCheckedChange={() => togglePermission(menu.id)}
+                      />
+                      <Label htmlFor={`menu-${menu.id}`} className="cursor-pointer">
+                        {menu.title}
+                      </Label>
+                    </div>
+                  ))}
+                </div>
              </div>
-            </div>
+            )}
          </CardContent>
          <CardFooter className="flex justify-end gap-2">
            <Button variant="outline" asChild>
              <Link href="/dashboard/admins">取消</Link>
            </Button>
            <Button type="submit" disabled={isSubmitting}>
-              {isSubmitting ? "保存中..." : "保存修改"}
+              {isSubmitting ? (
+                <>
+                  <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                  保存中...
+                </>
+              ) : (
+                "保存修改"
+              )}
            </Button>
          </CardFooter>
        </Card>
--- a/SuperAdmin/app/dashboard/admins/new/page.tsx
+++ b/SuperAdmin/app/dashboard/admins/new/page.tsx
@@ -2,43 +2,143 @@

 import type React from "react"

-import { useState } from "react"
+import { useState, useEffect } from "react"
 import { useRouter } from "next/navigation"
 import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
 import { Label } from "@/components/ui/label"
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
-import { ArrowLeft } from "lucide-react"
+import { ArrowLeft, Loader2 } from "lucide-react"
 import Link from "next/link"
 import { Checkbox } from "@/components/ui/checkbox"
+import { addAdministrator } from "@/lib/admin-api"
+import { useToast } from "@/components/ui/use-toast"
+import { getTopLevelMenus } from "@/lib/menu-api"
+import { getAdminInfo } from "@/lib/utils"
+
+interface MenuPermission {
+  id: number;
+  title: string;
+}

 export default function NewAdminPage() {
  const router = useRouter()
+  const { toast } = useToast()
+  const [username, setUsername] = useState("")
+  const [name, setName] = useState("")
+  const [password, setPassword] = useState("")
+  const [confirmPassword, setConfirmPassword] = useState("")
+  const [isLoading, setIsLoading] = useState(true)
  const [isSubmitting, setIsSubmitting] = useState(false)
+  const [menuPermissions, setMenuPermissions] = useState<MenuPermission[]>([])
+  const [selectedPermissions, setSelectedPermissions] = useState<number[]>([])
+  const [canManagePermissions, setCanManagePermissions] = useState(false)

-  const permissions = [
-    { id: "project_management", label: "项目管理" },
-    { id: "customer_pool", label: "客户池" },
-    { id: "admin_management", label: "管理员权限" },
-  ]
+  // 加载权限数据
+  useEffect(() => {
+    const loadPermissions = async () => {
+      setIsLoading(true)
+      try {
+        // 获取当前登录的管理员
+        const currentAdmin = getAdminInfo()
+        
+        // 只有超级管理员(ID为1)可以管理权限
+        if (currentAdmin && currentAdmin.id === 1) {
+          setCanManagePermissions(true)
+          
+          // 获取菜单权限
+          const response = await getTopLevelMenus()
+          if (response.code === 200 && response.data) {
+            setMenuPermissions(response.data)
+          }
+        }
+      } catch (error) {
+        console.error("获取权限数据失败:", error)
+        toast({
+          title: "获取权限数据失败",
+          description: "请检查网络连接后重试",
+          variant: "destructive",
+        })
+      } finally {
+        setIsLoading(false)
+      }
+    }
+    
+    loadPermissions()
+  }, [])

-  const [selectedPermissions, setSelectedPermissions] = useState<string[]>([])
-
-  const togglePermission = (permissionId: string) => {
+  const togglePermission = (permissionId: number) => {
    setSelectedPermissions((prev) =>
      prev.includes(permissionId) ? prev.filter((id) => id !== permissionId) : [...prev, permissionId],
    )
  }

-  const handleSubmit = (e: React.FormEvent) => {
+  const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault()
+    
+    // 验证密码
+    if (!password) {
+      toast({
+        title: "密码不能为空",
+        description: "添加管理员时必须设置密码",
+        variant: "destructive",
+      })
+      return
+    }
+    
+    if (password !== confirmPassword) {
+      toast({
+        title: "密码不匹配",
+        description: "两次输入的密码不一致",
+        variant: "destructive",
+      })
+      return
+    }
+    
    setIsSubmitting(true)
-
-    // Simulate API call
-    setTimeout(() => {
+    
+    try {
+      // 准备提交数据
+      const data: any = {
+        username,
+        name,
+        password,
+      }
+      
+      // 如果可以管理权限，则添加权限设置
+      if (canManagePermissions && selectedPermissions.length > 0) {
+        data.permissionIds = selectedPermissions
+      }
+      
+      // 调用添加API
+      const response = await addAdministrator(data)
+      
+      if (response.code === 200) {
+        toast({
+          title: "添加成功",
+          description: "管理员账号已成功添加",
+          variant: "success",
+        })
+        
+        // 返回管理员列表页
+        router.push("/dashboard/admins")
+      } else {
+        toast({
+          title: "添加失败",
+          description: response.msg || "请稍后重试",
+          variant: "destructive",
+        })
+      }
+    } catch (error) {
+      console.error("添加管理员出错:", error)
+      toast({
+        title: "添加失败",
+        description: "请检查网络连接后重试",
+        variant: "destructive",
+      })
+    } finally {
      setIsSubmitting(false)
-      router.push("/dashboard/admins")
-    }, 1500)
+    }
  }

  return (
@@ -56,55 +156,97 @@ export default function NewAdminPage() {
        <Card>
          <CardHeader>
            <CardTitle>管理员信息</CardTitle>
-            <CardDescription>创建新管理员账号并设置权限</CardDescription>
+            <CardDescription>创建新的管理员账号</CardDescription>
          </CardHeader>
          <CardContent className="space-y-6">
            <div className="grid gap-6 md:grid-cols-2">
              <div className="space-y-2">
                <Label htmlFor="username">账号</Label>
-                <Input id="username" placeholder="请输入账号" required />
+                <Input
+                  id="username"
+                  value={username}
+                  onChange={(e) => setUsername(e.target.value)}
+                  placeholder="请输入账号"
+                  required
+                />
              </div>

              <div className="space-y-2">
                <Label htmlFor="name">姓名</Label>
-                <Input id="name" placeholder="请输入姓名" required />
+                <Input
+                  id="name"
+                  value={name}
+                  onChange={(e) => setName(e.target.value)}
+                  placeholder="请输入姓名"
+                  required
+                />
              </div>

              <div className="space-y-2">
                <Label htmlFor="password">密码</Label>
-                <Input id="password" type="password" placeholder="请设置密码" required />
+                <Input
+                  id="password"
+                  type="password"
+                  value={password}
+                  onChange={(e) => setPassword(e.target.value)}
+                  placeholder="请输入密码"
+                  required
+                />
              </div>

              <div className="space-y-2">
-                <Label htmlFor="confirmPassword">确认密码</Label>
-                <Input id="confirmPassword" type="password" placeholder="请再次输入密码" required />
+                <Label htmlFor="confirm-password">确认密码</Label>
+                <Input
+                  id="confirm-password"
+                  type="password"
+                  value={confirmPassword}
+                  onChange={(e) => setConfirmPassword(e.target.value)}
+                  placeholder="请再次输入密码"
+                  required
+                />
              </div>
            </div>

-            <div className="space-y-3">
-              <Label>权限设置</Label>
-              <div className="grid gap-2">
-                {permissions.map((permission) => (
-                  <div key={permission.id} className="flex items-center space-x-2">
-                    <Checkbox
-                      id={permission.id}
-                      checked={selectedPermissions.includes(permission.id)}
-                      onCheckedChange={() => togglePermission(permission.id)}
-                    />
-                    <Label htmlFor={permission.id} className="cursor-pointer">
-                      {permission.label}
-                    </Label>
-                  </div>
-                ))}
+            {canManagePermissions && (
+              <div className="space-y-3">
+                <Label>权限设置</Label>
+                <div className="grid gap-2">
+                  {isLoading ? (
+                    <div className="flex items-center gap-2">
+                      <Loader2 className="h-4 w-4 animate-spin" />
+                      <span className="text-sm text-muted-foreground">加载权限数据中...</span>
+                    </div>
+                  ) : (
+                    menuPermissions.map((menu) => (
+                      <div key={menu.id} className="flex items-center space-x-2">
+                        <Checkbox
+                          id={`menu-${menu.id}`}
+                          checked={selectedPermissions.includes(menu.id)}
+                          onCheckedChange={() => togglePermission(menu.id)}
+                        />
+                        <Label htmlFor={`menu-${menu.id}`} className="cursor-pointer">
+                          {menu.title}
+                        </Label>
+                      </div>
+                    ))
+                  )}
+                </div>
              </div>
-            </div>
+            )}
          </CardContent>
          <CardFooter className="flex justify-end gap-2">
            <Button variant="outline" asChild>
              <Link href="/dashboard/admins">取消</Link>
            </Button>
            <Button type="submit" disabled={isSubmitting}>
-              {isSubmitting ? "创建中..." : "创建管理员"}
+              {isSubmitting ? (
+                <>
+                  <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                  创建中...
+                </>
+              ) : (
+                "创建管理员"
+              )}
            </Button>
          </CardFooter>
        </Card>
--- a/SuperAdmin/lib/admin-api.ts
+++ b/SuperAdmin/lib/admin-api.ts
@@ -84,4 +84,41 @@ export async function getAdministrators(
 */
 export async function getAdministratorDetail(id: number | string): Promise<ApiResponse<AdministratorDetail>> {
  return apiRequest(`/administrator/detail/${id}`);
+}
+
+/**
+ * 更新管理员信息
+ * @param id 管理员ID
+ * @param data 更新的数据
+ * @returns 更新结果
+ */
+export async function updateAdministrator(
+  id: number | string,
+  data: {
+    username: string;
+    name: string;
+    password?: string;
+    permissionIds?: number[];
+  }
+): Promise<ApiResponse<null>> {
+  return apiRequest('/administrator/update', 'POST', {
+    id,
+    ...data
+  });
+}
+
+/**
+ * 添加管理员
+ * @param data 管理员数据
+ * @returns 添加结果
+ */
+export async function addAdministrator(
+  data: {
+    username: string;
+    name: string;
+    password: string;
+    permissionIds?: number[];
+  }
+): Promise<ApiResponse<null>> {
+  return apiRequest('/administrator/add', 'POST', data);
 } 
--- a/SuperAdmin/lib/menu-api.ts
+++ b/SuperAdmin/lib/menu-api.ts
@@ -25,6 +25,9 @@ export async function getMenus(onlyEnabled: boolean = true): Promise<MenuItem[]>
    const params = new URLSearchParams();
    params.append('only_enabled', onlyEnabled ? '1' : '0');
    
+    // 禁用缓存，每次都获取最新的基于用户权限的菜单
+    params.append('use_cache', '0');
+    
    const response = await apiRequest<MenuItem[]>(`/menu/tree?${params.toString()}`);
    
    return response.data || [];
@@ -107,4 +110,21 @@ export async function updateMenuStatus(id: number, status: 0 | 1): Promise<boole
    console.error('更新菜单状态失败:', error);
    return false;
  }
+}
+
+/**
+ * 获取一级菜单（用于权限设置）
+ * @returns 一级菜单列表
+ */
+export async function getTopLevelMenus(): Promise<ApiResponse<MenuItem[]>> {
+  try {
+    return await apiRequest<MenuItem[]>('/menu/toplevel');
+  } catch (error) {
+    console.error('获取一级菜单失败:', error);
+    return {
+      code: 500,
+      msg: '获取一级菜单失败',
+      data: []
+    };
+  }
 }