工程项目流程监控页面开发 远程兼职
一般月薪2000元- 项目类型:Web开发
- 每月工作: 3天
- 工作方式:
职位详情
使用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的水波纹图,展示完成进度百分比。当鼠标放到矩形左边部分时,弹出层展示状态信息;当鼠标放到矩形中间部分时,弹出层展示节点的计划结束时间和实际结束时间信息;当鼠标放到矩形右边部分时,展示目标值和实际完成值。
绘制边时,节点组之间以及节点组内部的节点之间的关联关系,用单向箭头绘制。