超管后台 - 编辑管理员

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>