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

悠悠 2022-12-24 10:49 17阅读 0赞

# 1：实现效果 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center]

# 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);
          },

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/6ce299b67d654ddbb8b8f68da58f5289.png