book_admin/public/assets/js/backend/send/message/text.js

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

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

            var table = $("#table");

            // 初始化表格
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url,
                pk: 'id',
                sortName: 'id',
                columns: [
                    [
                        {checkbox: true},
                        {field: 'id', title: __('Id')},
                        {field: 'is_url', title: __('Is_url'), formatter: Table.api.formatter.url},
                        {field: 'type', title: __('Type')},
                        {field: 'book_id', title: __('Book_id')},
                        {field: 'chapter_id', title: __('Chapter_id')},
                        {field: 'activity_type', title: __('Activity_type')},
                        {field: 'activity_id', title: __('Activity_id')},
                        {field: 'campaign_match_id', title: __('Campaign_match_id')},
                        {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
                    ]
                ]
            });

            // 为表格绑定事件
            Table.api.bindevent(table);
        },
        add: function () {
            Controller.api.bindevent();
            //纯文本
            $(".btn-nourl").click(function(){
                $('.mini-content').addClass('hidden');
                $('.mini-page').addClass('hidden');
                $('.l-textonly').removeClass('hidden');
                $('.l-message-text').addClass('hidden');
                $('.l-message-url').addClass('hidden');
                $('.l-message-url-desc').addClass('hidden');
                $('#c-message-text-only').val('');
                $('#c-message-content').val('');
                $('#c-message-url').val('');
            });
            //占位符
            $(".btn-br").click(function(){
                $('.mini-content').addClass('hidden');
                $('.mini-page').addClass('hidden');
                $('.l-textonly').addClass('hidden');
                $('.l-message-text').addClass('hidden');
                $('.l-message-url').addClass('hidden');
                $('.l-message-url-desc').addClass('hidden');
                $('#c-message-text-only').val('');
                $('#c-message-content').val('');
                $('#c-message-url').val('');
            });
            //跳转类型
            $(".btn-isurl").click(function(){
                $('.mini-content').addClass('hidden');
                $('.mini-page').addClass('hidden');
                $('.l-textonly').addClass('hidden');
                $('.l-message-text').removeClass('hidden');
                $('.l-message-url').removeClass('hidden');
                $('.l-message-url-desc').removeClass('hidden');
                $('#c-message-text-only').val('');
                $('#c-message-content').val('');
                $('#c-message-url').val('');
            });
            //小程序跳转
            $('.btn-mini').click(function () {
                $('.l-textonly').addClass('hidden');
                $('.l-message-text').addClass('hidden');
                $('.l-message-url').addClass('hidden');
                $('.l-message-url-desc').addClass('hidden');

                $('.mini-content').removeClass('hidden');
                $('.mini-page').removeClass('hidden');

            });

            //提交
            $("#o-subbmit").click(function(){
                if( $("#p-nourl").is(':checked') && $('#c-message-text-only').val().length==0){
                    Layer.msg('消息内容不能为空');
                    return false;
                }
                if($("#p-isurl").is(':checked')){
                    if($('#c-message-content').val().length==0){
                        Layer.msg('消息内容不能为空');
                        return false;
                    }
                    if($('#c-message-url').val().length==0){
                        Layer.msg('跳转链接不能为空');
                        return false;
                    }
                    if($('#c-message-url').val().indexOf('https:\/\/mp.weixin.qq.com')!==0){
                        Layer.msg('跳转链接必须以https://mp.weixin.qq.com开头');
                        return false;
                    }
                }
                if($("#p-mini").is(':checked')){
                    if( $('#c-mini_content').val().length == 0 ){
                        Layer.msg('展示文字内容不能为空');
                        return false;
                    }
                    if( $('#c-mini_content').val().length > 50 ){
                        Layer.msg('展示文字内容不能大于50字符');
                        return false;
                    }
                }
                if($("#p-nourl").is(':checked')){
                    Pdata.data.content = $('#c-message-text-only').val();
                }else if($("#p-br").is(':checked')){
                    Pdata.data.content = '\n\n';
                }else if($("#p-isurl").is(':checked')){
                    Pdata.data.content = $('#c-message-content').val();
                    Pdata.data.url = $('#c-message-url').val();
                }else if($("#p-mini").is(':checked')){
                    Pdata.data.content = $('#c-mini_content').val();
                    Pdata.data.page = $('#c-mini_page').find('option:checked').val();
                }
                window.parent.toggleData = window.parent.toggleData ? window.parent.toggleData : [{type:"text", data:[]} ,{type:"img", data:[]} ,{type:"imgtext", data:[]} , ]

                if(window.parent.msgIsEditing){
                    $(window.parent.toggleData).each(function (index, item) {
                        if (item.type == 'text') {
                            item.data.splice(window.parent.msgEditIndex, 1, Pdata.data);
                            window.parent.msgData= item;
                        }
                    })
                }else{
                    $(window.parent.toggleData).each(function (index, item) {
                        if (item.type == 'text') {
                            item.data.push(Pdata.data);
                            window.parent.msgData= item;
                        }
                    })

                }
                // 创建父层结构
                var textHtml = "";
                $(window.parent.msgData.data).each(function(index, item){
                    textHtml += ''+
                        '<div class="msg_preview_text" data-index="'+index+'">' +
                        '<div class="preview_handler" >' +
                        '<p class="msg_preview_title3">'+ item.content +'</p>'+
                        '<a href="javascript:;" class="preview_del"  data-index="'+index+'">删除</a>' +
                        '<a href="javascript:;" class="preview_edit" data-index="'+index+'">编辑</a>' +
                        '</div>' +
                        '</div>';
                });
            // .text_container
                $(window.parent.document).find('.message_type_content_contianer').html(textHtml);

                // 长度超出8隐藏添加按钮
                if(window.parent.msgData.data.length >= 8){
                    $(window.parent.document).find('#message_type_add_btn').hide();
                }

                // 关闭当前页
                Fast.api.close('');

            });

            window.Pdata = {type: 'text' , data:{}};
            if(window.parent.msgData){}else{
                window.parent.msgData = {type : 'text' , data:[]};
            };

            if(window.parent.msgIsEditing){
                var editData = window.parent.msgEditData;
                console.log(editData);
                if(editData.hasOwnProperty('url')){
                    $('.btn-isurl').click();
                    $('#c-message-content').val(editData.content);
                    $('#c-message-url').val(editData.url);
                }else if(editData.hasOwnProperty('page')){
                    $('.btn-mini').click();
                    $('#c-mini_content').val(editData.content);
                    $("#c-mini_page").find('option[value=\''+editData.page+'\']').attr("selected",true);
                }else{
                    if(editData.content != '\n'){
                        $('.btn-nourl').click();
                        $('#c-message-text-only').val(editData.content);
                    }else{
                        $('.btn-br').click();
                    }
                }
            }
        },
        edit: function () {
            Controller.api.bindevent();
        },
        api: {
            bindevent: function () {
                Form.api.bindevent($("form[role=form]"));
            }
        }
    };
    return Controller;
});