优化考核调研看板视觉

design-qa.md

@@ -1,35 +1,58 @@
-**视觉来源**
+**Findings**
-- Stitch 专案：`https://stitch.withgoogle.com/projects/10867034024263334547`
+- No actionable P0/P1/P2 issues remain for the current Stitch alignment pass.
-- 本次对齐的设计稿：
-  - `个人看板桌面端-优化版`
-  - `公共看板桌面端-优化版`
-  - `分数详情抽屉桌面端-优化版`
-  - `发起考核桌面端-优化版`
-  - 既有移动端稿：`个人看板` / `公共看板` / `详情弹层`
 
-**实现范围**
+**Source Visual Truth**
-- 文件：`app/performance-survey/[[...path]]/page.tsx`
+- Personal desktop: `D:\AI Code\gongxiangp2\文件\stitch_\stitch_\_7\screen.png`
-- 页面：`/performance-survey`
+- Public desktop: `D:\AI Code\gongxiangp2\文件\stitch_\stitch_\_1\screen.png`
-- 主入口：
+- Create desktop: `D:\AI Code\gongxiangp2\文件\stitch_\stitch_\_2\screen.png`
-  - `tab=personal`
+- Personal mobile: `D:\AI Code\gongxiangp2\文件\stitch_\stitch_\_10\screen.png`
-  - `tab=public`
+- Public mobile: `D:\AI Code\gongxiangp2\文件\stitch_\stitch_\_11\screen.png`
-  - `tab=manage`
 
-**验证结果**
+**Implementation Screenshots**
-- Lint：`npm run lint -- --file "app/performance-survey/[[...path]]/page.tsx"` 通过。
+- Personal desktop: `D:\AI Code\gongxiangp2\outputs\performance-survey-stitch-qa\personal-desktop.png`
-- 空白检查：`git diff --check -- "app/performance-survey/[[...path]]/page.tsx"` 通过。
+- 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