book_admin/public/assets/js/backend/card/flip.js

define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {

    var Controller = {
        index: function () {
            // 初始化表格参数配置
            Table.api.init({
                extend: {
                    index_url: 'card/flip/index',
                    add_url: 'card/flip/add',
                    edit_url: 'card/flip/edit',
                    del_url: 'card/flip/del',
                    multi_url: 'card/flip/multi',
                    table: 'card_flip',
                }
            });
            var table = $("#table");

            // 初始化表格
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url,
                pk: 'id',
                sortName: 'id',
                columns: [
                    [
                        {checkbox: true},
                        {field: 'id', title: __('Id'), operate:false},
                        {field: 'name', title: __('Name')},
                        {field: 'id', title: __('活动链接'),formatter:function(value,row){
                            return '/index/activity/cardFlip?actId='+row.id;
                            }, operate:false},
                        {field: 'begin_time', title: __('Begin_time'), operate:false, addclass:'datetimerange', formatter: Table.api.formatter.datetime},
                        {field: 'end_time', title: __('End_time'), operate:false, addclass:'datetimerange', formatter: Table.api.formatter.datetime},
                        {field: 'kandian', title: __('单场消耗书币数'), operate:false},
                        {field: 'limit', title: __('限制次数(天)'), operate:false},
                        {field: 'state', title: __('状态'),visible:false, searchList: {"1":__('生效'),"2":__('失效')}},
                        {field: 'state_text', title: __('状态'), operate:false,formatter:function(value,row){
                            if (row.state == 1){
                                return '<span style="color:green">'+row.state_text+'</span>';
                            }else{
                                return '<span style="color:red">'+row.state_text+'</span>';
                            }
                            }},
                        {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: function (value,row) {
                            var html = '';
                            if (Config.group < 3 || Config.group == 6){
                                if (row.state == 2) {
                                    html += '<a href="javascript:;" data-id="' + row.id + '" data-status="' + row.state + '" class="btn btn-xs btn-danger btn-lapse">有效</a>&nbsp;&nbsp;';
                                } else {
                                    html += '<a href="javascript:;" data-id="' + row.id + '" data-status="' + row.state + '" class="btn btn-xs btn-primary btn-lapse ">失效</a>&nbsp;&nbsp;';
                                }
                                html += '<a href="" class="btn btn-dialog btn-xs btn-success btn-editone book_but ">修改</a>&nbsp;&nbsp;';
                                // html += '<a href="javascript:;" data-id="'+row.id+'" class="btn btn-xs btn-success upload-user book_but ">关联用户</a>&nbsp;&nbsp;';
                                html += '<a href="javascript:;" data-id="'+row.id+'" class="btn btn-xs btn-danger btn-initcache book_but ">初始化缓存</a>&nbsp;&nbsp;';
                            }
                            html += '<a href="javascript:;" data-id="'+row.id+'" class="btn btn-xs btn-success btn-collect book_but">活动数据</a>&nbsp;&nbsp;';
                            return html;
                            }}
                    ]
                ]
            });
            //初始化缓存
            $(document).on('click','.btn-initcache',function(){
                var id = $(this).data('id');
                $.post(
                    'card/flip/initCache',
                    {
                        'id': id,
                    },
                    function (data) {
                        layer.alert(data.msg);
                    }
                );
            })
            //关联用户
            $(document).on('click','.btn-usergroup',function (event) {
                var id = $(this).data('id');
                Fast.api.open('ad/user/group/viewgroup', '关联用户组', {
                    callback: function (data) {
                        var user_group_id = data[0]['id'];

                        $.ajax({
                            type:'post',
                            url:'/admin/card/flip/relateusergroup',
                            data:{
                                'id': id,
                                'group_id': user_group_id,
                            },
                            dataType:'json',
                            cache:false,
                            async:false,
                            success:function(data){
                                if (data.code == 1){
                                    Toastr.error(data.msg);
                                };
                                if(data.code == 0){
                                    Toastr.success(data.msg);
                                }
                            }
                        });
                    }
                });
                return false;
            });
            $(document).on('click','.btn-collect',function () {
                var id = $(this).data('id');
                Fast.api.open('/admin/card/collect/index?id='+id, '活动数据');
            });
            // 失效 | 有效
            $(document).on('click','.btn-lapse',function(){
                var id = $(this).data('id');
                var state = $(this).data('status');
                var status_text = '确定要失效处理吗？';
                if(state == 2){
                    status_text = '确定要设置为有效吗？';
                }
                Layer.confirm(status_text, function (idx) {
                    $.post(
                        'card/flip/ajaxlapse',
                        {
                            'id': id,
                            'state': state
                        },
                        function (data) {
                            layer.alert(data.msg);
                            table.bootstrapTable('refresh');
                        }
                    );

                });
            });
            // 为表格绑定事件
            Table.api.bindevent(table);

        },
        add: function () {

            $(document).on('click','.add_award',function () {
                var num =  $(this).parent().parent().find('.show_num').text();
                Fast.api.open('award/lists/show', '奖品列表', {
                    callback: function (data) {
                        console.log(data);
                        var award = $('.award_list_'+num);
                        award.find('.award_name').text(data[0].name);
                        award.find('.a_id').val(data[0].id);
                        award.find('.del_award').show();
                        award.find('.add_award').hide();
                    }
                });
                return false;
            });

            $(document).on('click','.del_award',function () {
                var obj = $(this).parent().parent();
                obj.find('.a_id').val(0);
                obj.find('.award_name').text('');
                obj.find('.del_award').hide();
                obj.find('.add_award').show();
            });
            Controller.api.bindevent();
        },
        edit: function () {
            $(document).on('click','.add_award',function () {
                var num =  $(this).parent().parent().find('.show_num').text();
                Fast.api.open('award/lists/show', '奖品列表', {
                    callback: function (data) {
                        var award = $('.award_list_'+num);
                        award.find('.award_name').text(data[0].name);
                        award.find('.a_id').val(data[0].id);
                        award.find('.del_award').show();
                        award.find('.add_award').hide();
                    }
                });
                return false;
            });

            $(document).on('click','.del_award',function () {
                var obj = $(this).parent().parent();
                obj.find('.a_id').val(0);
                obj.find('.award_name').text('');
                obj.find('.del_award').hide();
                obj.find('.add_award').show();
            });
            Controller.api.bindevent();
        },
        api: {
            bindevent: function () {
                Form.api.bindevent($("form[role=form]"));
            }
        }
    };
    return Controller;
});