首页 > 其他分享 >jeecgboot中前端使用带有参数报表的方法

jeecgboot中前端使用带有参数报表的方法

时间:2023-02-27 14:01:58浏览次数:31  
标签:报表 前端 param 参数 jeecgboot sc model id


      在实际开发中,jeecgboot里的在线开发里的报表配置带有参数的情况,所以需要如何调用这种报表,官方没有提出方法,我把我解决的办法写出来,供大家参考。

     一、带参数的选择有库存销售商品选择报表

如下:

jeecgboot中前端使用带有参数报表的方法_带参数

 select a.id,a.code,a.name,a.spu_id,a.category_id,a.brand_id,a.tax_rate,a.sale_tax_rate,a.spec,a.unit,a.status,b.purchase,b.sale,b.retail,c.stock_num from erp_goods a 
               left join erp_goods_price b on a.id = b.id left join erp_goods_stock c on a.id = c.goods_id  where a.status = '1' and c.sc_id = ${sc_id}

其中参数是为sc_id仓库id

二、调用上面带参数报表方法

首先定义一个参数param ,同时对选择商品id里设置调用的这个报表,设置如下:

jeecgboot中前端使用带有参数报表的方法_vue_02

 这里采用popup类型,popupCode就是报表编码,param是传递的参数,设置如下

//自定义配置报表参数
        param:{
          sc_id: '',
        },

<a-col :span="8" >
<a-form-model-item label="仓库ID" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="scId">
<j-popup
v-model="model.scId"
field="scId"
org-fields="id"
dest-fields="scId"
code="SelectorWarehouse"
:multi="false"
@input="popupCallback"
/>
</a-form-model-item>
</a-col>
popupCallback(value,row){
this.model = Object.assign(this.model, row);
this.param.sc_id = this.model.scId;
this.erpSaleOutDetailTable.columns[0].param = this.param;
this.isAdd = true;
console.log("popupCallback param=",this.param);
console.log("popupCallback this.erpSaleOutDetailTable.columns[goodsId].param=",this.erpSaleOutDetailTable.columns[0].param);
},

 这样对选择仓库的时候进行处理,给参数赋值,这样就可以满足要求了。

三、效果如下:

jeecgboot中前端使用带有参数报表的方法_jeecgboot_03

 

标签:报表,前端,param,参数,jeecgboot,sc,model,id
From: https://blog.51cto.com/u_15070324/6088405

相关文章

  • 基于jeecgboot的flowable为uniapp适配的流程页面调整
       为了满足在uniapp上也能进行webview的流程页面操作与显示,需要对流程页面,特别是record/index.vue进行修改与适配。   一、对各个内容的宽带进行调整主要是样式......
  • 2023前端vue面试题汇总
    Vuex有哪几种属性?有五种,分别是State、Getter、Mutation、Action、Modulestate=>基本数据(数据源存放地)getters=>从基本数据派生出来的数据mutations=>提交......
  • 前端vue面试题(持续更新中)
    vue-router中如何保护路由分析路由保护在应用开发过程中非常重要,几乎每个应用都要做各种路由权限管理,因此相当考察使用者基本功。体验全局守卫:constrouter=createR......
  • 滴滴前端高频react面试题汇总
    说说React组件开发中关于作用域的常见问题。在EMAScript5语法规范中,关于作用域的常见问题如下。(1)在map等方法的回调函数中,要绑定作用域this(通过bind方法)。(2)父组件传递......
  • 腾讯前端必会react面试题合集
    React-Router的路由有几种模式?React-Router支持使用hash(对应HashRouter)和browser(对应BrowserRouter)两种路由规则,react-router-dom提供了BrowserRouter和HashRo......
  • 校招前端高频react面试题合集
    了解redux吗?redux是一个应用数据流框架,主要解决了组件之间状态共享问题,原理是集中式管理,主要有三个核心方法:actionstorereduce工作流程view调用store的dispatch......
  • 前端一面常见react面试题(持续更新中)
    React组件中怎么做事件代理?它的原理是什么?React基于VirtualDOM实现了一个SyntheticEvent层(合成事件层),定义的事件处理器会接收到一个合成事件对象的实例,它符合W3C标准,且......
  • 基于jeecgboot流程管理平台的在线表单设计修改成formdesigner(三)
    8、原先formdesigner对上传的文件不能回显,修改如下:import{isAttr,jsonClone}from'../utils';importchildrenItemfrom'./slot/index';import{remoteData}from'.......
  • 将后端的application/json的格式数据类型转换成前端需要的类型格式
    前提:后端返回的数据内容但是红框的数据对于前端来说是不正确的数据所以我感觉前端处理这个数据本身这个操作都很傻X但是我尝试进行转换代码如下:得到的数据:点击查......
  • 前端监控之性能与异常
    作者:京东零售李菲菲1前言现有的大部分监控方案都是针对服务端的,而针对前端的监控很少,诸如线上页面的白屏时间是多少、静态资源的加载情况如何、接口请求耗时好久、什么时......