<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Banner设置</title>
</head>
<link rel="stylesheet" href="/static/layui/css/layui.css">
<script src="/static/layui/layui.all.js"></script>
<script src="/static/layui/layui.js"></script>
<script src="/static/js/jquery-3.2.1.js"></script>
<script src="/static/js/user.js"></script>

<body>
	<table id="banner" lay-filter="banner"></table>
</body>
<script type="text/html" id="bar">
		<a class="layui-btn layui-btn-xs" lay-event="url">URL</a>
		<a class="layui-btn layui-btn-xs" lay-event="click">点击地址</a>
		<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="state">上/下线</a>
	</script>
<script>
	layui.use('table', function () {
		var table = layui.table;
		table.render({
			elem: '#banner',
			height: 312,
			url: '/android/banner/get.do?all=true',
			page: false,
			response: {
				statusCode: 100
			},
			cols: [
				[{
					field: 'id',
					title: 'id',
					width: 80,
					sort: true,
					fixed: 'left'
				}, {
					field: 'url',
					title: '图片链接',
					width: 300,
				},
				{
					field: 'click',
					title: '跳转地址',
					width: 300,
				},
				{
					field: 'isshow',
					title: '是否显示',
					width: 120,
				}, {
					fixed: 'right',
					width: 200,
					align: 'center',
					toolbar: '#bar'
				}
				]
			]
		})
		table.on('tool(banner)', function (obj) {
			var data = obj.data;
			if (obj.event === 'url') {
				layer.prompt(function (value, index, elem) {
					layer.close(index);
					console.log(data.state)
					var that = this;
					$.post("/admin/magicbox/banner.do", { 'id': data.id, 'url': value, 'click':data.click,'state':data.isshow}, function (data) {
						var json = JSON.parse(data);
						layer.alert(json.msg)
						active['reload'](that)
					})

				});
			} else if (obj.event === 'click') {
				layer.prompt(function (value, index, elem) {
					layer.close(index);
				
					var that = this;
					$.post("/admin/magicbox/banner.do", { 'id': data.id, 'url':data.url,'click': value ,'state':data.isshow}, function (data) {
						var json = JSON.parse(data);
						layer.alert(json.msg)
						active['reload'](that)
					})
				});
			} else if (obj.event == 'state') {
				layer.prompt(function (value, index, elem) {
					layer.close(index);
				
					var that = this;
					$.post("/admin/magicbox/banner.do", { 'id': data.id,'url': data.url, 'click':data.click, 'state': value }, function (data) {
						var json = JSON.parse(data);
						layer.alert(json.msg)
						active['reload'](that)
					})
				});
			}
		})
		var $ = layui.$,
			active = {
				reload: function () {
					//执行重载
					table.reload('banner', {
						page: {
							curr: 1 //重新从第 1 页开始
						},
						where: {
							type: $('#searchType').val(),
							key: $('#searchKey').val()
						}
					});
				}
			};
	})
</script>

</html>