{{nowDate}}
+{{dataChart.label}}
++ {{dataChart.value}} +
+下载部署容器。配置 Nginx，参考如下：
+
+ location / {
+ root /;
+ index index.html;
+ try_files $uri $uri/ /index.html;
+ }
+ 1.【本地文件】下载大屏配置文件。将大屏配置文件view.js 放入部署容器根目录。
+2.【云端加载】无需下载大屏配置文件，访问第一步下载的容器中index.html文件,url中带大屏参数/index.html?id={{item.id}}
+嵌入地址：{{url}}
+
+ {{modelValue}}
+
+
+ window.$glob.params //接受url中的参数
+ window.$glob.query //发送全局的url参数
+ window.$glob.header //发送全局的header参数
+ window.$glob.group //当前显示屏幕，显示那个屏，就把对应id复制给它
+ window.$glob['xxx'] //全局变量
+
+
+ 解析数据用了jquery库,把返回数据放入$(data)中赋值给变量 后续使用jquery用法去操作即可
+ var $html=$(data)
+ $html.find('ul').text()
+
+
+ setDisplay() //隐藏文件夹全部内容，false-显示 true-隐藏
+ refs['文件夹Id'].setDisplay(false)
+
+
+ //window.$loadScript远程加载三方包
+ @param {*} type 资源类型js/css
+ @param {*} url 三方包的地址
+ window.$loadScript(type,url).then(res=>{
+ console.log('加载完成')
+ })
+ created(){
+ //触发点击事件和其他组件交互,需要回调click事件
+ this.$emit('click',xxx)
+ //this.dataChart-数据交互返回的数据值
+ console.log(this.dataChart)
+ //this.refList-大屏对象的ref集合
+ console.log(this.refList)
+ //原生组件ref
+ console.log(this.refList[id])
+ //自定义Vue组件ref
+ console.log(this.refList[id].$refs.main)
+ }
+
+ @param {*} data 数据交互返回的数据值
+ @param {*} params 其他组件交互传递的参数
+ function (data,params){
+ //this.myChart-为Echart实例对象
+ console.log(this.myChart)
+ //this.refList-大屏对象的ref集合
+ console.log(this.refList)
+ //原生组件ref
+ console.log(this.refList[id])
+ //自定义Vue组件ref
+ console.log(this.refList[id].$refs.main)
+ //如果是异步调用用setOption方法
+ this.myChart.setOption(option,true)
+ //option为echart的配置直接return返回即可
+ return option
+ }
+
+
+ @param {*} refs 大屏对象的ref集合
+ function (data){
+ //原生组件ref
+ console.log(refs[id])
+ //自定义Vue组件ref
+ console.log(refs[id].$refs.main)
+ //修改组件样式
+ refs[id].styles.xxxx=xxx;
+ //组件赋值
+ refs[id].dataChart=xxxx
+ }
+
+
+ @param {*} data 数据交互返回的数据值
+ @param {*} params 其他组件交互传递的参数
+ @param {*} refs 大屏对象的ref集合
+ //原始数据用JS函数处理成组件需要的数据格式
+ function (data,params,refs){
+ //原生组件ref
+ console.log(refs[id])
+ //自定义Vue组件ref
+ console.log(refs[id].$refs.main)
+ //例如修改组件样式和赋值
+ refs[id].styles.xxxx=xxx;
+ refs[id].dataChart=xxxx
+ }
+
+
+ @param {*} params 其他组件交互传递的参数
+ @param {*} refs 大屏对象的ref集合
+ function (params,refs){
+ //原生组件ref
+ console.log(refs[id])
+ //自定义Vue组件ref
+ console.log(refs[id].$refs.main)
+ //例如修改组件样式和赋值
+ refs[id].styles.xxxx=xxx;
+ refs[id].dataChart=xxxx
+ }
+
+
+ @param {*} data 数据交互返回的数据值
+ @param {*} params 其他组件交互传递的参数
+ @param {*} refs 大屏对象的ref集合
+ function (data,params,refs){
+ //原生组件ref
+ console.log(refs[id])
+ //自定义Vue组件ref
+ console.log(refs[id].$refs.main)
+ //例如修改组件样式和赋值
+ refs[id].styles.xxxx=xxx;
+ return 返回最终的style样式对象
+ }
+
+
+ @param {*} data 数据交互返回的数据值
+ function (data){
+ //全局函数,可以获取url里面传递参数
+ console.log(window.$glob)
+ }
+
+
+ @param {*} name 当前选中组件的子对象
+ @param {*} data 数据交互返回的数据值
+ function (name,data){
+
+ }
+
+ 创建分类
+ 多种分类 更好管理 +创建组件
+ 丰富组件，按需引入项目 +创建数据源
+ 多库查询 自由组合 +功能
+上传文件
+ 可用字体、组件依赖等静态资源 +创建变量
+ 全局变量 任意调用 +${{ item.globalKey }}
+ {{ item.globalValue }} +创建大屏
+ 智慧可视化大屏 多平台展示 +创建地图
+ 自定义地图 随心所欲 +地图下载
+ 全国任意地图下载 +创建数据集
+ 多种查询方式 自由组合 +{{ getTypeLabel(item.dataType) }}
+