一、实例概述
1.1 实例说明
本实例实现智慧养老可视化大屏监控界面前端,包括综合监控、告警监控、健康监控、环境监控、设备监控、位置监控、服务统计、呼叫中心等。本实例实现对于监控界面的相关开发资料,提供实例源码、开发过程视频及实现过程。
本实例内容较多,将分两篇文章发布。
界面使用vue+echarts开发,数据使用json格式文件进行模拟,web服务器使用nginx进行搭建。
本实例改进,通过vh和vw实现尺寸设置,使用rem设置字体尺寸,使用vue3的steup方式实现对应代码编写等。
1.2 参考文档
- Vue参考文档:https://v3.cn.vuejs.org/
- Echarts参考文档:https://echarts.apache.org/zh/index.html
- Vue-Echarts参考文档:https://github.com/ecomfe/vue-echarts
- Element-UI参考文档: