qml实例-交通信号控制可视化配时工具

本创作为交通信号控制可视化配时工具2.0版本，目前完成可视化相位相序及时长的改变，后续会继续完善功能，包括日计划配置、调度配置、方案-日计划-调度的匹配。

（所涉及项目未完，暂不做公开显示）

主要功能如下，以双环为例：

1. 初始化显示
2. 屏障增删
3. 相位增删
4. 时长改变（支持拖动和手动两种）
5. 相序的改变
6. 弹窗提示
7. 灯色的改变

主要技术点如下：

1. createComponent
   两层嵌套的动态加载，绘制基本双环八相位。

2. Drag and Droparea
   拖拽item对象到droparea实现item的移动和相位颜色的改变。

3. anchor
   巧用布局，改变相关元素的变量，实现牵一发动全身的效果。

4. canvas
   绘制屏障的边界线，也用于国标导向箭头的绘制。

5. MessageDialog
   利用弹窗改变相位时长或起提示作用。

6. xxx.js
   将中间过程的函数放于.js文件，使程序整洁。