平宝首山一共六个模块,包括煤楼,主副井提升,压风系统,主扇通风,轨道绞车,泵房,技术栈使用原生JavaScript开发,iframe用于界面切换跳转,svg用于图形展示,echart图表代码编写增强用户体验,更客观展示数据,其中JavaScript的编写, 通过循环数据,过滤筛选后台传过来有用数据,以及数据的格式,及指示灯的状态切换,指示灯样式颜色切换,煤楼的显示隐藏,主井副井的高度的变化,水泵的高度及水位变化等动画效果使用户有更直观更好的体验,还有通过移动端h5适配手机端,编写css响应式布局,js原生兼容通过窗口大小判断是手机端还是web端,来展示是否横屏竖屏。