发明内容
为解决现有技术中存在的难以令用户高效地查看和办理较多的待办事务的问题,本发明采用如下技术方案:
本发明提供一种待办事项展示方法,其包括:
调用存储于服务器的存储装置中的数据库;
读取所述数据库中的待办事项表单;
解析所述待办事项表单,得到待办事项的各项数据;
选取显示模板,将所述待办事项的各项数据导入显示模板;
显示已经导入数据的显示模板。
较佳地,所述显示模板为卡片式模板,所述显示已经导入数据的显示模板的步骤,具体包括:
以卡片的形式在显示屏上显示已经导入数据的显示模板。
较佳地,所述以卡片的形式在显示屏上显示已经导入数据的显示模板的步骤,具体包括:
以多个卡片的形式在显示屏上显示已经导入数据的显示模板,一个卡片对应一个已经导入数据的显示模板。
较佳地,所述的待办事项展示方法进一步包括:
在卡片的数量超过显示屏能够显示的最大卡片数量时,存储未能在显示屏上显示的已经导入数据的显示模板。
较佳地,所述的待办事项展示方法进一步包括:
待办事项办理完成的卡片消失;
判断是否存在未能在显示屏上显示的已经导入数据的显示模板,若是,则在消失的卡片的位置处显示未能在显示屏上显示的已经导入数据的显示模板。
较佳地,所述待办事项办理完成的卡片消失的步骤,具体包括:
在鼠标停留于一卡片时,显示生成的操作界面;
通过鼠标点击操作界面的指示图案,显示展开的待办事项处理界面;
在所述待办事项处理界面进行事项办理;
在确认完成对待办事项的办理之后,对应的卡片消失。
较佳地,所述待办事项办理完成的卡片消失的步骤,具体包括:
显示批量办理的图案;
选择批量办理的图案,显示生成的各个卡片各自的勾选框;
选择至少两个卡片的勾选框,显示生成的批量操作界面;
判断是否可以批量操作,若是,则显示展开的待办事项处理界面;
在所述待办事项处理界面进行事项办理;
在确认完成对待办事项的办理之后,对应的卡片消失。
较佳地,所述的待办事项展示方法进一步包括:
检测到鼠标、触控装置、键盘或者话筒产生的翻页显示指令;
以滚动的形式,显示未能在显示屏上显示的已经导入数据的显示模板,而当前在显示屏上显示的卡片全部或者部分消失。
较佳地,所述卡片包括头部基本信息区、表单内容区和操作按钮区;
所述头部基本信息区包括发起人信息区,和待办事项基本信息区;
所述表单内容区包括待办事项的历史处理过程信息,办理意见和附件列表;
所述操作按钮区默认不显示,通过鼠标或其他方式悬停于卡片时才显示操作按钮区,所述操作按钮区包含办理、退回、拒绝和委托四个按钮。
本发明还提供一种待办事项展示系统,其包括:
调用模块,用于调用存储于服务器的存储装置中的数据库;
读取模块,用于读取所述数据库中的待办事项表单;
解析模块,用于解析所述待办事项表单,得到待办事项的各项数据;
填充模块,用于选取显示模板,将所述待办事项的各项数据导入显示模板;以及
显示模块,用于显示已经导入数据的显示模板。
本发明读取待办事项表单,解析得到待办事项的各项数据,再将所述待办事项的各项数据导入显示模板,并用于显示,使得用户无需进入详情页面就可以快速了解到待办事项的具体信息,且支持同时查看多条待办事项,方便用户使用操作。而且,用户可以在当前页面直接办理大多数待办事项。办理完一条事务并不会影响其它待办事项,且支持同时办理多个待办事项。
具体实施方式
下面结合附图详细说明本发明的优选实施例。
请参阅图1,其是本发明一种待办事项展示方法的流程示意图。
本发明一种待办事项展示方法,其包括以下步骤:
步骤S1、调用存储于服务器的存储装置中的数据库;
步骤S2、读取所述数据库中的待办事项表单;
在上述步骤S1和S2中,服务器端从数据库中获取出若干个表单相关的所有数据。
步骤S3、解析所述待办事项表单,得到待办事项的各项数据;
在上述步骤S3中,使用htmlparser解析出表单中的各种控件。
步骤S4、选取显示模板,将所述待办事项的各项数据导入显示模板;
在上述步骤S4中,所述显示模板为卡片式模板。采用freemark技术将卡片的固定内容定义在一个freemarker模板文件中,然后遍历待办事务列表,调用freemarker接口生成卡片内容。所述显示已经导入数据的显示模板的步骤,具体包括:以卡片的形式在显示屏上显示已经导入数据的显示模板。当然,卡片的数量的可以是一个或者多个,一个卡片对应一个已经导入数据的显示模板。
请参阅图2,其是本发明所采用的卡片示意图。
所述卡片包括头部基本信息区、表单内容区和操作按钮区;
所述头部基本信息区包括发起人信息区,和待办事项基本信息区;
所述表单内容区包括待办事项的历史处理过程信息,办理意见和附件列表;
所述操作按钮区默认不显示,通过鼠标或其他方式悬停于卡片时才显示操作按钮区,所述操作按钮区包含办理、退回、拒绝和委托四个按钮。
步骤S5、显示已经导入数据的显示模板。
在上述步骤S5中,在卡片的数量超过显示屏能够显示的最大卡片数量时,存储未能在显示屏上显示的已经导入数据的显示模板。
利用js代码,使得卡片宽度允许在一定区间内自动调整,随着分辨率不同,界面框架自动考虑增减卡片列,并调整卡片宽度,从而实现自适应的功能。同时对卡片进行排序,并自定义了一个处理卡片的jquery插件,使异步加载卡片内容、初始化卡片事件变得更容易。
由于使用“瀑布流”方式显示卡片,支持滚动获取分页,当滚动条滚到最底部,系统自动获取下一行的数据,直至没有更多待办事务。比如:检测到鼠标、触控装置、键盘或者话筒产生的翻页显示指令;以滚动的形式,显示未能在显示屏上显示的已经导入数据的显示模板,而当前在显示屏上显示的卡片全部或者部分消失。
在上述步骤S5之后,本发明一种待办事项展示方法进一步包括:
待办事项办理完成的卡片消失;
判断是否存在未能在显示屏上显示的已经导入数据的显示模板,若是,则在消失的卡片的位置处显示未能在显示屏上显示的已经导入数据的显示模板。
对待办事项的办理,包括两种情况。第一种是,单一待办事项的办理,第二种是,批量待办事项的办理。
请参阅图3,其是本发明一种待办事项展示方法关于单一待办事项的办理的流程示意图。
在本实施例中,所述待办事项办理完成的卡片消失的步骤,具体包括:
步骤S11、在鼠标停留于一卡片时,显示生成的操作界面;
步骤S12、通过鼠标点击操作界面的指示图案,显示展开的待办事项处理界面;
步骤S13、在所述待办事项处理界面进行事项办理;
步骤S14、在确认完成对待办事项的办理之后,对应的卡片消失。
或者可以说,用户点击某个卡片上悬浮出现的“办理”按钮,则展开表单内容填写区,审批意见填写区及审批操作按钮。填写相关内容及办理意见后点击同意、不同意或保留意见等操作按钮,则卡片切换为选择下一步骤和办理人页面。选定人员和步骤后点击卡片上的确定则该事务提交至选择的办理步骤和人员,页面上方提示成功,同时该卡片从视图中消失。
请参阅图4,其是本发明一种待办事项展示方法关于批量待办事项的办理的流程示意图。
在本实施例中,所述待办事项办理完成的卡片消失的步骤,具体包括:
步骤S21、显示批量办理的图案;
步骤S22、选择批量办理的图案,显示生成的各个卡片各自的勾选框;
步骤S23、选择至少两个卡片的勾选框,显示生成的批量操作界面;
步骤S24、判断是否可以批量操作,若是,则显示展开的待办事项处理界面;
步骤S25、在所述待办事项处理界面进行事项办理;
步骤S26、在确认完成对待办事项的办理之后,对应的卡片消失。
或者可以说,为了进一步提升事务办理的效率,在卡片区上方提供批量签批的选项。勾选该选项后,则各个卡片右上角出现勾选框,用户可以根据实际情况将多个卡片同时选中,此时将出现批量办理操作按钮。
点击批量办理操作按钮后,对选中的卡片进行流转判断,辨别当前所有选中的卡片是否符合直接提交至下一步的条件,完成后弹出提示框告知用户办理成功与否。
在本实施例中,某条事务被办理后,或者说某个卡片被办理完成后,使用jquery淡出功能将卡片删除,然后使用ajax重新获取下一个卡片,新卡片显示后,调用自定义的jquery插件初始化卡片相关事件,如鼠标移上去的样式。
请参阅图5,其是本发明一种待办事项展示系统的模块示意图。
本发明一种待办事项展示系统,其包括:
调用模块100,用于调用存储于服务器的存储装置中的数据库;
读取模块200,用于读取所述数据库中的待办事项表单;
解析模块300,用于解析所述待办事项表单,得到待办事项的各项数据;
填充模块400,用于选取显示模板,将所述待办事项的各项数据导入显示模板;以及
显示模块500,用于显示已经导入数据的显示模板。
本发明读取待办事项表单,解析得到待办事项的各项数据,再将所述待办事项的各项数据导入显示模板,并用于显示,使得用户无需进入详情页面就可以快速了解到待办事项的具体信息,且支持同时查看多条待办事项。而且,用户可以在当前页面直接办理大多数待办事项。办理完一条事务并不会影响其它待办事项,且支持同时办理多个待办事项。
这里本发明的描述和应用是说明性的,并非想将本发明的范围限制在上述实施例中。这里所披露的实施例的变形和改变是可能的,对于那些本领域的普通技术人员来说实施例的替换和等效的各种部件是公知的。本领域技术人员应该清楚的是,在不脱离本发明的精神或本质特征的情况下,本发明可以以其它形式、结构、布置、比例,以及用其它组件、材料和部件来实现。在不脱离本发明范围和精神的情况下,可以对这里所披露的实施例进行其它变形和改变。