[外观设计]带日历的排班系统用户界面

摘要

1．本外观设计产品的名称：带日历的排班系统用户界面。2．本外观设计产品的用途：本外观设计产品用于运行程序及排班日期的查看，方便查看排班历史、对当天以后的7天内可以添加排班、对历史数据设置模版、使用模版等；对7天内排班信息进行编辑、删除；对历史信息生成的模版进行编辑、删除；也可以对自己的排班记录的统计进行查看等。3．本外观设计产品的设计要点：在于界面中整个产品的逻辑关系，所能解决的问题。4．最能表明本外观设计设计要点的图片或照片：主视图。5．省略视图：左视图、右视图、俯视图、仰视图及后视图，不涉及产品设计要点，故省略。6．界面用途：产品的图形用户界面为用于实现排班日期的系统界面；（1）用户可通过点触主视图日历“日期”对排班日期进行选择；（2）用户可通过点触主视图顶部年月进行选择年月的查看；（3）用户可通过点触主视图“添加排班”对当天空余时间进行切片，并且对已经切好的时间段，进行选择生成排班；（4）用户可以左滑排班为“空”的时间段进行删除操作；（5）用户可对“空”时间段进行调整；（6）用户可以点击主视图右上角“日历”图标进入模版页面，对历史生成的模版进行模版的选择生成当天的排班；（7）点击除了今天以外的日期，点击主视图左上角的“回今天”按钮，可以快捷的回到当天排班信息；（8）查看日历通过查看“笔”的图标可以看到你都有哪些天都设置了排班，哪几天设置了休息；（9）日历中，今天未排班显示“今天”，今天已排班显示已排班“笔”图标样式；（10）用户可对设置的模版进行调整、删除；（11）用户可通过日历下方色块+提示对页面中颜色的使用进行说明，蓝色为可排班日期，绿色为不可排班日期，紫色为历史排班日期；此模块还会滚动显示提示信息，温馨提示用户如何更快的让用户更好的使用这个控件。（12）用户可点击色块提示旁边的右跳转箭头，对以前排班的历史数据与近7天内排班的数据，以及所有提示信息的说明都会展示在这里。7．图形用户界面的交互方式：主视图所显示的为用于显示排班系统的主界面，用户可通过点击年月对年月进行选择、日期、添加排班、设置模版、查看模版、对已有为空排班切片时间进行删除、对已过期排班时间段进行查看等操作。变化状态图1查看历史信息，无排班信息显示休息；变化状态图2查看历史信息，休息日显示；变化状态图3点击顶部年月，弹出选择年月；变化状态图4查看历史有排班信息，打开设置模版按钮，可以把历史当天信息设置为模版；变化状态图5为点击变化状态图4“右上角日历图标”打开我的排班模版页面，为空时候的样式查看；变化状态图6为点击变化状态图4“右上角日历图标”打开我的排班模版页面，展示模版列表样式，并且有模版最多设置提示，以及每一个模版里有多少时段；变化状态图7为点击变化状态图6“05‑02”编辑排班模版，确认使用此日期排班模版，点击“使用此模版”；变化状态图8为点击变化状态图7“单个时间段”对单个时间段进行调整；变化状态图9对调整时间段有误的时间段会有个“感叹号”的提醒，点击感叹号有提示信息展示；变化状态图10当天打开休假页面显示；变化状态图11当天默认展示关闭休假页面，可以添加排班；变化状态图12为点击变化状态图11中部“添加排班”按钮，进入选择时间默认页面；变化状态图13选择需要进行切割的开始时间和结束时间；变化状态图14输入开始时间段和结束时间段之后的展示；变化状态图15为点击变化状态图14“确定”对当前已有切片时间进行选择，页面下方为已选时段展示；变化状态图16为点击变化状态图15“确认选择时间”查看对已选切片时间是否提交成功；变化状态图17为点击变化状态图16“查看排班”对已提交成功切片时间进行查看，并且可以对已添加的空排班进行删除，删除空排班，提示“删除成功”；变化状态图18为左滑删除“空”时段，对已预约未付款的切片时间显示为“空“进行删除，提示已锁定，患者待支付，此时间段被锁定；变化状态图19为左滑删除“班”时段，对已预约切片时间进行删除，提示“该时段已被预约，不能进行删除”；变化状态图20 为左滑删除底部颜色为灰色的时间段，提示“该时段为历史信息，不可删”底部为灰色代表小于当前时间，为历史信息；变化状态图21为当天有排班信息，左滑“空”排班可对空排班未被锁定的时间段可修改时间进行修改；变化状态图22点击超过7天以后的日期，页面提示“间隔时间过长，稍后排班吧！准确性更高哦！”；变化状态图23点击变化状态图22中部色块提示最右边“左跳转按钮”，查看以前排班的历史数据与近7天内排班的数据，以及所有颜色提示、提示信息都展示在这里。