book_admin/public/assets/js/backend/cplist.js

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

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

            var table = $("#table");

            // 初始化表格
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url,
                pk: 'cp_id',
                sortName: 'cp_id',
                columns: [
                    [
                        {checkbox: true},
                        {field: 'cp_id', title: __('Cp_id'),operate: false},
                        {field: 'cp_name', title: __('Cp_name')},
                        {field: 'state', title: __('状态'),formatter:function (value,row) {
                                    if (row.state == 1){
                                        return '正常';
                                    }else{
                                        return '屏蔽';
                                    }
                            },
                            searchList: {"1": __('正常'), "2": __('屏蔽')}
                        },
                        {field: 'updatetime', title: __('Updatetime'), operate:'RANGE',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 == 1) {
                                    html += '<a href="javascript:;" data-id="' + row.id + '" data-state="' + row.state + '" class="btn btn-xs btn-danger btn-restore">屏蔽</a>&nbsp;&nbsp;';
                                } else {
                                    html += '<a href="javascript:;" data-id="' + row.id + '" data-state="' + row.state + '" class="btn btn-xs btn-success btn-restore">恢复</a>&nbsp;&nbsp;';
                                }
                                html += '<a href="javascript:;" data-id="' + row.cp_name + '" data-state="' + row.state + '" class="btn btn-xs btn-success btn-lapse">清除缓存</a>&nbsp;&nbsp;';
                                return html;
                            }
                        }
                    ]
                ]
            });
            $(document).on('click','.btn-lapse',function () {
                var cp_name = $(this).data('id');
                Layer.confirm('确定清除缓存吗', function () {
                    $.post(
                        'cplist/clearcache',
                        {'cp_name':cp_name},
                        function (data) {
                            layer.alert(data.msg);
                        }
                    );

                });
            })
            // 为表格绑定事件
            Table.api.bindevent(table);
            //清除缓存
            $(document).on('click','.sync-cplist',function () {
                Layer.confirm('确定开始同步吗', function () {
                    $.post(
                        'cplist/synccplist',
                        {
                        },
                        function (data) {
                            layer.alert(data.msg);
                        }
                    );

                });
            })
            //btn-detail
            $(document).on('click','.btn-restore',function () {
                var id = $(this).data('id');

                var cp_state = $(this).data('state');
                var status_text= "屏蔽后，该CP下的书籍将全部置为下架,不可见状态";
                if (cp_state == 2){
                    status_text= "恢复后，该CP下的书籍将恢复到屏蔽前状态";
                }
                Layer.confirm(status_text, function () {
                    $.post(
                        'cplist/ajaxlapse',
                        {
                            'id': id,
                            'cp_state': cp_state
                        },
                        function (data) {
                            window.location.reload();
                        }
                    );

                });
                return false;
            });
        },
        add: function () {
            Controller.api.bindevent();
        },
        edit: function () {
            Controller.api.bindevent();
        },
        api: {
            bindevent: function () {
                Form.api.bindevent($("form[role=form]"));
            }
        }
    };
    return Controller;
});