267 行
9.3 KiB
HTML
可执行文件
267 行
9.3 KiB
HTML
可执行文件
<!DOCTYPE html>
|
||
<html>
|
||
<!--[1.8.67]-->
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>大转盘</title>
|
||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/layui/css/layui.css"/>
|
||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/goodsList.css"/>
|
||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/myscroll.css"/>
|
||
<style>
|
||
.gA_inner01 > input {
|
||
margin-left: 0;
|
||
}
|
||
|
||
.layui-form .gA_inner01 > select {
|
||
display: none;
|
||
}
|
||
|
||
.gA_inner01 > span {
|
||
display: inline-block;
|
||
width: 120px;
|
||
text-align: right;
|
||
margin-right: 20px;
|
||
}
|
||
|
||
.gA_inner01 > input {
|
||
width: 200px;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="goodsBox" style="padding: 20px">
|
||
<div class="goods_edit">
|
||
<if condition="$authArr['turntable_addtures']">
|
||
<div class="goods_edit_add" id="newlyIncreased" style="margin-left: 0px;">新增大转盘</div>
|
||
</if>
|
||
</div>
|
||
<div class="goods_table">
|
||
<table class="layui-hide" id="test" lay-filter="demo"></table>
|
||
<script type="text/html" id="barDemo">
|
||
<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="details">中奖详情</a>
|
||
<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="editad">编辑</a>
|
||
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>
|
||
</script>
|
||
<script type="text/html" id="switchTpl3">
|
||
<input type="checkbox" name="type" id="types" value="{{d.status}}" data-id="{{d.id}}" lay-skin="switch"
|
||
lay-text="开启|关闭"
|
||
lay-filter="statusDemo" {{ d.status== 1? 'checked' : '' }}>
|
||
</script>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</body>
|
||
<script src="__PUBLIC__/jquery/js/jquery.min.js"></script>
|
||
<script type="text/javascript" src="__PUBLIC__/layui/layui.js"></script>
|
||
<script type="text/javascript">
|
||
|
||
layui.use(['table', 'form', 'upload', 'laydate', 'element'], function () {
|
||
var table = layui.table;
|
||
var form = layui.form;
|
||
var laydate = layui.laydate;
|
||
var element = layui.element;
|
||
//展示已知数据
|
||
table.render({
|
||
elem: '#test',
|
||
url: "{:U('Retail/Plug/Adventureslist')}",
|
||
method: 'post',
|
||
cols: [
|
||
[ { type: 'numbers', title: '序号', width: 50, fixed: 'left' },
|
||
{
|
||
field: 'turntable_name',
|
||
title: '活动名称',
|
||
align: 'center',
|
||
}, {
|
||
field: 'start_time',
|
||
title: '活动开始时间',
|
||
align: 'center',
|
||
}, {
|
||
field: 'end_time',
|
||
title: '活动结束时间',
|
||
align: 'center',
|
||
}, {
|
||
field: 'usercount',
|
||
title: '参与人数',
|
||
align: 'center',
|
||
}, {
|
||
field: 'typename',
|
||
title: '大转盘类型',
|
||
align: 'center',
|
||
}, {
|
||
title: '是否开启',
|
||
align: 'center',
|
||
templet: '#switchTpl3', unresize: true
|
||
}, {fixed: 'right', title: '操作', align: 'center', toolbar: '#barDemo', width: 200}
|
||
]
|
||
],
|
||
page: {
|
||
layout: ['count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
|
||
} //是否开启分页
|
||
, id: 'testReload'
|
||
});
|
||
//监听switch操作 开启一个必须关闭所有活动
|
||
form.on('switch(statusDemo)', function (obj) {
|
||
// this.value = this.value == 1 ? 1 : 2;
|
||
var status = this.value;
|
||
var that = this;
|
||
var id = $(obj.elem).attr('data-id');
|
||
// console.log(status);
|
||
// console.log(id);
|
||
$.ajax({
|
||
url: "{:U('Retail/Plug/turnSwitch')}",
|
||
type: 'POST',
|
||
data: {
|
||
id: id,
|
||
status: status
|
||
},
|
||
success: function (res) {
|
||
$(obj.elem).val(res.value);
|
||
layer.msg(res.msg, {time: 1500})
|
||
if (res.value == 1) {
|
||
$(obj.elem).parent().find('div').addClass('layui-form-onswitch');
|
||
$(obj.elem).parent().find('em').html('开启');
|
||
} else {
|
||
$(obj.elem).parent().find('div').removeClass('layui-form-onswitch');
|
||
$(obj.elem).parent().find('em').html('关闭');
|
||
}
|
||
}
|
||
})
|
||
});
|
||
$("#newlyIncreased").click(function () {
|
||
// reset();
|
||
layer.open({
|
||
type: 2,
|
||
content: "{:U('Plug/turntable_addtures')}",
|
||
title: "添加大转盘",
|
||
area: ["100%", '100%'],
|
||
btnAlign: 'c',
|
||
end: function () {
|
||
table.reload('testReload', {});
|
||
}
|
||
})
|
||
})
|
||
|
||
|
||
//监听工具条
|
||
table.on('tool(demo)', function (obj) {
|
||
var data = obj.data;
|
||
var mydata = data;
|
||
if (obj.event === 'detail') {
|
||
layer.msg('ID：' + data.id + ' 的查看操作');
|
||
} else if (obj.event === 'delete') {
|
||
console.log(data.id);
|
||
layer.confirm("您确认要删除该大转盘吗?", function (index) {
|
||
$.ajax({
|
||
url: "{:U('Retail/Plug/turntabledel')}",
|
||
type: "POST",
|
||
data: {id: data.id},
|
||
success: function (res) {
|
||
if (res.status == 1) {
|
||
layer.msg(res.msg, {
|
||
icon: 1,
|
||
time: 1000
|
||
}, function () {
|
||
layer.close(index);
|
||
table.reload('testReload', {});
|
||
})
|
||
} else {
|
||
layer.msg(res.msg, {
|
||
icon: 2,
|
||
time: 1000
|
||
})
|
||
}
|
||
}
|
||
})
|
||
})
|
||
} else if (obj.event === 'details') {
|
||
layer.open({
|
||
type: 2,
|
||
content: "{:U('Plug/turntable_details')}?id=" + data.id,
|
||
title: "中奖详情",
|
||
area: ["100%", '100%'],
|
||
btnAlign: 'c',
|
||
end: function () {
|
||
}
|
||
})
|
||
|
||
} else if (obj.event === 'editad') {
|
||
layer.open({
|
||
type: 2,
|
||
content: "{:U('Plug/turntable_addtures')}?id=" + data.id,
|
||
title: "编辑大转盘",
|
||
area: ["100%", '100%'],
|
||
btnAlign: 'c',
|
||
end: function () {
|
||
table.reload('testReload', {});
|
||
}
|
||
})
|
||
|
||
}
|
||
});
|
||
|
||
laydate.render({
|
||
elem: '#actime'
|
||
});
|
||
laydate.render({
|
||
elem: '#endtime'
|
||
});
|
||
laydate.render({
|
||
elem: '#actimes'
|
||
});
|
||
laydate.render({
|
||
elem: '#endtimes'
|
||
});
|
||
laydate.render({
|
||
elem: '#actimess'
|
||
});
|
||
laydate.render({
|
||
elem: '#endtimess'
|
||
});
|
||
$('#delbutton').on('click', function () {
|
||
var type = $(this).data('type');
|
||
active[type] ? active[type].call(this) : '';
|
||
});
|
||
$("#can_exchange_retail").click(function () {
|
||
if ($(this).prop("checked") == true) {
|
||
console.log('aa');
|
||
$("#vip_retail_state").fadeIn(500)
|
||
$("#max_swap_change").fadeIn(600)
|
||
} else {
|
||
$("#vip_retail_state").hide()
|
||
$("#max_swap_change").hide()
|
||
}
|
||
})
|
||
$("#can_exchange_online").click(function () {
|
||
if ($(this).prop("checked") == true) {
|
||
$("#vip_online_state").fadeIn(500)
|
||
$("#max_swap_change").fadeIn(600)
|
||
} else {
|
||
$("#vip_online_state").hide()
|
||
$("#max_swap_change").hide()
|
||
}
|
||
})
|
||
|
||
$("#can_exchange_retails").click(function () {
|
||
if ($(this).prop("checked") == true) {
|
||
$("#vip_retail_states").fadeIn(500)
|
||
$("#max_swap_change").fadeIn(600)
|
||
} else {
|
||
$("#vip_retail_states").hide()
|
||
$("#max_swap_change").hide()
|
||
}
|
||
})
|
||
$("#can_exchange_onlines").click(function () {
|
||
if ($(this).prop("checked") == true) {
|
||
$("#vip_online_states").fadeIn(500)
|
||
$("#max_swap_change").fadeIn(600)
|
||
} else {
|
||
$("#vip_online_states").hide()
|
||
$("#max_swap_change").hide()
|
||
}
|
||
})
|
||
})
|
||
</script> |