book_admin/public/assets/js/backend/award/lists.js

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

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

            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: 'type', title: __('Type'), visible:false, searchList: {"1":__('无奖励'),"2":__('书籍'),"3":__('vip'),"4":__('赠送书籍'),"5":__('抽奖次数')}},
                        {field: 'type_text', title: __('Type'), operate:false},
                        {field: 'image', title: __('Image'),  operate:false,formatter: Table.api.formatter.image},
                        {field: 'state', title: __('State'), visible:false, searchList: {"1":__('生效'),"2":__('失效')}},
                        {field: 'state_text', title: __('State'), 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: 'createtime', title: __('Createtime'), operate:false, addclass:'datetimerange', formatter: Table.api.formatter.datetime},
                        {field: 'updatetime', title: __('Updatetime'), operate:false, addclass:'datetimerange', formatter: Table.api.formatter.datetime},
                        {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter:function(value,row){
                                var html = '';
                                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="javascript:;" class="btn btn-dialog btn-xs btn-success btn-editone book_but">修改</a>&nbsp;&nbsp;';
                                return html;
                            }}
                    ]
                ]
            });

            // 失效 | 有效
            $(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(
                        'award/lists/ajaxLapse',
                        {
                            'id': id,
                            'state': state
                        },
                        function (data) {
                            layer.alert(data.msg);
                            table.bootstrapTable('refresh');
                        }
                    );

                });
            });
            $(document).on('click','.btn-delcache',function () {
                Layer.confirm('确定清除缓存吗？', function () {
                    $.post(
                        'award/lists/InitCache',
                        {

                        },
                        function (data) {
                            layer.alert(data.msg);
                        }
                    );

                });
            })

            // 为表格绑定事件
            Table.api.bindevent(table);
        },
        add: function () {
            Controller.api.bindevent();
            $(document).on('change','#c-type',function () {
                var award_type = $(this).val();
                var award_con = $('.award_content');
                console.log(award_type);
                switch (award_type) {
                    case "1":
                        award_con.hide();
                        break;
                    case "2":
                        award_con.find('label').text('书籍ID列表:');
                        award_con.find('.award_other').hide();
                        award_con.find('.award_book').show();
                        award_con.show();
                        break;
                    case "3":
                        award_con.find('label').text('vip天数:')
                        award_con.find('.award_other').show();
                        award_con.find('.award_book').hide();
                        award_con.show();
                        break;
                    case "4":
                        award_con.find('label').text('赠送书币数:');
                        award_con.find('.award_other').show();
                        award_con.find('.award_book').hide();
                        award_con.show();
                        break;
                    case "5":
                        award_con.find('label').text('抽奖次数:')
                        award_con.find('.award_other').show();
                        award_con.find('.award_book').hide();
                        award_con.show();
                        break;
                    default:
                        award_con.hide();
                        break;
                }
            });
        },
        edit: function () {
            Controller.api.bindevent();

            $(document).on('change','#c-type',function () {
                var award_type = $(this).val();
                console.log(award_type);
                award_type_html(award_type);
            });
            var award_type = $('#c-type').find('option:checked').val();
            award_type_html(award_type);
            function award_type_html(award_type) {
                var award_con = $('.award_content');
                switch (award_type) {
                    case "1":
                        award_con.hide();
                        break;
                    case "2":
                        award_con.find('label').text('书籍ID列表:');
                        award_con.find('.award_other').hide();
                        award_con.find('.award_book').show();
                        award_con.show();
                        break;
                    case "3":
                        award_con.find('label').text('vip天数:')
                        award_con.find('.award_other').show();
                        award_con.find('.award_book').hide();
                        award_con.show();
                        break;
                    case "4":
                        award_con.find('label').text('赠送书币数:');
                        award_con.find('.award_other').show();
                        award_con.find('.award_book').hide();
                        award_con.show();
                        break;
                    case "5":
                        award_con.find('label').text('抽奖次数:')
                        award_con.find('.award_other').show();
                        award_con.find('.award_book').hide();
                        award_con.show();
                        break;
                    default:
                        award_con.hide();
                        break;
                }
            }
        },
        api: {
            bindevent: function () {
                Form.api.bindevent($("form[role=form]"));
            }
        },
        show:function () {
            Table.api.init({
                extend: {
                    index_url: 'award/lists/index',
                    add_url: 'award/lists/add',
                    edit_url: 'award/lists/edit',
                    del_url: 'award/lists/del',
                    multi_url: 'award/lists/multi',
                    table: 'award_lists',
                    show_url:'award/lists/show',
                }
            });
            var table = $('#table');
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.show_url,
                pk: 'id',
                sortName: 'id',
                columns: [
                    [
                        {checkbox: true},
                        {field: 'id', title: __('Id'), operate:false},
                        {field: 'name', title: __('Name')},
                        {field: 'type', title: __('Type'), visible:false, searchList: {"1":__('无奖励'),"2":__('书籍'),"3":__('vip'),"4":__('赠送书籍'),"5":__('抽奖次数')}},
                        {field: 'type_text', title: __('Type'), operate:false},
                        {field: 'image', title: __('Image'),  operate:false,formatter: Table.api.formatter.image},
                        {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter:function(value,row){
                                var html = '';
                                if (row.state == 2) {
                                    html += '<a href="javascript:;" class="btn btn-danger btn-chooseone btn-xs"><i class="fa fa-check"></i> 选择</a>';
                                } else {
                                    html += '<a href="javascript:;" class="btn btn-danger btn-chooseone btn-xs"><i class="fa fa-check"></i> 选择</a>';
                                }
                                return html;
                            }}
                    ]
                ]
            });
            // 为表格绑定事件
            Table.api.bindevent(table);
            $(document).on('click','.btn-chooseone',function () {
                Fast.api.close(table.bootstrapTable('getSelections'));
            });
        }
    };
    return Controller;
});