avue-data使用记录

1、大屏需要在bladeX框架里使用，是vue项目，avue-data生成的是html，愣转成vue代码没有成功

解决：转为跳转至html文件中，文件存放在public文件夹下

.vue文件中直接跳转 文件存放路径

2、index.umd.min.js文件使用报错，require('ELEMENT')

导出的index.html

解决：更换组件库至本地文件，已有的全部换成本地的

更换文件

3、生成的表格，顶部有文字

解决：修改样式

.avue-echart-table el-dialog {

      display: none;

    }

4、动态数据配置

选择编辑api接口 编辑接口传参

添加自己的接口，选择请求方式后，如需传参则进入编辑参数，右侧有对应说明，如传参可直接编写

传参

5、header

在请求网络数据时，需要在header中添加用户鉴权信息，添加网络请求拦截

网络请求拦截

GetQueryString方法是导出时自带的，头部校验信息中，Blade-Auth可以直接从存储数据中获取。

其中Authorization不会整，但是不传的话，测试中也可以获取到数据，暂且不管，也管不了

6、返回数据处理

数据处理

接口请求到的参数，需要在数据处理里边处理返回一下，可以打印一下看看数据内容，根据实际情况处理

数据处理

7、表格数据展示

在表格列中编辑，dictKey与dictValue都是上述接口中返回的字段，需根据实际情况填写。。。其它相关配置根据文档说明调试

编辑列 接口返回数据说明

目前在鼓捣选项卡点击事件，卡两天了，有新进展再继续。。。