laic-frontend/docs/superpowers/plans/2026-08-28-tdesign-form-controls-migration-wave2.md

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" 或默认）

• 若存在订单 <select v-model="invoiceOrderId"> → t-select + computed options；否则只换已有 input

• 编辑资料弹窗 name/email → t-input

• 修改密码弹窗 → t-input type="password"（可 type="password"）

• Commit: feat: 账户中心表单控件切换到 TDesign

---

Task 4: DeviceDetailView

Files:

• Modify: src/views/DeviceDetailView/DeviceDetailView.vue

• alarmStatusFilter → t-select + options：''/active/resolved

• 本页若无其它业务 input 则不动

• Commit: feat: 设备详情告警筛选切换到 TDesign

---

Task 5: 验收

• rg '<select' src/views/UsersView src/views/OperationLogsView src/views/AccountView src/views/DeviceDetailView → 0
• 浏览器冒烟：admin 验 Users + Firmwares 不回归；user 验 OperationLogs + Account；DeviceDetail 告警筛选
• 全站业务页原生 select 清零（或仅剩明确标注的非表单例外）

---

约定（同第一轮）

1. :options="[{label,value}]"；空筛选用 ''
2. 不改后台；不 git add -A
3. 跳过全量测试；浏览器冒烟
4. 尺寸 medium；最少 CSS 调宽