2019-09-04 09:09:32 +08:00
|
|
|
|
<!doctype html>
|
|
|
|
|
|
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
|
|
|
|
|
<head>
|
2020-05-15 19:45:16 +08:00
|
|
|
|
<base th:href="${#request.getContextPath() + '/'} ">
|
2019-09-04 09:09:32 +08:00
|
|
|
|
<meta charset="UTF-8"/>
|
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=11,chrome=1"/>
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="assets/js/vendor/layui/css/layui.css"/>
|
|
|
|
|
|
<style>
|
|
|
|
|
|
html, body {background-color: #FFF;}
|
|
|
|
|
|
.edit-content {padding: 0 10px;}
|
|
|
|
|
|
.table-left-title {width: 20%; background-color: #e6e6e6; text-align: center;}
|
|
|
|
|
|
.layui-table td, .layui-table th {border-color: #000;}
|
|
|
|
|
|
[v-cloak] {display: none;}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<div id="app" class="easyui-layout easyui-layout-dialog edit-content">
|
|
|
|
|
|
<table class="layui-table" lay-size="sm" v-cloak>
|
|
|
|
|
|
<tbody>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td class="table-left-title">用户名</td>
|
|
|
|
|
|
<td colspan="3"><span>{{userDetail.userUsername}}</span></td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td class="table-left-title">姓 名</td>
|
|
|
|
|
|
<td colspan="3"><span>{{userDetail.userName}}</span></td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td class="table-left-title">电 话</td>
|
|
|
|
|
|
<td colspan="3"><span>{{userDetail.userPhone == '' ? '无' : userDetail.userPhone}}</span></td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td class="table-left-title">邮 箱</td>
|
|
|
|
|
|
<td colspan="3"><span>{{userDetail.userEmail == '' ? '无' : userDetail.userEmail}}</span></td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td class="table-left-title">角 色</td>
|
|
|
|
|
|
<td colspan="3">
|
|
|
|
|
|
<span v-for="(role, index) in userDetail.roles" v-if="userDetail.roles.length > 0">
|
|
|
|
|
|
<span v-if="index > 0">，</span>{{role.roleName}}
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<span v-else>无</span>
|
|
|
|
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td class="table-left-title">部 门</td>
|
|
|
|
|
|
<td colspan="3">
|
|
|
|
|
|
<span v-for="(department, index) in userDetail.departments" v-if="userDetail.departments.length > 0">
|
|
|
|
|
|
<span v-if="index > 0">，</span>{{department.departmentName}}
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<span v-else>无</span>
|
|
|
|
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td class="table-left-title">职 位</td>
|
|
|
|
|
|
<td colspan="3">
|
|
|
|
|
|
<span v-for="(position, index) in userDetail.positions" v-if="userDetail.positions.length > 0">
|
|
|
|
|
|
<span v-if="index > 0">，</span>{{position.positionName}}
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<span v-else>无</span>
|
|
|
|
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td class="table-left-title">所属组</td>
|
|
|
|
|
|
<td colspan="3">
|
|
|
|
|
|
<span v-for="(group, index) in userDetail.groups" v-if="userDetail.groups.length > 0">
|
|
|
|
|
|
<span v-if="index > 0">，</span>{{group.groupName}}
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<span v-else>无</span>
|
|
|
|
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
</tbody>
|
|
|
|
|
|
</table>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<script type="text/javascript" src="assets/js/jquery-2.1.1.min.js"></script>
|
|
|
|
|
|
<script type="text/javascript" src="assets/js/vendor/layui/layui.js"></script>
|
|
|
|
|
|
<script type="text/javascript" src="assets/js/vendor/viewer/viewer.min.js"></script>
|
|
|
|
|
|
<script type="text/javascript" src="assets/js/vue.min.js"></script>
|
|
|
|
|
|
<script type="text/javascript" src="assets/js/common.js"></script>
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
new Vue({
|
|
|
|
|
|
el: '#app',
|
|
|
|
|
|
data: {
|
|
|
|
|
|
userId: top.restAjax.params(window.location.href).userId,
|
|
|
|
|
|
userDetail: {}
|
|
|
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
|
|
|
initUserDetail: function() {
|
|
|
|
|
|
var self = this;
|
|
|
|
|
|
var loadLayerIndex;
|
|
|
|
|
|
top.restAjax.get(top.restAjax.path('api/user/getuserdetail/{userId}', [self.userId]), {}, null, function(code, data) {
|
|
|
|
|
|
self.userDetail = data;
|
|
|
|
|
|
}, function(code, data) {
|
|
|
|
|
|
top.DialogBox.msg(data.msg);
|
|
|
|
|
|
}, function() {
|
|
|
|
|
|
loadLayerIndex = top.DialogBox.msg(TextMessage.loading, {icon: 16, time: 0, shade: 0.3});
|
|
|
|
|
|
}, function() {
|
|
|
|
|
|
top.DialogBox.close(loadLayerIndex);
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
mounted: function() {
|
|
|
|
|
|
this.initUserDetail();
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
