cmbone/docs/routes.md

前端路由

路由定义文件：frontend/src/router/index.ts

当前使用 hash history，适配 Wails 桌面窗口。

当前路由

路由	组件	窗口	职责
#/	frontend/src/components/Main/Index.vue	主窗口	当前设置中心、导航、主题、语言、快捷键、标签、关于等
#/second	frontend/src/pages/Home/Index.vue	第二窗口	当前 OCR 示例和轻量快捷功能

目标路由

路由	页面	职责
#/login	登录页	本地固定账号登录或真实后端登录
#/dashboard	工作台	展示 P0 统计指标和最近任务
#/business/image-optimizer	商品图片 AI 优化	创建优化任务、查看任务列表、状态、结果和失败原因
#/logs/audit	审计日志	查询用户操作记录
#/logs/app	运行日志	查询系统错误和排错信息
#/statistics	数据统计	查看趋势、成功率、耗时和失败任务
#/settings	设置中心	主题、语言、窗口、快捷键、数据目录、日志策略
#/components	组件示例	输入框、多选框、下拉框、多行文本、表格、筛选、分页
#/about	关于	应用版本、运行环境和文档入口

主窗口布局

目标主窗口使用三段式布局：

• 侧边导航：模块入口。
• 顶部区域：当前用户、运行状态、快捷动作。
• 内容区：路由页面，填满剩余空间。

Windows 10+ 是主要体验目标。主窗口策略已经确定：

• 默认不最大化。
• 初始宽高：1280x800。
• 最小宽高：1024x720。
• 启动时居中。
• 允许用户调整大小。
• 页面根容器使用 width: 100% 和 height: 100vh。
• 主布局内部使用 flex 或 grid，让侧边导航、顶部区域和内容区稳定填满窗口。
• 阅读型内容使用最大宽度，建议 max-width: 960px 并居中。
• 列表、仪表盘、设置页等工作型页面自适应拉伸，占满可用内容区。
• 第二窗口保持小窗，不参与主窗口最大化、尺寸恢复和布局填充逻辑。

后续增强：保存主窗口尺寸和最大化状态，下次启动恢复用户上次选择。

页面规则

• 新增页面必须先确认属于模板能力、业务样例还是开发者示例。
• 主业务页面放在主窗口，不放在第二窗口。
• 第二窗口保持轻量快捷功能，不承载长期复杂业务流程。
• 页面内容不得只占左上角小块；除阅读型内容外，默认应填满主内容区域。
• 路由变化必须同步本文和相关任务验收。