docs: sync frontend UI task board with Obsidian Atelier overhaul results
This commit is contained in:
parent
bd60132ae3
commit
5698c3691f
@ -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`,拒绝浪费屏幕空间。
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user