JeecgBoot页面Online报表配置过程(动态)
更新时间:2026年01月20日 10:54:51 作者:bug0到1
文章介绍了如何根据登录者角色信息动态配置报表,并详细说明了Online报表的配置步骤,包括数据源选择、字段显示、查询条件设置等,同时,文章还涉及了页面代码部分,包括依赖引入、用户信息获取、参数配置和form表单配置等
一、效果图
根据登录者角色信息,动态配置报表,查询对应信息。
红框展示字段,可以在报表中配置,也可以添加查询条件。

二、Online报表配置
- 数据源: 数据源选项一般不选,选择后SQL解析不成功。
- 是否显示: 控制上方图片示例中字段显示。
- 是否查询: 勾选后,会显示对应的查询条件。
注: 复杂的sql语句解析不成功时,可以先将查询条件去掉再解析,解析成功后,将查询条件再填上,在报表参数列里面,将参数填上,直接点击保存(此时不用再此解析)

三、页面代码部分
1、引入依赖
用户登录后,进入页面,会获取到登录者的相关信息,复杂的可以更改登录接口返回信息。
import store from '@/store/'
2、 created()中编写方法
userInfo就是登录者信息,
created(){
let userInfo = store.getters.userInfo;
if(userInfo.id == "1"){
this.popupCode = "newCode1";
this.popupParam.userId = "";
}
},
3、参数配置
data () {
return {
popupCode: "newCode",
popupParam: {"userId":"''"},
}
}
4、form表单配置
<a-form-model-item label="姓名" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="name">
<j-popup
v-model="model.name"
:trigger-change="true"
field="name"
org-fields="user_id,user_name,phone"
dest-fields="userld,userlName,phone"
:code="popupCode"
:param="popupParam"
:multi="true"
@callback="selectback"/>
</a-form-model-item>
5、selectback(选中)返回方法
//选择
selectback(value){
this.model = Object.assign(this.model, value);
},
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
详解使用@RequestBody取POST方式的json字符串
这篇文章主要介绍了详解使用@RequestBody取POST方式的json字符串,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2019-12-12
java高级用法之绑定CPU的线程Thread Affinity简介
java线程thread affinity是用来将java代码中的线程绑定到CPU特定的核上,用来提升程序运行的性能,这篇文章主要介绍了java高级用法之绑定CPU的线程thread affinity的相关知识,需要的朋友可以参考下2022-05-05


最新评论