WuYongJie/gongxiangp2
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
gongxiangp2/design-qa.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

4.4 KiB
Raw Permalink Blame History

设计 QA 存档（历史记录）

已被取代（2026-08-15）：本文件是考核调研页 Stitch 对齐轮的 QA 产物，仅作历史留档。 当前全站视觉规范以 DESIGN.md（Zen Minimal × Future Organic 白皮书语言，全站浅色单主题）为准。

Findings

  • No actionable P0/P1/P2 issues remain for the current Stitch alignment pass.

Source Visual Truth

  • Personal desktop: D:\AI Code\gongxiangp2\文件\stitch_\stitch_\_7\screen.png
  • Public desktop: D:\AI Code\gongxiangp2\文件\stitch_\stitch_\_1\screen.png
  • Create desktop: D:\AI Code\gongxiangp2\文件\stitch_\stitch_\_2\screen.png
  • Personal mobile: D:\AI Code\gongxiangp2\文件\stitch_\stitch_\_10\screen.png
  • Public mobile: D:\AI Code\gongxiangp2\文件\stitch_\stitch_\_11\screen.png

Implementation Screenshots

  • Personal desktop: D:\AI Code\gongxiangp2\outputs\performance-survey-stitch-qa\personal-desktop.png
  • Public desktop: D:\AI Code\gongxiangp2\outputs\performance-survey-stitch-qa\public-desktop.png
  • Create desktop: D:\AI Code\gongxiangp2\outputs\performance-survey-stitch-qa\manage-desktop.png
  • Personal mobile: D:\AI Code\gongxiangp2\outputs\performance-survey-stitch-qa\personal-mobile.png
  • Public mobile: D:\AI Code\gongxiangp2\outputs\performance-survey-stitch-qa\public-mobile.png
  • Create mobile: D:\AI Code\gongxiangp2\outputs\performance-survey-stitch-qa\manage-mobile.png

Viewport And State

  • Desktop: 1280 x 720, routes tab=personal, tab=public, tab=manage.
  • Mobile: 430 x 900, routes tab=personal, tab=public, tab=manage.
  • Data state: local authenticated state with the currently available local data; empty ledgers are expected where the local dataset has no rows.

Full-View Comparison Evidence

  • Header/nav: dashboard pages now use one unified material-platform dark app bar with left avatar/title, centered tabs on desktop, and right brand text. The previous personal/public/create color split has been removed per the latest product direction.
  • Layout: dashboard content is constrained to 1200px on desktop, matching the Stitch public/create composition and avoiding edge-to-edge content at common desktop widths.
  • Tables/cards: monthly ledger and public ledger use flat bordered tables/cards with minimal blue score emphasis. Empty states are flat dashed containers.
  • Forms: create page uses the two-zone Stitch structure: month/template on the left, assessed people/evaluators/department on the right. Inputs, selects, search dropdowns, and selected chips use white fill and thin borders.
  • Mobile: mobile pages no longer show purple background, duplicate header elements, or old workflow stat cards.

Focused Region Comparison

  • Header region: compared against _7, _1, and _2; active tab and brand placement follow Stitch, while color mode is intentionally unified to the native material-platform dark bar.
  • Filter/form controls: compared against _1 and _2; controls use thin borders, square/low-radius shape, and restrained blue focus/active states.
  • Mobile top and bottom navigation: compared against _10 and _11; app-level navigation is simplified and no longer conflicts with content.

Patches Made Since Previous QA Pass

  • Removed the global platform header from /performance-survey dashboard pages.
  • Moved dashboard navigation into a unified dark top app bar.
  • Reworked dashboard containers to a 1200px white, low-noise layout.
  • Restyled public filters, employee search, department tree, selected chips, and score detail drawer.
  • Restyled create form to match the Stitch two-column composition.
  • Removed noisy mobile identity line and fake icon glyphs from bottom navigation.
  • Removed the earlier white desktop header branch for public/create states.

Open Questions

  • Current local data is sparse/empty, so row-rich table states were verified structurally rather than with dense production-like rows.

Implementation Checklist

  • Header duplication removed.
  • Personal, public, and create routes visually verified in desktop.
  • Personal, public, and create routes visually verified in mobile.
  • Page-specific controls remain interactive and data-backed.
  • npm run lint -- --file "app/performance-survey/[[...path]]/page.tsx" passed.

Follow-up Polish

  • If the team wants exact mobile icon parity, add a real icon font/library through the app asset pipeline instead of text glyphs or CSS icons.

final result: passed