style(bi): 令牌化、无障碍与信息架构优化 #90

New issue

Closed

opened 2026-11-02 11:38:43 +08:00 by Lijianping · 0 comments

Lijianping commented

2026-11-02 11:38:43 +08:00

Collaborator

目标

按 docs/BI驾驶舱UI评审与优化方案.md 落地剩余项：BI 作用域令牌、对比度/键盘可达/动效降级、报警面板语义与装饰降噪。目标仓：frontend

范围

frontend/src/styles/tokens.css（.bi-viewport 作用域令牌）
frontend/src/views/BiView.vue（hex→var、次级文字对比度、日/月/年 Tab 键盘、prefers-reduced-motion、报警分析改名/重组文案、设备块装饰收敛、移除 wo-bolt、工单关系小注）
必要时 frontend/src/layouts/BiLayout.vue

不做

不改 backend/、app/、txys-*
不做数字分析 sparkline（可另卡）
不强行与后台浅色 --tx-primary 共用同一 hex（BI 自有 --bi-*，色相族一致即可）
不抽独立 .bi-panel 大组件重构（可另卡）

验收

tokens.css 含 .bi-viewport 令牌；BiView 主色/状态/工单色以 var() 引用
次级正文对比度可达 AA 方向（弱文提高透明度或改 --bi-text-2）
日/月/年 Tab 为可聚焦控件，支持键盘切换与 :focus-visible
prefers-reduced-motion: reduce 下降级滚动/箭头等动效
「报警分析」标题与环形图内容语义一致（改名或说明）
设备块装饰收敛；wo-bolt 移除；工单圆环×条形有一行关系说明
npm run build 通过

相关文档

工作区 docs/BI驾驶舱UI评审与优化方案.md §4.2–4.5、§5、§7（P0/P2/P3）

## 目标按 `docs/BI驾驶舱UI评审与优化方案.md` 落地剩余项：BI 作用域令牌、对比度/键盘可达/动效降级、报警面板语义与装饰降噪。目标仓：frontend ## 范围 - `frontend/src/styles/tokens.css`（`.bi-viewport` 作用域令牌） - `frontend/src/views/BiView.vue`（hex→var、次级文字对比度、日/月/年 Tab 键盘、`prefers-reduced-motion`、报警分析改名/重组文案、设备块装饰收敛、移除 wo-bolt、工单关系小注） - 必要时 `frontend/src/layouts/BiLayout.vue` ## 不做 - 不改 `backend/`、`app/`、`txys-*` - 不做数字分析 sparkline（可另卡） - 不强行与后台浅色 `--tx-primary` 共用同一 hex（BI 自有 `--bi-*`，色相族一致即可） - 不抽独立 `.bi-panel` 大组件重构（可另卡） ## 验收 - [ ] `tokens.css` 含 `.bi-viewport` 令牌；`BiView` 主色/状态/工单色以 `var()` 引用 - [ ] 次级正文对比度可达 AA 方向（弱文提高透明度或改 `--bi-text-2`） - [ ] 日/月/年 Tab 为可聚焦控件，支持键盘切换与 `:focus-visible` - [ ] `prefers-reduced-motion: reduce` 下降级滚动/箭头等动效 - [ ] 「报警分析」标题与环形图内容语义一致（改名或说明） - [ ] 设备块装饰收敛；`wo-bolt` 移除；工单圆环×条形有一行关系说明 - [ ] `npm run build` 通过 ## 相关文档 - 工作区 `docs/BI驾驶舱UI评审与优化方案.md` §4.2–4.5、§5、§7（P0/P2/P3）

Lijianping added the

size/M

type/chore

area/front

labels

2026-11-02 11:38:43 +08:00

Lijianping referenced this issue

2026-11-02 11:41:52 +08:00

style(#90): BI 令牌化、无障碍与信息架构优化 #91

Lijianping referenced this issue from a commit

2026-11-02 11:41:53 +08:00

style(#90): BI 令牌化、无障碍与信息架构优化