241 lines
8.7 KiB
Cheetah
241 lines
8.7 KiB
Cheetah
{{template "header"}}
|
|
|
|
<!-- 工具栏 -->
|
|
<script id="toolbar" type="text/html">
|
|
{{ genBtn .AuthorizeMenus "add"}}
|
|
<button type="button" lay-event="search" lay-on="search" class="layui-btn layui-btn-primary layui-btn-sm">
|
|
<i class="layui-icon layui-icon-search"></i>
|
|
</button>
|
|
</script>
|
|
|
|
<script type="text/html" id="actionBox">
|
|
{{ genLink .AuthorizeMenus "edit"}}
|
|
</script>
|
|
|
|
<div class="search-layer" id="search-layer" style="display: none;">
|
|
<div class="layui-form layui-row">
|
|
<div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
|
|
<div class="layui-form-column">
|
|
<label class="tips">状态</label>
|
|
<select name="status" id="status">
|
|
{{range.Statuses}}
|
|
<option value="{{.Value}}">{{.Name}}</option>
|
|
{{end}}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
|
|
<div class="layui-form-column">
|
|
<label class="tips">编号</label>
|
|
<input type="text" name="id" id="id" placeholder="请输入编号" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
|
|
<div class="layui-form-column">
|
|
<label class="tips">邮箱</label>
|
|
<input type="text" name="email" id="email" placeholder="请输入邮箱" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form layui-row">
|
|
<div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
|
|
<div class="layui-form-column">
|
|
<label class="tips">用户名</label>
|
|
<input type="text" name="username" id="username" placeholder="请输入用户名" autocomplete="off"
|
|
class="layui-input">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-panel">
|
|
<table id="tablelist" lay-filter="tablelist"></table>
|
|
</div>
|
|
|
|
{{define "js"}}
|
|
<script>
|
|
layui.use(['jquery', 'table', 'form', 'util'], function () {
|
|
let $ = layui.jquery;
|
|
let table = layui.table;
|
|
let form = layui.form;
|
|
let util = layui.util;
|
|
|
|
table.render({
|
|
elem: '#tablelist',
|
|
url: "/system/user/list",
|
|
method: "POST",
|
|
headers: { 'X-CSRF-Token': $('#csrf_token').val() },
|
|
where: getQueryParams(),
|
|
height: function () {
|
|
return $(window).height() - 22;
|
|
},
|
|
page: true,
|
|
limit: 15,
|
|
limits: [15, 30, 45, 60, 75, 90],
|
|
cols: [[
|
|
{ field: 'email', title: '邮箱', align: 'left', width: 180, fixed: 'left' },
|
|
{ field: 'username', title: '用户名', align: 'left', width: 100 },
|
|
{
|
|
field: 'avatar', title: '头像', align: 'center', width: 90, templet: function (d) {
|
|
if (d.avatar === 0 || d.avatar === undefined || d.avatar === '') { return ''; }
|
|
if (d.avatar === '/statics/admin/images/avatar.jpg') {
|
|
return '<img src="/statics/admin/images/avatar.jpg" width=30 height=30 />';
|
|
}
|
|
return '<img src="' + d.avatar + '" width=30 height=30 />';
|
|
}
|
|
},
|
|
{ field: 'department_name', title: '部门', align: 'left', width: 100 },
|
|
{ field: 'role_name', title: '角色', align: 'left', width: 100 },
|
|
{
|
|
field: 'gender', title: '性别', align: 'center', width: 50, templet: function (d) {
|
|
if (d.gender == 0) {
|
|
return '未知';
|
|
} else if (d.gender == 1) {
|
|
return '男';
|
|
} else if (d.gender == 2) {
|
|
return '女';
|
|
}
|
|
}
|
|
},
|
|
{
|
|
field: 'status', title: '状态', align: 'center', width: 90, templet: function (row) {
|
|
switch (row.status) {
|
|
case 0: return '正常';
|
|
case -1: return '删除';
|
|
default: return '其它';
|
|
}
|
|
return '';
|
|
}
|
|
},
|
|
{ field: 'created_at', title: '创建时间', align: 'center', width: 160, templet: function (d) { return !d.created_at ? '' : util.toDateString(d.created_at) } },
|
|
{ field: 'updated_at', title: '更新时间', align: 'center', width: 160, templet: function (d) { return !d.updated_at ? '' : util.toDateString(d.updated_at) } },
|
|
{ title: '操作', toolbar: '#actionBox', align: 'center', width: 100, fixed: 'right' },
|
|
]],
|
|
skin: 'grid',
|
|
toolbar: '#toolbar',
|
|
defaultToolbar: [{
|
|
title: '刷新',
|
|
layEvent: 'refresh',
|
|
icon: 'layui-icon-refresh',
|
|
}, 'filter', 'exports'],
|
|
request: {
|
|
pageName: 'page',
|
|
limitName: 'rows'
|
|
}
|
|
});
|
|
|
|
table.on('toolbar(tablelist)', function (obj) {
|
|
switch (obj.event) {
|
|
case 'add': add(); break;
|
|
case 'search': search(); break;
|
|
case 'refresh': refresh(); break;
|
|
}
|
|
});
|
|
|
|
function add(obj) {
|
|
layer.open({
|
|
type: 2,
|
|
title: '新增',
|
|
shade: 0.1,
|
|
area: ['99%', '98%'],
|
|
content: "/system/user/add"
|
|
});
|
|
}
|
|
|
|
function search() {
|
|
layer.open({
|
|
type: 1,
|
|
offset: '20px',
|
|
title: '搜索',
|
|
content: $('#search-layer'), // 捕获的元素
|
|
shade: 0.1,
|
|
shadeClose: false,
|
|
scrollbar: false,
|
|
resize: false,
|
|
move: false,
|
|
skin: 'search-layer-open',
|
|
area: ['50%', '350px'],
|
|
btn: ['搜索', '重置'],
|
|
btn1: function (index, layero) {
|
|
console.log('搜索');
|
|
search_btn();
|
|
layer.close(index);
|
|
},
|
|
btn2: function (index, layero) {
|
|
$('#id').val('');
|
|
$('#email').val('');
|
|
$('#username').val('');
|
|
$('#status').val(9999);
|
|
form.render('select');
|
|
return false;
|
|
}
|
|
});
|
|
}
|
|
|
|
function refresh() {
|
|
table.reload('tablelist');
|
|
}
|
|
|
|
table.on('tool(tablelist)', function (obj) {
|
|
switch (obj.event) {
|
|
case 'edit': edit(obj); break;
|
|
}
|
|
});
|
|
|
|
function edit(obj) {
|
|
layer.open({
|
|
type: 2,
|
|
title: '修改',
|
|
shade: 0.1,
|
|
area: ['99%', '98%'],
|
|
content: "/system/user/edit?id=" + obj.data['id']
|
|
});
|
|
}
|
|
|
|
function roleMenuRefresh(obj) {
|
|
layer.confirm('确定要刷新角色权限吗？', { title: '提示' }, function (index, layero) {
|
|
$.ajax({
|
|
url: '/system/menu/roleMenuRefresh',
|
|
type: 'post',
|
|
headers: { 'X-CSRF-Token': $('#csrf_token').val() },
|
|
dataType: 'json',
|
|
data: { "roleName": obj.data['name'] },
|
|
success: function (result) {
|
|
if (result.success) {
|
|
layer.msg(result.msg, { icon: 1, time: 2000 });
|
|
} else {
|
|
layer.msg(result.msg, { icon: 2 })
|
|
}
|
|
}
|
|
});
|
|
layer.close(index); // 关闭弹窗
|
|
}, function (index, layero) {
|
|
layer.close(index); // 关闭弹窗
|
|
});
|
|
}
|
|
|
|
// 搜索条件
|
|
function getQueryParams() {
|
|
return {
|
|
status: $('#status').val(),
|
|
name: $('#username').val(),
|
|
email: $('#email').val(),
|
|
id: $('#id').val()
|
|
};
|
|
}
|
|
|
|
// 搜索
|
|
function search_btn() {
|
|
table.reload('tablelist', {
|
|
where: getQueryParams(),
|
|
page: {
|
|
curr: 1
|
|
}
|
|
})
|
|
return false;
|
|
}
|
|
});
|
|
</script>
|
|
{{end}}
|
|
|
|
{{template "footer" .}} |