# 设备字段显示更新

## 修改内容

根据需求，对设备相关页面的字段显示进行了以下调整：

### 字段变更
1. **设备编号** → **UUID**（字段名称更改，宽度增加到280px以适应UUID长度）
2. **移除字段**：
   - 设备类型（type）
   - 所在位置（location）
   - 负责人（manager）

### 修改的页面

#### 1. 设备列表页面 (`src/views/device/list/index.vue`)
- ✅ 表格列：设备编号改为UUID，移除设备类型、所在位置、负责人
- ✅ 搜索栏：移除设备类型筛选
- ✅ 表单：UUID字段，移除设备类型、所在位置、负责人输入框
- ✅ 详情弹窗：显示UUID，移除设备类型、所在位置、负责人信息
- ✅ 搜索参数：移除type字段
- ✅ 表单数据：移除type、location、manager字段
- ✅ 表单验证：更新为UUID验证

#### 2. 电源控制页面 (`src/views/device/power/index.vue`)
- ✅ 表格列：设备编号改为UUID（280px宽度），移除设备类型、所在位置、负责人
- ✅ 添加MAC地址列显示

#### 3. 在线设备页面 (`src/views/device/online/index.vue`)
- ✅ 卡片视图：移除设备类型、所在位置、负责人显示，保留UUID、IP、MAC
- ✅ 列表视图表格：UUID列（280px宽度），移除设备类型、所在位置、负责人
- ✅ 详情弹窗：显示UUID，移除设备类型、所在位置、负责人

#### 4. 设备监控页面 (`src/views/device/monitor/index.vue`)
- ✅ 监控卡片：位置信息改为显示IP地址
- ✅ 详情弹窗系统信息：显示UUID，移除设备类型、所在位置、负责人

## 保留的字段

所有页面保留以下字段：
- 设备名称（deviceName）
- UUID（deviceCode）
- 设备状态（status）
- IP地址（ipAddress）
- MAC地址（macAddress）
- 创建时间（createTime）
- 更新时间（updateTime）
- 备注（remark）

## 技术细节

### 表格列宽度调整
- UUID列：280px（带省略号提示）
- 其他列：保持原有宽度

### 表单布局
- 使用 `n-grid` 2列布局
- UUID字段在编辑时禁用（disabled）
- 移除了设备类型、所在位置、负责人的表单项

### 数据模型
后端数据模型保持不变，只是前端不再显示和编辑这些字段。如果需要完全移除这些字段，需要同步修改：
1. 后端实体类（Device.java）
2. 数据库表结构
3. DTO类
4. API接口

## 测试建议

1. 测试设备列表页面的显示和操作
2. 测试电源控制页面的设备列表
3. 测试在线设备页面的卡片和列表视图
4. 测试设备监控页面的监控卡片和详情
5. 测试设备的新增、编辑、删除功能
6. 验证UUID字段的显示和省略号提示
7. 确认所有移除的字段不再显示

## 注意事项

1. **UUID长度**：UUID通常为36个字符，设置280px宽度并启用省略号提示
2. **后端兼容**：后端仍然可以接收和存储type、location、manager字段，只是前端不显示
3. **数据迁移**：如果需要完全移除这些字段，建议先备份数据
4. **API兼容性**：现有API接口保持不变，只是前端不使用这些字段

## 文件清单

修改的文件：
- `src/views/device/list/index.vue`
- `src/views/device/power/index.vue`
- `src/views/device/online/index.vue`
- `src/views/device/monitor/index.vue`

## 后续优化建议

如果确定不再需要这些字段，可以考虑：
1. 从后端实体类中移除
2. 从数据库表中删除列
3. 更新API文档
4. 清理相关的类型定义