gongxiangp2/docs/前端UI改动清单.md
chenpei 6c6c282203 feat: 全站视觉统一白皮书语言 + 个人档案改造 + 顶栏平台化
视觉统一(Zen Minimal × Future Organic 白皮书语言,全站浅色单主题):
- 登录页:品牌→由壹点·品牌中心,白纸底+发丝线+柔光光晕,黑按钮
- 作品过稿:深灰头→白皮书,返回链接→返回创意资产库
- 绩效考核:桌面+移动双头部换白皮书,标题改绩效考核,返回改链接
- 组织架构:BoardShell+页面 76 处调色板全量替换(#eef1f4→#fafafa 等)
- admin 后台:MaterialsHeader(面包屑治理与设置),Tab 栏墨色高亮
- 深色主题废弃:globals.css 移除媒体查询,tailwind darkMode:'class' 不挂 .dark
- 设计文档同步更新:AGENTS.md UI 基线/DESIGN.md/PRODUCT.md/README.md/design-qa.md

个人档案(原个人中心):
- API 合并权威人员档案(getEmployeeByUserId → 花名/工号/部门/职位/M-P等级/主管/状态)
- 页面白皮书化:权威档案卡(只读 HR 字段)+ 账号区(头像上传)+ 素材/收藏

顶栏平台化:
- MaterialsHeader 双模式:首页(五板块导航+全套工具+菜单)/板块(面包屑)
- 菜单重排:我的档案/绩效考核/作品过稿看板‖更新记录/提交反馈‖治理与设置‖退出
- 菜单头身份行:花名+职位·部门(权威档案)
- 首页排序:01 创意资产库(全员)→ 02 组织管理(管理员)→ 03-05 规划中
- 素材库改名创意资产库,全站同步(索引/导航/卡片/按钮/页脚)
- 排行榜换白皮书(白底发丝线+琥珀前三名)

构建修复:
- tsconfig 排除 output/(本地审计临时文件不再卡类型检查)
- 存储边界门禁豁免 output/(与 .dockerignore 对齐)
2026-08-15 14:16:20 +08:00

2.0 KiB
Raw Blame History

更新(2026-08-15):深色主题已全站废弃(详见 DESIGN.md「全站浅色单主题」),本清单中"支持深浅色模式切换"的描述不再适用; 素材页顶栏已换成 components/board/MaterialsHeader.tsx(Header.tsx 仍服务其它遗留页面)。商品搜索功能本身不受影响。

前端 UI 改动清单

当前进行中

  • 标题栏商品搜索重构 (HeaderTaobaoSearch)
    • 交互升级:从常驻输入框改为图标按钮触发的拉出式 (Pull-out) 输入框 + 下拉面板模式。
    • 主题适配:完美支持深浅色模式切换。
    • 功能增强:支持全量查看主图、SKU图、详情图。
    • 导出功能:支持带图片嵌入的 Excel 导出。
    • 头部挂载完成:入口已放在标题栏 网络状态 前。
    • 后端对接完成:前端统一走 /api/taobao-detail-plus?itemId=...,不直连第三方,不暴露 API Key。
    • 查询链路完成:服务端代理、超时控制、错误处理、商品 ID 提取已收口。
    • 影子环境联调完成:http://192.168.58.20:5320
    • 联调测试商品:867081550619

当前对接口径

  • 这份文档就是 Gemini 改完后的前端交接清单,后续以它作为标题栏商品搜索的唯一对接入口。
  • 当前代码文件:
    • components/Header.tsx
    • components/HeaderTaobaoSearch.tsx
    • components/TaobaoImageGalleryModal.tsx
    • app/api/taobao-detail-plus/route.ts
    • lib/taobao-detail-plus.ts
  • 当前已确认边界:
    • 前端只调站内接口 /api/taobao-detail-plus
    • 不把第三方 API Key 放前端
    • 不把这块能力迁到 /api/external/*
    • 当前阶段先保持“商品搜索 + 结果查看 + 全量图片查看/导出”,不顺手扩成上传、落库或批量导图

待处理

  • (暂无)

已完成 (最近)

  • 标题栏商品搜索功能重构 (2026-04-22)
  • 标题栏商品搜索后端对接、影子环境部署与联调 (2026-04-22)