(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202211120137.1 (22)申请日 2022.09.15 (71)申请人 吉林大学 地址 130012 吉林省长 春市前进大街269 9 号 (72)发明人 申振　刘元宁　朱晓冬　董立言　 李双双　 (74)专利代理 机构 长春市恒誉 专利代理事务所 (普通合伙) 22212 专利代理师 鞠传龙 (51)Int.Cl. G06F 8/38(2018.01) G06F 9/451(2018.01) (54)发明名称 一种基于Vue开发的ERP项目可视化组件 GanttView (57)摘要 本发明公开了一种基于Vue开发的ERP项目 可视化组件GanttView， 设计中加入计划时间与 实际时间的对照， 每个任务分连续的两部分， 甘 特图中用两种不同颜色进行表 示， 上下对照可以 清楚显示具体任务的完成情况。 时间粒度可以具 体查看到天。 发明可以广泛应用于ERP等项目中， 组件安装使用方法为： 在vscode编译器中的项目 中输入以下命令： npm  install ‑‑save  ganttview即可完成对组件的安装。 权利要求书1页 说明书13页 附图2页 CN 115543307 A 2022.12.30 CN 115543307 A 1.一种基于Vue开发的ERP项目可视化组件GanttView， 其特征在于： 基于Vue开发的可 视化组件GanttView可以深度契合ERP项目中， 普适性强， 组件使用javascript 语言开发， 在 VScode编译器中进行调试安装， 和现有可视化组件相比有如下优势:此组件轻便、 美观、 功 能强大且实用性专 业性强， 在拖拽， 拉伸， 修改进度等操作时， 可以对 数据进行实时更新， 是 在操作后更新， 减少了性能损耗， ERP项目中在项目立项阶段对执行阶段的具体任务进 行时 间人员规划， 本组件可以实现动态对各个阶段中每个具体任务的计划信息和实际信息的动 态更新， 包含任务时间、 负责人、 完成状态等等， 项目中的每一个具体任务完成进度随着时 间轴进行更新， 可以全局掌握项目进展情况， 对具体任务中的计划时间和实际时间进行分 颜色对照， 支持分离度查看， 具体可以具体到天。权　利　要　求　书 1/1 页 2 CN 115543307 A 2一种基于Vue开发的 ERP项目可视化组件Ga nttView 技术领域 [0001]本发明属于前端开发领域， 一种基于Vue开发的可视化组件GanttView。 该组件可 以广泛应用于 ERP等项目中。 背景技术 [0002]数据可视化是顺应大数据时代而兴起。 随着计算机相关技术的发展和趋势， 数据 可视化无疑是最活跃而又最关键的领域之一。 数据作为信息的载体在当今世界发挥着越来 越重要的作用， 我们正处在一个信息爆 炸的时代， 每天都会产生大量的数据。 在这样的背 景 下， 海量数据只有被合理的采集、 分析和表达才可有一定的意义， 而 数据可视化无疑是让数 据变得易于理解的最优 途径。 [0003]可视化技术中的 “可视”可以看见， 更多的是指 “可理解”使得繁杂抽象的数据变得 具体易懂， 以便于传播， 交流和研究。 可视化技术就是把数据变成图像展示， 更多的是注重 技术的实现和算法的优化。 其设计到计算机图形图像学， 计算机仿 真学等各个领域， 可以说 可视化技术是数据可视化的基础。 [0004]信息可视化主要研究对象是大规模的非数值型信息， 即非结构化的数据集。 信息 可视化的产 物要通过人的感官传递到大脑， 然后使 人理解信息。 因此， 信息可视化对技术的 要求更高。 它主要涉及的是计算机图形学以外的人机交互以及商业领域， 也是数据可视化 的一个部分。 基于在工业、 工程等方面数据的可视化是非常必要的， 发明一种基于Vue开发 的可视化组件Gant tView， 可以广泛应用于 ERP系统中， 实现项目工程信息的可视化。 发明内容 [0005]本发明的目的在于提供一种能快速、 准确地 “可视”项目进度的工具， 即一种基于 Vue开发的可视化组件Gant tView。 使用该工具 所需要的软件 包括vscode。 [0006]本发明包括下列步骤： [0007]安装vue‑cli3并创建一个项目 [0008] [0009]创建项目 [0010] [0011]关于vue的组件库目录结构见说明书附图文件图1. [0012]将src重命名为examples,并添加packages目录,用来存放自定义组件.但是cli默 认会启动src下的服务。 如果目录名变了,需要手动修改配置,vue ‑cli3中提供自定义打包 配置项目的文件,需要手动创建vue.co nfig.js即可.我们具体修改如下:说　明　书 1/13 页 3 CN 115543307 A 3