完整性更新

现在已经实现了大部分基础功能

src/modules/settings/components/admin-settings-view.tsx

@@ -0,0 +1,158 @@
+"use client"
+
+import Link from "next/link"
+import { Shield, User, Building2, Lock } from "lucide-react"
+import { signOut } from "next-auth/react"
+
+import { Button } from "@/shared/components/ui/button"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/shared/components/ui/card"
+import { Input } from "@/shared/components/ui/input"
+import { Label } from "@/shared/components/ui/label"
+import { Separator } from "@/shared/components/ui/separator"
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/shared/components/ui/tabs"
+import { ThemePreferencesCard } from "./theme-preferences-card"
+
+export function AdminSettingsView() {
+  return (
+    <div className="flex h-full flex-col gap-8 p-8">
+      <div className="flex flex-col justify-between gap-4 md:flex-row md:items-center">
+        <div className="space-y-1">
+          <h1 className="text-3xl font-bold tracking-tight">Settings</h1>
+          <div className="text-sm text-muted-foreground">Manage admin preferences and system defaults.</div>
+        </div>
+        <div className="flex items-center gap-2">
+          <Button asChild variant="outline">
+            <Link href="/admin/dashboard">Back to dashboard</Link>
+          </Button>
+        </div>
+      </div>
+
+      <Tabs defaultValue="general" className="w-full">
+        <TabsList className="w-full justify-start">
+          <TabsTrigger value="general" className="gap-2">
+            <User className="h-4 w-4" />
+            General
+          </TabsTrigger>
+          <TabsTrigger value="appearance" className="gap-2">
+            <Shield className="h-4 w-4" />
+            Appearance
+          </TabsTrigger>
+          <TabsTrigger value="security" className="gap-2">
+            <Lock className="h-4 w-4" />
+            Security
+          </TabsTrigger>
+        </TabsList>
+
+        <TabsContent value="general" className="mt-6 space-y-6">
+          <Card>
+            <CardHeader>
+              <CardTitle>Account</CardTitle>
+              <CardDescription>Basic profile information for this admin account.</CardDescription>
+            </CardHeader>
+            <CardContent>
+              <div className="grid gap-4 sm:grid-cols-2">
+                <div className="space-y-2">
+                  <Label htmlFor="name">Name</Label>
+                  <Input id="name" defaultValue="Admin User" disabled />
+                </div>
+                <div className="space-y-2">
+                  <Label htmlFor="email">Email</Label>
+                  <Input id="email" defaultValue="admin@nextedu.com" disabled />
+                </div>
+                <div className="space-y-2">
+                  <Label htmlFor="role">Role</Label>
+                  <Input id="role" defaultValue="admin" className="tabular-nums" disabled />
+                </div>
+                <div className="space-y-2">
+                  <Label htmlFor="status">Status</Label>
+                  <Input id="status" defaultValue="active" disabled />
+                </div>
+              </div>
+            </CardContent>
+          </Card>
+
+          <Card>
+            <CardHeader>
+              <CardTitle>Organization</CardTitle>
+              <CardDescription>School identity shown across admin surfaces.</CardDescription>
+            </CardHeader>
+            <CardContent>
+              <div className="grid gap-4 sm:grid-cols-2">
+                <div className="space-y-2">
+                  <Label htmlFor="schoolName">School name</Label>
+                  <Input id="schoolName" defaultValue="Next_Edu School" disabled />
+                </div>
+                <div className="space-y-2">
+                  <Label htmlFor="timezone">Timezone</Label>
+                  <Input id="timezone" defaultValue="System default" disabled />
+                </div>
+              </div>
+
+              <Separator className="my-6" />
+
+              <div className="flex items-start gap-3 rounded-lg border bg-muted/30 p-4">
+                <div className="flex h-9 w-9 items-center justify-center rounded-md bg-background">
+                  <Building2 className="h-4 w-4 text-muted-foreground" />
+                </div>
+                <div className="flex-1 space-y-1">
+                  <div className="text-sm font-medium">Managed in School Management</div>
+                  <div className="text-sm text-muted-foreground">
+                    Departments, classes, and academic year settings live under the School Management section.
+                  </div>
+                </div>
+                <Button asChild variant="outline" className="shrink-0">
+                  <Link href="/admin/school/departments">Open</Link>
+                </Button>
+              </div>
+            </CardContent>
+          </Card>
+        </TabsContent>
+
+        <TabsContent value="appearance" className="mt-6 space-y-6">
+          <ThemePreferencesCard />
+        </TabsContent>
+
+        <TabsContent value="security" className="mt-6 space-y-6">
+          <Card>
+            <CardHeader>
+              <CardTitle>Session</CardTitle>
+              <CardDescription>Account access and session controls.</CardDescription>
+            </CardHeader>
+            <CardContent className="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
+              <div className="space-y-1">
+                <div className="text-sm font-medium">Sign out</div>
+                <div className="text-sm text-muted-foreground">Return to the login screen.</div>
+              </div>
+              <Button variant="outline" onClick={() => signOut({ callbackUrl: "/login" })}>
+                Log out
+              </Button>
+            </CardContent>
+          </Card>
+
+          <Card>
+            <CardHeader>
+              <CardTitle>Danger zone</CardTitle>
+              <CardDescription>Destructive actions are disabled in demo mode.</CardDescription>
+            </CardHeader>
+            <CardContent>
+              <div className="flex items-start gap-3 rounded-lg border border-destructive/30 bg-destructive/5 p-4">
+                <div className="flex h-9 w-9 items-center justify-center rounded-md bg-background">
+                  <Shield className="h-4 w-4 text-destructive" />
+                </div>
+                <div className="flex-1 space-y-1">
+                  <div className="text-sm font-medium">Reset system</div>
+                  <div className="text-sm text-muted-foreground">
+                    This action would clear all data and cannot be undone.
+                  </div>
+                </div>
+                <Button variant="destructive" disabled className="shrink-0">
+                  Reset
+                </Button>
+              </div>
+            </CardContent>
+          </Card>
+        </TabsContent>
+      </Tabs>
+    </div>
+  )
+}