|
|
@@ -0,0 +1,162 @@
|
|
|
+<div class="layui-fluid">
|
|
|
+ <div class="layui-card">
|
|
|
+ <div class="layui-form layui-form-pane layui-card-header layuiadmin-card-header-auto">
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <div class="layui-inline">
|
|
|
+ <label class="layui-form-label">状态</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <select name="status">
|
|
|
+ <option value="">全部状态</option>
|
|
|
+ {volist name="status_list" id="v"}
|
|
|
+ <option value="{$key}">{$v}</option>
|
|
|
+ {/volist}
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-inline">
|
|
|
+ <button class="layui-btn" lay-submit lay-filter="{$lay_btn}">
|
|
|
+ <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="layui-card-body">
|
|
|
+ <div style="padding-bottom: 10px;">
|
|
|
+ <button class="layui-btn layuiadmin-btn" data-type="add">添加</button>
|
|
|
+ </div>
|
|
|
+ <table id="{$lay_table}" lay-filter="{$lay_table}"></table>
|
|
|
+ <script type="text/html" id="setTpl">
|
|
|
+ <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">
|
|
|
+ <i class="layui-icon layui-icon-edit"></i>编辑
|
|
|
+ </a>
|
|
|
+ <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">
|
|
|
+ <i class="layui-icon layui-icon-delete"></i>删除
|
|
|
+ </a>
|
|
|
+ <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="qrcode">
|
|
|
+ <i class="layui-icon layui-icon-picture-fine"></i>查看二维码
|
|
|
+ </a>
|
|
|
+ <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="apply">
|
|
|
+ <i class="layui-icon layui-icon-table"></i>查看明细
|
|
|
+ </a>
|
|
|
+ </script>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
+<script>
|
|
|
+ layui.use(['index', 'admin', 'form', 'table'], function () {
|
|
|
+ const $ = layui.$;
|
|
|
+ const admin = layui.admin;
|
|
|
+ const form = layui.form;
|
|
|
+ const table = layui.table;
|
|
|
+ form.render();
|
|
|
+
|
|
|
+ table.render({
|
|
|
+ elem: '#{$lay_table}',
|
|
|
+ url: "{:url('seat/listSeat')}",
|
|
|
+ cols: [
|
|
|
+ [
|
|
|
+ {field: 'title', title: '标题'},
|
|
|
+ {field: 'status_text', title: '状态', width: 80, align: 'center'},
|
|
|
+ {field: 'apply', title: '已选', width: 80, align: 'center'},
|
|
|
+ {field: 'total', title: '总数', width: 80, align: 'center'},
|
|
|
+ {field: 'start_time', title: '时间', width: 160, align: 'center'},
|
|
|
+ {field: 'create_time', title: '创建时间', width: 160, align: 'center'},
|
|
|
+ {title: '操作', width: 430, align: 'center', fixed: 'right', toolbar: '#setTpl'}
|
|
|
+ ]
|
|
|
+ ],
|
|
|
+ page: true,
|
|
|
+ limit: 50,
|
|
|
+ cellMinWidth: 150,
|
|
|
+ text: '对不起,加载出现异常!'
|
|
|
+ });
|
|
|
+
|
|
|
+ form.on('submit({$lay_btn})', function (data) {
|
|
|
+ table.reload('{$lay_table}', {
|
|
|
+ where: data.field,
|
|
|
+ page: {
|
|
|
+ curr: 1
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ //事件
|
|
|
+ const active = {
|
|
|
+ add: function () {
|
|
|
+ const index = layer.open({
|
|
|
+ type: 2,
|
|
|
+ title: '添加活动',
|
|
|
+ content: "{:url('seat/seatForm')}",
|
|
|
+ maxmin: true,
|
|
|
+ area: ['550px', '550px']
|
|
|
+ });
|
|
|
+ layer.full(index);
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ //监听工具条
|
|
|
+ table.on('tool({$lay_table})', function (obj) {
|
|
|
+ const data = obj.data;
|
|
|
+ if (obj.event === 'del') {
|
|
|
+ layer.confirm('确定删除吗?', function (index) {
|
|
|
+ admin.req({
|
|
|
+ url: "{:url('seat/delSeat')}",
|
|
|
+ data: {
|
|
|
+ id: data.id
|
|
|
+ },
|
|
|
+ done: function (res) {
|
|
|
+ layui.table.reload('{$lay_table}');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ layer.close(index);
|
|
|
+ });
|
|
|
+ } else if (obj.event === 'edit') {
|
|
|
+ const index = layer.open({
|
|
|
+ type: 2,
|
|
|
+ title: '编辑活动',
|
|
|
+ content: "{:url('seat/seatForm')}?id=" + data.id,
|
|
|
+ maxmin: true,
|
|
|
+ area: ['550px', '550px']
|
|
|
+ });
|
|
|
+ layer.full(index);
|
|
|
+ } else if (obj.event === 'qrcode') {
|
|
|
+ admin.req({
|
|
|
+ url: "{:url('seat/qrcodeSeat')}?id=" + data.id,
|
|
|
+ data: {
|
|
|
+ id: data.id
|
|
|
+ },
|
|
|
+ done: function (res) {
|
|
|
+ layer.photos({
|
|
|
+ photos: {
|
|
|
+ "title": "二维码", //相册标题
|
|
|
+ "id": 1, //相册id
|
|
|
+ "start": 0, //初始显示的图片序号,默认0
|
|
|
+ "data": [ //相册包含的图片,数组格式
|
|
|
+ {
|
|
|
+ "alt": "二维码",
|
|
|
+ "pid": 0, //图片id
|
|
|
+ "src": res.data, //原图地址
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else if (obj.event === 'apply') {
|
|
|
+ layer.open({
|
|
|
+ type: 2,
|
|
|
+ title: '投票明细',
|
|
|
+ content: "{:url('seat/apply')}?id=" + data.id,
|
|
|
+ maxmin: true,
|
|
|
+ area: ['1200px', '550px']
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ $('.layui-btn.layuiadmin-btn').on('click', function () {
|
|
|
+ const type = $(this).data('type');
|
|
|
+ active[type] ? active[type].call(this) : '';
|
|
|
+ });
|
|
|
+ });
|
|
|
+</script>
|