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

define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'selectpage','upload'], 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',
                }
            });

        },
        add: function () {
            Controller.api.bindevent();
            var mini_type = $('#c-mini_type').find('input:checked').val();
            switch_html(mini_type);
            $(document).on("change", "#c-mini_type", function (e) {
                mini_type = $(this).find('input:checked').val();
                switch_html(mini_type);
            });
            //提交
            $(".mini-subbmit").click(function(){
                mini_type = $('#c-mini_type').find('input:checked').val();
                var mini_page = $('#c-mini_page').find('option:checked').val();
                var temp_mini = {type:'0',page:'',title:'',pic:'',content:''};
                temp_mini.page = mini_page;
                temp_mini.type = mini_type;
                switch (mini_type) {
                    case '1':
                        if( $('#c-mini_contect').val().length == 0 ){
                            Layer.msg('展示文字内容不能为空');
                            return false;
                        }
                        if( $('#c-mini_contect').val().length > 50 ){
                            Layer.msg('展示文字内容不能大于50字');
                            return false;
                        }
                        temp_mini.content = $('#c-mini_contect').val();
                        break;
                    case '2':
                        if( $('#c-mini_img').val().length == 0 ){
                            Layer.msg('图片不能为空');
                            return false;
                        }
                        temp_mini.pic = $('#c-mini_img').val();
                        break;
                    case '3':
                        if( $('#mini_pluploads').attr('src') == 0 ){
                            Layer.msg('图片不能为空');
                            return false;
                        }
                        if( $('#c-mini-title').val().length == 0 ){
                            Layer.msg('卡片标题不能为空');
                            return false;
                        }
                        if( $('#c-mini-title').val().length > 35 ){
                            Layer.msg('卡片标题不能大于35字符');
                            return false;
                        }
                        temp_mini.pic = $('#mini_pluploads').attr('src');
                        temp_mini.title = $('#c-mini-title').val();
                        break;
                    case '4':
                        break;
                    default:

                        break;
                }
                temp_mini.id = window.parent.miniNum+1;
                window.parent.miniTag = '{小程序'+temp_mini.id+'}';//小程序在编辑器的占位符
                temp_mini.tag = window.parent.miniTag;
                window.parent.miniParams.push(temp_mini);

                var mini = '<ul class="ul-item"><li class="id">'+temp_mini.id+'</li><li class="name">'+window.parent.miniTag+'</li><li class="d tag-del" data-id="'+temp_mini.id+'">';
                mini +='<span class="btn btn-edit" style="padding:0; font-size:12px;color: #0a6aa1">编辑</span>';
                mini +='<span class="btn btn-del" style="padding:0; font-size:12px;color: red">删除</span></li></ul>';
                window.parent.miniHtml = mini;

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

            });
            function switch_html(mini_type) {
                switch (mini_type) {
                    case '1':
                        $('.mini_img').hide();
                        $('.mini-card').hide();
                        $('.mini-title').hide();
                        $('.mini-contect').show();
                        break;
                    case '2':
                        $('.mini_img').show();
                        $('.mini-card').hide();
                        $('.mini-title').hide();
                        $('.mini-contect').hide();
                        break;
                    case '3':
                        $('.mini_img').hide();
                        $('.mini-card').show();
                        $('.mini-title').show();
                        $('.mini-contect').hide();
                        break;
                    case '4':
                        $('.mini_img').hide();
                        $('.mini-card').hide();
                        $('.mini-title').hide();
                        $('.mini-contect').hide();
                        break;
                    default:

                        break;
                }
            }

            require(['upload'], function (Upload) {
                var data = {};
                data.width=1080;
                data.height = 864;
                Upload.api.plupload(".mini_plupload", function (data, ret) {
                    $('.mini-card').find('.img_card img').attr('src',data.url);
                    $('.mini-card').find('.inner').hide();
                    $('.mini-card').find('.img_card').show();

                });
            });


        },
        edit: function () {
            Controller.api.bindevent();
            var mini_type = $('#c-mini_type').find('input:checked').val();
            switch_html(mini_type);
            $(document).on("change", "#c-mini_type", function (e) {
                mini_type = $(this).find('input:checked').val();
                switch_html(mini_type);
            });
            //提交
            $(".mini-subbmit").click(function(){
                mini_type = $('#c-mini_type').find('input:checked').val();
                var mini_page = $('#c-mini_page').find('option:checked').val();
                var miniTemp = {};
                miniTemp.page = mini_page;
                miniTemp.type = mini_type;
                miniTemp.id = $('#mini_id').val();
                switch (mini_type) {
                    case '1':
                        if( $('#c-mini_contect').val().length == 0 ){
                            Layer.msg('展示文字内容不能为空');
                            return false;
                        }
                        if( $('#c-mini_contect').val().length > 50 ){
                            Layer.msg('展示文字内容不能大于50字');
                            return false;
                        }
                        miniTemp.content = $('#c-mini_contect').val();
                        break;
                    case '2':
                        if( $('#c-mini_img').val().length == 0 ){
                            Layer.msg('图片不能为空');
                            return false;
                        }
                        miniTemp.pic = $('#c-mini_img').val();
                        break;
                    case '3':
                        if( $('#c-mini-title').val().length == 0 ){
                            Layer.msg('卡片标题不能为空');
                            return false;
                        }
                        if( $('#mini_pluploads').attr('src').length == 0 ){
                            Layer.msg('图片不能为空');
                            return false;
                        }
                        if( $('#c-mini-title').val().length > 35 ){
                            Layer.msg('卡片标题不能大于35字符');
                            return false;
                        }
                        miniTemp.pic = $('#mini_pluploads').attr('src');
                        miniTemp.title = $('#c-mini-title').val();
                        break;
                    case '4':
                        break;
                    default:

                        break;
                }
                console.log(miniTemp.pic);
                $.each(window.parent.miniParams,function(index,value){
                    if (value.id == miniTemp.id){
                        value.page = miniTemp.page;
                        value.content = miniTemp.content;
                        value.type = miniTemp.type;
                        value.pic = miniTemp.pic;
                        value.title = miniTemp.title;
                    }
                });
                // 关闭当前页
                Fast.api.close('');

            });
            function switch_html(mini_type) {
                switch (mini_type) {
                    case '1':
                        $('.mini_img').hide();
                        $('.mini-card').hide();
                        $('.mini-title').hide();
                        $('.mini-contect').show();
                        break;
                    case '2':
                        $('.mini_img').show();
                        $('.mini-card').hide();
                        $('.mini-title').hide();
                        $('.mini-contect').hide();
                        break;
                    case '3':
                        $('.mini_img').hide();
                        $('.mini-card').show();
                        $('.mini-title').show();
                        $('.mini-contect').hide();
                        break;
                    case '4':
                        $('.mini_img').hide();
                        $('.mini-card').hide();
                        $('.mini-title').hide();
                        $('.mini-contect').hide();
                        break;
                    default:

                        break;
                }
            }
            require(['upload'], function (Upload) {
                var data = {};
                data.width=1080;
                data.height = 864;
                Upload.api.plupload(".mini_plupload", function (data, ret) {
                    $('.mini-card').find('.img_card img').attr('src',data.url);
                });
            });
        },
        upload: function () {
            Controller.api.bindevent();
        },
        api: {
            bindevent: function () {
                Form.api.bindevent($("form[role=form]"));
            }
        }
    };
    return Controller;
});