|
@@ -8,6 +8,10 @@
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
|
<link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
|
|
|
<link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
|
|
|
+ <link rel="stylesheet" type="text/css" href="../../layuiadmin/style/formSelects-v4.css"/>
|
|
|
+ <style type="text/css">
|
|
|
+ #department_selecter dl{max-height: 250px;}
|
|
|
+ </style>
|
|
|
</head>
|
|
|
<body>
|
|
|
|
|
@@ -28,6 +32,12 @@
|
|
|
<div class="layui-btn-group">
|
|
|
<a class="layui-btn layui-btn-xs" lay-event="edit">修改</a>
|
|
|
</div>
|
|
|
+ <div class="layui-btn-group">
|
|
|
+ <a class="layui-btn layui-btn-xs" lay-event="user_delete">删除</a>
|
|
|
+ </div>
|
|
|
+ <div class="layui-btn-group">
|
|
|
+ <a class="layui-btn layui-btn-xs" lay-event="reset_password">重置密码</a>
|
|
|
+ </div>
|
|
|
</script>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -49,6 +59,18 @@
|
|
|
</select>
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
+ <div class="layui-col-xs12 layui-col-sm12">
|
|
|
+ <label class="layui-form-label">在线:</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <select name="online">
|
|
|
+ <option value="" selected></option>
|
|
|
+ <option value="1">是</option>
|
|
|
+ <option value="0">否</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
<div class="layui-col-xs12 layui-col-sm12">
|
|
|
<label class="layui-form-label">类型:</label>
|
|
|
<div class="layui-input-block">
|
|
@@ -60,13 +82,27 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
+ <div class="layui-col-xs12 layui-col-sm12">
|
|
|
+ <label class="layui-form-label">部门:</label>
|
|
|
+ <div class="layui-input-block" id="department_selecter">
|
|
|
+ <select name="department" xm-select="selectDepartment" xm-select-radio></select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
<div class="layui-col-xs12 layui-col-sm12">
|
|
|
- <label class="layui-form-label">登录账号:</label>
|
|
|
+ <label class="layui-form-label">用户名:</label>
|
|
|
<div class="layui-input-block">
|
|
|
<input type="text" name="username" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
+ <div class="layui-col-xs12 layui-col-sm12">
|
|
|
+ <label class="layui-form-label">姓名:</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <input type="text" name="name" autocomplete="off" class="layui-input">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
|
|
|
</div>
|
|
|
<div class="layui-form-item" style="display: none">
|
|
@@ -83,21 +119,25 @@
|
|
|
base: '../../../layuiadmin/' //静态资源所在路径
|
|
|
}).extend({
|
|
|
index: 'lib/index' //主入口模块
|
|
|
- }).use(['index', 'table'], function(){
|
|
|
+ ,formSelects: 'formSelects-v4'
|
|
|
+ }).use(['index', 'table', 'formSelects'], function(){
|
|
|
var $ = layui.$
|
|
|
,form = layui.form;
|
|
|
var table = layui.table;
|
|
|
+ var admin = layui.admin;
|
|
|
+ var dep_formSelects = layui.formSelects;
|
|
|
|
|
|
table.render({
|
|
|
elem: '#datagrid'
|
|
|
,url: '/admin/user/'
|
|
|
,cols: [[
|
|
|
{field:'name', title:'姓名',width: 100}
|
|
|
- ,{field:'username', title:'登录账号',width: 200}
|
|
|
+ ,{field:'username', title:'用户名',width: 200}
|
|
|
,{field:'department_text', title:'所属部门', width:300}
|
|
|
,{field:'type_text', title:'类型', width:90}
|
|
|
,{field:'status_text', title:'启用', width:90}
|
|
|
- ,{width:80, align:'left',title: '操作', fixed: 'right', toolbar: '#datagrid-operate-bar'}
|
|
|
+ ,{field:'online_text', title:'在线', width:90}
|
|
|
+ ,{width:200, align:'left',title: '操作', fixed: 'right', toolbar: '#datagrid-operate-bar'}
|
|
|
]]
|
|
|
,page: true
|
|
|
,height: 'full-104'
|
|
@@ -130,7 +170,29 @@
|
|
|
},
|
|
|
content: 'edit.html?id='+data.id
|
|
|
});
|
|
|
- }
|
|
|
+ }else if (obj.event === 'user_delete') {
|
|
|
+ layer.confirm('确定要删除该用户吗?', function (index) {
|
|
|
+ layer.close(index);
|
|
|
+ admin.req({
|
|
|
+ url: '/admin/user/' + data.id + '/'
|
|
|
+ , type: 'delete'
|
|
|
+ , done: function (res) {
|
|
|
+ table.reload('datagrid', {});
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ } else if (obj.event === 'reset_password') {
|
|
|
+ layer.confirm('确定要重置该用户密码吗?', function (index) {
|
|
|
+ layer.close(index);
|
|
|
+ admin.req({
|
|
|
+ url: '/admin/user/' + data.id + '/reset_password/'
|
|
|
+ , type: 'post'
|
|
|
+ , done: function (res) {
|
|
|
+ table.reload('datagrid', {});
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
});
|
|
|
|
|
|
$('#btn_add').on('click', function(){
|
|
@@ -179,6 +241,23 @@
|
|
|
return false;
|
|
|
});
|
|
|
|
|
|
+ dep_formSelects.value('selectDepartment', []);
|
|
|
+ admin.req({
|
|
|
+ url: '/admin/department/tree/'
|
|
|
+ ,done: function(res){
|
|
|
+ dep_formSelects.data('selectDepartment', 'local', {
|
|
|
+ arr: res.data,
|
|
|
+ tree: {
|
|
|
+ //在点击节点的时候, 如果没有子级数据, 会触发此事件
|
|
|
+ nextClick: function(id, item, callback){
|
|
|
+ return false;
|
|
|
+ },
|
|
|
+ }
|
|
|
+ });
|
|
|
+ dep_formSelects.value('selectDepartment', [department]);
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
});
|
|
|
</script>
|
|
|
</body>
|