<div class="clear-float height_100p">
|
<div class="float_l left_tree_wrap">
|
<ul id="user_tree_wrap"></ul>
|
</div>
|
<div class="float_l folding_partition_line">
|
<img src="image/hide_left_tree.png" width="19" class="operation_left_tree_img">
|
</div>
|
<div class="float_l form_and_table_wrap">
|
<form class="layui-form">
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">用户编号:</label>
|
<div class="layui-input-inline">
|
<input type="text" name="jobNum" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">机构名称:</label>
|
<div class="layui-input-inline">
|
<input type="text" name="orgName" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">用户姓名:</label>
|
<div class="layui-input-inline">
|
<input type="text" name="userName" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-inline hide form_toggle_search_field_unit">
|
<label class="layui-form-label">手机号码:</label>
|
<div class="layui-input-inline">
|
<input type="text" name="mobile" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-inline hide form_toggle_search_field_unit">
|
<label class="layui-form-label">状态:</label>
|
<div class="layui-input-inline">
|
<select name="state">
|
<option value="">请选择</option>
|
<option value="0">启用</option>
|
<option value="1">禁用</option>
|
<option value="2">锁定</option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
<button class="layui-btn" lay-submit lay-filter="user_search" id="user_mgt_trigger_search_btn">搜索</button>
|
<span class="search_field_spread_toggle_btn">
|
<span class="spread__toggle_inner_text">展开</span>
|
<i class="layui-icon search_field_spread_toggle_icon1"></i>
|
<i class="layui-icon search_field_spread_toggle_icon2 hide"></i>
|
</span>
|
</div>
|
</div>
|
</form>
|
<button style="margin-bottom: 20px;" class="layui-btn page_add_btn" id="add_user"><i class="layui-icon"></i>新增用户</button>
|
<table id="user_management_table" lay-filter="user_management_table"></table>
|
</div>
|
</div>
|
|
<script>
|
window.g_user_parentCode = "";
|
|
function user_tree_render(){
|
$("#user_tree_wrap").empty();
|
layui.use('tree', function(){
|
$.ajax({
|
type : 'POST',
|
url : base_url+"/sso-manage/org/getOrgTree",
|
dataType : 'json',
|
contentType: "application/json",
|
success : function(res){
|
|
if(res.resultCode == 1){
|
layui.tree({
|
elem: '#user_tree_wrap' //传入元素选择器
|
,nodes: res.data.list
|
,click: function(node){
|
$("#user_tree_wrap a").click(function () {
|
$("#user_tree_wrap a").removeClass("text_red");
|
$(this).addClass("text_red");
|
});
|
// console.log('节点数据',node) //node即为当前点击的节点数据
|
window.g_user_parentCode = node.orgCode;
|
$("#user_mgt_trigger_search_btn").trigger("click");
|
}
|
});
|
}else{
|
layer.msg(res.errorDesc);
|
}
|
}
|
});
|
});
|
}
|
|
|
user_tree_render();
|
</script>
|
|
<script>
|
layui.use(['table', 'element', 'form'], function () {
|
var index = layer.load(0, {time: 5 * 1000});
|
var table = layui.table;
|
var form = layui.form;
|
//table渲染
|
var user_mgt_table = table.render({
|
elem: '#user_management_table'
|
, id: 'user_management_table'
|
, url: base_url+'/sso-manage/user/search' //数据接口
|
, method: 'post'
|
,contentType: 'application/json'
|
,request: {
|
pageName: 'pageNum' //页码的参数名称，默认：page
|
,limitName: 'pageSize' //每页数据量的参数名，默认：limit
|
}
|
, page: true //开启分页
|
, limit: 10
|
, done: function (res, curr, count) {
|
var element = layui.element;
|
element.init();
|
form.render();
|
layer.close(index);
|
|
}
|
,parseData: function(res){ //res 即为原始返回的数据
|
return {
|
"code": res.resultCode, //解析接口状态
|
"msg": res.errorDesc, //解析提示文本
|
"count": res.total, //解析数据长度
|
"data": res.data.list //解析数据列表
|
};
|
}
|
, response: {
|
statusName: 'code' //数据状态的字段名称，默认：code
|
, statusCode: '1' //成功的状态码，默认：0
|
, msgName: 'msg' //状态信息的字段名称，默认：msg
|
, countName: 'count' //数据总数的字段名称，默认：count
|
, dataName: 'data' //数据列表的字段名称，默认：data
|
}
|
, cols: [[
|
{type: 'numbers', title: '序号', width: 60}
|
, {title: '用户编号',templet: '#user_view_tpl',width:150}
|
, {field: 'userName', title: '用户姓名',width:150}
|
, {field: 'mobile', title: '手机号码',width:150}
|
, {field: 'orgName', title: '所属机构',minWidth:150}
|
, {title: '状态',templet:'#user_state_tpl',width:90}
|
, {title: '用户管理', templet: '#user_mgt_operation_tpl',width:250}
|
, {title: '权限管理', templet: '#user_jurisdiction_operation_tpl',width:120}
|
]]
|
});
|
|
// 搜索
|
form.on('submit(user_search)',function (data) {
|
data.field.parentCode = window.g_user_parentCode;
|
var index = layer.load(0,{time:5*1000});
|
user_mgt_table.reload({
|
where:{params:data.field},
|
done: function (res, curr, count) {
|
layer.close(index);
|
|
}
|
});
|
return false;
|
});
|
|
// 新增
|
$("#add_user").click(function () {
|
$.get('views/jurisdiction/user_add_modal.html', function(str){
|
window.user_add_modal_index = layer.open({
|
type: 1
|
,title :'新增用户'
|
,content: str //注意，如果str是object，那么需要字符拼接。
|
,area: '700px'
|
});
|
});
|
});
|
|
table.on('tool(user_management_table)',function (obj) {
|
var data = obj.data;
|
var event = obj.event;
|
if(event == 'enable'){
|
// 启用
|
$.ajax({
|
type : 'POST',
|
url : base_url+"/sso-manage/user/modifyState",
|
dataType : 'json',
|
contentType: "application/json",
|
data:JSON.stringify({
|
params:{
|
"userId":data.id,
|
"oprType":0
|
}
|
}),
|
success : function(res){
|
|
if(res.resultCode == 1){
|
layer.msg("状态启用成功");
|
$("#user_mgt_trigger_search_btn").trigger("click");
|
}else{
|
layer.msg(res.errorDesc);
|
}
|
}
|
});
|
}else if(event == 'discontinue_use'){
|
// 停用
|
$.ajax({
|
type : 'POST',
|
url : base_url+"/sso-manage/user/modifyState",
|
dataType : 'json',
|
contentType: "application/json",
|
data:JSON.stringify({
|
params:{
|
"userId":data.id,
|
"oprType":1
|
}
|
}),
|
success : function(res){
|
|
if(res.resultCode == 1){
|
layer.msg("状态停用成功");
|
$("#user_mgt_trigger_search_btn").trigger("click");
|
}else{
|
layer.msg(res.errorDesc);
|
}
|
}
|
});
|
}else if(event == 'user_unlock'){
|
// 解锁
|
$.ajax({
|
type : 'POST',
|
url : base_url+"/sso-manage/user/modifyState",
|
dataType : 'json',
|
contentType: "application/json",
|
data:JSON.stringify({
|
params:{
|
"userId":data.id,
|
"oprType":3
|
}
|
}),
|
success : function(res){
|
|
if(res.resultCode == 1){
|
layer.msg("状态解锁成功");
|
$("#user_mgt_trigger_search_btn").trigger("click");
|
}else{
|
layer.msg(res.errorDesc);
|
}
|
}
|
});
|
}else if(event == 'user_lock'){
|
// 锁定
|
$.ajax({
|
type : 'POST',
|
url : base_url+"/sso-manage/user/modifyState",
|
dataType : 'json',
|
contentType: "application/json",
|
data:JSON.stringify({
|
params:{
|
"userId":data.id,
|
"oprType":2
|
}
|
}),
|
success : function(res){
|
|
if(res.resultCode == 1){
|
layer.msg("状态锁定成功");
|
$("#user_mgt_trigger_search_btn").trigger("click");
|
}else{
|
layer.msg(res.errorDesc);
|
}
|
}
|
});
|
}else if(event == 'edit'){
|
// 修改
|
window._user_edit_id = data.id;
|
$.get('views/jurisdiction/user_edit_modal.html', function(str){
|
window.user_edit_modal_index = layer.open({
|
type: 1
|
,title :'用户修改'
|
,content: str //注意，如果str是object，那么需要字符拼接。
|
,area: '700px'
|
});
|
});
|
}else if(event == 'role_maintenance'){
|
// 角色维护
|
window.user_role_maintenance_id = data.id;
|
$.get('views/jurisdiction/user_role_maintenance.html', function(str){
|
window.user_role_maintenance_modal_index = layer.open({
|
type: 1
|
,title :'角色维护'
|
,content: str //注意，如果str是object，那么需要字符拼接。
|
,maxmin: true
|
,area: ["700px",'75%']
|
});
|
});
|
}else if(event == 'user_view'){
|
// 查看
|
window._user_view_id = data.id;
|
$.get('views/jurisdiction/user_view_modal.html', function(str){
|
layer.open({
|
type: 1
|
,title :'查看'
|
,content: str //注意，如果str是object，那么需要字符拼接。
|
,area: '700px'
|
});
|
});
|
}else if(event == 'reset_pwd'){
|
// 重置密码
|
window._user_reset_pwd_id = data.id;
|
$.get('views/jurisdiction/user_reset_pwd_modal.html', function(str){
|
window.user_reset_pwd_modal_index = layer.open({
|
type: 1
|
,title :'重置密码'
|
,content: str //注意，如果str是object，那么需要字符拼接。
|
,maxmin: true
|
,area: ['360px','300px']
|
});
|
});
|
}
|
});
|
|
});
|
</script>
|
|
<script type="text/html" id="user_view_tpl">
|
<span class="tool_event_textbtn" lay-event="user_view">{{d.jobNum}}</span>
|
</script>
|
|
|
<script id="orgId_select_tpl" type="text/html">
|
{{each list value index}}
|
<option value="{{value.id}}">{{value.shortName}}</option>
|
{{/each}}
|
</script>
|
|
<script id="superiorId_select_tpl" type="text/html">
|
{{each list value index}}
|
<option value="{{value.id}}">{{value.userName}}</option>
|
{{/each}}
|
</script>
|
|
<script id="userType_select_tpl" type="text/html">
|
{{each list value index}}
|
<option value="{{value.userType}}">{{value.typeName}}</option>
|
{{/each}}
|
</script>
|
|
<script id="city_orign_select_tpl" type="text/html">
|
{{each list value index}}
|
{{if index == 0}}
|
<option selected value="{{value.cityCode}}">{{value.cityName}}</option>
|
{{else}}
|
<option value="{{value.cityCode}}">{{value.cityName}}</option>
|
{{/if}}
|
{{/each}}
|
</script>
|
|
<script type="text/html" id="user_state_tpl">
|
{{# if(d.state == 0){ }}
|
启用
|
{{# } else if(d.state == 1){ }}
|
禁用
|
{{# } else if(d.state == 2){ }}
|
锁定
|
{{# } }}
|
</script>
|
|
<script type="text/html" id="user_mgt_operation_tpl">
|
{{# if(d.state == 0){ }}
|
<a class="tool_event_textbtn" lay-event="discontinue_use">停用</a>
|
<a class="tool_event_textbtn" lay-event="user_lock">锁定</a>
|
{{# } else if(d.state == 1){ }}
|
<a class="tool_event_textbtn" lay-event="enable">启用</a>
|
{{# } else if(d.state == 2){ }}
|
<a class="tool_event_textbtn" lay-event="user_unlock">解锁</a>
|
{{# } }}
|
<a class="tool_event_textbtn" lay-event="edit">修改</a>
|
{{# if(d.userType != 0){ }}
|
<a class="tool_event_textbtn" lay-event="reset_pwd">重置密码</a>
|
{{# } }}
|
</script>
|
|
<script type="text/html" id="user_jurisdiction_operation_tpl">
|
<a class="tool_event_textbtn" lay-event="role_maintenance">角色维护</a>
|
</script>
|
