CRM的dev(六)--在JS中如何获取到用户id对应的角色用户名

在CRM系统的查看功能时候，查看的时候，数据库里面加载的数据全是对应用户，对应状态的数字结果：1，2，3，4

显示出来是这个样子：



需要在查看的时候，让1，2，3，4显示成对应的用户角色：

需要在JS代码中如下操作：

【分析】：

1–先获取到对应的input里面的id的值；

2–对应的值需要进行角色名字的转换；

3–将转换后的数据进行填充；

我们需要在Controller里面添加如下的用户id和用户名的对应关系的转换：

/**
* 加载返回用户id&username对应关系
* @return
*/
@ResponseBody
@RequestMapping(value = "/idmapping" ,method = RequestMethod.POST )
public R querySysUserIdMapping() {

Map<String, String> idmapping = new HashMap<>();
List<SysUserVO> list = sysUserService.queryList(new HashMap<>());
for(SysUserVO vo : list){
idmapping.put(StringUtil.getString(vo.getId()), vo.getUserName());
}

return R.ok().put("idmapping", idmapping);
}

然后在Ajax的Columns字段下面加上这样的function:

onBeforeLoad: function(param){//加载客户信息id&statusValue对应关系
$.ajax({
url: ctx+'/sys/user/idmapping',
type: 'post',
contentType: "application/json",
dataType: "json",
success: function (data){
idmap = data.idmapping;
}
});
},

然后在具体的查看业务的JS部分加上：

//查看当前行信息
$('#customerlook').bind("click", function(){
//清除表单内容
$('#customerfm').form('clear');
//已选择节点
var row = $('#customerdg').datagrid('getSelected');
if (row){
//填充信息
$('#customershowtrdlg').dialog('open').dialog('center').dialog('setTitle','查看客户信息');
$('#customershowtrfm').form('load',row);
//--------------------------------对应角色的获取与填充
//获取创建人id
var show_create_id=$('#show_create_id').val();
var show_modifier_id=$('#show_modifier_id').val();
var show_checker_id=$('#show_checker_id').val();
//转换成中文
var screateid=idmap[show_create_id];
var smodifierid=idmap[show_modifier_id];
var scheckerid=idmap[show_checker_id];
//数据填充加载
$("#show_create_id").textbox("setValue", screateid);
$("#show_modifier_id").textbox("setValue", smodifierid);
$("#show_checker_id").textbox("setValue", scheckerid);
}else {
$.messager.alert('提示信息','请选择一条记录！','info');
}
});

到这里基本大功告成~欧耶~

改好后的查看截图：