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 加密前缀保留(已加密凭证不受影响)。
This commit is contained in:
1 parent
327e282356
commit
f9c6c1d826
204 files changed
+14107
-9103
No files matched your search
@@ -0,0 +1,61 @@
|
||||
// 路由配置 — 全站唯一路由声明处。
|
||||
// 页面组件一律 React.lazy 懒加载;菜单(menuItems)与页面标题(findRouteMeta)
|
||||
// 均由本文件派生,新增页面只需在这里加一条配置。
|
||||
import { lazy } from 'react';
|
||||
import {
|
||||
LayoutDashboard,
|
||||
Server,
|
||||
Monitor,
|
||||
HardDrive,
|
||||
Rocket,
|
||||
RadioTower,
|
||||
Settings,
|
||||
UsersRound,
|
||||
Wand2,
|
||||
ScrollText,
|
||||
} from 'lucide-react';
|
||||
import type { AppRoute, MenuItem, RouteMeta } from '@/types/router';
|
||||
|
||||
const Login = lazy(() => import('@/pages/login'));
|
||||
const Dashboard = lazy(() => import('@/pages/dashboard'));
|
||||
const Clusters = lazy(() => import('@/pages/clusters'));
|
||||
const Hosts = lazy(() => import('@/pages/hosts'));
|
||||
const Storage = lazy(() => import('@/pages/storage'));
|
||||
const Deployments = lazy(() => import('@/pages/deployments'));
|
||||
const Collectors = lazy(() => import('@/pages/collectors'));
|
||||
const SettingsPage = lazy(() => import('@/pages/settings'));
|
||||
const NotFound = lazy(() => import('@/pages/not-found'));
|
||||
const WizardPage = lazy(() => import('@/pages/wizard'));
|
||||
const LogsPage = lazy(() => import('@/pages/logs'));
|
||||
const UsersPage = lazy(() => import('@/pages/users'));
|
||||
|
||||
export const routes: AppRoute[] = [
|
||||
{ path: '/login', component: Login, auth: false, meta: { title: '登录', hideInMenu: true } },
|
||||
{ path: '/', component: Dashboard, auth: true, meta: { title: '仪表盘', icon: LayoutDashboard, order: 1, adminOnly: true } },
|
||||
{ path: '/wizard', component: WizardPage, auth: true, meta: { title: '部署向导', icon: Wand2, order: 2, adminOnly: true } },
|
||||
{ path: '/clusters', component: Clusters, auth: true, meta: { title: '集群管理', icon: Server, order: 3, adminOnly: true } },
|
||||
{ path: '/hosts', component: Hosts, auth: true, meta: { title: '主机管理', icon: Monitor, order: 4, adminOnly: true } },
|
||||
{ path: '/storage', component: Storage, auth: true, meta: { title: '存储配置', icon: HardDrive, order: 5, adminOnly: true } },
|
||||
{ path: '/deployments', component: Deployments, auth: true, meta: { title: '部署 Loki', icon: Rocket, order: 6, adminOnly: true } },
|
||||
{ path: '/collectors', component: Collectors, auth: true, meta: { title: '日志采集', icon: RadioTower, order: 7, adminOnly: true } },
|
||||
{ path: '/logs', component: LogsPage, auth: true, meta: { title: '日志查询', icon: ScrollText, order: 8 } },
|
||||
{ path: '/settings', component: SettingsPage, auth: true, meta: { title: '系统设置', icon: Settings, order: 9, adminOnly: true } },
|
||||
{ path: '/users', component: UsersPage, auth: true, meta: { title: '用户管理', icon: UsersRound, order: 10, adminOnly: true } },
|
||||
{ path: '*', component: NotFound, auth: false, meta: { title: '页面不存在', hideInMenu: true } },
|
||||
];
|
||||
|
||||
/** 侧栏菜单:登录后可见的路由,按 order 排序 */
|
||||
export const menuItems: MenuItem[] = routes
|
||||
.filter((route) => route.auth && !route.meta.hideInMenu)
|
||||
.sort((a, b) => (a.meta.order ?? 0) - (b.meta.order ?? 0))
|
||||
.map((route) => ({
|
||||
path: route.path,
|
||||
icon: route.meta.icon,
|
||||
label: route.meta.title,
|
||||
adminOnly: route.meta.adminOnly,
|
||||
}));
|
||||
|
||||
/** 按路径查 meta(通配/未匹配返回 undefined,调用方自行兜底) */
|
||||
export function findRouteMeta(pathname: string): RouteMeta | undefined {
|
||||
return routes.find((route) => route.path === pathname)?.meta;
|
||||
}
|
||||
Reference in new issue
Block a user