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

/*
 * @Description: 
 * @FilePath: \cps\public\assets\js\backend\send\message\img.js
 * @Version: 1.0
 * @Autor: CuiGang
 * @Date: 2020-03-12 09:58:34
 * @LastEditors: CuiGang
 * @LastEditTime: 2020-03-28 10:58:41
 */
define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {

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

            var table = $("#table");

            // 初始化表格
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url,
                pk: 'id',
                sortName: 'id',
                columns: [
                    [
                        { checkbox: true },
                        { field: 'id', title: __('Id') },
                        { field: 'img_path', title: __('Img_path') },
                        { field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate }
                    ]
                ]
            });

            // 为表格绑定事件
            Table.api.bindevent(table);
        },
        add: function () {

            if (!window.parent.msgData) {
                window.parent.msgData = { type: 'img', data: [] };
            }
            var Pdata = { type: 'img', data: {} };

            // 编辑
            if (window.parent.msgIsEditing) {
                $('#c-image').val(window.parent.msgEditData.img_path);
            };


            // 提交
            $('.o-subbmit').on('click', function () {

                Pdata.data.img_path = $('#c-image').val().trim();
                if (Pdata.data.img_path.length == 0) {
                    layer.alert("请上传封面!");
                    return;
                };

                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 == 'img') {
                            item.data.splice(window.parent.msgEditIndex, 1, Pdata.data);
                            window.parent.msgData= item;
                        }
                    })
                } else { // 新增
                    $(window.parent.toggleData).each(function (index, item) {
                        if (item.type == 'img') {
                            item.data.push(Pdata.data);
                            window.parent.msgData= item;
                        }
                    })
                };
                window.parent.msgData.type = "img";
                // 生成结构
                var newHtml = "";
                $(window.parent.msgData.data).each(function (index, item) {
                    newHtml += '' +
                        '<div class="msg_preview" data-index="' + index + '">' +
                        '<img class="msg_preview_img3" src="' + item.img_path + '" alt="" >' +
                        '<div class="preview_handler" >' +
                        '<a href="javascript:;" class="preview_del"  data-index="' + index + '">删除</a>' +
                        '<a href="javascript:;" class="preview_edit" data-index="' + index + '">编辑</a>' +
                        '</div>' +
                        '</div>';
                });
                // 给图片容器增加内容 其余类型隐藏 .img_container .show().siblings().hide()
                $(window.parent.document).find('.message_type_content_contianer ').html(newHtml);

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

                // 图片消息只留1条
                $(window.parent.document).find('#message_type_add_btn').hide();

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


            Controller.api.bindevent();
        },
        edit: function () {
            Controller.api.bindevent();
        },
        api: {
            bindevent: function () {
                Form.api.bindevent($("form[role=form]"));
            }
        }
    };
    return Controller;
});