JeecgBoot页面Online报表配置(动态)

JeecgBoot页面Online报表配置(动态)

一、效果图

根据登录者角色信息，动态配置报表，查询对应信息。
红框展示字段，可以在报表中配置，也可以添加查询条件。

二、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);
},

一个在学习的开发者，勿喷，欢迎交流