book_admin/public/assets/js/backend/messagecustom/imagetextmediapush.js

define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'template', 'custommain'], function ($, undefined, Backend, Table, Form, Template, Custommain) {
    var Controller = {
        index: function () {
            // 初始化表格参数配置
            Table.api.init({
                extend: {
                    index_url: 'messagecustom/imagetextmediapush/index?status=' + Config.status,
                },
                searchFormVisible: true,
                search:false
            });
            var table = $("#table");

            // 初始化表格
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url,
                pk: 'id',
                sortName: 'id',
                clickToSelect:false,
                pageSize: 12, //每页的记录行数（*）
                pageList: [12, 36, 72, 120], //可供选择的每页的行数（*）
                columns: [Controller.api.showFilterColumns(table)],
                onLoadSuccess: function(){  //加载成功时执行
                    $('#table td').attr('rowspan','1000');
                    $('[rel="popover"]').popover({
                        trigger:'manual',
                        placement:'top',
                        html:true,
                        content:function(){
                            var ids = $(this).data('rowid');
                            /*jshint multistr: true*/
                            return '<div class="msg_popover_but_box">\
								<a href="javascript:;" class="btn-multi-ajax" data-href="/admin/messagecustom/imagetext/multisendmessage?table=media&ids='+ids+'&official_type=0">群发服务号</a>\
								<a href="javascript:;" class="btn-multi-ajax" data-href="/admin/messagecustom/imagetext/multisendmessage?table=media&ids=\'+ids+\'&official_type=1">群发订阅号</a>\
							</div>';
                        }
                    }).on("mouseenter", function () {
                        var _this = this;
                        $(this).popover("show");
                        $(this).siblings(".popover").on("mouseleave", function () {
                            $(_this).popover('hide');
                        });
                    }).on("mouseleave", function () {
                        var _this = this;
                        setTimeout(function () {
                            if (!$(".popover:hover").length) {
                                $(_this).popover("hide");
                            }
                        }, 100);
                    });

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

            $(document).on('mouseover','#table td',function(){
                $('.wxb-card-list-scroll .anticon').tooltip();
            });
            //群发消息
            $(document).on('click','.btn-multi-ajax',function(){
                var multi_url = $(this).attr('data-href');
                $.get(multi_url,{},function(data){
                    if(data.code){
                        var msg = data.msg != '' ? data.msg : '操作成功';
                        Toastr.success(msg);
                    }else{
                        var msg = data.msg != '' ? data.msg : '操作失败';
                        Toastr.error(msg);
                    }
                });
            });
            //删除
            $(document).on('click','.btn-del-ajax',function(){
                if(!Custommain.check_waiting_send_editable($(this).attr('data_send_time'))){
                    Toastr.error("发送前10分钟不可操作");
                    return;
                }
                var del_url = $(this).attr('data-href');
                layer.confirm("确定删除此项？", {icon: 3, title: "温馨提示", shadeClose: true}, function (index) {
                    layer.close(index);
                    $.get(del_url,{},function(data){
                        if(data.code){
                            var msg = data.msg != '' ? data.msg : '操作成功';
                            Toastr.success(msg);
                            table.bootstrapTable('refresh');
                        }else{
                            var msg = data.msg != '' ? data.msg : '操作失败';
                            Toastr.error(msg);
                        }
                    });
                }, function(){
                    layer.close();
                });
            });

            //编辑 待发送 消息
            $(document).on('click','.btn-editwaitmsg-ajax',function(){
                if(!Custommain.check_waiting_send_editable($(this).attr('data_send_time'))){
                    Toastr.error("发送前10分钟不可操作");
                    return;
                }
                Fast.api.open($(this).attr('data-href'), '编辑', {});
            });


            // 打开详情页面
            $(document).on('click', '.btn-view-ajax', function () {
                Fast.api.open($(this).attr('data-href'), '查看详情', {});
            });

        },
		
		//待发图文客服消息
		editwaitingimgmsg:function(){
            Controller.api.bindevent();
		},
		

        //查看详情
        viewdetail: function () {
            // 初始化表格参数配置
            Table.api.init({
                extend: {
                    getimage_url: window.location.href,
                },
                search: false,
                showToggle: false,
                showColumns: false,
                showExport: false,
                commonSearch: false
            });
            var table = $("#table");
            //当表格数据加载完成时
            table.on('load-success.bs.table', function (e, data) {
                //这里可以获取从服务端获取的JSON数据
                //console.log(data);
                //这里我们手动设置底部的值
                //$("#money").text(data.extend.money);
                //$("#price").text(data.extend.price);
            });

            // 初始化表格
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.getimage_url,
                pk: 'id',
                sortName: 'id',
                columns: [Controller.api.getimagelist(table)]
            });

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

            $(document).on('click', '.btn-close', function () {
                Fast.api.close();
            });
        },
        api: {
            showFilterColumns:function(table){
                var cols = new Array();

                cols.push({field: 'sendtime', title:"发送时间",operate:'RANGE', addclass:'datetimerange', visible:false});
                cols.push({field: 'official_account_type', title:"群发类型",searchList: {"0":__('服务号'),"1":__('订阅号')}, visible:false});
                cols.push({field: 'wechat_name', title:"公众号名称", visible:false});
                cols.push({field: 'id', title: "推广ID", formatter: Controller.api.formatter.showStyle});
                cols.push({field: "message_json$[*].book_name", title:"书籍名称", visible:false,operate:'LIKE %...%'});

                return cols;
            },

            bindevent: function () {
                Custommain.checkbox_relation('#dyhradio', '#dyhcheck');
                //群发测试
                $('.test_fans_but').click(function(){
                    Custommain.fans_send_message();
                })

                Form.api.bindevent($("form[role=form]"));

				//修改发送消息时间
				$(document).on('click','.s_time_box span',function(){
					var $this = $(this);
					var nval = parseInt($this.attr('stime'));
					var ntime = Date.parse(new Date());
					var nt = ntime + nval;
					$('#c-sendtime').val(GetRTime(nt));
				});

				function GetRTime(time){
					var stime;
					time = new Date(time);
					var year = time.getYear() + 1900;
					var month = time.getMonth()+1;
					var day = time.getDate();
					var hours = time.getHours();
					var minutes = time.getMinutes();
					var seconds = time.getSeconds();
					stime = year + '-' +
						(month < 10 ? '0'+month : month) + '-' +
						(day < 10 ? '0'+day : day) + ' ' +
						(hours < 10 ? '0'+hours : hours) + ':' +
						(minutes < 10 ? '0'+minutes : minutes) + ':' +
						(seconds < 10 ? '0'+seconds : seconds);
					return stime;
				}
            },


            formatter:{
                showImage: function (value, row, index) {
                    return '<img style="height:100px;" src="' + value + '"/>';
                },
                showType: function (value, row, index) {
                    var type_arr = ['书籍', '活动', '继续阅读', '菜单'];
                    return type_arr[value];
                },

                showPosition: function (value, row, index) {
                    return index + 1;
                },
                showPushType: function (value, row, index) {
                    var push_arr = ['外推', '内推'];
                    return push_arr[value];
                },
                showStyle:function(value, row, index){
                    var message_data = JSON.parse(row.message_json).shift();
                    /*jshint multistr: true */
                    var html = '<div class="wxb-card-list-scroll"><div class="wxb-card-item"><div class="wxb-card-item-inner"><div class="item-header"><div>';

                    html += '<div class="tweets-card-title"><p>推广id：' + row.id + '</p></div>';

                    html += '<div class="tweets-card-title"><p>创建时间：'+Table.api.formatter.datetime(row.createtime,row,index)+'</p></div>';
                    html += '<div class="tweets-card-title"><p>修改时间：'+Table.api.formatter.datetime(row.updatetime,row,index)+'</p></div>';

                    var offical_type = parseInt(row.official_account_type) == 1 ? '订阅号' : '服务号';
					var send_color = '';
					var send_text = '';
					switch (parseInt(row.status)) {
						case 0:
							send_color = 'red';
							send_text = '待发送';
							break;
						case 1:
							send_color = '#FF9900';
							send_text = '群发中';
							break;
						case 2:
							send_color = '#88d743';
							send_text = '已群发';
							break;
					}
					html += '<div class="tweets-card-title"><p style="color:' + send_color + '">发送时间：' + Table.api.formatter.datetime(row.sendtime, row, index) + ' ' + send_text + '</p></div>';
					html += '<div class="tweets-card-title"><p>群发类型：' + offical_type + '</p></div>';

                    html += '</div></div><ul class="article-list"><li> <a class="article-item">';
                    html += '<div class="novel-img  article-item-cover" style="background-image: url('+message_data.image+');"></div>';
                    html += '<p class="article-item-title">'+message_data.title+'</p>';
                    html +='</a>';
                    html += '</li></ul><ul class="footer-btns">';

                    if (parseInt(Config.status) == 0) {
                        if(Custommain.check_waiting_send_editable(row.sendtime)){
                            html += '<li><a class="btn-del-ajax" data_send_time="'+row.sendtime+'" href="javascript:void(0);" data-href="/admin/messagecustom/imagetextmediapush/del?table=push&ids=' + row.id + '">删除</a></li>';
                            html += '<li><a class="btn-editwaitmsg-ajax" data_send_time="'+row.sendtime+'" href="javascript:void(0);" data-href="/admin/messagecustom/imagetextmediapush/editWaitingImgMsg?table=push&ids=' + row.id + '">编辑</a></li>';
                        }
                    } else if (parseInt(Config.status) == 2) {
                        html += '<li><a class="btn-view-ajax" href="javascript:void(0);" data-href="/admin/messagecustom/imagetextmediapush/viewdetail?ids=' + row.id + '">查看详情</a></li>';
                        html += '<li><a href="/admin/customurl/index?push_id=' + row.id +'">查看数据分析</a></li>';
                    }

                    html += '</ul></div></div></div>';
                    return html;
                }
            },
            getimagelist: function (table) {
                var cols = new Array();

                cols.push({
                    field: 'title',
                    title: "标题",
                    operate: false
                });
                cols.push({
                    field: 'image',
                    title: "图片",
                    operate: false,
                    formatter: Controller.api.formatter.showImage
                });
                cols.push({
                    field: 'push',
                    title: "推广类型",
                    operate: false,
                    formatter: Controller.api.formatter.showPushType
                });
                cols.push({
                    field: 'type',
                    title: "链接类型",
                    operate: false,
                    formatter: Controller.api.formatter.showType
                });
                cols.push({
                    field: 'book_name',
                    title: "书籍名称/活动名称/菜单名称",
                    operate: false
                });
                return cols;
            }

        }
    };
    return Controller;
});