JeecgBoot页面j-search-select-tag标签后台配置

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;

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