3.6 KiB
3.6 KiB
批量编辑功能使用说明
🎯 功能概述
批量编辑功能允许用户在场景编辑器中同时选中多个点位和路线，并批量修改它们的属性，大大提升了编辑效率。
✨ 主要功能
1. 批量选中
- 鼠标拖动选中：在编辑模式下，可以通过鼠标拖动框选多个点位和路线
- 实时计数：工具栏会显示当前选中的元素数量
- 清除选择：一键清除所有选中状态
2. 批量编辑点位
- 点位类型：支持修改点位类型
- 普通点
- 等待点
- 避让点
- 临时避让点
- 库区点
- 电梯点
- 自动门点
- 充电点
- 停靠点
- 动作点
- 禁行点
3. 批量编辑路线
- 通行类型：
- 无限制
- 仅空载可通行
- 仅载货可通行
- 禁行
🚀 使用方法
步骤 1：启用编辑器
- 打开场景编辑器页面
- 点击右上角的"启用编辑器"按钮
- 编辑器工具栏和批量编辑工具栏将出现在页面上
步骤 2：批量选中元素
- 在画布上按住鼠标左键
- 拖动鼠标框选需要编辑的点位和路线
- 选中的元素会高亮显示
- 批量编辑工具栏会显示选中元素的数量
步骤 3：批量编辑
- 点击"批量编辑"按钮打开编辑面板
- 根据需要选择要修改的属性：
- 如果选中了点位，可以修改点位类型
- 如果选中了路线，可以修改路线类型、通行类型和方向
- 在预览区域查看即将应用的更改
- 点击"确定"应用更改，或点击"取消"放弃更改
步骤 4：清除选择
- 点击"清除选择"按钮可以取消所有选中状态
- 或者直接点击画布空白区域也可以清除选择
🎨 界面说明
批量编辑工具栏
- 位置：页面顶部中央（仅在选中元素时显示）
- 功能：显示选中数量、打开批量编辑面板、清除选择
批量编辑面板
- 选中统计：显示选中的点位和路线数量
- 点位编辑区：当选中点位时显示，用于修改点位类型
- 路线编辑区：当选中路线时显示，用于修改路线通行类型
- 预览区域：显示即将应用的更改，方便确认
💡 使用技巧
- 混合选择：可以同时选中点位和路线进行批量编辑
- 部分更新：只修改需要更改的属性，其他属性保持不变
- 预览确认：在应用更改前，预览区域会显示所有即将修改的内容
- 撤销支持：所有批量编辑操作都支持撤销（Ctrl+Z）
🔧 技术实现
- 响应式设计：基于 Vue 3 Composition API
- 类型安全：完整的 TypeScript 类型定义
- 性能优化：批量更新减少渲染次数，自动触发画布重绘
- 用户体验：实时预览和撤销支持，紧凑的弹框设计
📝 注意事项
- 批量编辑功能仅在编辑模式下可用
- 选中的元素必须是点位（point）或路线（line）类型
- 区域（area）和机器人（robot）元素不支持批量编辑
- 所有更改都会记录在编辑历史中，支持撤销操作
🐛 故障排除
问题：批量编辑按钮不可用
- 原因：没有选中任何元素
- 解决：先通过鼠标拖动选中需要编辑的点位或路线
问题：编辑面板中没有显示选项
- 原因：选中的元素类型不支持该编辑选项
- 解决：确保选中的是点位或路线类型的元素
问题：更改没有生效
- 原因：可能没有点击"确定"按钮
- 解决：在编辑面板中点击"确定"按钮应用更改