b6217a8b02a174a40d81dc81fd3e237e9770d760
问题修复:
1. 修复算法参数保存失败问题
- working_hours 数据格式错误(字符串数组 → 对象数组)
- 添加参数校验逻辑
- 改进错误提示(显示后端具体错误信息)
2. 全新时间段选择器组件
- WorkingHoursEditor.vue(精美可视化界面)
- 快捷模板:全天/单班制/两班制/三班制
- 可视化时间选择(TimePicker.RangePicker)
- 智能校验(时间段不重叠、结束>开始)
- 实时预览已配置时间段
核心改进:
1. AlgorithmParamEditor.vue
- 引入 WorkingHoursEditor 组件
- 特殊处理 working_hours 字段
- validateParams() 参数校验
- 改进错误提示(catch块显示详细错误)
- 增加帮助提示
2. WorkingHoursEditor.vue(新建)
- 快捷模板区域:
* 全天监控(空数组)
* 单班制(09:00-18:00)
* 两班制(09:00-12:00, 14:00-18:00)
* 三班制(08:00-16:00, 16:00-00:00, 00:00-08:00)
- 自定义时间段:
* TimePicker.RangePicker 可视化选择
* 时间段卡片展示
* 一键删除、清空全部
* 显示时长(小时+分钟)
- 智能校验:
* 结束时间 > 开始时间
* 时间段不重叠
* 实时错误提示
- 帮助说明:使用提示
UI设计亮点:
- 卡片式布局,清晰直观
- 快捷模板一键应用
- 时间段自动排序
- 空状态优化
- 响应式设计
- 精美的图标和颜色
数据格式:
before: ["09:00-18:00"] // ❌ 字符串数组
after: [{"start": "09:00", "end": "18:00"}] // ✅ 对象数组
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Description
Languages
Vue
63.3%
TypeScript
32%
JavaScript
3.6%
CSS
0.7%
SCSS
0.3%