Avue-data数据大屏是一个基于Element-ui开发的组件库，旨在满足日常开发中的需求。它提供了一些内置的组件，如菜单栏组件库，用户可以自定义封装组件，并配置数据源。支持的数据源类型包括sql数据源，需要新建数据源链接以指定连接的服务器及数据库。Avue-data数据大屏已经集成了echarts和axios库，使得在开发过程中可以直接使用这些工具，无需重复引入。
在Avue-data数据大屏中，组件之间的交互联动与数据传递是通过事件抛出和接收实现的。例如，当A组件被点击时，它会抛出一个点击事件，并附带需要的参数传递给B组件。这种机制使得不同组件之间可以实现数据的动态更新和交互。
此外，Avue-data数据大屏支持通过接口方式和SQL查询来获取数据，这对于展示柱状图等图形非常有用。用户需要了解柱状图的返回数据格式，并能够通过制作数据库查询接口来获取数据。这种灵活性使得Avue-data数据大屏能够适应各种数据展示需求，无论是通过接口获取数据还是直接进行SQL查询。
总的来说，Avue-data数据大屏是一个功能强大的数据可视化工具，它通过提供丰富的组件和灵活的数据处理方式，帮助用户轻松地创建复杂的数据大屏应用
传送门：
1、多种数据源的使用
数据类型：Record数据集中的可选项，在数据管理里面配置；
Record多个组件共用一个数据集，每个组件请求一次；
Publich也是数据集，他可以实现多个组件共用数据
Public多个组件共用一个数据集，只请求一次
选择一个数据集组件，配置数据源(接口)、编辑过滤器
使用：选择刚才建立的Public数据集
2、三方网站数据解析
获取html中所需的数据，利用iquery转化成对象
3、组件传参交互
①新建两个文本（父组件），新建一个子组件
②父组件在交互里，去配置，子类、参数名称、映射字段等；
③点击预览，调试
④点击父组件，接口id参数，是子组件收到父组件传过来的参数
①组件的序号
②事件里面获取值，并修改
利用ref控制组件内部的变量属性
加载CDN资源，加载前端 UI 框架layui
可以引入任意三方包，但是一定要放到mounted加载
点击调用layer弹窗二维码
7、多屏幕切换
主屏幕的组件是共享到每个屏幕上的，比如一些常见共用的导航组件等；
切换不同屏幕的两种方式：
1、利用大屏的交互方式去切换大屏
2、在组件的点击事件，利用JS代码赋值ID切切换
主题色修改
变量使用
如何和其他组件交互
调用$emit的click事件，传入对应的参数，他就会调用内部方法走大屏中的交互和事件
this.$emit("click",{formId:"test"})
可以用ref获取对象和其他组件交互
10、定时器组件使用
定时器组件就是定时执行一段函数，他可以直接操作其他组件，改变其他组件样式，赋值，显隐操作等
var number=Math.random()*10;
//修改文本框内容为随机数
refs['36045926-a477-4270-888b-a740bf4f2497'].dataChart.value=number
//控制柱状图显隐；直接操作$el对象下的style属性即可
refs['f49295fb-5278-41ba-bcaca7091e66fbd1'].$el.style.display=number>5?"none":"black"
12、全局变量和全局过滤器
全局变量和全局过滤器的用法，作用是：达到多个组件公用
①全局变量
新增一个api接口数据
新增变量
提示url中使用${xxx}，js语法中使用window.$glob["xxx"]
②全局过滤器
文本框需要value包裹一下
13、消息模板推送
新建一个消息推送组件
配置组件的推送渠道和模板
复制我们的调用方法，其实就是调用推送组件内部send方法，并且传入推送的内容
refs['0c5e99ce-f252-406e-892c-bbcf2b726bf4'].send({message:"大屏推送测试"})
如何取其他组件值去推送
14、语音消息告警
右边配置不用管，我们采用组件方式调用
调用组件的play方法，传入对应的文本内容
如果不传入，则会以配置的文本为主
15、大屏导出独立部署
单独导出部署：https://www.yuque.com/smallwei/avue-data/hm3bughr09xit8bc
打包部署：https://www.yuque.com/smallwei/avue-data/xg8c1ptxsews6rhv
