<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>