任务详情
UI富有科技感 动画吸睛1、系统主题偏蓝科技风 输入网址进入页面显示地图界面 地图偏向浅色 地图中的建筑偏向蓝色或者灰色科技感2、进入地图界面定位在园区视角 且显示对应的GIS坐标一定高度的井盖模型（A井和B井区分类型：雨水、污水）井盖有一定透明度 顶部查看可以透过井盖查看管内数据展示（模型Demo里体现，井盖有花纹）3、地图卡片页展示数据先参考一期数据 有调整再修改（UI初稿通过后再根据展示要求设计）4、模型数据建模提供Demo案例实现（包含对接到井盖、横管的连接、动画、内部的数据展示和特效）重点5、管道颜色要与地图建筑的颜色区分开 支持缩放和3D6、地图底色及建筑等UI表现形式Demo案例提供7、接收到拓补关系数据确定连接关系（透明度修改：模型Demo里体现）8、水位（模型Demo里体现，动画效果动态体现水位）9、流量（接收到数据 管道内水平面动静区分，动画效果动态体现流量）10、水色（模型Demo里体现根据值区分颜色）11、健康状况（模型Demo里体现横管与竖管连接处使用圆环颜色区分三种：红绿蓝（红色异常，绿色健康、检测中蓝色动态）12、坡度：顺平逆（表现：顺：A-B管内球体从A-B滚动循环；平：中间区间移动；逆；逆：A-B滚动不位移）卡片页触发展示13、缺陷：障碍物（横管展示石头）、破裂（横管显示裂缝）连接异常（连接部位显示红色异常）、坡度异常（横管内显示一跟细小的红色闪烁线、形变：管道显示弯曲、竖管不健康：竖管红色）14、实验室模型展示及单个竖管点击事件跳转对应控制界面（js交互实现）15、控制面板界面（参考CCTV管道机器人检测返回的潜望镜控制面板 一期功能暂不做调整）16、Demo功能需定义好预留变量参数17、提供Demo案例实现的技术及UI设计稿中部分特效的支持及其他协助完成开发演示工作
