feat: build image optimizer page

docs/04-architecture.md

@@ -50,7 +50,7 @@ frontend/src
 
 - `AuthService`：登录、退出、会话读取；内部通过 `AuthProvider` 接入本地固定账号或真实后端。当前 `LocalAuthProvider` 可用，`RemoteAuthProvider` 保留边界并返回未配置错误。
 - `AppConfigService`：通过统一设置 schema 初始化和校验主题、语言、窗口行为、快捷键展示、数据目录、日志策略和登录配置。
-- `ImageOptimizationService`：商品图片 AI 优化任务模型和本地模拟任务创建已可用。
+- `ImageOptimizationService`：商品图片 AI 优化任务模型和本地模拟任务创建已可用，页面已接入任务创建、列表和结果预览。
 - `AuditLogService`：审计日志记录和查询已可用，登录、设置变更和图片任务创建会写审计日志。
 - `AppLogService`：运行日志记录和查询已可用，图片任务创建失败和服务错误会写运行日志。
 - `MetricsService`：P0 统计指标和最近 N 天趋势已可查询，当前直接聚合 `image_tasks` 和 `audit_logs`。
@@ -63,7 +63,7 @@ frontend/src
 - `frontend/src/layouts/`：目标目录，放登录布局和主应用布局。
 - `frontend/src/modules/auth/`：目标目录，放登录页面、会话状态和 provider 调用。
 - `frontend/src/modules/settings/`：目标目录，放设置页和设置项。
-- `frontend/src/modules/image-optimizer/`：目标目录，放商品图片 AI 优化样例。
+- `frontend/src/modules/image-optimizer/`：放已接入的商品图片 AI 优化样例页面。
 - `frontend/src/modules/logs/`：目标目录，放审计日志和运行日志页面。
 - `frontend/src/modules/statistics/`：放统计卡片和趋势图。
 - `frontend/src/modules/components-demo/`：目标目录，放常用组件示例。

docs/06-tasks.md

@@ -40,7 +40,7 @@
 | T-020 | 建立商品图片 AI 优化任务模型 | T-013 | `image_tasks`、`image_task_results` 迁移和基础测试通过；可创建模拟任务 | DONE |
 | T-021 | 实现审计日志与运行日志边界 | T-013 | 审计日志和运行日志分开；登录、设置变更、任务创建、任务失败可记录 | DONE |
 | T-022 | 实现 P0 数据统计 | T-020 | 今日处理图片数、成功率、平均耗时、失败数、今日操作日志数、7 天趋势可查询 | DONE |
-| T-023 | 实现商品图片 AI 优化页面 | T-020 | 上传/选择图片、任务列表、状态、结果预览、失败提示路径可用 | TODO |
+| T-023 | 实现商品图片 AI 优化页面 | T-020 | 上传/选择图片、任务列表、状态、结果预览、失败提示路径可用 | DONE |
 
 ## Phase 3 · 组件、质量与发布
 

docs/current-state.md

@@ -4,9 +4,9 @@
 
 ## 当前阶段
 
-项目处于可复用桌面应用模板的 Phase 1 基础模块建设阶段。目标已经从迁移后的基础工程调整为“Windows-first、可扩展到其他平台的桌面端应用模板”。
+项目处于可复用桌面应用模板的 Phase 2 业务样例与日志统计收尾阶段。目标已经从迁移后的基础工程调整为“Windows-first、可扩展到其他平台的桌面端应用模板”。
 
-当前代码已从迁移后的 Wails/Vue/SQLite 基线推进到主应用路由骨架、登录 provider 边界、统一设置 schema、主窗口状态恢复、商品图片 AI 优化任务模型、日志服务边界和 P0 数据统计阶段，已具备设置、多语言、主题、本地配置、热键、托盘、OCR 示例、模板级模块入口、本地登录能力、本地模拟图片优化任务能力、审计日志、运行日志和 P0 统计查询能力。统计页面仍是骨架，尚未展示真实统计数据。
+当前代码已从迁移后的 Wails/Vue/SQLite 基线推进到主应用路由骨架、登录 provider 边界、统一设置 schema、主窗口状态恢复、商品图片 AI 优化页面、日志服务边界和 P0 数据统计阶段，已具备设置、多语言、主题、本地配置、热键、托盘、OCR 示例、模板级模块入口、本地登录能力、本地模拟图片优化任务能力、业务样例页面、审计日志、运行日志和 P0 统计查询能力。统计页面仍是骨架，尚未展示真实统计数据。
 
 ## 已确认事实
 
