init
This commit is contained in:
@@ -0,0 +1,141 @@
|
||||
@extends('admin.content')
|
||||
|
||||
@section('title', '管理员')
|
||||
|
||||
@section('content')
|
||||
<div class="layui-card">
|
||||
<form class="layui-form layui-card-header layuiadmin-card-header-auto" lay-filter="LAY-admin-search">
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">账号</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="username" class="layui-input" autocomplete="off">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<button class="layui-btn" lay-submit lay-filter="LAY-admin-search">搜索</button>
|
||||
<button type="button" class="layui-btn layui-btn-normal" id="LAY-admin-create">新建</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="layui-card-body">
|
||||
<table id="LAY-admin-list" lay-filter="LAY-admin-list"></table>
|
||||
<script type="text/html" id="LAY-admin-ops">
|
||||
<a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="edit">编辑</a>
|
||||
@{{# if(!d.is_self){ }}
|
||||
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
|
||||
@{{# } }}
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@push('scripts')
|
||||
<script>
|
||||
layui.use(['table', 'form', 'layer'], function () {
|
||||
var table = layui.table, form = layui.form, layer = layui.layer, $ = layui.$;
|
||||
var token = @json(csrf_token());
|
||||
|
||||
table.render({
|
||||
elem: '#LAY-admin-list',
|
||||
id: 'LAY-admin-list',
|
||||
url: @json(route('admin.system.admins.data')),
|
||||
cols: [[
|
||||
{ field: 'id', title: 'ID', width: 70, sort: true },
|
||||
{ field: 'username', title: '账号', width: 160, sort: true },
|
||||
{ field: 'is_super', title: '超级管理员', width: 120, templet: function (d) {
|
||||
return Number(d.is_super) === 1 ? '<span style="color:#16b777;">是</span>' : '否';
|
||||
}},
|
||||
{ field: 'created_at', title: '创建时间', width: 170, sort: true },
|
||||
{ field: 'updated_at', title: '更新时间', width: 170, sort: true },
|
||||
{ title: '操作', width: 160, toolbar: '#LAY-admin-ops' }
|
||||
]],
|
||||
page: true, limit: 15, height: 'full-220',
|
||||
request: { pageName: 'page', limitName: 'limit' },
|
||||
response: { statusName: 'code', statusCode: 0, msgName: 'msg', countName: 'count', dataName: 'data' }
|
||||
});
|
||||
|
||||
form.on('submit(LAY-admin-search)', function (data) {
|
||||
table.reload('LAY-admin-list', { where: data.field, page: { curr: 1 } });
|
||||
return false;
|
||||
});
|
||||
|
||||
function openForm(title, values, creating) {
|
||||
values = values || {};
|
||||
layer.open({
|
||||
type: 1,
|
||||
title: title,
|
||||
area: ['420px', '320px'],
|
||||
content: '<form class="layui-form" style="padding:16px;" id="LAY-admin-form">' +
|
||||
'<div class="layui-form-item"><label class="layui-form-label">账号</label><div class="layui-input-block">' +
|
||||
'<input name="username" class="layui-input" ' + (creating ? '' : 'readonly') + ' value="' + (values.username || '') + '"></div></div>' +
|
||||
'<div class="layui-form-item"><label class="layui-form-label">密码</label><div class="layui-input-block">' +
|
||||
'<input name="password" type="password" class="layui-input" placeholder="' + (creating ? '必填' : '留空不改') + '"></div></div>' +
|
||||
'<div class="layui-form-item"><label class="layui-form-label">超管</label><div class="layui-input-block">' +
|
||||
'<input type="checkbox" name="is_super" lay-skin="switch" lay-text="是|否" value="1"' +
|
||||
(Number(values.is_super) === 1 ? ' checked' : '') + '></div></div>' +
|
||||
'</form>',
|
||||
success: function () { form.render(); },
|
||||
btn: ['保存', '取消'],
|
||||
yes: function (index) {
|
||||
var data = {};
|
||||
$('#LAY-admin-form').serializeArray().forEach(function (x) { data[x.name] = x.value; });
|
||||
data.is_super = $('#LAY-admin-form input[name=is_super]').prop('checked') ? 1 : 0;
|
||||
if (creating) {
|
||||
$.ajax({
|
||||
url: @json(route('admin.system.admins.store')),
|
||||
method: 'POST',
|
||||
data: Object.assign(data, { _token: token }),
|
||||
success: function (res) {
|
||||
if (res.code !== 0) return layer.msg(res.msg || '失败');
|
||||
layer.close(index);
|
||||
table.reload('LAY-admin-list');
|
||||
},
|
||||
error: function (xhr) {
|
||||
layer.msg((xhr.responseJSON && (xhr.responseJSON.message || xhr.responseJSON.msg)) || '创建失败');
|
||||
}
|
||||
});
|
||||
} else {
|
||||
$.ajax({
|
||||
url: @json(url('/admin/system/admins')) + '/' + values.id,
|
||||
method: 'POST',
|
||||
data: Object.assign(data, { _method: 'PUT', _token: token }),
|
||||
success: function (res) {
|
||||
if (res.code !== 0) return layer.msg(res.msg || '失败');
|
||||
layer.close(index);
|
||||
table.reload('LAY-admin-list');
|
||||
},
|
||||
error: function (xhr) {
|
||||
layer.msg((xhr.responseJSON && (xhr.responseJSON.message || xhr.responseJSON.msg)) || '更新失败');
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$('#LAY-admin-create').on('click', function () { openForm('新建管理员', {}, true); });
|
||||
|
||||
table.on('tool(LAY-admin-list)', function (obj) {
|
||||
if (obj.event === 'edit') openForm('编辑管理员', obj.data, false);
|
||||
if (obj.event === 'del') {
|
||||
layer.confirm('确定删除管理员「' + obj.data.username + '」?', function (index) {
|
||||
$.ajax({
|
||||
url: @json(url('/admin/system/admins')) + '/' + obj.data.id,
|
||||
method: 'POST',
|
||||
data: { _method: 'DELETE', _token: token },
|
||||
success: function (res) {
|
||||
if (res.code !== 0) return layer.msg(res.msg || '失败');
|
||||
layer.close(index);
|
||||
table.reload('LAY-admin-list');
|
||||
},
|
||||
error: function (xhr) {
|
||||
layer.msg((xhr.responseJSON && (xhr.responseJSON.message || xhr.responseJSON.msg)) || '删除失败');
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
Reference in New Issue
Block a user