204 lines
7.0 KiB
HTML
204 lines
7.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>黑名单列表</title>
|
|
</head>
|
|
<link href="__CDN__/static/admin/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
|
|
<link href="/static/admin/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
|
|
<link href="__CDN__/static/admin/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
|
|
<link href="__CDN__/static/admin/css/animate.min.css" rel="stylesheet">
|
|
<link href="__CDN__/static/admin/css/style.min.css?v=4.1.0" rel="stylesheet">
|
|
<link rel="stylesheet" href="/static/admin/js/layui/css/layui.css" media="all">
|
|
<style>
|
|
.layui-table-cell {
|
|
height: auto !important;
|
|
}
|
|
|
|
.search-tool {
|
|
height: 38px;
|
|
line-height: 38px;
|
|
}
|
|
|
|
.search-tool span {
|
|
float: left;
|
|
}
|
|
|
|
.search-tool input {
|
|
width: 70%;
|
|
}
|
|
|
|
.layui-table-view {
|
|
margin-top: 55px !important;
|
|
}
|
|
</style>
|
|
|
|
<body class="gray-bg">
|
|
<div class="wrapper wrapper-content animated fadeInRight">
|
|
<div class="ibox-title">
|
|
<h5>黑名单列表</h5>
|
|
<a style="float: right; color:#0080ff;" onclick="javascript:window.history.go(0);">刷新</a>
|
|
<div class="ibox-content">
|
|
<!-- <div class="form-group">-->
|
|
<!-- <button class="btn btn-primary" type="button" style="margin-top:5px" onclick="add()"-->
|
|
<!-- data-type="reload">-->
|
|
<!-- <strong>添加黑名单</strong>-->
|
|
<!-- </button>-->
|
|
<!-- </div>-->
|
|
<table id="list" lay-filter="test" class="layui-hide"></table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="__CDN__/static/admin/js/jquery.min.js"></script>
|
|
<script src="__CDN__/static/admin/js/layui/layui.js"></script>
|
|
<!-- 列表操作 -->
|
|
<script type="text/html" id="operation">
|
|
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del" onclick="javascript:;">解除</a>
|
|
</script>
|
|
<!-- 用户头像 -->
|
|
<script type="text/html" id="show_img">
|
|
<img src="{{d.user_avatar}}" alt="头像" width="35">
|
|
</script>
|
|
<script>
|
|
var layer;
|
|
layui.use('layer', function () {
|
|
layer = layui.layer;
|
|
});
|
|
layui.use('table', function () {
|
|
let table = layui.table;
|
|
// 加载列表
|
|
table.render({
|
|
elem: '#list',
|
|
url: "{:url('Dialogue/blacklist')}",
|
|
cols: [
|
|
[
|
|
{
|
|
field: 'id',
|
|
title: '用户id',
|
|
align: 'center',
|
|
sort: true
|
|
},
|
|
{
|
|
field: 'group_name',
|
|
title: '所属平台',
|
|
align: 'center',
|
|
sort: false
|
|
},
|
|
{
|
|
field: 'date',
|
|
title: '添加日期',
|
|
align: 'center',
|
|
sort: true
|
|
},
|
|
{
|
|
field: 'right',
|
|
title: '操作',
|
|
align: 'center',
|
|
toolbar: '#operation'
|
|
},
|
|
]
|
|
],
|
|
text: {
|
|
none: '暂无相关数据', //默认：无数据。
|
|
},
|
|
id: 'testReload'
|
|
});
|
|
|
|
// 重载列表
|
|
var $ = layui.$,
|
|
active = {
|
|
reload: function () {
|
|
var start_time = $('#start_time').val();
|
|
var end_time = $('#end_time').val();
|
|
var search_input = $('#search_input').val();
|
|
//执行重载
|
|
table.reload('testReload', {
|
|
url: "{:url('Dialogue/blacklist')}",
|
|
method: 'get',
|
|
page: {
|
|
curr: 1 //重新从第 1 页开始
|
|
},
|
|
where: {
|
|
start_time: start_time,
|
|
end_time: end_time,
|
|
search_input: search_input,
|
|
}
|
|
});
|
|
}
|
|
};
|
|
|
|
$('#search').on('click', function () {
|
|
var type = $(this).data('type');
|
|
// 搜索条件
|
|
var start_time = $('#start_time').val();
|
|
var end_time = $('#end_time').val();
|
|
var search_input = $('#search_input').val();
|
|
if (!start_time && !end_time && !search_input) {
|
|
// layer.msg('搜索条件不能为空');
|
|
// return;
|
|
}
|
|
active[type] ? active[type].call(this) : '';
|
|
});
|
|
|
|
//监听工具条
|
|
table.on("tool(test)", function (obj) {
|
|
var data = obj.data;
|
|
console.log(data);
|
|
var total = $('.layui-laypage-count').text();
|
|
if (obj.event === 'open_window') {
|
|
// 打开对话窗口
|
|
layer.open({
|
|
type: 2,
|
|
// area: ['auto', '850px'],
|
|
area: ['80%', '90%'],
|
|
content: "/service/Dialogue/offLineDialogueRoom/?id=" + data.id,
|
|
});
|
|
} else if (obj.event === 'del') {
|
|
layer.confirm('确定解除吗?', function (index) {
|
|
$.post('/service/Dialogue/delBlacklist', {
|
|
id: data.id
|
|
}, function (res) {
|
|
console.log(res);
|
|
if (res.code == 1) {
|
|
obj.del();
|
|
layer.close(index);
|
|
} else {
|
|
layer.msg(res.msg);
|
|
}
|
|
});
|
|
});
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
// 添加
|
|
function add() {
|
|
layer.open({
|
|
title: "添加黑名单",
|
|
type: 2,
|
|
area: ['50%', '40%'],
|
|
content: "/service/Dialogue/addBlacklist",
|
|
});
|
|
}
|
|
|
|
|
|
layui.use('laydate', function () {
|
|
var laydate = layui.laydate;
|
|
laydate.render({
|
|
elem: '#start_time',
|
|
type: 'date'
|
|
});
|
|
|
|
laydate.render({
|
|
elem: '#end_time',
|
|
type: 'date'
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html> |