基于麻雀平台的报表展示前端

开发测试

在根目录和sample目录分别执行npm install

运行sample下面的工程即可

NPM引用

npm install maque-report

要实现前端的两个变量：

window.apiGateway: 网关前端服务地址，默认为 空 ，可不设置 ，兼容

window.appMaque: 麻雀的前端服务地址，默认为 /maque, 如果与默认值相同，可不设置。兼容 window.globalConfig.maQueServiceUrl

window.appReport: 报表服务的前端地址，默认为/pubcomreport, 如果与默认值相同，可不设置 。兼容 window.globalConfig.env.pubComReportUrl

首页引用组件

import IndexLayout from "maque-report/src/packages/index/index-layout";

<index-layout xm-code="gdtdsc" secret-key="gdtdsc" user-name="zskj_test"></index-layout>

参数说明：

xm-code：项目代码

secret-key：项目密钥

user-name: 当前的用户名

parentId: 报表的组父节点ID，可为空

defaultReportId: 默认要显示的报表

假设当前页面的路由地址为：/report-index

则可以用 /report-index?reportId=报表ID ,显示显示某个报表

单页显示报表详情

如果不需要左侧报表树，

import ZsReportDetail from "maque-report/src/packages/detail/report-detail";

<zs-report-detail :report-id="reportId" :user-name="'zskj_test'"></zs-report-detail>

参数说明：

xm-code：项目代码

secret-key：项目密钥

user-name: 当前的用户名

reportId: 当前报表的ID

haveBackButton:是否要显示返回按钮

返回按钮的响应事件

@BackSearch