New file |
| | |
| | | <div class="layui-fluid layui-anim febs-anim" id="febs-admin" lay-title="管理员列表"> |
| | | <div class="layui-row febs-container"> |
| | | <div class="layui-col-md12"> |
| | | <div class="layui-card"> |
| | | <div class="layui-card-body febs-table-full"> |
| | | <form class="layui-form layui-table-form" lay-filter="admin-table-form"> |
| | | <div class="layui-row"> |
| | | <div class="layui-col-md10"> |
| | | <div class="layui-form-item"> |
| | | <div class="layui-inline"> |
| | | <!-- <label class="layui-form-label layui-form-label-sm">用户名</label>--> |
| | | <div class="layui-input-inline"> |
| | | <input type="text" name="username" autocomplete="off" placeholder="输入用户或者邀请码" class="layui-input"> |
| | | </div> |
| | | </div> |
| | | <!-- <div class="layui-inline">--> |
| | | <!-- <label class="layui-form-label layui-form-label-sm">创建时间</label>--> |
| | | <!-- <div class="layui-input-inline">--> |
| | | <!-- <input type="text" name="createTime" id="user-createTime" class="layui-input">--> |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label layui-form-label-sm">状态</label> |
| | | <div class="layui-input-inline"> |
| | | <select name="status"> |
| | | <option value=""></option> |
| | | <option value="0">禁用</option> |
| | | <option value="1">有效</option> |
| | | </select> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="layui-col-md2 layui-col-sm12 layui-col-xs12 table-action-area"> |
| | | <div class="layui-btn layui-btn-sm layui-btn-primary febs-button-blue-plain table-action" id="query"> |
| | | <i class="layui-icon"></i> |
| | | </div> |
| | | <div class="layui-btn layui-btn-sm layui-btn-primary febs-button-green-plain table-action" id="reset"> |
| | | <i class="layui-icon"></i> |
| | | </div> |
| | | <div class="layui-btn layui-btn-sm layui-btn-primary table-action action-more" |
| | | shiro:hasAnyPermissions="admin:add,admin:update,admin:reset"> |
| | | <i class="layui-icon"></i> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </form> |
| | | <table lay-filter="adminTable" lay-data="{id: 'adminTable'}"></table> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <script type="text/html" id="user-status"> |
| | | {{# |
| | | var status = { |
| | | 1: {title: '有效', color: 'green'}, |
| | | 0: {title: '禁用', color: 'volcano'} |
| | | }[d.status]; |
| | | }} |
| | | <span class="layui-badge febs-bg-{{status.color}}">{{ status.title }}</span> |
| | | </script> |
| | | <script type="text/html" id="user-option"> |
| | | <span shiro:lacksPermission="admin:view,admin:update,admin:delete"> |
| | | <span class="layui-badge-dot febs-bg-orange"></span> 无权限 |
| | | </span> |
| | | <a lay-event="del" shiro:hasPermission="admin:delete"><i class="layui-icon febs-edit-area febs-red"></i></a> |
| | | </script> |
| | | <script data-th-inline="none" type="text/javascript"> |
| | | layui.use(['dropdown', 'jquery', 'laydate', 'form', 'table', 'febs', 'treeSelect'], function () { |
| | | var $ = layui.jquery, |
| | | laydate = layui.laydate, |
| | | febs = layui.febs, |
| | | form = layui.form, |
| | | table = layui.table, |
| | | treeSelect = layui.treeSelect, |
| | | dropdown = layui.dropdown, |
| | | $view = $('#febs-admin'), |
| | | $query = $view.find('#query'), |
| | | $reset = $view.find('#reset'), |
| | | $searchForm = $view.find('form'), |
| | | sortObject = {field: 'createTime', type: null}, |
| | | tableIns, |
| | | createTimeFrom, |
| | | createTimeTo; |
| | | |
| | | form.render(); |
| | | |
| | | initTable(); |
| | | |
| | | laydate.render({ |
| | | elem: '#user-createTime', |
| | | range: true, |
| | | trigger: 'click' |
| | | }); |
| | | |
| | | dropdown.render({ |
| | | elem: $view.find('.action-more'), |
| | | click: function (name, elem, event) { |
| | | var checkStatus = table.checkStatus('adminTable'); |
| | | if (name === 'add') { |
| | | febs.modal.open('新增用户', 'dappView/admin/add', { |
| | | btn: ['提交', '重置'], |
| | | area: $(window).width() <= 750 ? '95%' : '50%', |
| | | offset: '30px', |
| | | yes: function (index, layero) { |
| | | $('#dapp-user-add').find('#submit').trigger('click'); |
| | | }, |
| | | btn2: function () { |
| | | $('#dapp-user-add').find('#reset').trigger('click'); |
| | | return false; |
| | | } |
| | | }); |
| | | } |
| | | if (name === 'delete') { |
| | | if (!checkStatus.data.length) { |
| | | febs.alert.warn('请选择需要删除的用户'); |
| | | } else { |
| | | febs.modal.confirm('删除用户', '确定删除该用户?', function () { |
| | | var userIds = []; |
| | | layui.each(checkStatus.data, function (key, item) { |
| | | userIds.push(item.userId) |
| | | }); |
| | | deleteUsers(userIds.join(',')); |
| | | }); |
| | | } |
| | | } |
| | | if (name === 'reset') { |
| | | if (!checkStatus.data.length) { |
| | | febs.alert.warn('请选择需要重置密码的用户'); |
| | | } else { |
| | | var usernames = []; |
| | | layui.each(checkStatus.data, function (key, item) { |
| | | usernames.push(item.username) |
| | | }); |
| | | febs.post(ctx + 'user/password/reset/' + usernames.join(','), null, function () { |
| | | febs.alert.success('所选用户密码已重置为1234qwer'); |
| | | }); |
| | | } |
| | | } |
| | | }, |
| | | options: [{ |
| | | name: 'add', |
| | | title: '新增用户', |
| | | perms: 'admin:add' |
| | | }, { |
| | | name: 'delete', |
| | | title: '删除用户', |
| | | perms: 'admin:delete' |
| | | }, { |
| | | name: 'reset', |
| | | title: '密码重置', |
| | | perms: 'admin:reset' |
| | | }] |
| | | }); |
| | | |
| | | table.on('tool(adminTable)', function (obj) { |
| | | var data = obj.data, |
| | | layEvent = obj.event; |
| | | if (layEvent === 'del') { |
| | | febs.modal.confirm('删除用户', '确定删除该用户?', function () { |
| | | deleteUsers(data.userId); |
| | | }); |
| | | } |
| | | if (layEvent === 'edit') { |
| | | febs.modal.open('修改用户', 'dappView/admin/update/' + data.username, { |
| | | area: $(window).width() <= 750 ? '90%' : '50%', |
| | | offset: '30px', |
| | | btn: ['提交', '取消'], |
| | | yes: function (index, layero) { |
| | | $('#user-update').find('#submit').trigger('click'); |
| | | }, |
| | | btn2: function () { |
| | | layer.closeAll(); |
| | | } |
| | | }); |
| | | } |
| | | }); |
| | | |
| | | table.on('sort(adminTable)', function (obj) { |
| | | sortObject = obj; |
| | | tableIns.reload({ |
| | | initSort: obj, |
| | | where: $.extend(getQueryParams(), { |
| | | field: obj.field, |
| | | order: obj.type |
| | | }) |
| | | }); |
| | | }); |
| | | |
| | | $query.on('click', function () { |
| | | var params = $.extend(getQueryParams(), {field: sortObject.field, order: sortObject.type}); |
| | | tableIns.reload({where: params, page: {curr: 1}}); |
| | | }); |
| | | |
| | | $reset.on('click', function () { |
| | | $searchForm[0].reset(); |
| | | tableIns.reload({where: getQueryParams(), page: {curr: 1}, initSort: sortObject}); |
| | | }); |
| | | |
| | | function initTable() { |
| | | tableIns = febs.table.init({ |
| | | elem: $view.find('table'), |
| | | id: 'adminTable', |
| | | url: ctx + 'dappUser/list', |
| | | cols: [[ |
| | | {type: 'checkbox'}, |
| | | {field: 'username', title: '用户名', minWidth: 100}, |
| | | {field: 'inviteId', title: '邀请码', minWidth: 100}, |
| | | {title: '状态', templet: '#user-status'}, |
| | | {field: 'lastLoginTime', title: '上次登录时间', minWidth: 100}, |
| | | {field: 'createTime', title: '创建时间', minWidth: 180, sort: true}, |
| | | {title: '操作', toolbar: '#user-option', minWidth: 140} |
| | | ]] |
| | | }); |
| | | } |
| | | |
| | | function getQueryParams() { |
| | | // var createTime = $searchForm.find('input[name="createTime"]').val(); |
| | | // if (createTime) { |
| | | // createTimeFrom = createTime.split(' - ')[0]; |
| | | // createTimeTo = createTime.split(' - ')[1]; |
| | | // } |
| | | return { |
| | | // createTimeFrom: createTimeFrom, |
| | | // createTimeTo: createTimeTo, |
| | | username: $searchForm.find('input[name="username"]').val().trim(), |
| | | status: $searchForm.find("select[name='status']").val(), |
| | | invalidate_ie_cache: new Date() |
| | | }; |
| | | } |
| | | |
| | | function deleteUsers(userIds) { |
| | | var currentUserId = currentUser.userId + ''; |
| | | if (('' + userIds).split(',').indexOf(currentUserId) !== -1) { |
| | | febs.alert.warn('所选用户包含当前登录用户,无法删除'); |
| | | return; |
| | | } |
| | | febs.post(ctx + 'dappUser/delete/' + userIds, null, function () { |
| | | febs.alert.success('删除用户成功'); |
| | | $query.click(); |
| | | }); |
| | | } |
| | | }) |
| | | </script> |