book_admin/public/assets/js/backend/vip/admin/group.js

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

    $(document).on('click', '.js_choose_channel', function () {
        var channel_list = $(".js_selected_channel_id").val();
        Fast.api.open('/admin/referral/vipreferral/selectchannel?not_in_qds='+channel_list, '选择公众号', {
            callback: function (data) {
                var count = $(".channel_count").val() || 0;
                if (data.length > 0) {
                    $(".channel-list").removeClass('hide');
                    var html = "";
                    for(var i =1; i<= data.length; i++) {
                        var index = parseInt(count) + i;
                        var j = i-1;
                        var qds_id = data[j].qds_id;
                        channel_list += qds_id + ',';
                        var wx_nickname = data[j].wx_nickname;
                        var qds_nickname = data[j].qds_nickname;
                        var qds_username = data[j].qds_username;
                        $(".channel_count").val(index);
                        html += '            <tr class="tr-'+index+'" data-index="'+index+'">\n' +
                            '                <td class="channel-list-td">'+index+'</td>\n' +
                            '                <td class="channel-list-td">\n' +
                            '                    <div class="link_txt">'+wx_nickname+'</div>\n' +
                            '                </td>\n' +
                            '                <td class="channel-list-td">\n' +
                            '                    <div class="link_txt">'+qds_id+'</div>\n' +
                            '                </td>\n' +
                            '                <td class="channel-list-td">\n' +
                            '                    <div class="link_txt">'+qds_username+'</div>\n' +
                            '                </td>\n' +
                            '                <td class="channel-list-td">\n' +
                            '                    <div class="link_txt">'+qds_nickname+'</div>\n' +
                            '                </td>\n' +
                            '                <td class="channel-list-td">\n' +
                            '                    <div class="link_txt channle_del" data-tid="'+index+'" data-channelid="'+qds_id+'"><a href="javascript:;">删除</a></div>\n' +
                            '                </td>\n' +
                            '            </tr>';
                    }
                    $(".channel-list-body").append(html);
                    $(".js_selected_channel_id").val(channel_list);
                }
            }
        });
    });

    $(document).on('click', '.channle_del', function () {
        var channelid = $(this).data('channelid');
        var indexC = $(this).data('tid');

        Layer.confirm(
            "确认删除吗？",
            {icon: 3, title: __('Warning'), offset: 0, shadeClose: true},
            function (index) {
                $(".tr-"+indexC).remove();
                var channel_list = $(".js_selected_channel_id").val();
                var list = channel_list.split(',');
                var list1 = '';
                var count = 0;

                if (list.length > 0) {
                    for (var i = 0; i < list.length; i++) {
                        if (list[i] != channelid && list[i]) {
                            list1 += list[i] + ',';
                            count++;
                        }
                    }
                }
                $(".js_selected_channel_id").val(list1);
                $(".channel_count").val(count);
                Layer.close(index);
            }
        );
    });

    $(document).on('click', '.btn-channellist', function () {
        var url = $(this).attr('href');
        Fast.api.open(url, '查看公众号列表', {
            callback: function (data) {
            }
        });
        return false;
    });

    var Controller = {
        index: function () {
            // 初始化表格参数配置
            Table.api.init({
                extend: {
                    index_url: 'vip/admin/group/index',
                    add_url: 'vip/admin/group/add',
                    edit_url: 'vip/admin/group/edit',
                    del_url: 'vip/admin/group/del',
                    multi_url: 'vip/admin/group/multi',
                    table: 'vip_group',
                },
                searchFormVisible: true,
                search: false,

            });

            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: __('分组名称'), operate: "LIKE %...%"},
                        {
                            field: 'createtime',
                            title: '创建时间',
                            operate: false,
                            formatter: Table.api.formatter.datetime
                        },
                        {
                            field: 'updatetime',
                            title: '更新时间',
                            operate: false,
                            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()
                        }
                    ]
                ]
            });

            // 为表格绑定事件
            Table.api.bindevent(table);
        },
        select: function () {
            // 初始化表格参数配置
            Table.api.init({
                extend: {
                    index_url: 'vip/admin/group/select?not_in_ids='+Config.not_in_ids,
                    table: 'vip_group',
                },
                searchFormVisible: true,
                search: false,

            });

            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: __('分组名称'), operate: "LIKE %...%"},
                        {
                            field: 'createtime',
                            title: '创建时间',
                            operate: false,
                            formatter: Table.api.formatter.datetime
                        },
                        {
                            field: 'updatetime',
                            title: '更新时间',
                            operate: false,
                            formatter: Table.api.formatter.datetime
                        },
                        {field: 'operate', title: __('Operate'),
                            events: {
                                'click .btn-chooseone': function (e, value, row, index) {
                                    Fast.api.close([row]);
                                },
                            }, formatter: function (value, row) {
                                console.log(row.is_select);
                                if (row.is_select == 1) {
                                    return '<a href="javascript:;" class="btn btn-danger btn-xs"><i class="fa fa-check"></i> ' + __('已选择') + '</a>';
                                } else {
                                    return '<a href="javascript:;" class="btn btn-danger btn-chooseone btn-xs"><i class="fa fa-check"></i> ' + __('Choose') + '</a>';
                                }
                            }
                        }
                    ]
                ]
            });

            // 为表格绑定事件
            Table.api.bindevent(table);
            //获取选中数据
            $(document).on('click', "#btn-chooseone", function () {
                var data = table.bootstrapTable('getSelections');

                if (data.length < 1) {
                    Toastr.error('请选择公众号');
                } else {
                    var rows = [];
                    for (var i =0; i<data.length;i++) {
                        if (data[i].is_select == 0) {
                            rows.push(data[i]);
                        }
                    }
                    Fast.api.close(rows);
                }
            });
        },
        channellist: function () {
            // 初始化表格参数配置
            Table.api.init({
                extend: {
                    index_url: 'vip/admin/group/channellist/ids/'+Config.ids,
                },
                searchFormVisible: true,
                search: false,

            });

            var table = $("#table");

            // 初始化表格
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url,
                pk: 'vip_group_info.id',
                sortName: 'vip_group_info.id',
                columns: [
                    [
                        {field: 'wx_nickname', title: __('公众号名称'), operate: "LIKE %...%"},
                        {field: 'qds_id', title: __('账号id'), operate: false},
                        {field: 'qds_username', title: __('用户名称'), operate: "LIKE %...%"},
                        {field: 'qds_nickname', title: __('用户昵称'), operate: "LIKE %...%"},
                    ]
                ]
            });

            // 为表格绑定事件
            Table.api.bindevent(table);
        },
        add: function () {
            Controller.api.bindevent();
        },
        edit: function () {
            Controller.api.bindevent();
        },
        api: {
            bindevent: function () {
                Form.api.bindevent($("form[role=form]"));
            },
            formatter: {
                showBtn: function(){
                    return [
                        {name: 'channel_list', text: '公众号列表', title: '公众号列表', classname: 'btn btn-xs btn-danger btn-channellist', url: '/admin/vip/admin/group/channellist', callback:function(data){}}
                    ];
                },
            },
        }
    };
    return Controller;
});