feat: 全面UI优化 — 5套主题系统 + 设计体系 + 菜单重组 + 页面优化

1. 主题系统扩展 (5套主题)
   - ocean-deep(深海蓝) / light-professional(明亮白) / midnight-purple(午夜紫)
   - pine-green(松林绿) / orange-vitality(活力橙)
   - useTheme hook 重写支持5主题 + 向后兼容
   - AppearanceSettings 5主题预览卡片

2. 设计体系 (index.css)
   - 按钮系统: dg-btn-primary/secondary/ghost/danger + 尺寸变体
   - 徽章系统: dg-badge-* (8色)
   - 卡片/表格: dg-card-section, dg-table-row, dg-table-header
   - 状态点: dg-status-dot-* (4色)
   - 动效关键帧: slideInLeft, scaleIn

3. 菜单重组 (menu.ts)
   - 5分组: 概览/数据源/工单/权限/系统
   - 6个图标更新: Code2/FileEdit/ShieldCheck/FolderLock/ScrollText/Timer
   - 新增 permission 权限码字段

4. Layout 侧边栏增强
   - 左侧渐变指示条 + 发光效果
   - hover 微动画 + 图标变色
   - 面包屑导航头部
   - 主题切换循环5主题

5. 核心页面优化
   - TicketsPage: 设计系统类 + 颜色对齐
   - QueriesPage: 去Card依赖 + dg-table/dg-btn统一
   - Breadcrumb组件 + useBreadcrumb hook
This commit is contained in:
logan committed 2026-05-27 01:59:08 +08:00
1 parent 4e2df4d3d7
commit 746a000e8a
25 files changed
+7718 -178

No files matched your search

+23
View File
@@ -0,0 +1,23 @@
# SQL Platform 全面评估与优化方案 - 执行计划
## 阶段 1: 代码库克隆与结构分析
- 克隆代码库 `https://gitee.com/attacker/sql-platform.git`
- 分析项目结构(前后端技术栈、目录组织)
- 阅读 docs 目录下所有文档
## 阶段 2: 前端代码深入分析
- 分析5个登录页面的实现和现有设计
- 分析登录后页面主题系统
- 分析菜单结构和路由配置
- 重点分析核心功能:审批变更、查询数据、系统设置的实现
## 阶段 3: 问题评估与方案设计
- 加载 deep-research-swarm 技能,进行UI/UX最佳实践调研
- 加载 report-writing 技能,撰写评估报告
- 设计5个专业登录页风格方案
- 设计5个登录后主题风格方案
- 设计核心功能页面优化方案
## 阶段 4: 输出优化方案文档
- 输出完整的评估报告(.docx格式)
- 包含:现状分析、问题清单、5套登录页设计方案、5套主题设计方案、核心功能优化方案、实施路线图