@@ -40,6 +40,7 @@
 - 已实现主窗口状态持久化：主窗口普通尺寸和最大化状态会写回 `appconfig`，下次启动恢复；第二窗口不参与该逻辑。
 - 已实现 ImageOptimizationService：`CreateTask`、`ListTasks`、`GetTask`、`CancelTask`，当前 provider 为本地模拟实现。
 - 已实现 `image_tasks` 和 `image_task_results` 表，模拟任务可写入成功状态、耗时、输出路径和前后文件大小。
+- 已实现商品图片 AI 优化页面：支持文件选择、手动图片路径、创建任务、筛选任务、任务列表、状态标签、结果预览和失败提示。
 - 已实现 AuditLogService：`Record`、`List`，登录、设置变更和图片任务创建会写入 `audit_logs`。
 - 已实现 AppLogService：`Record`、`List`，图片任务创建失败和服务内部错误会写入 `app_logs`。
 - 已实现 MetricsService：`GetDashboardMetrics`、`GetProcessingTrend`，可查询今日处理量、成功率、平均耗时、失败数、今日审计日志数和最近 N 天趋势。
@@ -78,6 +79,7 @@ wails3 build
 - 模板范围容易膨胀，必须按任务小步实现。
 - Wails v3 alpha 版本需要保持 CLI、Go 模块和前端 runtime 匹配。
 - 真实后端登录 provider、真实 AI provider 尚未实现；统计页面展示仍待后续扩展。
+- WebView 文件选择器不一定返回绝对路径，图片优化页面已保留手动路径输入。
 - OCR 和热键依赖平台实现，跨平台修改需要分别验证。
 - 当前前端以构建检查为主，暂未引入专门的前端单元测试。
 - bindings 生成依赖本机安装的 `wails3`。
@@ -192,9 +194,18 @@ wails3 build
 - 已重新生成 Wails `.js` bindings，新增 `metricsservice.js`。
 - `go test ./...`、`npm run build`、`go build -o bin\cmbone.exe .` 和 `cmd /c build.bat` 通过。
 
+同日完成商品图片 AI 优化页面：
+
+- `frontend/src/modules/image-optimizer/ImageOptimizerPage.vue` 接入 `ImageOptimizationService` bindings。
+- 页面支持选择图片、手动输入图片路径、选择优化类型、创建模拟任务。
+- 页面支持按状态和优化类型筛选任务，展示任务列表、状态、耗时和创建时间。
+- 页面支持查看任务详情，展示原图/结果占位预览、输出路径、文件大小、失败原因。
+- WebView 文件选择器不返回绝对路径时，页面会提示用户粘贴绝对路径。
+- `go test ./...`、`npm run build`、`go build -o bin\cmbone.exe .` 和 `cmd /c build.bat` 通过。
+
 ## 下一步
 
-从 [`06-tasks.md`](06-tasks.md) 领取第一个 `TODO` 任务。目前建议先做 `T-023`：实现商品图片 AI 优化页面。
+从 [`06-tasks.md`](06-tasks.md) 领取第一个 `TODO` 任务。目前建议先做 `T-030`：建立常用组件示例页。
 
 ## 当前 blocker
 

docs/method-map.md

@@ -71,7 +71,7 @@
 | 登录 | `AuthService` | 已实现本地固定账号 provider，真实后端 provider 保留边界 |
 | 审计日志 | `AuditLogService` | 已实现记录和查询；登录、设置变更、图片任务创建已接入 |
 | 运行日志 | `AppLogService` | 已实现记录和查询；图片任务失败和服务错误已接入 |
-| 商品图片 AI 优化 | `ImageOptimizationService` | 已实现本地模拟任务模型；页面闭环待 `T-023` |
+| 商品图片 AI 优化 | `ImageOptimizationService` | 已实现本地模拟任务模型和页面闭环 |
 | 数据统计 | `MetricsService` | 已实现后端聚合；统计页面展示待后续扩展 |
 
 ## 热键
@@ -93,7 +93,7 @@
 | `frontend/src/components/template/ModulePageShell.vue` | 模块页共享壳 | 模块标题、状态和摘要卡片 |
 | `frontend/src/modules/auth/LoginPage.vue` | 登录页 | 调用 AuthService 登录并处理错误 |
 | `frontend/src/modules/dashboard/DashboardPage.vue` | 工作台骨架 | P0 指标和近期任务入口 |
