484 lines
21 KiB
JavaScript
484 lines
21 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">
|
||
<input type="text" name="id" autocomplete="off" class="layui-input"
|
||
placeholder="id">
|
||
</div>
|
||
</div> -->
|
||
<div class="layui-inline">
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="room_number" autocomplete="off" class="layui-input"
|
||
placeholder="房间号">
|
||
</div>
|
||
</div>
|
||
<div class="layui-inline">
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="room_owner_uid" autocomplete="off" class="layui-input"
|
||
placeholder="房主ID">
|
||
</div>
|
||
</div>
|
||
<div class="layui-inline">
|
||
<div class="layui-input-inline">
|
||
<select name="is_hot" lay-filter="aihao">
|
||
<option value="">是否热门</option>
|
||
<option value="1">非热门</option>
|
||
<option value="2">热门</option>
|
||
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
<!--<div class="layui-inline">-->
|
||
<!-- <div class="layui-input-inline">-->
|
||
<!-- <select name="tid" lay-filter="tid">-->
|
||
<!-- <option value="">请选择房间类型</option>-->
|
||
<!-- </select>-->
|
||
<!-- </div>-->
|
||
<!--</div>-->
|
||
<div class="layui-inline">
|
||
<div class="layui-input-inline">
|
||
<select name="cate_id" lay-filter="cate_id">
|
||
<option value="">请选择房间分类</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-inline">
|
||
<div class="layui-input-inline">
|
||
<select name="is_hot" lay-filter="aihao">
|
||
<option value="">是否置顶</option>
|
||
<option value="1">非置顶</option>
|
||
<option value="2">置顶</option>
|
||
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="layui-inline">
|
||
<div class="layui-input-inline">
|
||
<select name="is_earnings" lay-filter="aihao">
|
||
<option value="">是否有收益</option>
|
||
<option value="1">是</option>
|
||
<option value="2">否</option>
|
||
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<!--<div class="layui-inline">-->
|
||
<!-- <div class="layui-input-inline">-->
|
||
<!-- <select name="is_online" lay-filter="aihao">-->
|
||
<!-- <option value="">厅主是否在线</option>-->
|
||
<!-- <option value="1">离线</option>-->
|
||
<!-- <option value="2">在线</option>-->
|
||
|
||
<!-- </select>-->
|
||
<!-- </div>-->
|
||
<!--</div>-->
|
||
<div class="layui-inline">
|
||
<div class="layui-input-inline">
|
||
<select name="room_status" lay-filter="aihao">
|
||
<option value="">房间状态</option>
|
||
<option value="1">正常</option>
|
||
<option value="2">封禁</option>
|
||
<option value="3">关闭</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<!--<div class="layui-inline">-->
|
||
<!-- <div class="layui-input-inline">-->
|
||
<!-- <select name="room_status" lay-filter="aihao">-->
|
||
<!-- <option value="">删除状态</option>-->
|
||
<!-- <option value="1">正常</option>-->
|
||
<!-- <option value="2">删除</option>-->
|
||
<!-- </select>-->
|
||
<!-- </div>-->
|
||
<!--</div>-->
|
||
|
||
|
||
<div class="layui-inline">
|
||
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="room_name" autocomplete="off" class="layui-input"
|
||
placeholder="房间名称">
|
||
</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>-->
|
||
</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 + 'Room/get_room_list',
|
||
where: {
|
||
"login_token": AdminLoginToken,
|
||
}, //设定异步数据接口的额外参数
|
||
method: "POST",
|
||
toolbar: '#toolbar_add',
|
||
// toolbar: '#toolbar',
|
||
defaultToolbar: ['filter', 'exports', 'print', {
|
||
title: '提示',
|
||
layEvent: 'LAYTABLE_TIPS',
|
||
icon: 'layui-icon-tips'
|
||
}],
|
||
autoSort: false,
|
||
cols: [[
|
||
{ field: 'rid', title: 'ID' },
|
||
|
||
{ field: 'room_number', title: '房间号', align: "center" },
|
||
{ field: 'nickname', title: '房主', align: "center" },
|
||
{ field: 'room_name', title: '房间名称' },
|
||
{ field: 'room_cover', title: '封面图', templet: '#room_cover', align: "center" },
|
||
// { field: 'room_type', title: '房间类型', align: "center" },
|
||
{ field: 'room_cate_id', title: '房间分类', align: "center" },
|
||
{ field: 'is_top', title: '置顶', templet: '#is_top', align: "center" },
|
||
{ field: 'is_hot', title: '热门', templet: '#is_hot', align: "center" },
|
||
{ field: 'is_earnings', title: '是否有收益', templet: '#is_earnings', align: "center" },
|
||
// { field: 'hot_value', title: '热力值', align: "center", sort: true },
|
||
// { field: 'visitor_num', title: '在线人数', align: "center", sort: true },
|
||
{ field: 'room_status', title: '房间状态', templet: '#room_status', align: "center" },
|
||
// { field: 'is_online', title: '厅主状态', templet: '#is_online', align: "center" },
|
||
{ field: 'add_time', title: '创建时间', templet: '#add_time_Tpl', align: "center" },
|
||
{ title: '操作', minWidth: 250, toolbar: '#currentTableBar', align: "center" }
|
||
]],
|
||
limits: [10, 15, 20, 25, 50, 100],
|
||
limit: 15,
|
||
page: true,
|
||
skin: 'line'
|
||
});
|
||
|
||
|
||
//监听排序事件
|
||
table.on('sort(currentTableFilter)', function (obj) { //注：sort 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
|
||
table.reload('currentTableId', {
|
||
initSort: obj //记录初始排序，如果不设的话，将无法标记表头的排序状态。
|
||
, where: { //请求参数（注意：这里面的参数可任意定义，并非下面固定的格式）
|
||
order: obj.field //排序字段
|
||
, sort: obj.type //排序方式
|
||
}
|
||
});
|
||
});
|
||
// 监听搜索操作
|
||
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: '../room/room_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.rid;
|
||
var index = layer.open({
|
||
title: '编辑房间信息',
|
||
type: 2,
|
||
shade: 0.2,
|
||
maxmin: true,
|
||
shadeClose: true,
|
||
area: ['80%', '80%'],
|
||
content: '../room/room_edit.html',
|
||
});
|
||
$(window).on("resize", function () {
|
||
layer.full(index);
|
||
});
|
||
return false;
|
||
} else if (obj.event === 'del') {
|
||
Id = data.rid;
|
||
admin_login_token = AdminLoginToken;
|
||
layer.confirm("确认要删除吗", { title: "删除确认" }, function (index) {
|
||
|
||
$.post(WebHost + 'Room/room_del', { rid: Id, login_token: admin_login_token }, function (data) {
|
||
layer.msg(data.msg);
|
||
if (data.code == 200) {
|
||
location.reload();
|
||
}
|
||
layer.close(index);
|
||
}, "json");
|
||
});
|
||
} else if (obj.event === 'room_check_user') {
|
||
Id = data.rid;
|
||
var index = layer.open({
|
||
title: '查看',
|
||
type: 2,
|
||
shade: 0.2,
|
||
maxmin: true,
|
||
shadeClose: true,
|
||
area: ['80%', '80%'],
|
||
content: '../room/room_visitor_list.html',
|
||
});
|
||
$(window).on("resize", function () {
|
||
layer.full(index);
|
||
});
|
||
return false;
|
||
} else if (obj.event === 'check_room') {
|
||
Id = data.rid;
|
||
admin_login_token = AdminLoginToken;
|
||
layer.confirm("确认要检测吗", { title: "检测确认" }, function (index) {
|
||
|
||
$.post(WebHost + 'Room/check_room', { rid: Id, login_token: admin_login_token }, function (data) {
|
||
layer.msg(data.msg);
|
||
if (data.code == 200) {
|
||
location.reload();
|
||
}
|
||
layer.close(index);
|
||
}, "json");
|
||
});
|
||
} else if (obj.event === 'check_room_micro') {
|
||
Id = data.rid;
|
||
admin_login_token = AdminLoginToken;
|
||
layer.confirm("确认要清理吗", { title: "清理确认" }, function (index) {
|
||
|
||
$.post(WebHost + 'Room/check_room_micro', { rid: Id, login_token: admin_login_token }, function (data) {
|
||
layer.msg(data.msg);
|
||
if (data.code == 200) {
|
||
location.reload();
|
||
}
|
||
layer.close(index);
|
||
}, "json");
|
||
});
|
||
}
|
||
|
||
|
||
});
|
||
|
||
|
||
|
||
initRoomTypeSelect();
|
||
initRoomCateSelect();
|
||
|
||
|
||
function initRoomTypeSelect() {
|
||
|
||
$.ajax({
|
||
type: "POST",
|
||
url: WebHost + "room/get_room_type_list",
|
||
data: { "login_token": AdminLoginToken, "limit": 999 },
|
||
dataType: "json",
|
||
async: false,
|
||
success: function (data) {
|
||
var list = data.data;
|
||
$("select[name='tid']").html('');
|
||
var option = document.createElement("option");
|
||
option.setAttribute("value", '');
|
||
option.innerText = '请选择房间类型';
|
||
$("select[name='tid']").append(option)
|
||
if (list != null || list.size() > 0) {
|
||
for (var c in list) {
|
||
var option = document.createElement("option");
|
||
option.setAttribute("value", list[c].tid);
|
||
option.innerText = list[c].type_name;
|
||
$("select[name='tid']").append(option)
|
||
}
|
||
};
|
||
form.render();
|
||
}
|
||
});
|
||
}
|
||
|
||
|
||
function initRoomCateSelect() {
|
||
$.ajax({
|
||
type: "POST",
|
||
url: WebHost + "room/room_cate_list",
|
||
data: { "login_token": AdminLoginToken, "limit": 999 },
|
||
dataType: "json",
|
||
async: false,
|
||
success: function (data) {
|
||
var list = data.data;
|
||
$("select[name='cate_id']").html('');
|
||
var option = document.createElement("option");
|
||
option.setAttribute("value", '');
|
||
option.innerText = '请选择房间分类';
|
||
$("select[name='cate_id']").append(option)
|
||
if (list != null || list.size() > 0) {
|
||
for (var c in list) {
|
||
var option = document.createElement("option");
|
||
option.setAttribute("value", list[c].cate_id);
|
||
option.innerText = list[c].category_name;
|
||
$("select[name='cate_id']").append(option)
|
||
}
|
||
};
|
||
form.render();
|
||
}
|
||
});
|
||
}
|
||
|
||
|
||
|
||
});
|
||
|
||
function previewImg(obj) {
|
||
var img = new Image()
|
||
img.src = obj.src
|
||
//var height = img.height + 50; // 原图片大小
|
||
//var width = img.width; //原图片大小
|
||
var imgHtml =
|
||
"<img src='" +
|
||
obj.src +
|
||
"' width='500px' height='500px'/>"
|
||
//弹出层
|
||
layer.open({
|
||
type: 1,
|
||
shade: 0.8,
|
||
offset: 'auto',
|
||
area: [500 + 'px', 550 + 'px'], // area: [width + 'px',height+'px'] //原图显示
|
||
shadeClose: true,
|
||
scrollbar: false,
|
||
title: '查看图片', //不显示标题
|
||
content: imgHtml, //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
|
||
cancel: function () {
|
||
//layer.msg('捕获就是从页面已经存在的元素上，包裹layer的结构', { time: 5000, icon: 6 });
|
||
},
|
||
})
|
||
}
|
||
</script>
|
||
|
||
<script type="text/html" id="is_top">
|
||
{{# if(d.is_top == "2"){ }}
|
||
<span style="color:green">是</span>
|
||
{{# }else if(d.is_top=="1"){}}
|
||
否
|
||
{{# } else { }}
|
||
未知
|
||
{{# } }}
|
||
</script>
|
||
|
||
<script type="text/html" id="is_hot">
|
||
{{# if(d.is_hot == "2"){ }}
|
||
<span style="color:green">是</span>
|
||
{{# }else if(d.is_hot=="1"){}}
|
||
否
|
||
{{# } else { }}
|
||
未知
|
||
{{# } }}
|
||
</script>
|
||
<script type="text/html" id="is_earnings">
|
||
{{# if(d.is_earnings == "1"){ }}
|
||
<span style="color:green">是</span>
|
||
{{# }else if(d.is_earnings=="2"){}}
|
||
否
|
||
{{# } else { }}
|
||
未知
|
||
{{# } }}
|
||
</script>
|
||
|
||
<script type="text/html" id="is_need_password">
|
||
{{# if(d.is_need_password == "2"){ }}
|
||
<span style="color:green">是</span>
|
||
{{# }else if(d.is_need_password=="1"){}}
|
||
否
|
||
{{# } else { }}
|
||
未知
|
||
{{# } }}
|
||
</script>
|
||
|
||
<script type="text/html" id="is_online">
|
||
{{# if(d.is_online == "2"){ }}
|
||
<span style="color:green">在线</span>
|
||
{{# }else if(d.is_online=="1"){}}
|
||
<span style="color:red">离线</span>
|
||
{{# } else { }}
|
||
未知
|
||
{{# } }}
|
||
</script>
|
||
|
||
<script type="text/html" id="room_cover">
|
||
<img src="{{d.room_cover}}" height="100%" class="layui-upload-img" onclick="previewImg(this)" >
|
||
</script>
|
||
|
||
<script type="text/html" id="room_status">
|
||
{{# if(d.room_status == 1){ }}
|
||
<span >正常</span>
|
||
{{# }else if(d.room_status==2){}}
|
||
<span >封禁</span>
|
||
{{# } else { }}
|
||
<span >关闭</span>
|
||
{{# } }}
|
||
</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="check_room">检测异常麦</a>
|
||
<a class="layui-btn layui-btn-xs data-count-edit" lay-event="room_check_user">查看用户</a>
|
||
<a class="layui-btn layui-btn-xs data-count-edit" lay-event="edit_info">编辑</a>
|
||
<!--<a class="layui-btn layui-btn-xs data-count-edit" lay-event="check_room_micro">清理麦位</a>
|
||
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
|
||
-->
|
||
|
||
</script>
|
||
</body>
|
||
|
||
</html> |