jeecg-boot 页面搜索条件使用部门,树状结构

1:实现效果

在这里插入图片描述

2 :页面使用步骤

  1. 引入组件
import JTreeDepartSelect from '@/components/jeecg/JTreeDepartSelect'
    components: {
      JTreeDepartSelect,
	}
  1. 页面添加
<a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="所属部门">
                <j-tree-depart-select
                  ref="reset"
                  v-model="queryParam.sysOrgCode"
                  placeholder="请选择所属部门"
                  dict="sys_permission,name,id"
                  pidField="parent_id"
                  pidValue=""
                />
              </a-form-item>
            </a-col>
  1. 友情提示:queryParam.sysOrgCode(获取的是部门id)

3:切换部门名称

@Autowired
private ISysDepartService sysDepartService;

  1. 查询数据
SysDepart sysDepart = sysDepartService.getById(id);
  1. 数据组装
String orgCode = "";
		if(oConvertUtils.isNotEmpty(cspDocLog.getSysOrgCode())){
			SysDepart sysDepart = sysDepartService.getById(cspDocLog.getSysOrgCode());
			orgCode = sysDepart.getOrgCode();
			cspDocLog.setSysOrgCode(null);
		}
 if(oConvertUtils.isNotEmpty(orgCode)){
			queryWrapper.like("sys_org_code",orgCode);
		}
  1. 重置部门数据
 // 重置
      searchReset(){
        var that = this;
        var logType = that.queryParam.logType;
        that.queryParam = {}; //清空查询区域参数
        that.queryParam.logType = logType;
        //重置部门
        console.log("重置部门")
        this.$refs['reset'].resetDepart()
        that.loadData(this.ipagination.current);
      },
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值