Easy!Appointments 日历插槽时间与预约时长冲突问题解析

问题背景

在Easy!Appointments预约管理系统中，当管理员通过后台日历界面创建新预约时，系统会默认使用日历视图的slotDuration(插槽时长)作为预约的初始时长，而不是采用所选服务的默认时长。这一行为可能导致预约时长设置错误，需要管理员手动调整。

问题表现

1. 管理员点击日历中的时间槽位创建新预约
2. 预约表单弹出时，开始/结束时间自动填充为日历的slotDuration值(如30分钟)
3. 即使已选择服务(如45分钟的服务)，时长仍保持slotDuration值
4. 管理员必须重新选择服务才能获得正确的时长

技术分析

该问题的核心在于系统处理时间设置的优先级逻辑：

1. 日历组件优先考虑用户交互行为(点击或拖拽)
2. 当用户点击单个时间槽时，系统直接使用该槽位的时间范围
3. 服务时长设置仅在服务选择变更后才生效
4. 缺乏对初始状态的智能判断机制

解决方案建议

优化交互逻辑

1. 区分点击与拖拽行为：

   • 单次点击：使用服务默认时长
   • 拖拽选择：使用用户自定义时长

2. 初始化处理：

   • 表单加载时优先检查服务时长
   • 仅当无服务选择时使用slotDuration

3. 用户体验优化：

   • 清空初始服务选择，强制用户明确选择
   • 提供时长冲突提示

代码实现思路

在表单初始化逻辑中增加条件判断：

if (isSingleClick) {
    // 使用服务默认时长
    endTime = startTime + serviceDuration;
} else if (isDragSelection) {
    // 使用用户选择的时长
    endTime = draggedEndTime;
}

系统设计考量

1. 灵活性：保留用户自定义时长的能力
2. 准确性：优先考虑业务规则(服务时长)
3. 一致性：确保前端行为与后台逻辑匹配
4. 容错性：防止因疏忽导致的错误预约

总结

Easy!Appointments作为开源预约系统，在处理复杂业务场景时需要平衡用户交互与业务规则的优先级。通过优化时间设置逻辑，可以显著提升管理员工作效率并减少预约错误。建议在后续版本中考虑实现更智能的时长计算机制，同时保持系统的灵活性。