我要评论一、效果图
根据登录者角色信息，动态配置报表，查询对应信息。
红框展示字段，可以在报表中配置，也可以添加查询条件。
二、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);
},
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持代码网。
发表评论