book_admin/public/assets/js/backend/send/user/group.js

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

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

            var table = $("#table");

            // 初始化表格
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url,
                pk: 'id',
                sortName: 'id',
                search:false,
                columns: [
                    [
                        {checkbox: true},
                        {field: 'id', title: __('ID'), operate:false},
                        {field: 'group_name', title: __('Group_name'), operate:'LIKE'},
                        {field: 'group_type', title: __('Group_type'), visible:false, operate:false},
                        {field: 'user_ids', title: __('User_ids'), visible:false, operate:false},
                        {field: 'user_json', title: __('User_json'), visible:false, operate:false},
                        {
                            field: 'status',
                            title: __('Status'),
                            searchList: {'0': '失效', '1': '有效'},
                            formatter: function (value, row, index) {
                                var html = '';
                                if(row.status){
                                    html += '<span>有效</span>';
                                }else{
                                    html += '<span style="color: red">失效</span>';
                                }
                                return html;
                            }
                        },
                        {field: 'is_del', title: __('Is_del'), visible:false, operate:false},
                        {field: 'createtime', title: __('Createtime'), operate:false, addclass:'datetimerange', formatter: Table.api.formatter.datetime},
                        {field: 'updatetime', title: __('Updatetime'), operate:false, addclass:'datetimerange', visible:false, formatter: Table.api.formatter.datetime},
                        {
                            field: 'operate',
                            title: __('Operate'),
                            table: table,
                            events: Table.api.events.operate,
                            formatter: function (value, row, index) {
                                var html = '';
                                html += '<a style="margin-right: 2%" href="/admin/send/user/group/detail/ids/'+ row.id +'" class="btn btn-xs btn-success btn-detail">详情</a>';
                                if (row.status) {
                                    html += '<a href="javascript:;" data-id="' + row.id + '" data-status="' + row.status + '" class="btn btn-xs btn-danger btn-lapse">失效</a>&nbsp;&nbsp;';
                                } else {
                                    html += '<a href="javascript:;" data-id="' + row.id + '" data-status="' + row.status + '" class="btn btn-xs btn-success btn-lapse">有效</a>&nbsp;&nbsp;';
                                }
                                html += '<a href="/admin/send/user/group/edit/ids/'+ row.id +'" class="btn btn-xs btn-success btn-editone" title="" data-table-id="table" data-field-index="8" data-row-index="0" data-button-index="1"><i class="fa fa-pencil"></i></a>';
                                html += '<a href="javascript:;" class="btn btn-xs btn-danger btn-delone" data-table-id="table"><i class="fa fa-trash"></i></a>';
                                return html;
                            }
                        }
                    ]
                ]
            });

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

            //btn-detail
            $(document).on('click','.btn-detail',function () {
                Fast.api.open($(this).attr('href'), '详情', {});
                return false;
            });

            // 失效 | 有效
            $(document).on('click','.btn-lapse',function(){
                var group_id = $(this).data('id');
                var group_status = $(this).data('status');
                var status_text = '确定要失效处理吗？';
                if (!group_status) {
                    status_text = '确定要设置为有效吗？';
                }
                Layer.confirm(status_text, function (idx) {
                    $.post(
                        'send/user/group/ajaxvalidate',
                        {
                            'ids': group_id
                        },
                        function (data) {
                            Layer.close(idx);
                            window.location.reload();
                        }
                    );

                });
            });

            //生效
            $('.btn-validbatch').on('click', function () {
                var ids = Table.api.selectedids(table);
                Layer.confirm(
                    '确定要把选中的' + ids.length + '项改为生效吗？',
                    { icon: 3, title: __('Warning'), offset: 0, shadeClose: true },
                    function () {
                        $.ajax({
                            url: 'send/user/group/validbatch',
                            type: "post",
                            data: {
                                ids: ids,
                                status: 1
                            },
                            success: function () {
                                layer.msg('操作成功');
                                table.bootstrapTable('refresh');
                            }
                        });
                    }
                );
            });

            //失效
            $('.btn-invalidbatch').on('click', function () {
                var ids = Table.api.selectedids(table);
                Layer.confirm(
                    '确定要把选中的' + ids.length + '项改为失效吗？',
                    { icon: 3, title: __('Warning'), offset: 0, shadeClose: true },
                    function () {
                        $.ajax({
                            url: 'send/user/group/validbatch',
                            type: "post",
                            data: {
                                ids: ids,
                                status: 0
                            },
                            success: function () {
                                layer.msg('操作成功');
                                table.bootstrapTable('refresh');
                            }
                        });
                    }
                );
            });
        },

        add: function () {
            Controller.api.bindevent();
            require(['upload'], function (Upload) {
                Upload.api.plupload($("#btn-stock-file"), function (data, ret) {
                    Fast.api.ajax({
                        url: '/admin/send/user/group/idimport',
                        data: {file: data.url},
                    }, function (data, ret) {
                        var user_ids = $("#c-user_ids").val();
                        user_ids = user_ids + ',' + data;
                        $("#c-user_ids").val(user_ids);
                        //table1.bootstrapTable('refresh');
                    },function (data, ret) {
                        var user_ids = $("#c-user_ids").val();
                        user_ids = user_ids + ',' + data;
                        $("#c-user_ids").val(user_ids);
                    });
                });
            });
        },
        edit: function () {
            Controller.api.bindevent();
            require(['upload'], function (Upload) {
                Upload.api.plupload($("#btn-stock-file"), function (data, ret) {
                    Fast.api.ajax({
                        url: '/admin/send/user/group/idimport',
                        data: {file: data.url},
                    }, function (data, ret) {
                        var user_ids = $("#c-user_ids").val();
                        user_ids = user_ids + ',' + data;
                        $("#c-user_ids").val(user_ids);
                        //table1.bootstrapTable('refresh');
                    },function (data, ret) {
                        var user_ids = $("#c-user_ids").val();
                        user_ids = user_ids + ',' + data;
                        $("#c-user_ids").val(user_ids);
                    });
                });
            });
        },
        ajaxcategoryslect: function () {
            // 初始化表格参数配置
            Table.api.init({
                extend: {
                    index_url: 'send/user/group/ajaxcategoryslect',
                },
                showColumns:false,
                showToggle:false,
                showExport:false,
                searchFormVisible: true,
                search:false,
            });
            var table = $("#table");
            // 初始化表格
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url,
                sortName: 'idx',
                columns: [
                    [
                        {checkbox: true},
                        {field: 'id', title: 'ID',operate:false},
                        {field: 'sex', title:'频道',formatter:Controller.api.formatter.sex_text,searchList:{'1':'男频','2':'女频'}},
                        {field: 'name', title: '分类名称',operate:'LIKE'},
                        {field: 'createtime', title: '创建时间',formatter: Table.api.formatter.datetime, operate:false},
                        {field: 'operate', title: __('Operate'), events: {
                                'click .btn-chooseone': function (e, value, row, index) {
                                    Fast.api.close([row]);
                                },
                            }, formatter: function () {
                                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 ids = Table.api.selectedids(table);
                var senddata = [];
                for ( var i = ids.length - 1; i >= 0 ; i-- ) {
                    sendbefore = [];
                    sendbefore['id'] = ids[i];
                    senddata[i]=sendbefore;
                }
                Fast.api.close(senddata);
            });

            //批量添加
            //btn-choice-list
            $('.btn-choice-list').click(function(){
                var ids = Table.api.selectedids(table);
                var data = [];
                $(ids).each(function(idx, value){
                    data.push(Table.api.getrowdata(table, idx ));
                });
                Fast.api.close(data)
            });
        },
        api: {
            bindevent: function () {
                Form.api.bindevent($("form[role=form]"));

                //切换选取规则
                $(document).on('click', "input[name='row[group_type]']", function () {
                    var type = $(this).val();
                    $('.group-type').addClass('hide');
                    $('.group-type input').attr('disabled');
                    $('#group-type-' + type).removeClass('hide');
                    $('#group-type-' + type + ' input').removeAttr('disabled');
                });

                // 基础属性
                $(document).on('click', ".baseTypeClass", function () {
                    var baseTypeIndex = $(this).data('index');
                    if ($(this).is(':checked')) {
                        $("#baseType-" + baseTypeIndex).removeClass('hide');
                    } else {
                        $("#baseType-" + baseTypeIndex).addClass('hide');
                    }
                });

                // 充值属性
                $(document).on('click', ".rechargePropertyClass", function () {
                    var rechargePropertyIndex = $(this).data('index');
                    if ($(this).is(':checked')) {
                        $("#rechargeProperty-" + rechargePropertyIndex).removeClass('hide');
                    } else {
                        $("#rechargeProperty-" + rechargePropertyIndex).addClass('hide');
                    }
                });

                // 阅读属性
                $(document).on('click', ".readPropertyClass", function () {
                    var readPropertyIndex = $(this).data('index');
                    if ($(this).is(':checked')) {
                        $("#readProperty-" + readPropertyIndex).removeClass('hide');
                    } else {
                        $("#readProperty-" + readPropertyIndex).addClass('hide');
                    }
                });

                // 消费属性
                $(document).on('click', ".consumerPropertyClass", function () {
                    var consumerPropertyIndex = $(this).data('index');
                    if ($(this).is(':checked')) {
                        $("#consumerProperty-" + consumerPropertyIndex).removeClass('hide');
                    } else {
                        $("#consumerProperty-" + consumerPropertyIndex).addClass('hide');
                    }
                });

                var refreshtags = function (data){
                    Layer.closeAll();
                    var read_book_categories = $("#hid-read_book_categories").val();
                    var html = '';
                    for (var index in data) {
                        // region
                        var obj = data[index];
                        html += '<ul class="ul-item">';
                        html += '<li class="id">' + (parseInt(index) + 1) + '</li>';

                        if (obj.sex == '2') {
                            html += '<li class="z">女频</li>';
                        } else {
                            html += '<li class="z">男频</li>';
                        }
                        html += '<li class="name">' + obj.name + '</li>';
                        html += '<li class="d read-category-del" data-id="' + obj.id + '"><span class="li-span-del">删除</span></li>';
                        html += '</ul>';
                        read_book_categories = read_book_categories+','+obj.id;
                        //endregion
                    }

                    $(".none-category").addClass('hide');
                    $(".book-category-selected-list").append(html);
                    $("#hid-read_book_categories").val(read_book_categories);
                    setOrder('.book-category-selected-list');
                };

                var refreshconsumercategory = function (data){
                    Layer.closeAll();
                    var consumer_book_categories = $("#hid-consumer_book_categories").val();
                    var html = '';

                    for (var index in data) {
                        // region
                        var obj = data[index];

                        html += '<ul class="ul-item">';
                        html += '<li class="id">' + (parseInt(index) + 1) + '</li>';
                        if (obj.sex == '2') {
                            html += '<li class="z">女频</li>';
                        } else {
                            html += '<li class="z">男频</li>';
                        }
                        html += '<li class="name">' + obj.name + '</li>';
                        html += '<li class="d consumer-category-del li-del" data-id="' + obj.id + '"><span class="li-span-del">删除</span></li>';
                        html += '</ul>';

                        consumer_book_categories = consumer_book_categories + ',' + obj.id;
                        // endregion
                    }
                    $(".none-consumer-category").addClass('hide');
                    $(".book-consumer-category-selected-list").append(html);
                    $("#hid-consumer_book_categories").val(consumer_book_categories);
                    setOrder('.book-consumer-category-selected-list');
                };

                var refreshBook = function (data) {
                    Layer.closeAll();
                    $('#c-book_id').val(data[0].id);
                };

                //阅读属性-阅读书籍分类
                $(document).on('click', "#select-readbooks", function () {
                    parent.Backend.api.open($(this).attr("href") + "?action=book", __('Select'), {callback: refreshtags});
                    return false;
                });

                //消费属性-阅读书籍分类
                $(document).on('click', "#select-consumer_book_category", function () {
                    parent.Backend.api.open($(this).attr("href") + "?action=book", __('Select'), {callback: refreshconsumercategory});
                    return false;
                });

                //选择书籍
                $(document).on('click', "#select-resources", function () {
                    parent.Backend.api.open($(this).attr("href") + "?action=book", __('Select'), {callback: refreshBook});
                    return false;
                });

                // 对li 排序
                function setOrder(class_name){
                    $(class_name).find('.ul-item').each(function(index, item){
                        var index = $(item).index() - 1;
                        $(item).find('li').eq(0).text(index);
                    });
                }

                // 阅读书籍分类 - 删除
                $(document).on('click', ".read-category-del", function () {
                    var hid_category_str = $("#hid-read_book_categories").val();
                    var hid_category_arr = hid_category_str.split(',');

                    var target_id = $(this).data('id');
                    var new_category_str = '';
                    $.each(hid_category_arr, function(index, j){
                        if(j != target_id) {
                            new_category_str += j + ',';
                        }
                    });
                    $(this).parent('ul').remove();
                    $("#hid-read_book_categories").val(new_category_str);
                    setOrder('.book-category-selected-list');
                });

                // 消费书籍分类 - 删除
                $(document).on('click', ".consumer-category-del", function () {
                    console.log('aaa');
                    var hid_category_str = $("#hid-consumer_book_categories").val();
                    var hid_category_arr = hid_category_str.split(',');

                    var target_id = $(this).data('id');
                    var new_category_str = '';
                    $.each(hid_category_arr, function(index, j){
                        if(j != target_id) {
                            new_category_str += j + ',';
                        }
                    });
                    $(this).parent('ul').remove();
                    $("#hid-consumer_book_categories").val(new_category_str);
                    setOrder('.book-consumer-category-selected-list');
                });
            },

            formatter: {
                sex_text: function(value,row,index){
                    if(row.sex == '2'){
                        return '女频';
                    }else{
                        return '男频';
                    }
                },
                status_text: function(value,row,index){
                    if(row.status){
                        return '有效';
                    }else{
                        return '失效';
                    }
                },
            },
        }
    };
    return Controller;
});