工程项目流程监控页面开发 远程兼职

使用vue2和AntV G6，开发一个流程监控页面，实现如下功能：
1、调用/milestone/template接口，获取json结构数据，包含节点和边的定义。json结构数据中，包括两种类型的节点：普通节点和进度节点。所有节点分为6个节点组，分别为施工准备、升压站工程、风机工程、集电线路、送出线路和并网验收。其中，节点组顺序关系为：先是施工准备，之后是升压站工程、风机工程、集电线路、送出线路四个并行的节点组，最后是并网验收。下面对节点组下的节点进行详细说明：
1）施工准备包括6个节点，顺序依次为：取得接入系统批复、初设编制及评审完毕、首批施工图出版、主要施工单位确定、四证办理完成、主要设备订货完成。全部是普通节点。
2）升压站工程包括6个节点，顺序依次为：升压站综合楼基础开挖、综合楼框架封顶、电气一次设备安装开始、全场电缆接线完成、综合楼和电气楼装饰装修完成、全场设备调试完成。全部是普通节点。
3）风机工程包括4个节点，顺序依次为：首台基础开挖、全部基础浇筑完成、首台风机吊装开始、全部风机吊装完成。其中全部基础浇筑完成和全部风机吊装完成，是进度节点，其他是普通节点。
4）集电线路包括4个节点，顺序依次为：首台基础开挖、全部基础浇筑完成、首台线路塔架安装完成、全部线路塔架安装完成。其中全部基础浇筑完成和全部线路塔架安装完成，是进度节点，其他是普通节点。
5）送出线路包括4个节点，顺序依次为：首台基础开挖、全部基础浇筑完成、首台线路塔架组立完成、全部线路安装测试完成。其中全部基础浇筑完成和全部线路安装测试完成，是进度节点，其他是普通节点。
6）并网验收包括7个阶段，顺序依次为：升压站倒送电、首台风机并网、风机全部并网、获得办发电业务许可证用风机240小时试运行报告，风机进质保、完成发电业务许可证的办理、工程移交生产。全部是普通节点。
2、调用/milestone/data接口，获取json结构的节点信息集合，集合每条记录中，包括节点编码、节点名称、计划结束时间、实际结束时间、状态、实际值、目标值等信息。
3、根据上两步得到的json结构数据，绘制出流程图。
绘制节点时，普通节点和进度节点的绘制方式如下：
1）普通节点
普通节点是一个矩形，并分为左右两部分。左边部分是表示节点状态的颜色填充，分别用灰色、黄色和绿色表示未开始、进行中和已完成三种节点状态，右边部分显示节点名称。当鼠标放到矩形左边部分时，弹出层展示状态信息；当鼠标放到矩形右边部分时，弹出层展示节点的计划结束时间和实际结束时间信息。
2）进度节点
进度节点是一个矩形，分为左中右三部分。左边部分是表示节点状态的颜色填充，分别用灰色、黄色和绿色表示未开始、进行中和已完成三种节点状态；中间部分显示节点名称；右边部分使用AntV G2的水波纹图，展示完成进度百分比。当鼠标放到矩形左边部分时，弹出层展示状态信息；当鼠标放到矩形中间部分时，弹出层展示节点的计划结束时间和实际结束时间信息；当鼠标放到矩形右边部分时，展示目标值和实际完成值。
绘制边时，节点组之间以及节点组内部的节点之间的关联关系，用单向箭头绘制。