6c6c282203
视觉统一（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 对齐）
64 lines
4.4 KiB
Markdown
64 lines
4.4 KiB
Markdown
# 设计 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
|