（1）搭建项目结构,根据设计稿进行切图,网页布局,以及轮播图 、无缝滚动、选项卡的添加。 （2）根据需求,基于uni组件scroll-view的特性实现左右来联动。 （3）使用setStorageSync本地存储保存页面变化的,进行跨页面传递数据,实现购物车功能。 （4）showLoading设置加载提示,提升用户体验。 （5）经用户授权换取网页授权access_token 拉取用户信息,实现*用户授权登录功能。

（1）负责首页、驾驶舱、生产总览、生产成本、生产效益、效益报表、指标趋势、入炉煤质软测量、指标管理、智能分析、数据录入等模块。 （2）首页通过rem布局，div+css，以sass书写css代码绘制而成，展示机组各项参数，用echarts图表展示主要生产指标，成本组成，当前生产情况，当前生产建议等可视化信息。 （3）驾驶舱以黑色科技风搭配echarts图表绘制的可视化大屏，搭配一些简单的动画效果，来展示电厂相关信息。 （3）运用rem插件与flexible.js实现在各个分辨率下的屏幕适配。 （4）封装WebSocket，只需要传入url，就可以返回后端推送的数据。 （5）处理python接口请求时需要获取token，将获取token接口封装成一个方法，存储到本地存储中去。 （6）在element-plus的基础上对树状表格进行二次封装，方便在使用中统一风格。

（1）负责登录，管网，热力站负荷预测，二网负荷预测，一站一优化，二网水力平衡，二网优化调度，二网闭环控制，工艺流程等模块。 （2）管网通过ui以svg的形式绘制，前端通过后端接口返回的数据将数据显示在管网图中相对应的楼栋中， 通过监听鼠标的滚动事件musewhere实现管网图的缩放功能，通过offsetleft/offsettop来实现管网图的拖拽移动。 （3）一站一优化中的供暖用户情况，将每一户供暖参数盒子提取成组件，以父传子的方式用v-for循环遍历到父页面上，父组件通过watch监听deep为true来深度监听参数的变化。判断温度值来区分是否是低温状态，以数组的长度来判断是否显示翻页。 （4）用svg绘制工艺流程图，使用WebSocket实时获取DCS数据，保证工艺流程页面数据的准确性。将WebSocket获取的数据绑定到svg上实时显示，运用组件通信的方式将调节阀、水泵、水箱、补水泵、一键启停的弹框封装成组件，根据后端推送的数据来展示弹框内的状态，也可以点击弹框功能按钮向DCS发送指令。右键点击工艺流程图上的数据参数弹出图表，里面可自由搭配多种参数进行查询。 （5）一站一优化使用echarts散点图，画出典型室温及目标室温两条直线，能直观看出每户的平均室温处于哪里。