book_admin/public/assets/js/backend/booklistch/book.js

define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'clipboard'], function ($, undefined, Backend, Table, Form, Clipboard) {
    var contentArr = [];

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

            var table = $("#table");
            if (Config.group == 7 || Config.group == 8) {
                //vip或vip运营
                // 初始化表格
                table.bootstrapTable({
                    url: $.fn.bootstrapTable.defaults.extend.index_url,
                    pk: 'id',
                    sortName: 'id',
                    columns: [
                        [
                            {field: 'id', title: __('Id')},
                            {field: 'title', title: __('Title')},
                            {field: 'name', title: __('Name')},
                            {field: 'status', title: __('Status'), visible:false, searchList: {"normal":__('normal'),"hidden":__('hidden'),"deleted":__('deleted')}},
                            {field: 'status_text', title: __('Status'), operate:false},
                            {field: 'createtime', title: __('Createtime'), operate:'RANGE', addclass:'datetimerange', formatter: Table.api.formatter.datetime},
                            {field: 'updatetime', title: __('Updatetime'), operate:'RANGE', addclass:'datetimerange', formatter: Table.api.formatter.datetime},
                            {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate,buttons:Controller.api.formatter.showBtn()}
                        ]
                    ]
                });
            } else {
                var init = true
                // 初始化表格
                table.bootstrapTable({
                    url: $.fn.bootstrapTable.defaults.extend.index_url,
                    pk: 'id',
                    sortName: 'id',
                    search:false,
                    commonSearch: false,
                    searchFormVisible: false,
                    columns: [
                        [
                            {checkbox: true},
                            {field: 'id', title: __('Id')},
                            {field: 'url', title: __('Url'), formatter: Controller.api.source_url, operate: false},
                            {field: 'title', title: __('Title')},
                            {field: 'name', title: __('Name')},
                            {field: 'status', title: __('Status'), visible:false, searchList: {"normal":__('normal'),"hidden":__('hidden'),"deleted":__('deleted')}},

                            {field: 'createtime', title: __('Createtime'), operate:'RANGE', addclass:'datetimerange', formatter: Table.api.formatter.datetime},
                            {field: 'updatetime', title: __('Updatetime'), operate:'RANGE', addclass:'datetimerange', formatter: Table.api.formatter.datetime},
                            {field: 'status_text', title: __('Status'), operate:false, formatter:function (value,row, index) {
                                    if (row.status == 'normal') {
                                        return '<span style="color: green">'+value+'</span>';
                                    } else {
                                        return '<span style="color: red">'+value+'</span>';
                                    }
                                }},
                            {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate,buttons:Controller.api.formatter.showChBtn()}
                        ]
                    ],
                    onLoadSuccess: function () {
                        if (init) {
                            var clipboard = new Clipboard('.btn-operate-copy', {
                                target: function (trigger) {
                                    var stxt = $(trigger).parent().parent().find('.url_text i').data('clipboard-text');
                                    trigger = document.querySelector('#many_copy_dom');
                                    $('#many_copy_dom').html(stxt);
                                    return trigger;
                                }
                            });
                            clipboard.on('success',function (data) {
                                Toastr.success('复制成功');
                            }).on('error',function (data) {
                                Toastr.error('复制失败');
                            });
                            init = false;
                        }
                    },
                    onPostBody: function (data) {
                        //隐藏编辑按钮
                        if (data.length > 0) {
                            $.each(data, function (index, row) {
                                if (row.self == "0") {
                                    //隐藏禁用按钮 显示解禁按钮
                                    $("a.btn-editone").eq(index).hide();
                                }

                                if (row.status != 'normal') {
                                    $("a.btn-operate-copy").eq(index).hide();
                                }
                            });
                        }
                    }
                });


            }
            $(document).on('click', '.btn-analysis', function () {
                Fast.api.open($(this).attr('href'), $(this).data('title') ? $(this).data('title') : '查看统计', {});
                return false;
            });
            // 为表格绑定事件
            Table.api.bindevent(table);
        },
        add: function () {
            Controller.api.bindevent();
        },
        edit: function () {
            contentArr = JSON.parse(Config.row.content);

            if (contentArr.length > 0) {
                var html = '';

                for (var j = 0; j < contentArr.length; j++) {
                    var arr = contentArr[j];
                    var id = arr.id, image = arr.image, description = arr.description;

                    var eidtBtn = '';
                    if (arr.self == 1) {
                        eidtBtn = '<span><a href="javascript:;" class="btn btn-modify"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>编辑</a></span>';
                    }

                    html += '<div class="page-per" id="content-page'+id+'">'+
                        '<p><img class="content-image" src="'+image+'" alt="图片"><span>'+description+'</span></p>'+
                        '<div class="no-border btn-opreate" data-row_id="'+id+'">'+
                        eidtBtn+
                        '<span><a href="javascript:;" class="btn btn-deleted"><i class="fa fa-trash-o" aria-hidden="true"></i>删除</a></span>'+
                        '</div>'+
                        '</div>';

                }

                $(".img_txt_list").append(html);
                $("#content_json").val(JSON.stringify(contentArr));
            }

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

                //弹出选择
                $(document).on('click', '#select-resources', function () {
                    Fast.api.open('booklistch/media/select', '选择', {
                        callback: function (rows) {

                            if (rows.length > 0) {
                                for (var m=0; m < rows.length; m++) {
                                    parseData(rows[m]);
                                }
                            }
                        }
                    });
                });

                //弹出新增
                $(document).on('click', '#add-resources', function () {
                    Fast.api.open('booklistch/media/add?from_window=new', '新增', {
                        callback: function (data) {
                            parseData(data);
                        }
                    });
                });

                //初始化结果
                var parseData = function (row) {
                    var id = row.id;

                    //判断是否存在
                    if (contentArr.length > 0) {
                        for(var i = 0; i< contentArr.length; i++) {
                            if (contentArr[i].id == id) {
                                //已存在 不在添加
                                Toastr.error("书单已存在该资源，请勿重复选择");
                                return false;
                                break;
                            }
                        }
                    }

                    var eidtBtn = '';

                    if (row.self == 1) {
                        eidtBtn = '<span><a href="javascript:;" class="btn btn-modify"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>编辑</a></span>';
                    }

                    var html = '<div class="page-per" id="content-page'+id+'">'+
                        '<p><img class="content-image" src="'+row.image+'" alt="图片"><span>'+row.description+'</span></p>'+
                        '<div class="no-border btn-opreate" data-row_id="'+id+'">'+
                        eidtBtn +
                        '<span><a href="javascript:;" class="btn btn-deleted"><i class="fa fa-trash-o" aria-hidden="true"></i>删除</a></span>'+
                        '</div>'+
                        '</div>';

                    $(".img_txt_list").append(html);
                    contentArr.push(row);
                    addContent();
                };

                var addContent = function() {
                    $("#content_json").val(JSON.stringify(contentArr));
                };

                var delContent = function(id)
                {
                    for(var i = 0; i< contentArr.length; i++) {
                        if (contentArr[i].id == id) {
                            contentArr.splice(i, 1);
                            $("#content-page"+id).remove();
                            break;
                        }
                    }

                    $("#content_json").val(JSON.stringify(contentArr));
                };

                //编辑
                $(document).on('click', '.btn-modify', function () {
                    var id = $(this).parent().parent().data('row_id');
                    Fast.api.open('booklistch/media/edit/ids/'+id+'?from_window=edit', '编辑', {
                        callback: function (data) {
                            delContent(id);
                            parseData(data);
                        }
                    });
                });

                //删除
                $(document).on('click', '.btn-deleted', function () {
                    var id = $(this).parent().parent().data('row_id');
                    delContent(id);
                });

                $(document).on('click', '.btn-operate-copy', function () {
                    $(this).parent().parent().find('.url_text').click();
                    //$(this).parent().parent().find('.url_text').trigger("click");
                });
            },
            source_url: function (value, row, index) {
                var html = [];

                value = row.url;

                if (row.status == "normal") {
                    html.push('<div class="link_txt"></div><div class="url_text">' + value + '&nbsp;<i class="fa fa-copy copy" data-clipboard-text="' + value + '"></i>');
                } else {
                    html.push('<div class="link_txt">该书单已关闭不可使用</div>');
                }

                return html.join('<br>');
            },
            formatter: {
                showBtn: function(){
                    return [
                        {
                            name: 'clear_cache',
                            text: '清除书单缓存',
                            title: '清除书单缓存',
                            classname: 'btn btn-xs btn-danger btn-ajax',
                            url: '/admin/booklistch/book/clearcache',
                            callback: function (data) {
                            }
                        },
                        {
                            name: 'analysis',
                            text: '查看统计',
                            title: '查看统计',
                            classname: 'btn btn-xs btn-warning btn-analysis',
                            url: '/admin/booklistch/collect/analysis',
                            callback: function (data) {
                            }
                        }
                    ];
                },
                showChBtn: function(value, row){
                    return [
                        {
                            name: 'copy_url',
                            text: '复制链接',
                            title: '复制链接',
                            classname: 'btn btn-click btn-operate-copy',
                            icon: 'fa fa-copy copy',
                        },
                        {
                            name: 'clear_cache',
                            text: '清除书单缓存',
                            title: '清除书单缓存',
                            classname: 'btn btn-xs btn-danger btn-ajax',
                            url: '/admin/booklistch/book/clearcache',
                            callback:function(data){}
                        },
                        {
                            name: 'analysis',
                            text: '查看统计',
                            title: '查看统计',
                            classname: 'btn btn-xs btn-warning btn-analysis',
                            url: '/admin/booklistch/collect/analysis',
                            callback:function(data){}
                        }
                    ];
                },
            }
        }
    };
    return Controller;
});