366 lines
11 KiB
JavaScript
366 lines
11 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="guild_name" autocomplete="off" class="layui-input"
|
||
placeholder="公会名称" />
|
||
</div>
|
||
</div>
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">开始时间</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="start" id="start" lay-verify="" placeholder="yyyy-MM-dd"
|
||
autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">结束时间</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="end" id="end" lay-verify="" placeholder="yyyy-MM-dd"
|
||
autocomplete="off" class="layui-input">
|
||
</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-normal layui-btn-sm data-add-btn" lay-event="combine_guild">
|
||
合并公会
|
||
</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', 'laydate'], function () {
|
||
var $ = layui.jquery,
|
||
form = layui.form,
|
||
table = layui.table,
|
||
laydate = layui.laydate;
|
||
//日期
|
||
laydate.render({
|
||
elem: '#start'
|
||
});
|
||
laydate.render({
|
||
elem: '#end'
|
||
});
|
||
table.render({
|
||
elem: '#currentTableId',
|
||
url: WebHost + 'Guild/guild_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: 'guild_name',
|
||
title: '公会名称',
|
||
align: 'center',
|
||
},
|
||
// {
|
||
// field: 'uid_nick_name',
|
||
// title: '会长名称',
|
||
// align: 'center',
|
||
// },
|
||
{
|
||
field: 'cover',
|
||
title: '封面图',
|
||
templet: '#base_image',
|
||
align: 'center',
|
||
},
|
||
{
|
||
field: 'is_show',
|
||
title: '是否显示',
|
||
templet: '#is_show',
|
||
align: 'center',
|
||
},
|
||
{
|
||
field: 'total_gift_total_price',
|
||
title: '流水（默认当日）',
|
||
align: 'center',
|
||
},
|
||
{
|
||
field: 'add_time',
|
||
title: '添加时间',
|
||
templet: '#add_time',
|
||
align: 'center',
|
||
},
|
||
{
|
||
field: 'update_time',
|
||
title: '修改时间',
|
||
templet: '#update_time',
|
||
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: '../guild/add_guild.html',
|
||
})
|
||
$(window).on('resize', function () {
|
||
layer.full(index)
|
||
})
|
||
}else if (obj.event === 'combine_guild') {
|
||
// 监听添加操作
|
||
var index = layer.open({
|
||
title: '添加',
|
||
type: 2,
|
||
shade: 0.2,
|
||
maxmin: true,
|
||
shadeClose: true,
|
||
area: ['80%', '80%'],
|
||
content: '../guild/combine_guild.html',
|
||
})
|
||
$(window).on('resize', function () {
|
||
layer.full(index)
|
||
})
|
||
}
|
||
})
|
||
//监听性别操作
|
||
form.on('switch(setIsShow)', function(obj){
|
||
|
||
var id = obj.value
|
||
var status_bool = obj.elem.checked
|
||
var is_show = (status_bool === true) ? 1 : 2;
|
||
// layer.tips(this.value + ' ' + this.name + '：'+ obj.elem.checked, obj.othis);
|
||
// console.log(status)
|
||
$.post(WebHost + "guild/set_is_show", {id: id, is_show: is_show, login_token : AdminLoginToken},
|
||
function (data, textStatus, jqXHR) {
|
||
layer.msg(data.msg, { time: 1000 }, function () {
|
||
|
||
});
|
||
},
|
||
"json"
|
||
);
|
||
});
|
||
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: '../guild/edit_guild.html',
|
||
})
|
||
$(window).on('resize', function () {
|
||
layer.full(index)
|
||
})
|
||
return false
|
||
} else if (obj.event === 'diss_guild') {
|
||
Id = data.id
|
||
admin_login_token = AdminLoginToken
|
||
layer.confirm(
|
||
'确认要解散该公会吗',
|
||
{ title: '确认解散' },
|
||
function (index) {
|
||
$.post(
|
||
WebHost + 'guild/diss_guild',
|
||
{ guild_id: 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.id;
|
||
var index = layer.open({
|
||
title: '查看',
|
||
type: 2,
|
||
shade: 0.2,
|
||
maxmin: true,
|
||
shadeClose: true,
|
||
area: ['80%', '80%'],
|
||
content: '../guild/user_guild_list.html',
|
||
});
|
||
$(window).on("resize", function () {
|
||
layer.full(index);
|
||
});
|
||
return false;
|
||
}
|
||
})
|
||
})
|
||
|
||
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="base_image">
|
||
<img src="{{d.cover}}" height="100%" class="layui-upload-img" onclick="previewImg(this)" />
|
||
</script>
|
||
<script type="text/html" id="is_show">
|
||
<!-- 这里的 checked 的状态只是演示 -->
|
||
<input type="checkbox" name="is_show" value="{{d.id}}" lay-skin="switch" lay-text="是|否" lay-filter="setIsShow" {{ d.is_show == 1 ? 'checked' : '' }}>
|
||
</script>
|
||
<script type="text/html" id="add_time">
|
||
{{dateFormat(d.add_time) }}
|
||
</script>
|
||
<script type="text/html" id="update_time">
|
||
{{dateFormat(d.update_time) }}
|
||
</script>
|
||
<script type="text/html" id="currentTableBar">
|
||
<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-danger layui-btn-xs" lay-event="diss_guild">解散</a>
|
||
</script>
|
||
</body>
|
||
|
||
</html> |