Files
opsxsql/SQL平台评估与优化/plan.md
T
logan 746a000e8a 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
2026-05-27 01:59:08 +08:00

1008 B

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套主题设计方案、核心功能优化方案、实施路线图