update web to dashboard

2026-04-15 17:20:57 +08:00
parent 3d98cf1e27
commit c07e588030
206 changed files with 0 additions and 0 deletions
@@ -0,0 +1,67 @@
+import { LoginForm } from "@/components/login-form"
+import { BotMessageSquareIcon, ShieldCheckIcon, UsersIcon, KeyRoundIcon } from "lucide-react"
+import Link from "next/link"
+import { Suspense } from "react"
+
+export default function LoginPage() {
+  return (
+    <div className="grid min-h-svh bg-[linear-gradient(145deg,#fff7ed_0%,#ffffff_32%,#ecfeff_100%)] lg:grid-cols-[1.1fr_0.9fr]">
+      <div className="relative hidden overflow-hidden border-r bg-[radial-gradient(circle_at_top_left,rgba(251,191,36,0.18),transparent_30%),radial-gradient(circle_at_bottom_right,rgba(6,182,212,0.18),transparent_28%),linear-gradient(145deg,#111827_0%,#1f2937_35%,#0f172a_100%)] lg:block">
+        <div className="absolute inset-0 bg-[linear-gradient(180deg,rgba(255,255,255,0.06),transparent_22%)]" />
+        <div className="relative flex h-full flex-col justify-between p-10 text-white">
+          <div className="space-y-5">
+            <div className="inline-flex items-center gap-2 rounded-full border border-white/15 bg-white/8 px-3 py-1 text-xs tracking-[0.2em] uppercase text-white/80">
+              <ShieldCheckIcon className="size-3.5" />
+              Secure Admin Space
+            </div>
+            <div className="space-y-3">
+              <h2 className="max-w-lg text-5xl font-semibold tracking-tight">
+                贝壳客服平台
+              </h2>
+              <p className="max-w-xl text-sm leading-6 text-white/72">
+                懂问题，更懂用户；快响应，更能落地。
+              </p>
+            </div>
+          </div>
+          <div className="grid gap-3">
+            {[
+              {
+                text: "让每一次咨询，都通向可追踪的结果。",
+              },
+              {
+                text: "从接待到转派到复盘，一条链路跑到底。",
+              },
+              {
+                text: "多渠道接入，智能分配，人机协同提效。",
+              },
+            ].map((item, index) => (
+              <div
+                key={index}
+                className="rounded-2xl border border-white/10 bg-white/7 p-4 backdrop-blur"
+              >
+                <p className="text-sm leading-6 text-white/70">{item.text}</p>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+      <div className="flex flex-col gap-4 p-6 md:p-10">
+        <div className="flex justify-center gap-2 md:justify-start">
+          <Link href="/login" className="flex items-center gap-2 font-medium">
+            <div className="flex size-6 items-center justify-center rounded-md bg-primary text-primary-foreground">
+              <BotMessageSquareIcon className="size-4" />
+            </div>
+            CS Agent
+          </Link>
+        </div>
+        <div className="flex flex-1 items-center justify-center">
+          <div className="w-full max-w-md rounded-[28px] border border-white/70 bg-white/90 p-8 shadow-[0_24px_80px_rgba(15,23,42,0.08)] backdrop-blur">
+            <Suspense fallback={<div className="min-h-80" />}>
+              <LoginForm />
+            </Suspense>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
@@ -0,0 +1,65 @@
+"use client"
+
+import { useRouter, useSearchParams } from "next/navigation"
+import { Suspense, useEffect, useRef } from "react"
+import { toast } from "sonner"
+
+import { exchangeWxWorkTicket } from "@/lib/api/auth"
+
+export default function WxWorkLoginCallbackPage() {
+  return (
+    <Suspense fallback={<WxWorkLoginCallbackFallback />}>
+      <WxWorkLoginCallbackContent />
+    </Suspense>
+  )
+}
+
+function WxWorkLoginCallbackContent() {
+  const router = useRouter()
+  const searchParams = useSearchParams()
+  const ranRef = useRef(false)
+
+  useEffect(() => {
+    if (ranRef.current) {
+      return
+    }
+    ranRef.current = true
+
+    const ticket = searchParams.get("ticket")?.trim() ?? ""
+    const next = searchParams.get("next")
+    const nextPath = next && next.startsWith("/") ? next : "/"
+
+    if (!ticket) {
+      toast.error("企业微信登录票据不存在")
+      router.replace("/login")
+      return
+    }
+
+    void exchangeWxWorkTicket(ticket)
+      .then(() => {
+        toast.success("登录成功，正在进入系统")
+        router.replace(nextPath)
+      })
+      .catch((error) => {
+        toast.error(error instanceof Error ? error.message : "企业微信登录失败")
+        router.replace("/login")
+      })
+  }, [router, searchParams])
+
+  return (
+    <WxWorkLoginCallbackFallback />
+  )
+}
+
+function WxWorkLoginCallbackFallback() {
+  return (
+    <div className="flex min-h-svh items-center justify-center bg-[linear-gradient(145deg,#fff7ed_0%,#ffffff_32%,#ecfeff_100%)] px-6">
+      <div className="w-full max-w-md rounded-[28px] border border-white/70 bg-white/90 p-8 text-center shadow-[0_24px_80px_rgba(15,23,42,0.08)] backdrop-blur">
+        <h1 className="text-2xl font-semibold tracking-tight">企业微信登录中</h1>
+        <p className="mt-3 text-sm text-muted-foreground">
+          正在校验登录票据并进入系统，请稍候。
+        </p>
+      </div>
+    </div>
+  )
+}