<template>
    <section class="content">
        <div class="box box-primary">
            <div class="box-body">
                <section class="content-header">
                    <h1 id="itemTitle"></h1>
                </section>

                <section class="content">
                    <div id="table"></div>
                    <div id="toolbar">
                        <div class="big-tips">
                            礼包的数据前端是写死的，配置时应跟前端一一对应起来，后台只会返回有效的礼包，并按序号从小到大排序。配置好之后，不要随意修改。<br />
                            有新的礼包需要上架时，请直接新增礼包，而不是对现有礼包进行编辑修改。方便查数
                        </div>

                        礼包状态:
                        <select name="status" id="statusSelect" data-btn-class="btn-warning">
                            <option value="0" selected="selected">全部</option>
                            <option value="1">有效</option>
                            <option value="2">无效</option>
                        </select>

                        活动类型:
                        <select name="status" id="packTypeSelect" data-btn-class="btn-warning">
                            <option value="" selected="selected">全部</option>
                            <option value="0">普通活动</option>
                            <option value="1">转盘活动</option>
                            <option value="2">周星榜活动</option>
                            <option value="3">深海奇缘活动</option>
                            <option value="6">守护星球</option>
                            <option value="10">航海冒险</option>
                            <option value="13">夺宝精灵</option>
                        </select>

                        <button class="btn btn-default" id="search">
                            <i class="glyphicon glyphicon-wrench"></i>查询
                        </button>

                        <button class="btn btn-primary" id="add">
                            <i class="glyphicon glyphicon-plus"></i>增加
                        </button>
                    </div>
                </section>
            </div>
        </div>
    </section>

    <!-- 弹窗 -->
    <div class="modal fade" id="packModal" rabindex='-1' role="dialog" aria-labelledby="modalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">

                <div class="modal-header">
                    <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">x</span>
                    </button>

                    <div class="modal-title" id="editModalLabel">奖品设置</div>
                </div>

                <div class="modal-body">
                    <form action="" id="addForm" class="form-horizontal">
                        <div class="form-group name">
                            <label for="name" class="col-sm-3 control-label">礼包名称：</label>
                            <div class="col-sm-8">
                                <input type="text" class="validate[required]" name="name" id="name" placeholder="单行输入">
                            </div>
                        </div>

                        <div class="form-group status">
                            <label for="status" class="col-sm-3 control-label">礼包状态：</label>
                            <div class="col-sm-8">
                                <select id="status">
                                    <option value="1">有效</option>
                                    <option value="2">无效</option>
                                </select>
                                <div class="tips">
                                    <i class="glyphicon glyphicon-info-sign"></i>无效状态的礼包不会返回前端，也不允许购买
                                </div>
                            </div>
                        </div>

                        <div class="form-group imgUrl">
                            <label class="col-sm-3 control-label">礼包图片：</label>
                            <div class="col-sm-8">
                                <img src="" alt="" id="imgUrl" style="width: 50px; height: 50px;">
                                <input type="file" id="uploadFile" name="uploadFile"
                                    accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
                                <button class="btn btn-success" type="button" id="uploadBtn">上传</button>
                                <input type="hidden" id="alertWinPic" name="alertWinPic"
                                    class="form-control validate[required]">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-3 control-label">活动类型</label>
                            <div class="col-sm-9">
                                <label class="radio-inline"><input type="radio" onclick="changeType(this.value)"
                                        name="packType" value="0" checked>普通活动</label>
                                <label class="radio-inline"><input type="radio" onclick="changeType(this.value)"
                                        name="packType" value="1">转盘活动</label>
                                <label class="radio-inline"><input type="radio" onclick="changeType(this.value)"
                                        name="packType" value="2">周星榜活动</label>
                                <label class="radio-inline"><input type="radio" onclick="changeType(this.value)"
                                        name="packType" value="3">深海奇缘活动</label>
                                <label class="radio-inline"><input type="radio" onclick="changeType(this.value)"
                                        name="packType" value="6">守护星球活动</label>
                                <label class="radio-inline"><input type="radio" onclick="changeType(this.value)"
                                        name="packType" value="10">航海冒险活动</label>
                                <label class="radio-inline"><input type="radio" onclick="changeType(this.value)"
                                        name="packType" value="13">夺宝精灵活动</label>

                            </div>
                        </div>


                        <div id="ticketNumDiv" class="form-group ticketNum" style="display: none">
                            <label for="sellingPrice" class="col-sm-3 control-label">赠送门票数量：</label>
                            <div class="col-sm-8">
                                <input type="text" class="validate[required]" name="ticketNum" id="ticketNum"
                                    placeholder="单行输入">
                            </div>
                        </div>

                        <div class="form-group sellingPrice">
                            <label for="sellingPrice" class="col-sm-3 control-label">售价：</label>
                            <div class="col-sm-8">
                                <input type="text" class="validate[required]" name="sellingPrice" id="sellingPrice"
                                    placeholder="单行输入">
                            </div>
                        </div>

                        <div class="form-group originalPrice">
                            <label for="originalPrice" class="col-sm-3 control-label">原价：</label>
                            <div class="col-sm-8">
                                <input type="text" class="validate[required]" name="originalPrice" id="originalPrice"
                                    placeholder="单行输入">
                            </div>
                        </div>

                        <div class="form-group stock">
                            <label for="stock" class="col-sm-3 control-label">库存：</label>
                            <div class="col-sm-8">
                                <input type="text" class="validate[required]" name="stock" id="stock" placeholder="单行输入">
                                <br />
                                <div class="tips">
                                    <i class="glyphicon glyphicon-info-sign"></i>-1代表不限量
                                </div>
                            </div>
                        </div>

                        <div class="form-group allowBuyNum">
                            <label for="allowBuyNum" class="col-sm-3 control-label">允许购买数量：</label>
                            <div class="col-sm-8">
                                <input type="text" class="validate[required]" name="allowBuyNum" id="allowBuyNum"
                                    placeholder="单行输入">
                                <br />
                                <div class="tips">
                                    <i class="glyphicon glyphicon-info-sign"></i>-1代表不限量
                                </div>
                            </div>
                        </div>

                        <div class="form-group validity">
                            <label class="col-sm-3 control-label">礼包开放日期：</label>
                            <div class="col-sm-8">
                                <input type="text" name="startDate" id="timeBegin" class="input-sm" placeholder="起始时间">
                                - <input type="text" name="endDate" id="timeEnd" class="input-sm" placeholder="结束时间">
                            </div>
                        </div>

                        <div class="form-group seqNo">
                            <label class="col-sm-3 control-label">序号：</label>
                            <div class="col-sm-8">
                                <input type="text" class="validate[required]" name="seqNo" id="seqNo" placeholder="单行输入">
                            </div>
                        </div>
                    </form>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" data-primary="addSave" id="save">保存</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="addAwardModal" rabindex='-1' role="dialog" aria-labelledby="modalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">x</span>
                    </button>
                    <div class="modal-title" id="addModalLabel">添加奖品</div>
                </div>

                <div class="modal-body">
                    <form action="" id="addAwardForm" class="form-horizontal">
                        <div class="form-group">
                            <label for="award" class="col-sm-3 control-label">奖品：</label>
                            <select id="award" name="award" class="validate[required]">
                                <option value="0">---选择奖品---</option>
                            </select>
                        </div>

                        <div class="form-group">
                            <label for="awardNum" class="col-sm-3 control-label">奖品数量：</label>
                            <input type="text" class="validate[required]" name="awardNum" id="awardNum"
                                placeholder="单行输入数字">
                        </div>
                    </form>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" data-primary="saveAwardData" id="saveAward">保存</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="packItemListModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
        <div class="modal-dialog" role="document" style="width:55%">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">x</span></button>
                    <h4 class="modal-title" id="assignRoomsLabel">奖池列表</h4>
                </div>
                <div class="modal-body">
                    <div id="packItemListTable"></div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import TableHelper from '@/utils/bootstrap-table-helper';

