前端报表服务插件
一期只支持查看表格数据,不支持任何操作,包括搜索,修改删除等,不支持分页
安装
npm install yuanbao-report --save
or
yarn add yuanbao-report
用法
- 引入quickBI
import quickBi from 'yuanbao-report';
- 在需要展示表格的页面新建id为xxx的dom元素,比如
<div id="table" />
- 初始化调用方法
quickBI.requestQuickBIData(appCode, { ApiId, Conditions }, baseUrl).then((res) => {
quickBI.bindData(id, res, customParams);
}).catch((err) => {
console.log('errerr', err);
});
requestQuickBIData方法参数说明
参数 | 说明 | 是否必填 |
---|---|---|
appCode | 应用名称 | 是 |
ApiId | 业务方提供的参数,代表需要请求的数据id | 是 |
Conditions | quickBI上设置的请求参数会封装到Conditions里 | 不确定 |
baseUrl | 请求接口域名,默认为线上环境域名,可以不传 | 否 |
bindData方法参数说明
参数 | 说明 | 是否必填 |
---|---|---|
id | 应用名称 | 是 |
res | 业务数据,requestQuickBIData返回值 | 是 |
customParams | quickBI上设置的请求参数会封装到Conditions里 | 是 |