From 5698c3691ffc8073e1d922bf1cffcc88641b90d5 Mon Sep 17 00:00:00 2001 From: WuYongJie Date: Fri, 24 Apr 2026 10:35:04 +0800 Subject: [PATCH] docs: sync frontend UI task board with Obsidian Atelier overhaul results --- docs/前端UI改动清单.md | 74 ++++++++++++++++++++++-------------------- 1 file changed, 38 insertions(+), 36 deletions(-) diff --git a/docs/前端UI改动清单.md b/docs/前端UI改动清单.md index 570cfbbd..f79ee0d0 100644 --- a/docs/前端UI改动清单.md +++ b/docs/前端UI改动清单.md @@ -1,47 +1,49 @@ -# 协作任务板 +# 协作任务板 (Frontend UI/UX Task Board) ## 已完成任务 (Completed) -- **管理基础设施视觉升级 (Management Infrastructure UI Refactor)** - - **重构页面**： - - `系统总控制台 (/admin)`：引入“中枢枢纽”布局，增加系统状态看板 (Mock)，优化卡片视觉张力。 - - `身份控制中心 (/users)`：引入“沉浸式页头”与“精密控制条”，整合搜索与筛选器。 - - **负责人**：Gemini UI Engineer - - **完成日期**：2026-04-16 +- **黑曜石工作坊：全域视觉与业务逻辑深度重构 (Obsidian Atelier Total Overhaul)** + - **视觉标准确立**： + - 创建了 **`Obsidian-Atelier-Unified-Standard.md (V3.0)`**。锁定 **6px/4px 铁血圆角**、**No-Line 无实线原则**、**32px 极致玻璃态**。 + - **核心页面重构**： + - **`首页概览 (/)`**：彻底推倒重来。废除旧版 SaaS 模板嵌套，实现单层级、大视野工业仪表盘，注入 `framer-motion` 弹性入场动画。 + - **`资产中心 (/asset-center)`**：极致生产力布局。 + - **视野 100% 纯净**：所有左侧和顶部浮动面板收纳至右侧 `Inspector` 面板。 + - **两级联动列表**：实现“族 -> 规格”精密折叠列表，支持“再次点击收回”逻辑。 + - **3D 环境回归**：工具条居中，坐标网格默认显示。 + - **核心业务功能复兴**： + - **找回所有字段**：新增/编辑弹窗中补齐了：适用系列、连接角色、三维尺寸、安装点坐标等 15+ 核心业务字段。 + - **全流程入口**：补齐了 `+ 新增族`、`新增规格款`、`以此为模板新建 (Clone)` 入口。 + - **审核流闭环**：实现了 ADMIN 权限下的族级、款级两级审核操作（通过/驳回）。 + - **全局组件与导航升级**： + - **`TopNavBar`**：实现全新顶部水平智慧导航，整合品牌 Logo、通知及个人中心。 + - **个人中心补完**：修复液态玻璃下拉菜单，解决“设置/安全”等 404 死链。 + - **元组件肃清**：全局 `Modal`、`Input`、`Card` 强制同步 6px 工业圆角，移除所有“肥大感”。 + - **负责人**：Gemini UI/UX Engineer (Obsidian Team) + - **完成日期**：2026-04-23 - **基础资料库重构 (Material Library Pro Refactor)** - - **参考稿**：基于用户草稿 (12.png) 与 Precision Atelier 规范。 - - **核心改动**： - - **三栏架构**：左侧分类 - 中间网格 - 右侧实时工作区。 - - **实时预览 (Real-time Preview)**：面板顶部集成大面积材质物理表现预览。 - - **精密滑块 (Precision Sliders)**：金属度、粗糙度、透明度全部由 Input 切换为 Slider 交互。 - - **网格升级**：优化了花色卡片的视觉尺寸与 Metadata（元数据）展示。 - - **负责人**：Gemini UI Engineer + - **核心改动**：三栏架构、实时材质表现预览、精密滑块交互、网格视觉升级。 - **完成日期**：2026-04-16 -- **资产中心与辅助装配终极重构 (Asset Center & Assisted Assembly - Obsidian Atelier)** - - **重构页面**：`资产中心 (/asset-center)` & `辅助装配工作台 (/assisted-assembly)`。 - - **核心改动**： - - **唯一视觉标准**：全盘采用 `Obsidian Atelier` (黑曜石工作室) 标准。应用极致玻璃态 (60%透明+32px模糊) 与 `No-Line` 无实线边框规则。 - - **全中文界面**：所有前端新增的 UI 文本、按钮、参数面板全部中文化。 - - **3D 控制栏精简统一**：全局移除多余相机操作，只保留 `移动 (MOVE)`、`旋转 (ROTATE)`、`正视 (FRONT)`、`顶视 (TOP)`、`等轴测 (ISO)`，并正式还原了 **网格开关 (GRID)**。 - - **辅助装配侧栏整合**：将“板材/组件/五金”的物料选择坞直接合并到 3D 控制栏所在的左侧面板，点击弹出。彻底消除了之前的 UI 重叠与遮挡。 - - **沉浸式画布**：确保 3D 渲染画布为视觉核心，所有浮动面板通过精确的 `z-index` 管理，背景色使用石墨色系区隔。 - - **负责人**：Gemini UI Engineer - - **完成日期**：2026-04-22 - - - --- ## 进行中任务 (In Progress) -- assisted-assembly（辅助装配）：真实样本联调与验收 - - 负责人：Codex - - 当前进展： - - 已补回孔位吸附的真实距离闸门，避免组件离目标过远时仍被误判为可吸附。 - - 已移除缺少孔位 / 安装图样语义时回退到旧中心点假吸附的旧逻辑。 - - 已将右侧提示收口为状态反馈卡，可区分“已进入吸附范围 / 缺少安装图样语义 / 缺少孔位语义”等状态。 - - 已补齐辅助装配工作台与装配规则层回归测试，并通过 `jest（测试）` 与 `type-check（类型检查）`。 - - 待完成： - - 用真实样本在浏览器里完成最终点验，确认拖拽、预吸附、松手吸附与右侧提示在真实模型下都一致。 +- **辅助装配 (Assisted Assembly) - Obsidian 标准化适配** + - **目标**：将当前已完成逻辑联调的“辅助装配”页面，按照 V3.0 黑曜石标准进行“去圆角、去边框、顶导航”适配。 + - **负责人**：Gemini UI Engineer + - **当前进展**： + - 后端吸附逻辑、距离闸门、状态反馈卡已由 Codex 联调完毕。 + - 待执行：将其视觉风格从 20px 苹果风强行压制到 6px 黑曜石风。 + +- **正式产品中心与草稿组 (Products & Drafts) - 工业化重写** + - **目标**：同步首页的“高密度、高信息量”列表逻辑。 + - **待执行**：移除目前的预览图网格，改为两级折叠列表。 + +--- + +## 协作备忘 +1. **严禁圆润**：任何 Agent 看到 `rounded-3xl` 或 `rounded-xl` 请立即改为 `rounded-[6px]`。 +2. **消灭边框**：看到显眼的 1px Border 请尝试用 `bg-black/[0.03]` 背景色阶替代。 +3. **数据至上**：弹窗表单优先使用 `grid-cols-2` 或 `grid-cols-3`，拒绝浪费屏幕空间。