JeecgBoot页面j-search-select-tag标签后台配置
一、前端代码
1、表单页面
<a-form-model-item label="所属区域" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="province">
<j-search-select-tag
v-model="model.province"
:dictOptions="searchAreaList"
placeholder="请选择区域"/>
</a-form-model-item>
2、引入依赖
用户登录后,进入页面,会获取到登录者的相关信息,复杂的可以更改登录接口返回信息。
import store from '@/store/'
3、配置字段
data () {
return {
searchAreaList:[],
model:{},
}
},
4、created()中编写方法
userInfo就是登录者信息
created () {
let userInfo = store.getters.userInfo;
if(userInfo.izManager){
this.izManager = userInfo.izManager;
this.searchAreaList = userInfo.areaList;
}
},
二、后台代码
1、controller登录方法中增加
List<Map<String, Object>> mapList = provinceService.listMaps(new QueryWrapper<EnProvince>().select("province_code","name").in("name", proNames));
List<DictModel> areaList = mapList.stream().map(m -> new DictModel(m.get("province_code").toString(), m.get("name").toString())).collect(Collectors.toList());
sysUser.setAreaList(areaList);
2、entry实体类
TableField(exist = false): 因为areaList字段没有保存到数据库,只做返回给前端用,所有加此注解。
@TableField(exist = false)
private List<DictModel> areaList;
一个在学习的开发者,勿喷,欢迎交流