liuhaodong
/
laic-frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
223 Commits
1 Branch
0 Tags
13 MiB
 
 
 
 
Branch: main
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'main'
${ noResults }
laic-frontend/docs/superpowers/plans/2026-08-28-monitor-device-l...

1.3 KiB
Raw Permalink Blame History

MonitorDeviceList 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: 抽出左侧设备列表面板；筛选/选中逻辑留页面。

Architecture: 展示组件 + v-model search/filter + docks 列表 + 事件上抛。

Spec: docs/superpowers/specs/2026-08-28-monitor-device-list-design.md

Task 1

  • Create src/components/MonitorDeviceList.vue
  • Modify src/views/MonitorView/MonitorView.vue

替换为类似：

<MonitorDeviceList
  :dock-count="devices.docks.length"
  :drone-count="devices.drones.length"
  v-model:search="search"
  v-model:filter="filter"
  :filter-counts="filterCounts"
  :docks="filteredDocks"
  :selected-dock-ids="selectedDockIds"
  :selected-id="selectedId"
  :is-dock-active="isDockCardActive"
  :altitude-of="droneAltitude"
  @clear-selection="clearSelection"
  @select-all="selectAllDocks"
  @clear-dock-selection="clearDockSelection"
  @select="select"
  @toggle-select="setDockSelection"
/>

Commit: refactor: 抽取 MonitorDeviceList 左侧设备列表

Task 2 冒烟

列表渲染；筛选/点选；空态。

约束

不改后台；精确 git add；中文 commit