分离 修改 多多 那些事儿

修改回显

openUpdateDialogMole(val){
	//性别
	// if (row.sex == 0) {
	// 	this.detailModel.sex = '0';
	// } else {
	// 	this.detailModel.sex = '1';
	// }
	this.checkedMenus=[];//复选框选中 初始化
	Object.assign(this.updateFormModel,val);//将val值 赋给 this.updateFormMode 对象 实现普通input框回显
	this.imageUrl = val.img; //图片路径初始化
	console.log(val.mids);
	var arr = val.mids;  //1,2,3,4
	if(arr!=null){
		var split = arr.split(",");
		for(let i=0;i<split.length;i++){
			this.checkedMenus.push(parseInt(split[i]));
		}
	}
	this.axios.get('http://localhost:8080/menu/list').then((res) => {
		// console.log(res.data)
		this.menus = res.data.data;
	})
	this.updateDialogFlag=true;
}

handleAvatarSuccess(res, file) {
	console.log(res);
	if (res.code == 1001) {
		if (this.saveDialogFlag) {
			this.saveFormModel.img = res.data;
		}else if(this.updateDialogFlag){
			this.updateFormModel.img = res.data;
		}
	}
	this.imageUrl = URL.createObjectURL(file.raw);
}

图片回显 及 值

handleCheckedMenusChange(val) {
	this.checkedMenus = val;
	if(this.saveDialogFlag){
		if (val.length > 0 && val != null) {
			this.saveFormModel.mids = val.map(x => x).join(",");
		}
	}else if(this.updateDialogFlag){
		if (val.length > 0 && val != null) {
			this.updateFormModel.mids = val.map(x => x).join(",");
		}
	} 
	console.log(this.saveFormModel.mids);
  }

复选框回显 及 值

@Override
@Transactional
public void updateR(RoleVo roleVo) throws Exception {
   roleMapper.updateById(roleVo);  //修改主表
    QueryWrapper queryWrapper = new QueryWrapper();
    queryWrapper.eq("rid",roleVo.getId());
    menu_roleMapper.delete(queryWrapper); //删除中间表
    //添加中间表
    String mids = roleVo.getMids();
    if(mids!=null && !"".equals(mids)){
        String[] split = mids.split(",");
        for (String mid:split){
            Menu_role menu_role = new Menu_role();
            menu_role.setMid(Integer.parseInt(mid));
            menu_role.setRid(roleVo.getId());
            menu_roleMapper.insert(menu_role);
        }
    }
}