-| `frontend/src/modules/image-optimizer/ImageOptimizerPage.vue` | 主业务骨架 | 商品图片 AI 优化任务入口 |
+| `frontend/src/modules/image-optimizer/ImageOptimizerPage.vue` | 主业务页面 | 商品图片 AI 优化任务创建、列表、状态和结果预览 |
 | `frontend/src/modules/logs/LogsPage.vue` | 日志页骨架 | 审计日志和运行日志入口 |
 | `frontend/src/modules/statistics/StatisticsPage.vue` | 统计页骨架 | P0 指标和 7 天趋势入口 |
 | `frontend/src/modules/settings/SettingsPage.vue` | 设置页 | 复用存量设置组件，并展示后端统一设置 schema |

docs/quality-document.md

@@ -6,7 +6,7 @@
 | --- | --- | --- |
 | 项目结构 | B | 已从模板整理为普通工程，目录职责基本清楚 |
 | 产品定位 | B | 已校准为 Windows-first 可复用桌面应用模板，后续需要代码落地 |
-| 后端服务 | B+ | 现有服务边界清晰，登录 provider、设置 schema、日志、统计和业务样例服务已落地，真实 provider 和页面闭环仍需推进 |
+| 后端服务 | B+ | 现有服务边界清晰，登录 provider、设置 schema、日志、统计和业务样例服务已落地，真实 provider 和统计页面仍需推进 |
 | 本地存储 | B | SQLite 初始化和基础测试已存在，目标新增表需要迁移和测试 |
 | 前端结构 | B+ | Vue 组件按功能拆分，窗口、布局策略和目标路由骨架已落地，设置页已接入后端 schema |
 | 构建验证 | B | Go 测试、前端构建、后端编译可运行 |
@@ -45,5 +45,5 @@
 ## 改进方向
 
 - 搭建登录、Dashboard、图片优化、日志、统计、设置、组件示例等目标路由骨架。
-- 为商品图片 AI 优化样例和统计模块补充真实页面闭环。
+- 为统计模块补充真实页面闭环。
 - 为 Wails bindings 生成流程补充完整操作说明。

docs/routes.md

@@ -11,7 +11,7 @@
 | `#/` | `frontend/src/layouts/MainLayout.vue` | 主窗口 | 重定向到 `#/dashboard` |
 | `#/login` | `frontend/src/modules/auth/LoginPage.vue` | 主窗口 | 登录入口，已接入本地固定账号 provider，真实后端 provider 保留边界 |
 | `#/dashboard` | `frontend/src/modules/dashboard/DashboardPage.vue` | 主窗口 | 工作台，展示 P0 指标和近期任务入口 |
-| `#/image-optimizer` | `frontend/src/modules/image-optimizer/ImageOptimizerPage.vue` | 主窗口 | 商品图片 AI 优化业务样例骨架 |
+| `#/image-optimizer` | `frontend/src/modules/image-optimizer/ImageOptimizerPage.vue` | 主窗口 | 商品图片 AI 优化业务样例，已接入任务创建、列表和结果预览 |
 | `#/logs` | `frontend/src/modules/logs/LogsPage.vue` | 主窗口 | 审计日志和运行日志统一入口骨架 |
 | `#/statistics` | `frontend/src/modules/statistics/StatisticsPage.vue` | 主窗口 | 第一批统计指标和趋势入口；后端 `MetricsService` 已可查询 |
 | `#/settings` | `frontend/src/modules/settings/SettingsPage.vue` | 主窗口 | 设置中心，复用存量设置组件并展示统一设置 schema |
@@ -26,7 +26,7 @@
 | 路由 | 页面 | 职责 |
 | --- | --- | --- |
 | `#/login` | 登录页 | 已接入本地固定账号登录；真实后端登录待后续接入 |
-| `#/image-optimizer` | 商品图片 AI 优化 | 后端任务模型已接入；`T-023` 接入页面任务列表、状态、结果和失败原因 |
+| `#/image-optimizer` | 商品图片 AI 优化 | 已接入页面任务列表、状态、结果和失败原因 |
 | `#/logs` | 操作日志 | 后端审计日志和运行日志服务已接入；页面列表待后续扩展 |
 | `#/statistics` | 数据统计 | 后端 `MetricsService` 已接入趋势、成功率、耗时和失败任务；页面展示待后续扩展 |
 | `#/settings` | 设置中心 | 已接入统一设置 schema，窗口配置已用于主窗口尺寸恢复 |