一、实例概述

1.1 实例说明

  本实例实现话务呼叫中心可视化大屏监控界面前端，包括综合监控、状态监控、通话监控、质量监控等。本实例实现对于监控界面的相关开发资料，提供实例源码、开发过程视频及实现过程。

  界面使用vue+echarts开发，数据使用json格式文件进行模拟，web服务器使用nginx进行搭建。
  本实例改进，通过vh和vw实现尺寸设置，使用rem设置字体尺寸，使用vue3的steup方式实现对应代码编写等。

1.2 参考文档

1. Vue参考文档：https://v3.cn.vuejs.org/
2. Echarts参考文档：https://echarts.apache.org/zh/index.html
3. Vue-Echarts参考文档：https://github.com/ecomfe/vue-echarts
4. Element-UI参考文档：