Files
mier-php/public/admin/page/website/coupling_privilege_list.html
2025-08-11 10:22:05 +08:00

153 lines
5.9 KiB
JavaScript

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.5.5/css/layui.css" media="all">
<link rel="stylesheet" href="../../css/public.css" media="all">
</head>
<body>
<div class="layuimini-container">
<div class="layuimini-main">
<script type="text/html" id="toolbar_add">
<div class="layui-btn-container">
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="add"> </button>
</div>
</script>
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter" style="align: center;">
</table>
</div>
</div>
<script src="../../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
<script src="../../common/common.js" charset="utf-8"></script>
<script>
layui.use(['form', 'table'], function () {
var $ = layui.jquery,
form = layui.form,
table = layui.table;
table.render({
elem: '#currentTableId',
url: WebHost + 'Website/coupling_privilege_list',
where: {
"login_token": AdminLoginToken,
}, //设定异步数据接口的额外参数
method: "POST",
toolbar: '#toolbar_add',
// toolbar: '#toolbar',
defaultToolbar: ['filter', 'exports', 'print', {
title: '提示',
layEvent: 'LAYTABLE_TIPS',
icon: 'layui-icon-tips'
}],
cols: [[
{ field: 'id', title: 'ID' },
{ field: 'level', title: '等级', align: "center" },
{ field: 'number', title: '数值临界值' , align: "center" },
{ field: 'head_decorate', title: '头像框名称' , align: "center" },
{ field: 'mount_decorate', title: '坐骑名称' , align: "center" },
{ field: 'update_time', title: '修改时间', templet: '#update_time', align: "center" },
{ field: 'add_time', title: '创建时间', templet: '#add_time_Tpl', align: "center" },
{ title: '操作', minWidth: 150, toolbar: '#currentTableBar', align: "center" }
]],
limits: [10, 15, 20, 25, 50, 100],
limit: 15,
page: true,
skin: 'line'
});
// 监听搜索操作
form.on('submit(data-search-btn)', function (data) {
// var result = JSON.stringify(data.field);
// layer.alert(result, {
// title: '最终的搜索信息'
// });
data.field.admin_login_token = AdminLoginToken
//执行搜索重载
table.reload('currentTableId', {
where: data.field,
page: {
curr: 1
}
}, 'json');
return false;
});
table.on('toolbar(currentTableFilter)', function (obj) {
if (obj.event === 'add') { // 监听添加操作
var index = layer.open({
title: '添加等级',
type: 2,
shade: 0.2,
maxmin: true,
shadeClose: true,
area: ['80%', '80%'],
content: '../website/coupling_privilege_add.html',
});
$(window).on("resize", function () {
layer.full(index);
});
}
});
table.on('tool(currentTableFilter)', function (obj) {
var data = obj.data;
if (obj.event === 'edit_info') {
Id = data.id;
var index = layer.open({
title: '编辑',
type: 2,
shade: 0.2,
maxmin: true,
shadeClose: true,
area: ['80%', '80%'],
content: '../website/coupling_privilege_edit.html',
});
$(window).on("resize", function () {
layer.full(index);
});
return false;
} else if (obj.event === 'del') {
Id = data.id;
admin_login_token = AdminLoginToken;
layer.confirm("确认要删除吗", { title: "删除确认" }, function (index) {
$.post(WebHost + 'website/coupling_privilege_del', { id: Id, login_token: admin_login_token }, function (data) {
layer.msg(data.msg);
if (data.code == 200) {
location.reload();
}
layer.close(index);
}, "json");
});
}
});
});
</script>
<script type="text/html" id="update_time">
{{dateFormat(d.update_time) }}
</script>
<script type="text/html" id="add_time_Tpl">
{{dateFormat(d.add_time) }}
</script>
<script type="text/html" id="currentTableBar">
<a class="layui-btn layui-btn-xs data-count-edit" lay-event="edit_info">编辑</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
</body>
</html>