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

277 lines
7.7 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">
<fieldset class="table-search-fieldset">
<legend>搜索信息</legend>
<div style="margin: 10px 10px 10px 10px">
<form class="layui-form layui-form-pane" action="">
<div class="layui-form-item">
<div class="layui-inline">
<div class="layui-input-inline">
<select name="type" lay-filter="aihao">
<option value="">封禁类型</option>
<option value="1">设备号</option>
<!--<option value="2">账号</option>-->
<option value="3">IP</option>
<!--<option value="4">禁言</option>-->
</select>
</div>
</div>
<div class="layui-inline">
<div class="layui-input-inline">
<input type="text" name="type_text" autocomplete="off" class="layui-input"
placeholder="类型内容" />
</div>
</div>
<!--<div class="layui-inline">-->
<!-- <div class="layui-input-inline">-->
<!-- <select name="is_delete" lay-filter="aihao">-->
<!-- <option value="">封禁状态</option>-->
<!-- <option value="1">封禁中</option>-->
<!-- <option value="2">已解封</option>-->
<!-- </select>-->
<!-- </div>-->
<!--</div>-->
<div class="layui-inline">
<button type="submit" class="layui-btn layui-btn-primary" lay-submit
lay-filter="data-search-btn">
<i class="layui-icon"></i>
</button>
</div>
</div>
</form>
</div>
</fieldset>
<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>
<!--<button class="layui-btn layui-btn-sm" lay-event="getCheckData">批量删除</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 + 'Block/get_block_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: [
[
// { type: 'checkbox', fixed: 'left'},
{ field: 'id', title: 'ID' },
{
field: 'type_text',
title: '类型内容',
align: 'center',
},
{
field: 'type',
title: '封禁类型',
templet: '#type',
align: 'center',
},
{
field: 'add_time',
title: '添加时间',
templet: '#add_time',
align: 'center',
},
// {
// field: 'block_time',
// title: '截止时间',
// templet: '#block_time',
// align: 'center',
// },
// {
// field: 'is_delete',
// title: '封禁状态',
// templet: '#is_delete',
// align: 'center',
// },
// {
// field: 'block_note',
// title: '封禁原因',
// 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) {
// var checkStatus = table.checkStatus(obj.config.id);
// if(obj.event === 'getCheckData'){
// var info = checkStatus.data;
// if(info.length > 0){
// console.log(info)
// info = info;
// admin_login_token = AdminLoginToken;
// layer.confirm("确认要删除吗", { title: "删除确认" }, function (index) {
// $.post(WebHost + 'guild/batch_delete_guild', { login_token: admin_login_token, info: info }, function (data) {
// layer.msg(data.msg);
// if (data.code == 200) {
// location.reload();
// }
// layer.close(index);
// }, "json");
// });
// }else{
// layer.msg('尚未选中');
// }
// }else
if (obj.event === 'add') {
// 监听添加操作
var index = layer.open({
title: '添加',
type: 2,
shade: 0.2,
maxmin: true,
shadeClose: true,
area: ['80%', '80%'],
content: '../block/add_block.html',
})
$(window).on('resize', function () {
layer.full(index)
})
}
})
table.on('tool(currentTableFilter)', function (obj) {
var data = obj.data
if (obj.event === 'del') {
Id = data.id
admin_login_token = AdminLoginToken
layer.confirm(
'确认要解封吗',
{ title: '解封确认' },
function (index) {
$.post(
WebHost + 'block/del_block',
{ 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="type">
{{# if(d.type == "1"){ }}
<span>设备号</span>
{{# }else if(d.type=="2"){}}
<span>账号</span>
{{# }else if(d.type=="3"){}}
<span>IP</span>
{{# } else { }}
<span>禁言</span>
{{# } }}
</script>
<script type="text/html" id="is_delete">
{{# if(d.is_delete == "1"){ }}
<span style="color:red">封禁中</span>
{{# }else if(d.is_delete=="2"){}}
<span style="color:green">已解封</span>
{{# } }}
</script>
<script type="text/html" id="add_time">
{{dateFormat(d.add_time) }}
</script>
<script type="text/html" id="block_time">
{{dateFormat(d.block_time) }}
</script>
<script type="text/html" id="currentTableBar">
{{# if(d.is_delete == "1"){ }}
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">解封</a>
{{# } }}
</script>
</body>
</html>