CN114219372A - 甘特图处理方法、装置、计算机设备及存储介质 - Google Patents

甘特图处理方法、装置、计算机设备及存储介质 Download PDF

Info

Publication number
CN114219372A
CN114219372A CN202210132756.6A CN202210132756A CN114219372A CN 114219372 A CN114219372 A CN 114219372A CN 202210132756 A CN202210132756 A CN 202210132756A CN 114219372 A CN114219372 A CN 114219372A
Authority
CN
China
Prior art keywords
task block
gantt chart
dragging
event
request
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN202210132756.6A
Other languages
English (en)
Other versions
CN114219372B (zh
Inventor
韦帅
郑家俊
莫兆忠
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Foshan Jiyan Zhilian Technology Co ltd
Original Assignee
Foshan Jiyan Zhilian Technology Co ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Foshan Jiyan Zhilian Technology Co ltd filed Critical Foshan Jiyan Zhilian Technology Co ltd
Publication of CN114219372A publication Critical patent/CN114219372A/zh
Application granted granted Critical
Publication of CN114219372B publication Critical patent/CN114219372B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q10/00Administration; Management
    • G06Q10/06Resources, workflows, human or project management; Enterprise or organisation planning; Enterprise or organisation modelling
    • G06Q10/063Operations research, analysis or management
    • G06Q10/0631Resource planning, allocation, distributing or scheduling for enterprises or organisations
    • G06Q10/06316Sequencing of tasks or work
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00Commerce
    • G06Q30/06Buying, selling or leasing transactions
    • G06Q30/0601Electronic shopping [e-shopping]
    • G06Q30/0633Lists, e.g. purchase orders, compilation or processing
    • G06Q30/0635Processing of requisition or of purchase orders
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q50/00Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
    • G06Q50/04Manufacturing
    • YGENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02PCLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
    • Y02P90/00Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
    • Y02P90/30Computing systems specially adapted for manufacturing

Landscapes

  • Business, Economics & Management (AREA)
  • Human Resources & Organizations (AREA)
  • Engineering & Computer Science (AREA)
  • Economics (AREA)
  • Strategic Management (AREA)
  • Theoretical Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • General Business, Economics & Management (AREA)
  • Physics & Mathematics (AREA)
  • Marketing (AREA)
  • Tourism & Hospitality (AREA)
  • Development Economics (AREA)
  • Finance (AREA)
  • Accounting & Taxation (AREA)
  • Entrepreneurship & Innovation (AREA)
  • Manufacturing & Machinery (AREA)
  • Educational Administration (AREA)
  • Quality & Reliability (AREA)
  • Health & Medical Sciences (AREA)
  • General Health & Medical Sciences (AREA)
  • Primary Health Care (AREA)
  • Game Theory and Decision Science (AREA)
  • Operations Research (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明实施例公开了甘特图处理方法、装置、计算机设备及存储介质。所述方法包括:获取任务块拖动请求;根据所述任务块拖动请求生成预显示任务块;在任务块拖动过程中,根据移动的方位以及横纵坐标转换确定预显示任务块的插入位置。通过实施本发明实施例的方法可实现即刻满足用户对于排程计划适时变动的需求,同时可以更加灵活进行任务调动,提高设备的利用率,减少资源的消耗,同时可以让用户有更好的操作体验,提高用户黏性。

Description

甘特图处理方法、装置、计算机设备及存储介质
技术领域
本发明涉及计算机,更具体地说是指甘特图处理方法、装置、计算机设备及存储介质。
背景技术
甘特图可以显示项目进度、紧急度及项目排期的相关情况,让项目参与者在第一时间对项目的进度等相关问题做出调整,保证项目井然有序地进行下去。
随着甘特图的出现,对于处理作业排序混乱、时间把控不精准、计划延误等问题,都能很好地解决。然而,传统的甘特图编辑的功能十分微弱,操作繁琐并且灵活性低,当发现生成甘特图的数据错误而进行修改时,需要拖动甘特图对应的任务块,而甘特图任务块每次拖动都需要向后台请求数据接口,以维持数据的实时性,数据请求次数增多,页面刷新频率提高,会导致网络资源的浪费,尤其当任务量饱和时,大量页面数据的刷新会使页面更新速度缓慢,出现卡顿现象,影响用户体验。
因此,有必要设计一种新的方法,实现即刻满足用户对于排程计划适时变动的需求,同时可以更加灵活进行任务调动,提高设备的利用率,减少资源的消耗,同时可以让用户有更好的操作体验,提高用户黏性。
发明内容
本发明的目的在于克服现有技术的缺陷,提供甘特图处理方法、装置、计算机设备及存储介质。
为实现上述目的,本发明采用以下技术方案:甘特图处理方法,包括:
获取任务块拖动请求;
根据所述任务块拖动请求生成预显示任务块;
在任务块拖动过程中,根据移动的方位以及横纵坐标转换确定预显示任务块的插入位置。
其进一步技术方案为:所述根据所述任务块拖动请求生成预显示任务块,包括:
根据所述任务块拖动请求触发鼠标拖动事件;
利用所述鼠标拖动事件在所述任务块拖动请求对应目标任务块位置上进行节点对象拷贝,以生成预显示任务块。
其进一步技术方案为:所述根据所述任务块拖动请求触发鼠标拖动事件,包括:
启动div标签原生属性中的mousedown事件、mouseenter事件以及mouseleave事件;
根据所述任务块拖动请求触发mousedown事件,获取当前的document对象,并移除当前的document对象自身的mousemove事件以及mouseup事件。
其进一步技术方案为:所述利用所述鼠标拖动事件在所述任务块拖动请求对应目标任务块位置上进行节点对象拷贝,以生成预显示任务块,包括:
根据所述任务块拖动请求对当前document对象进行currentTarget事件处理,并使用javascript函数cloneNode进行节点复制,以生成预显示任务块。
其进一步技术方案为:所述在任务块拖动过程中,根据移动的方位以及横纵坐标转换确定预显示任务块的插入位置,包括:
获取鼠标横向移动距离;
将所述鼠标横向移动距离转换成时间戳,以确定所述任务块拖动请求对应的任务块的开始时间;
根据所述任务块拖动请求对应的任务块的开始时间对每个任务块进行比对计算,以确定所述预显示任务块的插入的位置。
其进一步技术方案为:所述获取任务块拖动请求之前,还包括:
构建甘特图功能框架,以得到初始甘特图;
设定所述初始甘特图的动态区域以及静态区域。
其进一步技术方案为:所述构建甘特图功能框架,以得到初始甘特图,包括:
基于vue前端技术框架在HTML前端页面布局中使用div标签将甘特图整体规划为上方区域以及下方区域;
在所述上方区域的顶部存放button功能按钮以及text搜索框;
在所述下方区域的左侧使用vue插槽slot特性引入div、sign、svg-icon标签组合成的下拉选择框,引入私有化组件;
在所述下方区域的右侧通过组件化形式引入不同功能组件,以得到初始甘特图。
本发明还提供了甘特图处理装置,包括:
请求获取单元,用于获取任务块拖动请求;
生成单元,用于根据所述任务块拖动请求生成预显示任务块;
位置确定单元,用于在任务块拖动过程中,根据移动的方位以及横纵坐标转换确定预显示任务块的插入位置。
本发明还提供了一种计算机设备,所述计算机设备包括存储器及处理器,所述存储器上存储有计算机程序,所述处理器执行所述计算机程序时实现上述的方法。
本发明还提供了一种存储介质,所述存储介质存储有计算机程序,所述计算机程序被处理器执行时实现上述的方法。
本发明与现有技术相比的有益效果是:本发明通过构建甘特图功能框架,并设定动态区域和静态区域,在甘特图的基础增加任务块拖动功能,根据任务块拖动请求生成预显示任务块,并根据鼠标移动的方位以及横纵坐标转换确定预显示任务块的位置,无需请求后台数据,实现即刻满足用户对于排程计划适时变动的需求,同时可以更加灵活进行任务调动,提高设备的利用率,减少资源的消耗,同时可以让用户有更好的操作体验,提高用户黏性。
下面结合附图和具体实施例对本发明作进一步描述。
附图说明
为了更清楚地说明本发明实施例技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的甘特图处理方法的应用场景示意图;
图2为本发明实施例提供的甘特图处理方法的流程示意图;
图3为本发明实施例提供的甘特图处理方法的子流程示意图;
图4为本发明实施例提供的甘特图处理方法的子流程示意图;
图5为本发明实施例提供的甘特图处理方法的子流程示意图;
图6为本发明实施例提供的甘特图处理方法的甘特图界面示意图;
图7为本发明另一实施例提供的甘特图处理方法的流程示意图;
图8为本发明另一实施例提供的甘特图处理方法的子流程示意图;
图9为本发明另一实施例提供的甘特图处理方法的子流程示意图;
图10为本发明实施例提供的甘特图处理装置的示意性框图;
图11为本发明实施例提供的甘特图处理装置的生成单元的示意性框图;
图12为本发明实施例提供的甘特图处理装置的事件触发子单元的示意性框图;
图13为本发明实施例提供的甘特图处理装置的位置确定单元的示意性框图;
图14为本发明另一实施例提供的甘特图处理装置的示意性框图;
图15为本发明另一实施例提供的甘特图处理装置的构建单元的示意性框图;
图16为本发明另一实施例提供的甘特图处理装置的设定单元的示意性框图;
图17为本发明实施例提供的计算机设备的示意性框图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
应当理解,当在本说明书和所附权利要求书中使用时,术语“包括”和“包含”指示所描述特征、整体、步骤、操作、元素和/或组件的存在,但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。
还应当理解,在此本发明说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本发明。如在本发明说明书和所附权利要求书中所使用的那样,除非上下文清楚地指明其它情况,否则单数形式的“一”、“一个”及“该”意在包括复数形式。
还应当进一步理解,在本发明说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合,并且包括这些组合。
请参阅图1和图2,图1为本发明实施例提供的甘特图处理方法的应用场景示意图。图2为本发明实施例提供的甘特图处理方法的示意性流程图。该甘特图处理方法应用于第一终端中,该第一终端与鼠标等操作设备进行数据交互,第一终端构建甘特图功能框架,并设定动态区域和静态区域,并通过获取鼠标等操作设备输入的任务块拖动请求,由第一终端根据该请求生成预显示任务块,并在任务块拖动过程中确定预显示任务块的位置。
图2是本发明实施例提供的甘特图处理方法的流程示意图。如图2所示,该方法包括以下步骤S110至S130。
S110、获取任务块拖动请求。
在本实施例中,任务块拖动请求是指由鼠标等操作设备移动任务块所生成的请求。
S120、根据所述任务块拖动请求生成预显示任务块。
在本实施例中,预显示任务块是指根据任务块拖动请求生成供用户观看的拖动变化后的任务块。
任务块的拖动更新,需要用户结束拖动后,抬起鼠标才会真正实现。拖动期间,会根据移动位置,生成一个预显示任务块。在进行拖动中,会根据移动的方位以及横纵坐标转换,确定预显示任务块的位置,并且会在不请求后台接口数据的情况下,在页面实现实时动态插入效果,预显示拖动后的具体作业计划变更,更加友好地使用网络资源,减少页面数据的刷新频率、页面相应时间,提高用户体验。甘特图增加预显示功能后,在用户进行任务块拖动时,触发鼠标拖动事件,可在目标任务块位置上进行节点对象拷贝,生成一个除了颜色透明度提高外,与目标任务块完全一样的任务块,即预显示任务块,该任务块能够起到移动参照标作用,在拖动目标任务块时,可以作为参考坐标进行拖动插入排序,并且具有位置寄存功能,防止用户误操作导致不能恢复任务块原有位置,影响生产流程。
拖动中,根据鼠标移动的坐标生成一个预插入节点对象,该对象节点颜色加深以区别其他的任务块,并且可以根据订单要求设定任务块移动规则,例如以订单的计划开机时间限定范围,待进行作业的任务块的开始时间不能超过该限定范围,同理,可以在对应的设备设定布重容量,当任务块的布重超过该设备的容量时,则不能拖动到设备到对应的任务栏中、当订单需求的颜色与设备专用染色不一致时,也不能进行拖动,依据实际生产所需要的参数进行拖动的规则制定,可以有效地提高设备资源的利用率、生产的合理性,减少设备生产的耗能。
在一实施例中,请参阅图3,上述的步骤S120包括步骤S121~S122。
S121、根据所述任务块拖动请求触发鼠标拖动事件;
在一实施例中,请参阅图4,上述的步骤S121可包括步骤S1211~S1212。
S1211、启动div标签原生属性中的mousedown事件、mouseenter事件以及mouseleave事件。
在本实施例中,mousedown事件是指鼠标点击事件;mouseenter事件是指鼠标进入事件;mouseleave事件是指鼠标离开事件。
让div实例化的任务块制作成可拖动,需要启用div标签原生属性中的mousedown事件、mouseenter事件、mouseleave事件三大鼠标操作事件即鼠标拖动事件,而实现整个流程,需要对节点对象dom进行创建、销毁的操作,确保能够精确地完成移动。
S1212、根据所述任务块拖动请求触发mousedown事件,获取当前的document对象,并移除当前的document对象自身的mousemove事件以及mouseup事件。
具体地,当点击任务块时,触发mousedown事件,获取当前点击的document对象,并移除其自身的鼠标移除mousemove事件、鼠标抬起mouseup事件,防止影响该任务块对象存在多个移动函数影响拖动。
S122、利用所述鼠标拖动事件在所述任务块拖动请求对应目标任务块位置上进行节点对象拷贝,以生成预显示任务块。
具体地,根据所述任务块拖动请求对当前document对象进行currentTarget事件处理,并使用javascript函数cloneNode进行节点复制,以生成预显示任务块。
在点击可拖动任务块时,将当前对象currentTarget并使用javascript函数cloneNode进行节点复制,这样可以在拖动时,在原位置保留一个复制对象对于移动前后都有一个清晰比对,为了在任务块移动时以及移动结束后的坐标定位,需要追加鼠标移动与抬起事件。
S130、在任务块拖动过程中,根据移动的方位以及横纵坐标转换确定预显示任务块的插入位置。
在一实施例中,请参阅图5,上述的步骤S130可包括步骤S131~S133。
S131、获取鼠标横向移动距离;
S132、将所述鼠标横向移动距离转换成时间戳,以确定所述任务块拖动请求对应的任务块的开始时间;
S133、根据所述任务块拖动请求对应的任务块的开始时间对每个任务块进行比对计算,以确定所述预显示任务块的插入的位置。
拖动过程中,需要实时对坐标进行重新定位,具体可以通过横向鼠标移动距离clientX转换成时间戳,进而改变当前拖动任务块的开始时间,用开始时间对覆盖到每个任务块进行比对计算,确定插入的位置,期间会根据目标行中的任务块坐标结合鼠标移动的位置,生成一个模拟的插入节点对象,该对象出现的位置即是拖动结束后任务块的新位置。拖动结束后,除了将任务块插入目标行中,还需要销毁之前创建的各种占位dom,同时更新整个甘特图数据,整一个拖动流程才算真正完成,如图6所示。
在本实施例中,通过在甘特图中增加的任务块拖动功能,能够即刻满足用户对于排程计划适时变动的需求,同时可以更加灵活进行任务调动,提高设备的利用率,减少资源的消耗。而根据当前时间做出的拖动限制区域,可以有效地防止操作员的失误,避免人为失误影响生产进度,在拖动中,在原任务块位置复制一个节点对象,可以用作记录原位置防止操作遗忘,而在插入时,生成一个预插入对象,实时展示插入的位置以及插入后的任务块的位置变更,提高整个拖动流程合理的合理性,同时可以让用户有更好的操作体验,提高用户黏性。
上述的甘特图处理方法,通过构建甘特图功能框架,并设定动态区域和静态区域,在甘特图的基础增加任务块拖动功能,根据任务块拖动请求生成预显示任务块,并根据鼠标移动的方位以及横纵坐标转换确定预显示任务块的位置,无需请求后台数据,实现即刻满足用户对于排程计划适时变动的需求,同时可以更加灵活进行任务调动,提高设备的利用率,减少资源的消耗,同时可以让用户有更好的操作体验,提高用户黏性。
图7是本发明另一实施例提供的一种甘特图处理方法的流程示意图。如图7所示,本实施例的甘特图处理方法包括步骤S210-S250。其中步骤S230-S250与上述实施例中的步骤S110-S130类似,在此不再赘述。下面详细说明本实施例中所增加的步骤S210-S220。
S210、构建甘特图功能框架,以得到初始甘特图。
在本实施例中,初始甘特图是指仅包括甘特图功能框架的甘特图。
甘特图是由div标签,进行内容设计,将页面通过div标签设计划分为上下两打区域,顶部搜索设置空间、下方左侧设备列表空间以及下方右侧主操作空间。三大区域联系紧密,顶部区域包括各功能按钮以及搜索定位框,当点击使用功能按钮时,可与下方左右两侧区内容进行实时联动操作,设备列表中,可根据配置进行组别切换,能够灵活进行作业排序,右侧操作区域,可以全局把控所有设备的作业流程,并能够灵活进行作业操作。
在一实施例中,请参阅图8,上述的步骤S210可包括步骤S211~S214。
S211、基于vue前端技术框架在HTML前端页面布局中使用div标签将甘特图整体规划为上方区域以及下方区域;
S212、在所述上方区域的顶部存放button功能按钮以及text搜索框;
S213、在所述下方区域的左侧使用vue插槽slot特性引入div、sign、svg-icon标签组合成的下拉选择框,引入私有化组件;
S214、在所述下方区域的右侧通过组件化形式引入不同功能组件,以得到初始甘特图。
在本实施例中,基于vue前端技术框架,在HTML前端页面布局中,使用div标签整体规划上下两个区域。上方区域顶部设计存放各种button功能按钮以及text搜索框。下方内容为甘特图的重要联动内容,左侧使用vue插槽slot特性引入div、sign、svg-icon标签组合成的下拉选择框,作为设备组别切换区域,同时引入私有化组件将设备进行列表形式的展示。右侧为甘特图操作区域,使用组件化构造,将不同功能通过组件化形式引入使用,进而实现甘特图联动作业功能。
S220、设定所述初始甘特图的动态区域以及静态区域。
在本实施例中,动态区域是指未进行任务块可随意进行拖动插入重新排序的区域;静态区域是指可以查看已完成任务的详情信息的区域,且当任务有延期超时完成情况下,任务块长度会以实际开始时间与实际结束时间之间的时长作为长度,并有超时标识显示。
在一实施例中,请参阅图9,上述的步骤S220可包括步骤S221~S222。
S221、对所述初始甘特图内的任务块进行状态划分,且将结合查询数据库以确定终端用户是否具备拖动权限。
在本实施例中,需要对任务块进行已完成、进行中、未开始三种状态的划分,并将结合查询数据库以确定终端用户是否具备拖动权限,进行灵活操作。具备拖动权限的则可以进行预显示任务块的生成,不具备拖动权限的则无法生成预显示任务块。
S222、在所述初始甘特图内增设当前时间线标志线,以当前时间线标志线为分界线,将所述初始甘特图划分为动态区域以及静态区域,其中,所述静态区域内存储有已完成任务的详情信息。
具体地,甘特图的实例化,首先以时间戳timeStamp作为参考坐标,将当前时间为标志线markLine,即可把任务块分为已完成、进行中、未开始三种状态,再结合查询数据库该用户是否具备拖动权限,进行灵活操作。其次,以当前时间线作为临界点,规定不能把任务块拖动至当前时间线以前,确保作业流程的正确性,让整体作业流程更加流畅、合理。
在甘特图中新增当前时间线标志线,可大致将甘特图划分两大区域,将动静区域分隔开,即动态区域以及静态区域。在静止区域,可以查看已完成任务的详情信息,而当任务有延期超时完成情况下,任务块长度会以实际开始时间与实际结束时间之间的时长作为长度,并有超时标识显示。在动态区域,未进行任务块可随意进行拖动插入重新排序,但不能拖动到静止区域,防止人为失误导致作业计划出现错乱。
图10是本发明实施例提供的一种甘特图处理装置300的示意性框图。如图10所示,对应于以上甘特图处理方法,本发明还提供一种甘特图处理装置300。该甘特图处理装置300包括用于执行上述甘特图处理方法的单元,该装置可以被配置于台式电脑、平板电脑、手提电脑等终端中。具体地,请参阅图8,该甘特图处理装置300包括请求获取单元303、生成单元304以及位置确定单元305。
生成单元304,用于根据所述任务块拖动请求生成预显示任务块;位置确定单元305,用于在任务块拖动过程中,根据移动的方位以及横纵坐标转换确定预显示任务块的插入位置。
在一实施例中,如图11所示,所述生成单元304包括事件触发子单元3041以及拷贝子单元3042。
事件触发子单元3041,用于根据所述任务块拖动请求触发鼠标拖动事件;拷贝子单元3042,用于利用所述鼠标拖动事件在所述任务块拖动请求对应目标任务块位置上进行节点对象拷贝,以生成预显示任务块。
在一实施例中,如图12所示,所述事件触发子单元3041包括事件启动模块30411以及事件处理模块30412。
事件启动模块30411,用于启动div标签原生属性中的mousedown事件、mouseenter事件以及mouseleave事件;事件处理模块30412,用于根据所述任务块拖动请求触发mousedown事件,获取当前的document对象,并移除当前的document对象自身的mousemove事件以及mouseup事件。
在一实施例中,拷贝子单元3042,用于根据所述任务块拖动请求对当前document对象进行currentTarget事件处理,并使用javascript函数cloneNode进行节点复制,以生成预显示任务块。
在一实施例中,如图13所示,所述位置确定单元305包括距离获取子单元3051、转换子单元3052以及计算子单元3053。
距离获取子单元3051,用于获取鼠标横向移动距离;转换子单元3052,用于将所述鼠标横向移动距离转换成时间戳,以确定所述任务块拖动请求对应的任务块的开始时间;计算子单元3053,用于根据所述任务块拖动请求对应的任务块的开始时间对每个任务块进行比对计算,以确定所述预显示任务块的插入的位置。
图14是本发明另一实施例提供的一种甘特图处理装置的示意性框图。如图14所示,本实施例的甘特图处理装置是上述实施例的基础上增加了构建单元301以及设定单元302。
构建单元301,用于构建甘特图功能框架,以得到初始甘特图;设定单元302,用于设定所述初始甘特图的动态区域以及静态区域。
在一实施例中,如图15所示,所述构建单元301包括规划子单元3011、存放子单元3012、第一引入子单元3013以及第二引入子单元3014。
规划子单元3011,用于基于vue前端技术框架在HTML前端页面布局中使用div标签将甘特图整体规划为上方区域以及下方区域;存放子单元3012,用于在所述上方区域的顶部存放button功能按钮以及text搜索框;第一引入子单元3013,用于在所述下方区域的左侧使用vue插槽slot特性引入div、sign、svg-icon标签组合成的下拉选择框,引入私有化组件;第二引入子单元3014,用于在所述下方区域的右侧通过组件化形式引入不同功能组件,以得到初始甘特图。
在一实施例中,如图16所示,所述设定单元302包括状态划分子单元3021以及区域划分子单元3022。
状态划分子单元3021,用于对所述初始甘特图内的任务块进行状态划分,且将结合查询数据库以确定终端用户是否具备拖动权限;区域划分子单元3022,用于在所述初始甘特图内增设当前时间线标志线,以当前时间线标志线为分界线,将所述初始甘特图划分为动态区域以及静态区域,其中,所述静态区域内存储有已完成任务的详情信息。
需要说明的是,所属领域的技术人员可以清楚地了解到,上述甘特图处理装置300和各单元的具体实现过程,可以参考前述方法实施例中的相应描述,为了描述的方便和简洁,在此不再赘述。
上述甘特图处理装置300可以实现为一种计算机程序的形式,该计算机程序可以在如图17所示的计算机设备上运行。
请参阅图17,图17是本申请实施例提供的一种计算机设备的示意性框图。该计算机设备500可以是服务器,其中,服务器可以是独立的服务器,也可以是多个服务器组成的服务器集群。
参阅图17,该计算机设备500包括通过系统总线501连接的处理器502、存储器和网络接口505,其中,存储器可以包括非易失性存储介质503和内存储器504。
该非易失性存储介质503可存储操作系统5031和计算机程序5032。该计算机程序5032包括程序指令,该程序指令被执行时,可使得处理器502执行一种甘特图处理方法。
该处理器502用于提供计算和控制能力,以支撑整个计算机设备500的运行。
该内存储器504为非易失性存储介质503中的计算机程序5032的运行提供环境,该计算机程序5032被处理器502执行时,可使得处理器502执行一种甘特图处理方法。
该网络接口505用于与其它设备进行网络通信。本领域技术人员可以理解,图17中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备500的限定,具体的计算机设备500可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
其中,所述处理器502用于运行存储在存储器中的计算机程序5032,以实现如下步骤:
设定所述初始甘特图的动态区域以及静态区域;获取任务块拖动请求;根据所述任务块拖动请求生成预显示任务块;在任务块拖动过程中,根据移动的方位以及横纵坐标转换确定预显示任务块的插入位置。
在一实施例中,处理器502在实现所述根据所述任务块拖动请求生成预显示任务块步骤时,具体实现如下步骤:
根据所述任务块拖动请求触发鼠标拖动事件;利用所述鼠标拖动事件在所述任务块拖动请求对应目标任务块位置上进行节点对象拷贝,以生成预显示任务块。
在一实施例中,处理器502在实现所述根据所述任务块拖动请求触发鼠标拖动事件步骤时,具体实现如下步骤:
启动div标签原生属性中的mousedown事件、mouseenter事件以及mouseleave事件;根据所述任务块拖动请求触发mousedown事件,获取当前的document对象,并移除当前的document对象自身的mousemove事件以及mouseup事件。
在一实施例中,处理器502在实现所述利用所述鼠标拖动事件在所述任务块拖动请求对应目标任务块位置上进行节点对象拷贝,以生成预显示任务块步骤时,具体实现如下步骤:
根据所述任务块拖动请求对当前document对象进行currentTarget事件处理,并使用javascript函数cloneNode进行节点复制,以生成预显示任务块。
在一实施例中,处理器502在实现所述在任务块拖动过程中,根据移动的方位以及横纵坐标转换确定预显示任务块的插入位置步骤时,具体实现如下步骤:
获取鼠标横向移动距离;将所述鼠标横向移动距离转换成时间戳,以确定所述任务块拖动请求对应的任务块的开始时间;根据所述任务块拖动请求对应的任务块的开始时间对每个任务块进行比对计算,以确定所述预显示任务块的插入的位置。
在一实施例中,处理器502在实现所述获取任务块拖动请求步骤之前,还实现如下步骤:
构建甘特图功能框架,以得到初始甘特图;设定所述初始甘特图的动态区域以及静态区域。
在一实施例中,处理器502在实现所述构建甘特图功能框架,以得到初始甘特图步骤时,具体实现如下步骤:
基于vue前端技术框架在HTML前端页面布局中使用div标签将甘特图整体规划为上方区域以及下方区域;在所述上方区域的顶部存放button功能按钮以及text搜索框;在所述下方区域的左侧使用vue插槽slot特性引入div、sign、svg-icon标签组合成的下拉选择框,引入私有化组件;在所述下方区域的右侧通过组件化形式引入不同功能组件,以得到初始甘特图。
应当理解,在本申请实施例中,处理器502可以是中央处理单元(CentralProcessing Unit,CPU),该处理器502还可以是其他通用处理器、数字信号处理器(DigitalSignal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现成可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。其中,通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
本领域普通技术人员可以理解的是实现上述实施例的方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成。该计算机程序包括程序指令,计算机程序可存储于一存储介质中,该存储介质为计算机可读存储介质。该程序指令被该计算机系统中的至少一个处理器执行,以实现上述方法的实施例的流程步骤。
因此,本发明还提供一种存储介质。该存储介质可以为计算机可读存储介质。该存储介质存储有计算机程序,其中该计算机程序被处理器执行时使处理器执行如下步骤:
获取任务块拖动请求;根据所述任务块拖动请求生成预显示任务块;在任务块拖动过程中,根据移动的方位以及横纵坐标转换确定预显示任务块的插入位置。
在一实施例中,所述处理器在执行所述计算机程序而实现所述根据所述任务块拖动请求生成预显示任务块步骤时,具体实现如下步骤:
根据所述任务块拖动请求触发鼠标拖动事件;利用所述鼠标拖动事件在所述任务块拖动请求对应目标任务块位置上进行节点对象拷贝,以生成预显示任务块。
在一实施例中,所述处理器在执行所述计算机程序而实现所述根据所述任务块拖动请求触发鼠标拖动事件步骤时,具体实现如下步骤:
启动div标签原生属性中的mousedown事件、mouseenter事件以及mouseleave事件;根据所述任务块拖动请求触发mousedown事件,获取当前的document对象,并移除当前的document对象自身的mousemove事件以及mouseup事件。
在一实施例中,所述处理器在执行所述计算机程序而实现所述利用所述鼠标拖动事件在所述任务块拖动请求对应目标任务块位置上进行节点对象拷贝,以生成预显示任务块步骤时,具体实现如下步骤:
根据所述任务块拖动请求对当前document对象进行currentTarget事件处理,并使用javascript函数cloneNode进行节点复制,以生成预显示任务块。
在一实施例中,所述处理器在执行所述计算机程序而实现所述在任务块拖动过程中,根据移动的方位以及横纵坐标转换确定预显示任务块的插入位置步骤时,具体实现如下步骤:
获取鼠标横向移动距离;将所述鼠标横向移动距离转换成时间戳,以确定所述任务块拖动请求对应的任务块的开始时间;根据所述任务块拖动请求对应的任务块的开始时间对每个任务块进行比对计算,以确定所述预显示任务块的插入的位置。
在一实施例中,所述处理器在执行所述计算机程序而实现所述构建甘特图功能框架,以得到初始甘特图步骤前,还实现如下步骤:
构建甘特图功能框架,以得到初始甘特图;设定所述初始甘特图的动态区域以及静态区域。
在一实施例中,所述处理器在执行所述计算机程序而实现所述构建甘特图功能框架,以得到初始甘特图步骤时,具体实现如下步骤:
基于vue前端技术框架在HTML前端页面布局中使用div标签将甘特图整体规划为上方区域以及下方区域;在所述上方区域的顶部存放button功能按钮以及text搜索框;在所述下方区域的左侧使用vue插槽slot特性引入div、sign、svg-icon标签组合成的下拉选择框,引入私有化组件;在所述下方区域的右侧通过组件化形式引入不同功能组件,以得到初始甘特图。
所述存储介质可以是U盘、移动硬盘、只读存储器(Read-Only Memory,ROM)、磁碟或者光盘等各种可以存储程序代码的计算机可读存储介质。
本领域普通技术人员可以意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、计算机软件或者二者的结合来实现,为了清楚地说明硬件和软件的可互换性,在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
在本发明所提供的几个实施例中,应该理解到,所揭露的装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的。例如,各个单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式。例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。
本发明实施例方法中的步骤可以根据实际需要进行顺序调整、合并和删减。本发明实施例装置中的单元可以根据实际需要进行合并、划分和删减。另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以是两个或两个以上单元集成在一个单元中。
该集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分,或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,终端,或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到各种等效的修改或替换,这些修改或替换都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以权利要求的保护范围为准。

Claims (10)

1.甘特图处理方法,其特征在于,包括:
获取任务块拖动请求;
根据所述任务块拖动请求生成预显示任务块;
在任务块拖动过程中,根据移动的方位以及横纵坐标转换确定预显示任务块的插入位置。
2.根据权利要求1所述的甘特图处理方法,其特征在于,所述根据所述任务块拖动请求生成预显示任务块,包括:
根据所述任务块拖动请求触发鼠标拖动事件;
利用所述鼠标拖动事件在所述任务块拖动请求对应目标任务块位置上进行节点对象拷贝,以生成预显示任务块。
3.根据权利要求2所述的甘特图处理方法,其特征在于,所述根据所述任务块拖动请求触发鼠标拖动事件,包括:
启动div标签原生属性中的mousedown事件、mouseenter事件以及mouseleave事件;
根据所述任务块拖动请求触发mousedown事件,获取当前的document对象,并移除当前的document对象自身的mousemove事件以及mouseup事件。
4.根据权利要求3所述的甘特图处理方法,其特征在于,所述利用所述鼠标拖动事件在所述任务块拖动请求对应目标任务块位置上进行节点对象拷贝,以生成预显示任务块,包括:
根据所述任务块拖动请求对当前document对象进行currentTarget事件处理,并使用javascript函数cloneNode进行节点复制,以生成预显示任务块。
5.根据权利要求1所述的甘特图处理方法,其特征在于,所述在任务块拖动过程中,根据移动的方位以及横纵坐标转换确定预显示任务块的插入位置,包括:
获取鼠标横向移动距离;
将所述鼠标横向移动距离转换成时间戳,以确定所述任务块拖动请求对应的任务块的开始时间;
根据所述任务块拖动请求对应的任务块的开始时间对每个任务块进行比对计算,以确定所述预显示任务块的插入的位置。
6.根据权利要求1所述的甘特图处理方法,其特征在于,所述获取任务块拖动请求之前,还包括:
构建甘特图功能框架,以得到初始甘特图;
设定所述初始甘特图的动态区域以及静态区域。
7.根据权利要求6所述的甘特图处理方法,其特征在于,所述构建甘特图功能框架,以得到初始甘特图,包括:
基于vue前端技术框架在HTML前端页面布局中使用div标签将甘特图整体规划为上方区域以及下方区域;
在所述上方区域的顶部存放button功能按钮以及text搜索框;
在所述下方区域的左侧使用vue插槽slot特性引入div、sign、svg-icon标签组合成的下拉选择框,引入私有化组件;
在所述下方区域的右侧通过组件化形式引入不同功能组件,以得到初始甘特图。
8.甘特图处理装置,其特征在于,包括:
请求获取单元,用于获取任务块拖动请求;
生成单元,用于根据所述任务块拖动请求生成预显示任务块;
位置确定单元,用于在任务块拖动过程中,根据移动的方位以及横纵坐标转换确定预显示任务块的插入位置。
9.一种计算机设备,其特征在于,所述计算机设备包括存储器及处理器,所述存储器上存储有计算机程序,所述处理器执行所述计算机程序时实现如权利要求1至7中任一项所述的方法。
10.一种存储介质,其特征在于,所述存储介质存储有计算机程序,所述计算机程序被处理器执行时实现如权利要求1至7中任一项所述的方法。
CN202210132756.6A 2021-11-01 2022-02-14 甘特图处理方法、装置、计算机设备及存储介质 Active CN114219372B (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN2021113100671 2021-11-01
CN202111310067.1A CN114037261A (zh) 2021-11-01 2021-11-01 生产排程方法、装置、计算机设备及存储介质

Publications (2)

Publication Number Publication Date
CN114219372A true CN114219372A (zh) 2022-03-22
CN114219372B CN114219372B (zh) 2022-10-18

Family

ID=80136572

Family Applications (3)

Application Number Title Priority Date Filing Date
CN202111310067.1A Pending CN114037261A (zh) 2021-11-01 2021-11-01 生产排程方法、装置、计算机设备及存储介质
CN202210132756.6A Active CN114219372B (zh) 2021-11-01 2022-02-14 甘特图处理方法、装置、计算机设备及存储介质
CN202210357531.0A Pending CN114925966A (zh) 2021-11-01 2022-04-02 生产排程方法、装置、计算机设备及存储介质

Family Applications Before (1)

Application Number Title Priority Date Filing Date
CN202111310067.1A Pending CN114037261A (zh) 2021-11-01 2021-11-01 生产排程方法、装置、计算机设备及存储介质

Family Applications After (1)

Application Number Title Priority Date Filing Date
CN202210357531.0A Pending CN114925966A (zh) 2021-11-01 2022-04-02 生产排程方法、装置、计算机设备及存储介质

Country Status (1)

Country Link
CN (3) CN114037261A (zh)

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2000020048A (ja) * 1998-07-07 2000-01-21 Hitachi Ltd 日程計画ガントチャート画面作成システム
JP2002251507A (ja) * 2001-02-23 2002-09-06 Nec Corp ガントチャートによるスケジュール管理調整方法及び装置並びにスケジュール管理調整プログラム
US20040119713A1 (en) * 2002-12-20 2004-06-24 Michael Meyringer Interactive and web-based Gantt Chart
US20090327935A1 (en) * 2008-06-27 2009-12-31 Microsoft Corporation Partial updating of diagram display
CN106897832A (zh) * 2017-02-24 2017-06-27 西门子传感器与通讯有限公司 生产线的生产排程方法、生产线的生产排程系统
CN112207815A (zh) * 2020-08-21 2021-01-12 北京卫星制造厂有限公司 一种多机多工序时空协同规划方法和系统
CN112766919A (zh) * 2021-01-27 2021-05-07 意潜建筑科技(上海)有限公司 一种基于甘特图的深度编辑使用的项目管理方法
CN113329212A (zh) * 2021-07-21 2021-08-31 佛山技研智联科技有限公司 一种支持多机监控的系统及其监控方法

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2000020048A (ja) * 1998-07-07 2000-01-21 Hitachi Ltd 日程計画ガントチャート画面作成システム
JP2002251507A (ja) * 2001-02-23 2002-09-06 Nec Corp ガントチャートによるスケジュール管理調整方法及び装置並びにスケジュール管理調整プログラム
US20040119713A1 (en) * 2002-12-20 2004-06-24 Michael Meyringer Interactive and web-based Gantt Chart
US20090327935A1 (en) * 2008-06-27 2009-12-31 Microsoft Corporation Partial updating of diagram display
CN106897832A (zh) * 2017-02-24 2017-06-27 西门子传感器与通讯有限公司 生产线的生产排程方法、生产线的生产排程系统
CN112207815A (zh) * 2020-08-21 2021-01-12 北京卫星制造厂有限公司 一种多机多工序时空协同规划方法和系统
CN112766919A (zh) * 2021-01-27 2021-05-07 意潜建筑科技(上海)有限公司 一种基于甘特图的深度编辑使用的项目管理方法
CN113329212A (zh) * 2021-07-21 2021-08-31 佛山技研智联科技有限公司 一种支持多机监控的系统及其监控方法

Non-Patent Citations (4)

* Cited by examiner, † Cited by third party
Title
前端技术迷: "基于Vue-Gantt-chart组件实现可拖拽甘特图", 《CSDN》 *
前端技术迷: "基于Vue-Gantt-chart组件实现可拖拽甘特图", 《CSDN》, 14 June 2021 (2021-06-14) *
薛炳良等: "先进制造车间生产计划的甘特图显示方法研究", 《成组技术与生产现代化》 *
薛炳良等: "先进制造车间生产计划的甘特图显示方法研究", 《成组技术与生产现代化》, no. 04, 30 December 2003 (2003-12-30) *

Also Published As

Publication number Publication date
CN114037261A (zh) 2022-02-11
CN114925966A (zh) 2022-08-19
CN114219372B (zh) 2022-10-18

Similar Documents

Publication Publication Date Title
DE112008004156B4 (de) System und verfahren für einen gestenbasierten editiermodus und computerlesbares medium hierfür
CN105511792A (zh) 一种表单在位手写输入方法及系统
CN110427284A (zh) 数据处理方法、分布式系统、计算机系统和介质
CN111881662A (zh) 表单生成方法、装置、处理设备及存储介质
CN109145272B (zh) 文本渲染和布局方法、装置、设备和存储介质
WO2020124398A1 (zh) 多图显示方法和计算机可读存储介质
CN112783346A (zh) 一种笔迹数据处理方法、系统、计算机设备及存储介质
JP2022166215A (ja) 文字位置決めモデルのトレーニング方法及び文字位置決め方法
CN116245052A (zh) 一种图纸迁移方法、装置、设备和存储介质
CN113065317B (zh) 编辑内容的恢复方法、装置、电子设备、介质及产品
CN114219372B (zh) 甘特图处理方法、装置、计算机设备及存储介质
WO2024082981A1 (zh) 用于特效交互的方法、装置、设备和存储介质
CN113850884A (zh) 桑基图的生成方法、装置、电子设备和存储介质
CN115878935B (zh) 一种图表的局部刷新方法、系统、装置、设备及介质
US20180143747A1 (en) User interface device and method for displaying screen of user interface device
CN110647704A (zh) 一种页面更新方法、装置及设备
CN107291350B (zh) 应用于支持多点触控的终端设备的擦除方法及终端设备
CN113436298B (zh) 一种自动生成汉字笔顺动画的方法、装置及其相关组件
WO2018205390A1 (zh) 一种控件布局显示控制方法、系统、装置及计算机可读存储介质
CN114610201A (zh) 一种界面显示方法、装置、终端设备及存储介质
CN115167728A (zh) 菜单栏合并及显示方法、装置及计算机可读存储介质
CN111880889B (zh) 界面显示方法、装置、电子设备及存储介质
CN113901033A (zh) 数据迁移方法、装置、设备及介质
CN114130009A (zh) 游戏程序执行控制方法、装置、电子设备及存储介质
JPH01240978A (ja) 対話画面定義装置

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant
CB03 Change of inventor or designer information

Inventor after: Wei Shuai

Inventor after: Zheng Jiajun

Inventor after: Cheng Qihang

Inventor after: Mo Zhaozhong

Inventor before: Wei Shuai

Inventor before: Zheng Jiajun

Inventor before: Mo Zhaozhong

CB03 Change of inventor or designer information