泳道图绘制 远程兼职

1 开发任务描述
1. 泳道图功能模块为智能电站统一业务流程平台（以下简称“统一业务流程平台”）的一部分，用于显示跨部门、跨阶段的业务节点（以下简称“节点”）之间的输入输出关系。节点数据、节点之间的输入输出关系、节点排序信息、节点状态信息由统一业务流程平台提供。
2. 需要根据具体业务，按具体部门、阶段划分的节点数据和节点之间输入输出关系绘制出节点及关系泳道图，并显示节点状态（节点状态信息由统一业务流程平台提供）。
3. 泳道图按部门、阶段组成矩阵；同一个部门、同一阶段下，所有节点按照左上右下沿对角线依次排列（排列顺序信息由统一业务流程平台提供）。每个阶段部门交叉的【区域方格】的高（宽）按照该行（列）最大节点数的方格来判定。
4. 节点效果图如下：

5. 节点数量级约为15000，节点连线关系约为380000。

6. 【节点关系-连线布线规则】
泳道图绘制所有节点之间的输入输出匹配关系连线，无论关系的节点在不在显示区域内，只要线在显示区域内，都将连线显示出来。
（1） 节点输出线自节点图元左侧中点、右侧中点出，节点输入线自节点图元的上方中点、下方中点入；
（2） 节点之间连线不能穿越节点图元；
（3） 节点之间连线应拐点最少；
（4） 两个节点之间只绘制一条连接线；
（5） 节点连接线的转角为圆角；
（6） 节点连接线可以走线的位置为基线（基线不绘制），基线分为两种：第一种，相邻两个节点图元之间的水平中心线或垂直中心线，第二种，节点图元中心点十字线，如下图所示：

（7） WP连接线走线分为两种情况：第一种情况，阶段、部门都相同的WP之间连线，自起始WP，沿起始WP图元中心线经过一次拐弯，可无阻碍到达目标WP，自目标WP上方或下方进入，WP连线为直角弯，如下图所示：

（8） WP连接线走线的第二种情况，阶段或部门不相同的WP之间连线，起始WP左侧或右侧第一条垂直基线，与目标WP上方或下方第一条水平基线的交点为WP连线转弯点。WP连线自起始WP出发，沿左侧或右侧第一条基线到达转弯点转弯，然后沿水平基线到达目标WP，自目标WP上方中点或下方中点进入，如下图所示，WP1.1与WP2.3之间的连接线：

（9） 第二种情况下，WP之间的连接线与基线偏离一段距离，使WP连接线均位于WP图元单元格内部。在基线所围成的WP图元单元格内部，WP图元周边的线段应遵循顺时针方向，如下图所示，详见泳道图效果图。

7. 效果图如下：

8. 其他交互需求：
（1） 泳道图支持任意方向拖动。
（2） 泳道图支持放大和缩小，最多显示100个节点。
（3） 点击泳道图中节点图标，弹出一个窗口，显示该节点与上游节点、下游节点之间的连接线列表，如下图所示。节点名称为超链接，点击节点名称则显示节点详情信息，节点详情信息由统一业务流程平台提供。操作列包含4种操作按钮：跳至起点、跳至终点、选择线段、查看详情。其中，点击“跳至起点”，则跳至上游WP。点击“跳至终点”，则跳至下游WP。点击“连线高亮”，则该WP连接线整条线高亮显示，泳道图拖动时，该WP连接线整条线保持高亮显示。选择新的WP连接线后，原选择的WP连接线取消高亮显示。点击“查看详情”，则打开该WP连接线所代表的输入输出匹配关系列表页面，输入输出关系数据由统一业务流程平台提供。

（4） 节点名称可显示2-3行，鼠标位于业务节点图元上时，悬浮显示业务节点全部名称。节点名称信息由统一业务流程平台提供。
（5） 节点图元外框4个方向的输入线、输出线旁边应以数字标识该线段所包含的节点之间连接线数目。
（6） 提供根据节点信息进行显示窗口定位的功能或接口，将所选节点置于显示窗口的中心。
（7） 显示节点状态，如下图所示，需显示状态图例，超期的节点以红字显示“超期”。节点状态信息由统一业务流程平台提供。

2 技术要求：
1. 技术方案采取【节点关系-连线布线规则】在Java后端计算，并存储到自定义的库表或缓存中。由于泳道图数据计算量大，涉及所有节点及关系，耗时时间很长，需要每晚定时生成。
2. 前端采取Flex或Action Script技术进行开发。
3. 前端交互效率：响应时间2s内。
4. 并发用户：20个
3 开发过程要求：
1. 任务开始时，任务承接方应到我公司，与我方开发人员共同讨论约定数据集成方式、接口形式等，之后任务承接方可以回去进行开发。
2. 泳道图可以先以模拟数据进行开发及内部测试，模拟数据由我们提供。
3. 泳道图内部测试通过后，与统一业务流程平台进行系统联调（联调地点：上地国际创业园），并以真实数据进行测试，测试通过后，可进入验收交付程序。