智能调度系统 - 界面问题汇报
发现时间
8月7日
问题总数
2
涉及模块
1
1 系统全貌
📸 图中标注了红色方框的两处问题:(A) 任务规划窗口文字溢出,(B) 结果文件窗口缺少上下拖拽功能
2 问题详情
问题 A:任务规划窗口文字溢出
UI 适配问题描述
在智能调度系统界面中,右侧"结果文件"上方的"任务规划"小窗口存在布局问题。当用户拖动主窗口调整大小时,任务规划区域的上下高度不会随之自动调整,导致窗口缩小时内部文字(如"叉车路径"、"任务分配"等表格内容)跳出所属方框,影响信息可读性和界面美观。
涉及区域
界面右上方 → "任务规划"面板 → 表格区域
严重程度
🔶 中等 — 不影响核心功能,但影响操作体验和信息可读性
复现步骤
- 1 打开智能调度系统,确认"任务规划"面板可见
- 2 用鼠标拖动主窗口边框,缩小窗口高度
- 3 观察"任务规划"区域 → 文字溢出方框边界
问题 B:结果文件窗口缺少上下拖拽功能
交互优化问题描述
界面右下角的"结果文件"窗口目前上下高度固定,不支持用户手动拖拽调整高度。当任务规划区域内容较多或用户需要查看更多结果文件列表时,无法灵活扩大该区域。建议为该窗口添加上下可拖拽的分隔条,让用户能根据需要调整结果文件区域的显示高度。
涉及区域
界面右下方 → "结果文件"面板 → 顶部边框
严重程度
🔹 轻微 — 不影响功能,属于交互体验改进建议
期望效果
- 1 鼠标悬停在"结果文件"窗口上边框时,光标变为上下拖拽箭头
- 2 按住鼠标向上/向下拖动,结果文件区域高度随之改变
- 3 上方"任务规划"窗口高度同步调整,整体布局保持协调
🔧 修改建议
- 问题A 修复:为"任务规划"面板容器设置
min-height和overflow: auto,或在父级布局中使用 flex 弹性分配高度,确保窗口缩小时内部内容可滚动而非溢出。 - 问题B 优化:在"结果文件"窗口顶部添加一个可拖拽分隔条(resize handle),监听 mousedown → mousemove → mouseup 事件动态调整面板高度。
- 统一布局:将右侧面板改为 CSS Grid 或 Flex 弹性布局,上下面板按比例或最小高度约束分配空间,避免硬编码固定高度。