feat: opsx-loki 全面升级 — 前端重构/用户与LDAP/部署向导/日志查询

基于 WEB-UI-Development-Guide 标准的整体升级,并更名 LokiDeploy → opsx-loki。前端(Gin+React+shadcn/ui): - 按 02/07 章重构:页面域化拆分(无超 400 行文件)、PageContainer/ListQuery、反馈分级(成功静默/失败 toast/危险确认)、401 单飞刷新+队列重放 - 暗色模式(next-themes)+ 语义 Token(--primary 品牌色/success/warning/info) - 部署向导(状态推导四步:环境→存储→Loki→采集,内嵌表单闭环) - 日志查询页:LogQL 标签构建器/拖拽直方图/日志上下文/Live Tail/查询历史 - 按用户+标签策略的查询授权(服务端强制合并策略) 后端(Go+Gin+JSON DB): - 简单用户管理(仅 admin,无 RBAC)+ TokenVersion 会话吊销 + 登录 IP 限流 - LDAP 接入:配置(AES 加密存储/hasPassword 脱敏)/测试连接/批量导入/登录 - 存储配置测试连接(SigV4 零依赖)+ 桶不存在自动创建 - Loki 三模式部署修复:SSH 密钥认证、3.x 配置模板、ruler 对象存储嵌套块、凭证解密、孤儿 deploying 状态恢复、Grafana 部署(可选默认关)+面板导入 - DaemonSet 采集纯 YAML(去 helm 依赖)+ DNS 自愈回退 ClusterIP + 集群名标签 - 日志查询代理:cluster-svc 经 kube-apiserver proxy/url 直连 + cursor 翻页 - 统一 log 命名空间;部署就绪探活;Grafana 访问地址自动记录修复:run.sh 增量编译检测、Sanitized 脱敏补全、LokiDeployment Update 白名单、健康检查 CreatedAt 零值等 10+ 存量 bug。数据兼容:DB 沿用旧 lokideploy.json(新名优先);localStorage 一次性迁移; HKDF 加密前缀保留(已加密凭证不受影响)。
2026-10-24 13:20:12 +08:00
1 parent 327e282356
commit f9c6c1d826
@@ -0,0 +1,124 @@
+import { memo, useEffect, useState } from 'react'
+import { Dice5 } from 'lucide-react'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Label } from '@/components/ui/label'
+import { PasswordInput } from '@/components/PasswordInput'
+import { userApi } from '@/api'
+import { toast } from 'sonner'
+import type { User } from '@/types'
+
+// 随机密码：12 位，大小写字母 + 数字，满足后端 min=6
+function randomPassword(): string {
+  const chars = 'ABCDEFGHJKLMNPQRSTUVWXYZabcdefghjkmnpqrstuvwxyz23456789'
+  let pwd = ''
+  const array = new Uint32Array(12)
+  crypto.getRandomValues(array)
+  for (let i = 0; i < 12; i++) {
+    pwd += chars[array[i] % chars.length]
+  }
+  return pwd
+}
+
+interface ResetPasswordDialogProps {
+  user: User | null
+  onClose: () => void
+  /** 重置成功回调（提示信息由调用方决定） */
+  onReset: () => void
+}
+
+/** 管理员重置密码弹窗 — 重置后目标用户全部旧会话立即失效（后端递增 TokenVersion） */
+export const ResetPasswordDialog = memo(function ResetPasswordDialog({
+  user,
+  onClose,
+  onReset,
+}: ResetPasswordDialogProps) {
+  const [password, setPassword] = useState('')
+  const [submitting, setSubmitting] = useState(false)
+  const [error, setError] = useState('')
+
+  useEffect(() => {
+    if (user) {
+      setPassword('')
+      setError('')
+    }
+  }, [user])
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault()
+    if (password.length < 6) {
+      setError('密码至少需要 6 位')
+      return
+    }
+    if (!user) return
+    setSubmitting(true)
+    try {
+      await userApi.resetPassword(user.id, password)
+      onClose()
+      onReset()
+    } catch (err) {
+      toast.error(err instanceof Error ? err.message : '重置密码失败')
+    } finally {
+      setSubmitting(false)
+    }
+  }
+
+  return (
+    <Dialog open={user !== null} onOpenChange={(open) => !open && onClose()}>
+      <DialogContent className="max-w-md">
+        <DialogHeader>
+          <DialogTitle>重置密码</DialogTitle>
+          <DialogDescription>
+            重置「{user?.username}」的密码后，该用户的所有登录会话将立即失效。
+          </DialogDescription>
+        </DialogHeader>
+        <form onSubmit={handleSubmit} className="space-y-4">
+          <div className="space-y-2">
+            <Label htmlFor="reset-password">新密码 *</Label>
+            <div className="flex gap-2">
+              <PasswordInput
+                id="reset-password"
+                className="flex-1"
+                placeholder="至少 6 位"
+                value={password}
+                onChange={(e) => {
+                  setPassword(e.target.value)
+                  setError('')
+                }}
+                autoComplete="new-password"
+                required
+              />
+              <Button
+                type="button"
+                variant="outline"
+                aria-label="随机生成密码"
+                title="随机生成密码"
+                onClick={() => {
+                  setPassword(randomPassword())
+                  setError('')
+                }}
+              >
+                <Dice5 className="w-4 h-4" />
+              </Button>
+            </div>
+            {error && <p className="text-sm text-destructive">{error}</p>}
+          </div>
+          <div className="flex justify-end gap-2">
+            <Button type="button" variant="outline" onClick={onClose} disabled={submitting}>
+              取消
+            </Button>
+            <Button type="submit" disabled={submitting || password.length < 6}>
+              {submitting ? '重置中...' : '重置密码'}
+            </Button>
+          </div>
+        </form>
+      </DialogContent>
+    </Dialog>
+  )
+})