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

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • RabbitMQ Stream插件使用案例代码

    RabbitMQ Stream插件使用案例代码

    这篇文章主要介绍了RabbitMQ Stream插件使用案例代码,2.4版为RabbitMQ流插件引入了对RabbitMQStream插件Java客户端的初始支持,需要的朋友可以参考下
    2024-04-04
  • Mac M1 Java 开发环境配置详解

    Mac M1 Java 开发环境配置详解

    这篇文章主要介绍了Mac M1 Java 开发环境配置详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • 浅析JAVA Lock锁原理

    浅析JAVA Lock锁原理

    这篇文章主要介绍了JAVA Lock锁原理的相关资料,文中讲解非常细致,代码帮助大家更好的理解和学习,感兴趣的朋友可以了解下
    2020-07-07
  • SpringBoot原理之自动配置机制详解

    SpringBoot原理之自动配置机制详解

    Springboot遵循“约定优于配置”的原则,使用注解对一些常规的配置项做默认配置,减少或不使用xml配置,让你的项目快速运行起来,下面这篇文章主要给大家介绍了关于SpringBoot原理之自动配置机制的相关资料,需要的朋友可以参考下
    2021-11-11
  • 详解使用@RequestBody取POST方式的json字符串

    详解使用@RequestBody取POST方式的json字符串

    这篇文章主要介绍了详解使用@RequestBody取POST方式的json字符串,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12
  • java实现memcache服务器的示例代码

    java实现memcache服务器的示例代码

    本篇文章主要介绍了java实现memcache服务器的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-04-04
  • Spring Core核心类库的功能与应用实践分析

    Spring Core核心类库的功能与应用实践分析

    本文详细介绍了SpringCore核心类库的功能、应用实践和底层原理,SpringCore提供了控制反转(IOC)、依赖注入(DI)、Bean管理以及JNDI、定时任务等企业级功能,文章通过多个Java示例展示了SpringCore的应用,感兴趣的朋友跟随小编一起看看吧
    2024-12-12
  • 创建Java keystore文件的完整指南及详细步骤

    创建Java keystore文件的完整指南及详细步骤

    本文详解Java中keystore的创建与配置,涵盖私钥管理、自签名与CA证书生成、SSL/TLS应用,强调安全存储及验证机制,确保通信加密和数据完整性,感兴趣的朋友一起看看吧
    2025-07-07
  • java高级用法之绑定CPU的线程Thread Affinity简介

    java高级用法之绑定CPU的线程Thread Affinity简介

    java线程thread affinity是用来将java代码中的线程绑定到CPU特定的核上,用来提升程序运行的性能,这篇文章主要介绍了java高级用法之绑定CPU的线程thread affinity的相关知识,需要的朋友可以参考下
    2022-05-05
  • 详解JAVA高质量代码之数组与集合

    详解JAVA高质量代码之数组与集合

      在学习编程的过程中,我觉得不止要获得课本的知识,更多的是通过学习技术知识提高解决问题的能力,这样我们才能走在最前方,本文主要讲述Java高质量代码之数组与集合
    2013-08-08

最新评论