export default {
    name: "ActivityPackAdminView",
    setup() {

        function changeType(value) {
            // alert(value);
            if (value == 0) {
                $("#ticketNumDiv").hide();
                var num = $("#ticketNum").val();
                if (num == null || num == "" || num == undefined) {
                    $("#ticketNum").val(0);
                }
            } else {
                $("#ticketNumDiv").show();
            }
        }
        window.changeType = changeType;
        return {
            changeType
        };
    },
    created() {
        this.$nextTick(function () {
            this.initData();
        });
    },
    methods: {
        initData() {
            $(function () {
                var picker1 = $('#timeBegin').datepicker({
                    format: 'yyyy-mm-dd',
                    autoclose: true
                });
                var picker2 = $('#timeEnd').datepicker({
                    format: 'yyyy-mm-dd',
                    autoclose: true
                });
                picker1.on('changeDate', function () {
                    var date = $('#timeBegin').datepicker('getDate');
                    picker2.datepicker('setStartDate', date);
                });
                picker2.on('changeDate', function () {
                    var date = $('#timeEnd').datepicker('getDate');
                    picker1.datepicker('setEndDate', date);
                });

                var main = {
                    init: function () {
                        this.eventRegister();
                        this.initData();
                    },

                    eventRegister: function () {
                        // 编辑按钮点击事件
                        $('#table').on('click', '.opt-edit', function () {
                            clearModal();
                            $('#packModal').modal('show');
                            var id = parseInt($(this).data('id'));
                            editId = id;
                            if (id == 'undefined' || !id) {
                                return;
                            }
                            var data = $('#table').bootstrapTable('getRowByUniqueId', id);
                            $('#name').val(data.name);
                            $('#imgUrl').attr('src', data.imgUrl);
                            $('#sellingPrice').val(data.sellingPrice);
                            if (data.packType == 1) {
                                $("input:radio[name='packType']")[1].checked = true;
                                $("#ticketNumDiv").show();
                            } else if (data.packType == 3) {
                                $("input:radio[name='packType']")[3].checked = true;
                                $("#ticketNumDiv").show();
                            } else {
                                $("input:radio[name='packType']")[0].checked = true;
                            }
                            $('#ticketNum').val(data.ticketNum);
                            $('#originalPrice').val(data.originalPrice);
                            $('#stock').val(data.stock);
                            $("#allowBuyNum").val(data.allowBuyNum);
                            $('#status').val(data.status);
                            $('#timeBegin').val(new Date(data.beginTime).format('yyyy-MM-dd'));
                            $('#timeEnd').val(new Date(data.endTime).format('yyyy-MM-dd'));
                            $('#seqNo').val(data.seqNo);
                        });

                        $('#table').on('click', '.opt-award', function () {
                            var id = parseInt($(this).data('id'));
                            editId = id;
                            $('#addAwardModal').modal('show');
                        });

                        $('#table').on('click', '.opt-awardList', function () {
                            var id = parseInt($(this).data('id'));
                            editId = id;
                            initPackItemsListTable(id);
                            $('#packItemListModal').modal('show');
                        });

                        $('#table').on("click", '.opt-close', function () {
                            var $btn = $(this);
                            var packId = $btn.attr("data-id");
                            $btn.attr('disabled', true);
                            if (confirm("确定关闭?")) {
                                $.ajax({
                                    type: 'post',
                                    url: '/admin/activity/pack/close',
                                    data: {
                                        packId: packId
                                    },
                                    dataType: 'json',
                                    success: function (res) {
                                        $btn.attr('disabled', false);
                                        if (res.code == 200) {
                                            $("#tipMsg").text("关闭成功");
                                            $("#tipModal").modal('show');
                                            TableHelper.doRefresh("#table");
                                        } else {
                                            $("#tipMsg").text("关闭失败." + res.msg);
                                            $("#tipModal").modal('show');
                                        }
                                    }
                                });
                            }
                        });

                        $('#packItemListTable').on("click", '.opt-del', function () {
                            var $btn = $(this);
                            var itemId = $btn.attr("data-id");
                            $btn.attr('disabled', true);
                            if (confirm("确定删除?")) {
                                $.ajax({
                                    type: 'post',
                                    url: '/admin/activity/pack/delPackItem',
                                    data: {
                                        itemId: itemId
                                    },
                                    dataType: 'json',
                                    success: function (res) {
                                        $btn.attr('disabled', false);
                                        if (res.code == 200) {
                                            $("#tipMsg").text("删除成功");
                                            $("#tipModal").modal('show');
                                            TableHelper.doRefresh("#packItemListTable");
                                        } else {
                                            $("#tipMsg").text("删除失败." + res.msg);
                                            $("#tipModal").modal('show');
                                        }
                                    }
                                });
                            }
                        });

                        // 添加事件
                        $('#add').on('click', function () {
                            editId = 0;
                            clearModal();
                            $('#packModal').modal('show');
                        });

                        // 上传图片
                        $('#uploadBtn').on('click', function () {
                            if ($('#uploadFile').val() == '') {
                                $('#tipMsg').text('上传图片为空');
                                $('#tipModal').modal('show');
                                return;
                            }
                            var options = {
                                type: 'post',
                                url: '/admin/upload/img',
                                dataType: 'json',
                                success: function (res) {
                                    if (res.path) {
                                        $('#alertWinPic').val(res.path);
                                        $('#imgUrl').attr('src', res.path);
                                        console.log(res.path);
                                    } else {
                                        $('#tipMsg').text(res.msg);
                                        $('#tipModal').modal('show');
                                    }
                                }
                            }
                            $('#addForm').ajaxSubmit(options);
                        });

                        // 保存
                        $('#save').on('click', function () {
                            if ($('#addForm').validationEngine('validate')) {
                                var param = {};
                                param.id = editId;
                                param.name = $('#name').val();
                                param.imgUrl = $('#imgUrl').attr('src');
                                param.sellingPrice = $('#sellingPrice').val();
                                param.packType = $('input[name="packType"]:checked').val();
                                param.ticketNum = $('#ticketNum').val();
                                param.ticketNum = param.ticketNum == "" ? 0 : param.ticketNum;
                                param.originalPrice = $('#originalPrice').val();
                                param.stock = $('#stock').val();
                                param.allowBuyNum = $('#allowBuyNum').val();
                                param.status = $('#status').val();
                                param.beginTime = $('#timeBegin').val() + " 00:00:00";
                                param.endTime = $('#timeEnd').val() + " 23:59:59";
                                param.seqNo = $('#seqNo').val();

                                $.ajax({
                                    type: 'post',
                                    url: '/admin/activity/pack/saveOrUpdate',
                                    data: param,
                                    dataType: 'json',
                                    success: function (res) {
                                        if (res.code == 200) {
                                            $('#packModal').modal('hide');
                                            $('#tipMsg').text('保存成功');
                                            $('#tipModal').modal('show');
                                            TableHelper.doRefresh('#table')
                                        } else {
                                            $('#tipMsg').text('保存失败，错误码：' + res.message);
                                            $('#tipModal').modal('show');
                                        }
                                    }
                                })
                            }
                        });

                        $('#saveAward').on('click', function () {
                            if ($('#addAwardForm').validationEngine('validate')) {
                                // 获取时间参数
                                var param = {};
                                param.packId = editId;
                                param.awardId = $('#award').val();
                                param.num = $('#awardNum').val();

                                $('#saveAward').attr('disabled', true);
                                // 保存请求
                                $.ajax({
                                    type: "POST",
                                    url: "/admin/activity/pack/savePackItem",
                                    dataType: "json",
                                    data: param,
                                    success: function (data) {
                                        $('#saveAward').attr('disabled', false);
                                        if (data.code == 200) {
                                            $('#addAwardModal').modal('hide');
                                            $('#tipMsg').text('保存成功');
                                            $('#tipModal').modal('show');
                                            $('#addModal').modal('hide');
                                            TableHelper.doRefresh('#table');
                                        } else {
                                            $('#tipMsg').text(data.message);
                                            $('#tipModal').modal('show');
                                        }
                                    }
                                });
                            }
                        });

                        $("#search").on('click', function () {
                            TableHelper.doRefresh('#table');
                        });
                    },

                    initData: function () {
                        $.get('/admin/activityAward/total', {}, function (res) {
                            if (res.code == 200) {
                                for (var i = 0; i < res.data.length; i++) {
                                    var str = '<option value="' + res.data[i].id + '">' + res.data[i].prizeName + '</option>';
                                    $('#award').append(str);
                                }
                            }
                        })
                    }
                };

                main.init();

                var editId = 0;
                $('#table').bootstrapTable('destroy');
                $('#table').bootstrapTable({
                    columns: [
                        { field: 'id', title: '礼包ID', align: 'center', valign: 'middle', width: '5%' },
                        { field: 'name', title: '礼包名称', align: 'center', valign: 'middle', width: '10%' },
                        {
                            field: 'imgUrl', title: '礼包图片', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
                                return '<img src="' + val + '" alt="" style="width: 30px; height: 30px;">';
                            }
                        },
                        {
                            field: 'packType', title: '活动类型', align: 'center', valign: 'middle', width: '5%', formatter: function (val, row, index) {
                                switch (val) {
                                    case 0:
                                        return '普通活动';

                                    case 1:
                                        return '转盘活动';
                                    case 2:
                                        return '周星榜活动';
                                    case 3:
                                        return '深海奇缘活动';
                                    case 6:
                                        return '守护星球活动';
                                    case 10:
                                        return '航海冒险活动';
                                    case 13:
                                        return '夺宝精灵活动';
                                }
                            }
                        },
                        { field: 'ticketNum', title: '赠送门票数量', align: 'center', valign: 'middle', width: '10%' },
                        // {field: 'type', title: '礼包类型', align: 'center', valign: 'middle', width: '5%',formatter: function(val,row,index){
                        //         switch (val) {
                        //             case 1:
                        //                 return '普通礼包';
                        //                 break;
                        //             case 2:
                        //                 return '特殊礼包';
                        //         }
                        //     }},
                        {
                            field: 'status', title: '礼包状态', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
                                switch (val) {
                                    case 1:
                                        return '有效';

                                    case 2:
                                        return '无效';
                                }
                            }
                        },
                        { field: 'sellingPrice', title: '售价', align: 'center', valign: 'middle', width: '5%' },
                        { field: 'originalPrice', title: '原价', align: 'center', valign: 'middle', width: '5%' },
                        { field: 'stock', title: '库存量', align: 'center', valign: 'middle', width: '5%' },
                        { field: 'allowBuyNum', title: '允许购买数量', align: 'center', valign: 'middle', width: '5%' },
                        {
                            field: 'beginTime', title: '开放购买时间', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
                                if (val) {
                                    var date = new Date(val);
                                    return date.format('yyyy-MM-dd hh:mm:ss');
                                } else {
                                    return '-';
                                }
                            }
                        },
                        {
                            field: 'endTime', title: '截止购买时间', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
                                if (val) {
                                    var date = new Date(val);
                                    return date.format('yyyy-MM-dd hh:mm:ss');
                                } else {
                                    return '-';
                                }
                            }
                        },
                        {
                            field: 'seqNo', title: '排序序号', align: 'center', valign: 'middle', width: '5%', formatter: function (val, row, index) {
                                return '<span style="color: red">' + val + '</span>';
                            }
                        },
                        {
                            field: 'tmp', title: '操作', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
                                var key = row.id;
                                var status = row.status;
                                var str = '<button class="btn btn-primary btn-sm opt-edit" data-id="' + key + '">编辑礼包</button>';
                                if (status == 1) {
                                    str += '<button class="btn btn-primary btn-sm opt-close" data-id="' + key + '">关闭礼包</button>';
                                }
                                str += '<button class="btn btn-primary btn-sm opt-award" data-id="' + key + '">添加奖品</button>' +
                                    '<button class="btn btn-primary btn-sm opt-awardList" data-id="' + key + '">奖品列表</button>';
                                return str;
                            }
                        }
                    ],
                    cache: false,
                    striped: true,
                    showRefresh: false,
                    pageSize: 10,
                    pagination: false,
                    pageList: [10, 20, 30, 50],
                    sidePagination: 'server',
                    queryParamsType: 'undefined',
                    queryParams: function queryParams() {
                        var param = {
                            status: $('#statusSelect').val(),
                            packType: $('#packTypeSelect').val()
                        };
                        return param;
                    },
                    uniqueId: 'id',
                    toolbar: '#toolbar',
                    url: '/admin/activity/pack/list',
                    onLoadSuccess: function () {
                        console.log('load success');
                    },
                    onLoadError: function () {
                        console.log('load fail');
                    }
                });

                function clearModal() {
                    $('#addForm').find('input[type=text],select,input[type=hidden]').each(function () {
                        $(this).val('');
                    });
                    $('#addForm').find('img').attr('src', '');
                    $('#addForm').find('.combobox-container').removeClass('combobox-selected');
                }

                function initPackItemsListTable(packId) {
                    $('#packItemListTable').bootstrapTable('destroy');
                    $('#packItemListTable').bootstrapTable({
                        columns: [
                            { field: 'id', title: 'ID', align: 'center', width: '5%', valign: 'middle', visible: false },
                            { field: 'name', title: '奖品名称', align: 'center', width: '5%', valign: 'middle' },
                            {
                                field: 'type', title: '奖品类型', align: 'center', width: '5%', valign: 'middle', formatter: function (val, row, index) {
                                    switch (val) {
                                        case 1:
                                            return '钻石';

                                        case 2:
                                            return '在线礼物';

                                        case 3:
                                            return '座驾';

                                        case 4:
                                            return '头饰';

                                        case 5:
                                            return '背景';

                                        case 6:
                                            return '实物';

                                        case 7:
                                            return '靓号';

                                        case 8:
                                            return '全麦礼物';

                                        case 9:
                                            return '随机靓号';

                                        case 10:
                                            return '锤子';

                                        case 11:
                                            return '贵族爵位';

                                        case 12:
                                            return '萝卜';

                                        case 14:
                                            return '铭牌';
                                    }
                                }
                            },
                            {
                                field: 'imgUrl', title: '奖品图片', align: 'center', width: '5%', valign: 'middle', formatter: function (val, row, index) {
                                    return '<img src="' + val + '" alt="" style="width: 30px; height: 30px;">';
                                }
                            },
                            { field: 'referenceValue', title: '使用天数', align: 'center', width: '5%', valign: 'middle' },
                            { field: 'num', title: '数量', align: 'center', width: '5%', valign: 'middle' },
                            {
                                field: 'createTime',
                                title: '创建时间',
                                align: 'center',
                                width: '5%',
                                valign: 'middle',
                                formatter: function (val, row, index) {
                                    if (val) {
                                        var date = new Date(val);
                                        return date.format("yyyy-MM-dd hh:mm:00");
                                    } else {
                                        return '-';
                                    }
                                }
                            },
                            {
                                field: 'temp',
                                title: '操作',
                                align: 'center',
                                width: '5%',
                                valign: 'middle',
                                formatter: function (val, row, index) {
                                    return '<button class="btn btn-sm btn-success opt-del" data-id=' + row.id + '>' +
                                        '<i class="glyphicon glyphicon-move"></i> 删除</button>';
                                }
                            }
                        ],
                        cache: false,
                        striped: true,
                        showRefresh: false,
                        pageSize: 20,
                        pagination: true,
                        pageList: [20, 50, 100, 200, 300, 500],
                        search: false,
                        sidePagination: "server", //表示服务端请求
                        queryParamsType: "undefined",
                        queryParams: function queryParams() {   //设置查询参数
                            var param = {
                                packId: packId
                            };
                            return param;
                        },
                        url: '/admin/activity/pack/listPackItems',
                        onLoadSuccess: function () {  //加载成功时执行
                            console.log("load success");
                        },
                        onLoadError: function () {  //加载失败时执行
                            console.log("load fail");
                        }
                    })
                }

            })
        }
    },

};

</script>

<style scoped>
input {
    outline: none;
    padding: 3px;
}

.tips {
    color: red;
}

.big-tips {
    color: red;
    font-size: larger;
    font-weight: bold;
}
</style>