From e5b71e7601928952b216b1cb5a7f491ef9b8eec0 Mon Sep 17 00:00:00 2001 From: xiaosi <2652281683@qq.com> Date: Fri, 28 Aug 2026 17:21:36 +0800 Subject: [PATCH] =?UTF-8?q?docs:=20=E5=A2=9E=E5=8A=A0=20TDesign=20?= =?UTF-8?q?=E8=A1=A8=E5=8D=95=E8=BF=81=E7=A7=BB=E7=AC=AC=E4=BA=8C=E8=BD=AE?= =?UTF-8?q?=E5=AE=9E=E7=8E=B0=E8=AE=A1=E5=88=92?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 覆盖 Users / OperationLogs / Account / DeviceDetail。 --- ...8-tdesign-form-controls-migration-wave2.md | 76 +++++++++++++++++++ 1 file changed, 76 insertions(+) create mode 100644 docs/superpowers/plans/2026-08-28-tdesign-form-controls-migration-wave2.md diff --git a/docs/superpowers/plans/2026-08-28-tdesign-form-controls-migration-wave2.md b/docs/superpowers/plans/2026-08-28-tdesign-form-controls-migration-wave2.md new file mode 100644 index 0000000..f331f13 --- /dev/null +++ b/docs/superpowers/plans/2026-08-28-tdesign-form-controls-migration-wave2.md @@ -0,0 +1,76 @@ +# TDesign Form Controls Migration (Wave 2) Implementation Plan + +> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking. + +**Goal:** 将 Users / OperationLogs / Account / DeviceDetail 剩余业务表单控件迁移到 TDesign,与第一轮约定一致。 + +**Architecture:** 原生 `select/input/number/password/email` → `t-select` / `t-input` / `t-input-number`;选项提成 `options`;保持 `v-model` 与 `@change=reload` 语义。参考第一轮 Devices/Tasks/Firmwares 写法与 scoped 宽度适配。 + +**Tech Stack:** Vue 3、`tdesign-vue-next`、现有布局 class + +**Spec:** `docs/superpowers/specs/2026-08-28-tdesign-form-controls-migration-design.md`(映射约定沿用;本轮覆盖原「后续轮次」页面) + +--- + +### Task 1: UsersView + +**Files:** +- Modify: `src/views/UsersView/UsersView.vue` + +- [ ] keyword → `t-input` clearable(保留 `@keyup.enter="reload"`,可加 `@clear="reload"`) +- [ ] `roleFilter` → `t-select` + options:`''/admin/user`,`@change="reload"` +- [ ] 必要 scoped CSS(`.asset-search .t-input { width:100% }`) +- [ ] Commit: `feat: 用户管理表单控件切换到 TDesign` + +--- + +### Task 2: OperationLogsView + +**Files:** +- Modify: `src/views/OperationLogsView/OperationLogsView.vue` + +- [ ] keyword → `t-input` clearable +- [ ] `statusFilter` → `t-select` + options:`''/sent/acked/timeout/terminal`,`@change="reload"` +- [ ] Commit: `feat: 操作日志表单控件切换到 TDesign` + +--- + +### Task 3: AccountView + +**Files:** +- Modify: `src/views/AccountView/AccountView.vue` + +- [ ] `trafficAmount` → `t-input-number`(min=1;旁注 GB) +- [ ] 发票资料:title / taxpayerNumber / email → `t-input`(email 可用 `type="email"` 或默认) +- [ ] 若存在订单 `