var $ = require('jquery'),
    common = require('../../../common/common');
require('../../../common/umeditor.config');
require('../../../common/umeditor');
require('../../../common/zh-cn');

var baidu;

/*获取数据ViewModel*/
var ViewModel = {articleGender: "3"};
var param = location.href.slice(location.href.indexOf("contentEdit")).match(/\/\d+/g);
if (param && param.length == 1) {
    param[0] = param[0].replace(/\//, '');
    common.util.__ajax({
        url: '/guang/article/getDetail',
        data: {
            id: param[0]
        },
        async: false
    }, function (res) {
        ViewModel = res.data;
    }, true);
}
/**
 * 验证
 * @type {common.components}
 */
var components = new common.components(".modal-body", {
    bucket: "goodsimg"
});
/**
 * 通用
 */
var Bll = {

    d: null,
    moduleimgs: [],
    Brands: [],
    Brands1: {},
    Brdata: [],
    sorts: [
        {tagName: 'colorName', list: []},
        {tagName: 'stylename', list: []},
        {tagName: 'sortName', list: []},
        {tagName: 'brand_name', list: []},
        {tagName: 'gendername', list: []}
    ],
    searchSorts: [],
    searchSkn: [],
    getBrands: function () {
        var Brand = {};
        $.get("/ajax/yohosearch", function (res) {
            if (!res.data || !res.data.brands) {
                return;
            }
            for (var key in res.data.brands) {
                var name = key;
                if (/^[0-9]$/.test(name)) {
                    name = "0-9";
                }
                if (name === "") {
                    name = "#";
                }
                for (var key2 in res.data.brands[key]) {
                    var item = res.data.brands[key][key2];
                    Brand[name] = Brand[name] || [];
                    Brand[name].push(item);
                    Bll.Brands1[item.id] = item;
                }
            }
            for (var i in Brand) {
                Brand[i].sort(function (a, b) {
                    var aName = a.brand_name.toLowerCase(),
                        bName = b.brand_name.toLowerCase();
                    if (aName < bName) return -1;
                    if (aName > bName) return 1;
                    return 0;
                });
                Bll.Brands.push({
                    name: i,
                    items: Brand[i]
                });
            }
        });
    },
    renderBrandPic: function (Brdata) {
        var map2 = {};
        Brdata.forEach(function (item) {
            map2[item.id] = item;
        });
        Brdata = [];
        for (var key in map2) {
            Brdata.push(map2[key]);
        }
        var Brands2 = [];
        Brdata.forEach(function (item, index) {
            if (!item.brandIco) {
                var a = Bll.Brands1[item.id]
				if (a) { // 如果之前选择的品牌没有log，则a取不到。页面报错
					a.brandIco = common.util.__joinImg("brandLogo", a.brand_ico)
					Brands2.push(a);
				}
            } else {
                item.brandIco = common.util.__template(item.brandIco, {width: 110, height: 150});
                Brands2.push(item);
            }

        });
        $("#addBrands").parent("div").parent("li").prevAll().remove();
        $("#addPic").prepend(common.util.__template2($("#template3").html(), {
            Brands: Brands2
        }));
        return Brdata;
    },
    contentDatas: [],
    module: null,
    toast: function (index, module) {
        if (!module.contentData.dialog || !module.contentData.template_intro) {
            Button.forEach(function (item, index) {
                if (module.contentData.template_name == item.template_name) {
                    module.contentData.dialog = item.dialog;
                    module.contentData.template_intro = item.template_intro;
                    return;
                }
            });
        }
        Bll.d = new common.dialog({
            title: (!!~index ? "修改" : "添加") + module.contentData.template_intro.replace("添加", ''),
            content: common.util.__template2($("#" + module.contentData.dialog).html(), module),
            width: '70%',
            button: [{
                value: "保存",
                callback: function () {
                    if (module.contentData.dialog == "template_dialog_text") {
                        module.contentData.data.text = baidu.getContent();
                    }
                    if(module.contentData.dialog=='template_dialog_video'){
                        module.contentData.data.src = $("#video_src").val();
                        module.contentData.data.size = $("#video_size").val();
                        module.contentData.data.video_intro = $("#video_intro").val();
                    }
                    // 对于图片资源位，增加图片的原始尺寸
                    if(module.contentData.dialog == 'template_dialog_grid' || module.contentData.dialog == 'template_dialog_grid2') {
                        $.each(module.contentData.data, function(index, data) {
                            Bll.getPicNaturalSize(data);
                        });
					}
					
                    if (module.contentData.dialog == "template_dialog_remgoods") {
                        if (!module.contentData.data || module.contentData.data.length == 0) {
                            Bll.d.close();
                            return false;
                        }
                        for (var i = 0; i < module.contentData.data.length; i++) {
                            var obj = module.contentData.data[i];
                            if (!obj.cover) {
                                // 删除空元素
                                module.contentData.data.splice(i, 1);
                                i--;
                            }
                        }
                        if (module.contentData.data.length == 0) {
                            Bll.d.close();
                            return false;
                        }
                    }
                    //视频描述限制
                    var videoIntroLimit=$("#video_intro").val();
                    if(videoIntroLimit&&videoIntroLimit.length>200){
                        common.util.__tip("视频描述不能超过200字", 'warning');
                        return false;
                    }
                    if (components.validate()) {
                        //TODO
                        !!~index ? Bll.contentDatas[index] = module : Bll.contentDatas.push(module);
                        Bll.__render("#add-content", "template_content", {modules: Bll.contentDatas});
                        Bll.d.close();
                    }
                    return false;
                },
                css: "btn-primary"
            }]
        });
        if (module.contentData.dialog != "template_dialog_video"){
            Bll.__editRender();
        }
        Bll2.moveDrag();
        if (module.contentData.dialog == "template_dialog_text") {
            baidu && baidu.destroy();
            baidu = UM.getEditor('baidueditor');
            baidu.setContent(module.contentData.data.text);
        };
        if (module.contentData.dialog == "template_dialog_video") {

        };
        common.edit.ajaxfileupload(".picfile", {
            params: {
                __type: "import-video",
                bucket: "goodsvideo"
            },
            valid_extensions: ['mp4','rmvb','avi','mov','wmv'],
            // onStart: function(params) {
            //     loadModal = common.dialog.load();
            // },
            onComplete: function (response) {
                console.log("批量接口返回数据",response);
                if (response.status && response.code == 200) {
                    if(response.data.fileSize>20){
                        common.util.__tip("视频不能超过20M", 'warning');
                    }else{
                        $("#video_src").val(response.data.url);
                        $("#video_size").val(response.data.fileSize);
                        // if (loadModal) {
                        $("#imgTag").attr("src",response.data.url+"?vframe/jpg/offset/0");
                        $("#imgTag").show();
                        $("#imgATag").hide();
                    }
                }
                else {
                    common.util.__tip(response.message, 'warning');
                }
            }
        });
    },
    renderDialog: function (templater) {
        Bll.__render(".modal-body", templater, Bll.module);
        Bll.__editRender();

    },
    __editRender: function () {
        components.init();
        components.on("file_onComplete", function (obj) {
            var names = obj.field;
            Bll.module.contentData.data = common.util.__buildobj(names, '.', Bll.module.contentData.data, function (o, name) {
                o[name] = obj.data;
            });
        });
    },
    rendContent: function () {
        $("#add-content").html(common.util.__template2($("#template_content").html(), {
            modules: Bll.contentDatas
        }));
    },
    __render: function (selecter, templater, data) {
        $(selecter).html(common.util.__template2($("#" + templater).html(), data));
        if(selecter == "#add-content") {
            $(selecter).mysortable({
                items:".dragItem",
                array:Bll.contentDatas,
                callback:function(data){
                    Bll.contentDatas = data;
                    Bll.__render("#add-content", "template_content", {modules: Bll.contentDatas});
                }
            });
        }
    },
    Tags: [],
    // 获取数据中图片的原始尺寸
    getPicNaturalSize: function(data) {
        var pic = data.src;
        if(pic) {
            $.ajax({
                async: false,
                type: 'GET',
                url: pic + '?imageInfo',
                success: function(result) {
                    data.width = result.width;
                    data.height = result.height;
                }
            });
        }
    }
};
//获取品牌
Bll.getBrands();
/**
 * 过滤函数
 * @param Array
 * @param key
 * @returns {Array}
 * @constructor
 */
function Unique(Array, key) {
    var res = [], hash = {};
    for (var i = 0, elem; (elem = Array[i]) != null; i++) {
        if (!hash[elem[key]]) {
            res.push(elem);
            hash[elem[key]] = true;
        }
    }
    return res;
}

/******************************************界面渲染部分**********************************/
/*渲染页面*/
ViewModel.coverImage = (ViewModel.coverImage || "").replace(/(gif|png|jpg|jpeg)\?[^"]*/g, '$1');
Bll.__render("#panel-body", "tempalte1", ViewModel);

/**
 * 实例化下拉框
 */
new common.dropDown({
    el: "#authorId",
    ajax: "guangGetUsedAuthorList"
});
new common.dropDown({
    el: "#maxSortId",
    ajax: "guangGetSortList",
    params: function () {
        return {
            parentId: 0,
            appType:$.trim($("#appType").val())
        };
    }
});
new common.dropDown({
    el: "#minSortId",
    ajax: "guangGetSortList",
    params: function () {
        return {
            parentId: $("#maxSortId").val()
        };
    }
});


/*渲染品牌*/
Bll.Brdata = ViewModel.brandList || [];
Bll.renderBrandPic(Bll.Brdata);
/*渲染标签*/
Bll.Tags = ViewModel.tag ? ViewModel.tag.split(',') : [];
Bll.__render("#taglist", "template4", {tags: Bll.Tags});
/*渲染文章内容*/
if (ViewModel.articleContent) {
    ViewModel.articleContent.forEach(function (item, index) {
        item.contentData = item.contentData.replace(/(gif|png|jpg|jpeg)\?[^"]*/g, '$1');
        item.contentData = common.util.__ObjToArray(JSON.parse(item.contentData));
        //console.log(item);
        Bll.contentDatas.push(item);
    });
}
Bll.__render("#add-content", "template_content", {modules: Bll.contentDatas});
/*渲染按钮组*/
var Button = [
    {
        template_intro: "文本",
        dialog: "template_dialog_text",
        data: {
            text: ""
        },
        template_name: "text"
    },
    {
        template_intro: "单张大图",
        dialog: "template_dialog_grid2",
        template_name: "singleImage",
        data: [{
            "url": {
                action: "",
                url: ""
            },
            "alt": "",
            "src": "",
            "imgId": "",
            "tagList":[
            ]
        }]
    },
    {
        template_intro: "分隔图",
        dialog: "template_dialog_grid",
        template_name: "deviceImage",
        data: [{
            "url": {
                action: "",
                url: ""
            },
            "alt": "",
            "src": "",
            "imgId": ""
        }]
    },
    {
        template_intro: "两张小图",
        dialog: "template_dialog_grid",
        template_name: "smallPic",
        data: [{
            "url": {
                action: "",
                url: ""
            },
            "alt": "",
            "src": "",
            "imgId": ""
        }, {
            "url": {
                action: "",
                url: ""
            },
            "alt": "",
            "src": "",
            "imgId": ""
        }]
    },
    {
        template_intro: "添加商品",
        dialog: "template_dialog_goods",
        template_name: "goods",
        data: []
    },  
    /*{
        template_intro: "推荐商品组",
        dialog: "template_dialog_remgoods",
        template_name: "goodsGroup",
        data: [{
            cover: {
                cover: "",
                maxSortId: ""
            },
            list: []
        }]
    },*/
    {
        template_intro: "链接",
        dialog: "template_dialog_link",
        template_name: "link",
        data: [{
            "url": {
                "action": "",
                "url": ""
            }
        }]
    },
    {
        template_intro: "添加视频",
        dialog: "template_dialog_video",
        template_name: "video",
        data: {
            "src":"",
            "video_intro":"",
            "size":""
        }
    }];
$("#content_btns").html(common.util.__template2($("#template_content_btns").html(), {
    btns: Button
}));

/******************************************按钮组--楼层部分**********************************/
/**
 * 新建楼层
 */
$(document).on("click", ".add_btn", function () {
    var item = Button[$(this).data("index")];
    Bll.module = {templateKey: item.template_name};
    Bll.module.contentData = $.extend(true, {}, item);
    Bll.toast(-1, Bll.module);
});
/**
 * 编辑楼层
 */
$(document).on("click", ".edit", function () {
    var index = $(this).data("index");
    var item = Bll.contentDatas[index];
    Bll.module = $.extend(true, {}, item);
    Bll.toast(index, Bll.module);
});
/**
 * 删除楼层
 */
$(document).on("click", ".del", function () {
    var $this = $(this);
    common.dialog.confirm("温馨提示", "你确定要删除吗?", function () {
        Bll.contentDatas.splice($this.data("index"), 1);
        Bll.rendContent();
    });
});
/**
 * 监听值的变化
 */
$(document).on("change", ".observe", function () {
    var $this = $(this);
    var name = $this.data("field");//a.b.2.d
    Bll.module.contentData.data = common.util.__buildobj(name, '.', Bll.module.contentData.data, function (obj, name) {
        obj[name] = $this.val();
    });
});
/**
 * 双击打开楼层
 */
$(document).on("dblclick", "#add-content>li.custom-group", function () {
    $(this).find(".edit").click();
});
//拖拽
//$(document).on("mouseover", ".dragItem1", function () {
//    var drag = new common.drag("#add-content", Bll.contentDatas, function (data) {
//        Bll.contentDatas = data;
//        Bll.__render("#add-content", "template_content", {modules: Bll.contentDatas});
//    });
//    drag.Initialize();
//});
//$(document).on("mouseleave", ".dragItem1", function () {
//    document.onmousemove = null;
//    document.onmouseup = null;
//    new common.drag("#add-content").destroy();
//});


/******************************************标签部分**********************************/
/**
 * 标签列表
 * @type {common.grid}
 */
var g = new common.grid({
    el: "#gird",
    hash: false,
    columns: [{
        display: "选择",
        "type": "checkbox"
    }, {
        display: "标签名",
        name: "tagName"
    }]
});
/**
 * 选择标签按钮，打开弹层
 */
$(document).on("click", "#TagsSelectBtn", function () {
    common.dialog.confirm("选择标签", "<div id='gird'></div>", function () {
        Bll.Tags = [];
        g.selected.forEach(function (item) {
            Bll.Tags.push(item.tagName);
        });
        Bll.__render("#taglist", "template4", {
            tags: Bll.Tags
        });
    });
    g.init('/guang/tags/getTags');
});
/**
 * 单击单个标签，删除
 */
$(document).on("click", ".tag a", function () {
    Bll.Tags.splice($(this).data("index"), 1);
    Bll.__render("#taglist", "template4", {
        tags: Bll.Tags
    });
    return false;
});

/******************************************品牌部分**********************************/
/**
 * 添加品牌
 */
$(document).on("click", "#addBrands", function () {
    var e = new common.edit("#brandForm");
    common.dialog.confirm("选择品牌<dev style='color:red'>(品牌没有维护LOG，则无法选择)</div>", common.util.__template2($("#template5").html(), {
        Brands: Bll.Brands,
        Brdata: Bll.Brdata.join('|')
    }), function () {
        //todo
        // Bll.Brdata = $("#brandCheckBox").val().split('|');
        // Bll.Brdata = Bll.Brdata.map(function(item, index) {
        // 	return {
        // 		"brandCategory": "1",
        // 		"id": item
        // 	}
        // });

        $("#brandCheckBox").val().split('|').forEach(function (item) {
            Bll.Brdata.push({
                "brandCategory": "1",
                "id": item
            });
        });

        Bll.Brdata = Bll.renderBrandPic(Bll.Brdata);
    });
    e.init();
});
/**
 * 删除品牌
 */
$(document).on("click", ".remove1", function () {
    Bll.Brdata.splice($(this).data("index"), 1);
    Bll.renderBrandPic(Bll.Brdata);
});
/**
 * 自动获取品牌
 */
$(document).on("click", "#brandAutoBtn", function () {
    var product_skc = [];
    Bll.contentDatas.forEach(function (item, index) {
        if (item.templateKey == "goodsGroup") {
            item.contentData.data.forEach(function (datas, i) {
                datas.list.forEach(function (data, j) {
                    product_skc.push(data.id);
                });
            });
        }
        if (item.templateKey == "goods") {
            item.contentData.data.forEach(function (datas, i) {
                product_skc.push(datas.id);
            });
        }
    });
    if (product_skc.length > 0) {
        common.util.__ajax({
            url: '/yohosearch/search',
            data: {
                // status: 1,
                query: product_skc.join(',')
            }
        }, function (res) {
            if (res.code == 200) {
                var map = {};
                if (res.data.list.length == 0) {
                    common.util.__tip("没有查询到符合的品牌");
                }
                res.data.list.forEach(function (item, index) {
                    map[item.product_skn] = {
                        id: item.brand_id,
                        brandIco: item.brand_ico,
                        brandName: item.brand_name,
                        brandCategory: 1
                    };
                });
                var b = [];
                product_skc.forEach(function (item, index) {
                    if (map[item]) {
                        b.push(map[item]);
                    }
                });
                Bll.Brdata = (Bll.Brdata || ViewModel.brandList || []).concat(b);
                Bll.Brdata = Unique(Bll.Brdata, "id");
                Bll.Brdata = Bll.renderBrandPic(Bll.Brdata);
            }
        }, true);
    }
});
/*点击品牌切换*/
$(document).on('click', '.brand-index', function () {
    var brandIndex = $(this).text();
    $('.brand-wrap').find('[name="' + brandIndex + '"]').show().siblings().hide();
});
$(document).on("focus", "#brandsearch", function () {
    $('.brand-wrap').find('[name="brandsearch"]').show().siblings().hide();
});
$(document).on("keyup", "#brandsearch", function () {
    var txt = $(this).val();
    var regex = new RegExp(txt);
    var bs = [];
    Bll.Brands.forEach(function (brands) {
        brands.items.forEach(function (item) {
            if (regex.test(item.brand_name)) {
                if (item.brand_ico && item.brand_ico != '') {
                    bs.push('<a class="btn"><input type="checkbox" value="' + item.id + '" name="brandCheckBox"><label>' + item.brand_name + '</label></a>');    
                } else {
                    bs.push('<a class="btn"><input type="checkbox" value="' + item.id + '" name="brandCheckBox" disabled="disabled" title="品牌没有维护LOG，无法选择"><label>' + item.brand_name + '</label></a>');
                }
            }
        });
    });
    $("#brandsearchwrap").html(bs.join(''));
    var e = new common.edit("#brandForm");
    e.init();

});

/******************************************商品部分**********************************/
/**
 * 商品部分公共方法
 */
var Bll2 = {
    colors:[],//颜色
    styles :window.ViewModel.style,//风格
    genders :[{id: 1, gendername: "男"}, {id: 2, gendername: "女"}, {id: 3, gendername: "通用"}],//性别
    sorts:[],
    /**
     * 拼接勾选标签的id，作为查询条件
     */
    getIds: function (array) {
        var ids = [];
        var id = "";
        if (array.length > 0) {
            for (var i = 0; i < array.length; i++) {
                ids.push(array[i].id);
            }
            id = ids.join(',');
        }
        return id;
    },
    /**
     * 输入关键字查询
     * @param txt 输入的内容
     * @param array 匹配的数组
     * @param attr 匹配的字段
     */
   //todo 多个标签查询时，单个标签不是模糊匹配
    reg: function (txt, array, attr) {
        var obj = {
            tagName: attr,
            list: []
        };
        array.forEach(function (item) {
            var i = item[attr].indexOf(txt);
            var j = txt.indexOf(item[attr]);
            if (i > -1 || j > -1) {
                obj.list.push({id: item.id, name: item[attr]})
            }
        });
        Bll.searchSorts.push(obj);
    },
    //拖拽商品
    moveDrag:function (ele) {
        var $parent = $(".imagegroup");
        var i = $parent.data("i");//组标志
        var isg = typeof(i) === "number" ? true : false;
        var __data__ = null;

        $parent.css("height", "auto");
        $parent.each(function (i) {
            if (isg) {
                __data__ = Bll.module.contentData.data[i].list;
            } else {
                __data__ = Bll.module.contentData.data;
            }
            console.log($(this));
            $(this).mysortable({
                items: ".dragItem2",
                array: __data__,
                callback: function (data) {
                    if (isg) {
                        Bll.module.contentData.data[i].list = data;
                        Bll.module.contentData.data[i].cover.cover = Bll.module.contentData.data[i].list[0].src;
                        Bll.module.contentData.data[i].cover.maxSortId = Bll.module.contentData.data[i].list[0].maxSortId;
                    } else {
                        Bll.module.contentData.data = data;
                    }
                }
            });
        });
    }
};
common.util.__ajax({
    async: false,
    url: "/erpproduct/product/colorList"
}, function (res) {
    Bll2.colors = res.data.list;
}, true);
common.util.__ajax({
    async: false,
    url: "/product/class/queryAllProductSortList",
    data: {
        booleanStatus: true
    }
}, function (res) {
    Bll2.sorts = res.data;
}, true);
/*选择商品表格*/
var goodsgird = new common.grid({
    el: '#goodsgird',
    hash: false,
    parms: function () {
        var price = "";
        if (common.util.__input('min-price') && common.util.__input('max-price')) {
            price = common.util.__input('min-price') + "," + common.util.__input('max-price');
        }
        //加上是否搜索BLK的标识
        var appType =  $("#goodsgird").attr("appType");
        return {
            status: 1,
            sales: "Y",
            stocknumber: "1",
            attribute_not: "2",
            query: common.util.__input('skns'),
            price: price,
            color: Bll2.getIds(Bll.sorts[0].list),
            style: Bll2.getIds(Bll.sorts[1].list),//风格先不管
            msort: Bll2.getIds(Bll.sorts[2].list),
            brand: Bll2.getIds(Bll.sorts[3].list),
            gender: Bll2.getIds(Bll.sorts[4].list),
            app_type:appType
        };
    },
    columns: [
        {
            display: "选择",
            type: "checkbox"
        }, {
            display: "产品图片",
            render: function (item) {
                //console.log("item",item);
                if (item.images_url) {
                    item.images_url = common.util.__joinImg("goodsimg", item.images_url);
                }
                else {
                    if (item.default_images) {
                        item.images_url = common.util.__joinImg("goodsimg", item.default_images);
                    }
                    else {
                        item.images_url = ""
                    }
                }
                if (item.images_url) {
                    return "<img width=120 height=60 src='" + item.images_url + "?imageMogr2/thumbnail/320x320/extent/320x320/background/d2hpdGU=/position/center/quality/90'/>";
                } else {
                    return "";
                }

            }
        }, {
            display: "产品名称",
            name: "product_name"
        }, {
            display: "品牌",
            name: "brand_name"
        }, {
            display: "现价",
            name: "sales_price"
        }, {
            display: "吊牌价",
            name: "market_price"
        }, {
            display: "预售",
            name: "stock_number"
        }, {
            display: "库存",
            name: "storage_num"
        }]
});
//点击“添加商品”按钮（一张大图）
$(document).on("click", "#relGoodsSelectBtn", function () {
    new common.dialog({
        title: "选择商品",
        zIndex: 52,
        content: $("#template_dialog_goodsgird").html(),
        width: '80%',
        button: [{
            value: "确定",
            callback: function () {
                var gs = goodsgird.selected.map(function (item, index) {
                    return {
                        product_id: item.product_id,
                        pic_src: item.images_url,
                        product_skn: item.product_skn,
                        tagName: item.product_name.substring(0,30),
                    }
                })
                Bll.module.contentData.data[0].tagList = Bll.module.contentData.data[0].tagList.concat(gs);
                //Bll.module.contentData.data = Unique(Bll.module.contentData.data, "product_skc")
                Bll.__render("#relatGoods", "template_dialog_relatGoods", Bll.module);
                components.init();
                Bll2.moveDrag();

            },
            css: "btn-primary"
        }]
    });
    goodsgird.grid = null;
});
//点击“删除”按钮,删除添加商品（一张大图）
$(document).on("click", "#delRelProductBtn", function () {
    var index = $(this).val();;
    Bll.module.contentData.data[0].tagList.splice(index, 1);
    Bll.__render("#relatGoods", "template_dialog_relatGoods", Bll.module);
    components.init();
});
//点击“选择标签”按钮（添加商品）
$(document).on("click", "#goodsSelectBtn", function () {
    new common.dialog({
        title: "选择商品",
        zIndex: 52,
        content: $("#template_dialog_goodsgird").html(),
        width: '80%',
        button: [{
            value: "确定",
            callback: function () {
                var gs = goodsgird.selected.map(function (item, index) {
                    return {
                        src: item.images_url,
                        id: item.product_skn,
                        product_skc: item.product_skc
                    }
                })
                Bll.module.contentData.data = Bll.module.contentData.data.concat(gs);
                Bll.module.contentData.data = Unique(Bll.module.contentData.data, "product_skc")
                Bll.__render("#goodspic", "template_dialog_goodsimgs", {
                    datas: Bll.module.contentData.data
                });
                Bll2.moveDrag();

            },
            css: "btn-primary"
        }]
    });
    goodsgird.grid = null;
});
//点击“添加组”按钮（添加商品组）
$(document).on("click", "#goodsaddBtn", function () {
    var item = $.extend(true, {}, Button[4].data[0]);
    if (Bll.module.contentData.data[0].list.length) {
        Bll.module.contentData.data.push(item);
    }
    Bll.__render("#groupsgoods", "template_dialog_remgoodsgroup", Bll.module);
});
//点击“选择标签”按钮（添加商品组）
$(document).on("click", ".goodsSelectBtn", function () {
    var index = $(this).data("index");
    new common.dialog({
        title: "选择商品",
        zIndex: 52,
        content: $("#template_dialog_goodsgird").html(),
        width: '80%',
        button: [{
            value: "确定",
            callback: function () {
                if (goodsgird.selected) {
                    goodsgird.selected.forEach(function (item, i) {
                        if (Object.prototype.toString.call(Bll.module.contentData.data[index].list) !== "[object Array]") {
                            Bll.module.contentData.data[index].list = [];
                        }
                        Bll.module.contentData.data[index].list.push({
                            src: item.images_url,
                            id: item.product_skn,
                            product_skc: item.product_skc,
                            maxSortId: item.max_sort_id
                        });
                    });
                    Bll.module.contentData.data[index].list = Unique(Bll.module.contentData.data[index].list, "product_skc");
                    Bll.module.contentData.data[index].cover = {
                        cover: Bll.module.contentData.data[index].list[0].src,
                        maxSortId: Bll.module.contentData.data[index].list[0].maxSortId
                    };

                }
                Bll.__render("#groupsgoods", "template_dialog_remgoodsgroup", Bll.module);
                Bll2.moveDrag();
            },
            css: "btn-primary"
        }]
    });
    goodsgird.grid = null;
});
//删除图片按钮
$(document).on("click", ".removepic", function () {
    var $parent = $(this).parents("ul.imagegroup");
    var i = $parent.data("i");//组标志
    var isg = typeof(i) === "number" ? true : false;
    //推荐商品组
    if (isg) {
        Bll.module.contentData.data[i].list.splice($(this).data("index"), 1);
        Bll.module.contentData.data[i].cover = {};
        if (Bll.module.contentData.data[i].list.length == 0) {
            Bll.module.contentData.data[i].cover.cover = "";
            Bll.module.contentData.data[i].cover.maxSortId = "";
        }
        else {
            Bll.module.contentData.data[i].cover.cover = Bll.module.contentData.data[i].list[0].src;
            Bll.module.contentData.data[i].cover.maxSortId = Bll.module.contentData.data[i].list[0].maxSortId;
        }
    }
    //商品
    else {
        Bll.module.contentData.data.splice($(this).data("index"), 1);
    }
    $parent.html(common.util.__template2($("#template_dialog_goodsimgs").html(), {
        datas: isg ? Bll.module.contentData.data[i].list : Bll.module.contentData.data
    }));
});

/**
 * 手动输入 tab
 */
$(document).on("click", ".hand", function () {
    $(this).css("color", 'red');//当前链接变红色
    $("#skns").val("");//清空输入框
    $(".tag").css("color", 'black');//搜索标签链接变黑色
    $(".search-con1").show();
    $(".search-con2").hide();
    $(".tag-con").hide();
    $(".goods-list").hide();
});

/**
 * 手动输入中“搜索商品”按钮
 */
$(document).on("click", "#search", function () {
    $(".goods-list").show();
    $("#goodsgird").attr("appType","0");
    if (goodsgird.grid) {
        goodsgird.reload(1);
    } else {
        goodsgird.init('/yohosearch/search');
    }
});

/**
 * 手动输入中“搜索BLK商品”按钮
 */
$(document).on("click", "#searchBLK", function () {
    $(".goods-list").show();
    $("#goodsgird").attr("appType","1");
    if (goodsgird.grid) {
        goodsgird.reload(1);
    } else {
        goodsgird.init('/yohosearch/search');
    }
});

/**
 * 标签搜索 tag
 */
$(document).on("click", ".tag", function () {
    $(this).css("color", 'red');
    $("#tags").val("");//清空输入框
    $("#skns2").val("");//清空输入框
    $(".hand").css("color", 'black');
    $(".search-con1").hide();
    $(".search-con2").show();
    $(".tag-con").hide();
    $(".goods-list").hide();
});

/**
 * 搜索标签按钮
 * 1、默认情况
 * 2、输入关键字
 * 3、输入skn
 */
$(document).on("click", "#search-tag", function () {
    Bll.sorts = [
        {tagName: 'colorName', list: []},
        {tagName: 'stylename', list: []},
        {tagName: 'sortName', list: []},
        {tagName: 'brand_name', list: []},
        {tagName: 'gendername', list: []}
    ];
    $(".tag-con").show();
    $(".tag-con .sort").hide();
    $(".orther").html(common.util.__template2($("#sorts-template").html(), {
        colors: Bll2.colors,
        //todo 风格暂时无数据
        styles: Bll2.styles,
        sorts: Bll2.sorts,
        brands: Bll.Brands,
        brands1: Bll.Brands[0],
        genders: Bll2.genders
    }));
    if ($("#tags").val() !== "") {
        var txt = $("#tags").val();
        Bll2.reg(txt, Bll2.colors, "colorName");
        //todo 风格暂时无数据
        Bll2.reg(txt, Bll2.styles, "stylename");
        Bll2.reg(txt, Bll2.sorts, "sortName");
        Bll2.reg(txt, Bll2.genders, "gendername");
        $(".orther").html(common.util.__template2($("#sorts-template").html(), {
            colors: Bll.searchSorts[0].list.length == 0 ? Bll2.colors : Bll.searchSorts[0].list,
            //todo 风格暂时无数据
            styles: Bll.searchSorts[1].list.length == 0 ? Bll2.styles : Bll.searchSorts[1].list,
            sorts: Bll.searchSorts[2].list.length == 0 ? Bll2.sorts : Bll.searchSorts[2].list,
            brands: Bll.Brands,
            brands1: Bll.Brands[0],
            genders: Bll.searchSorts[3].list.length == 0 ? Bll2.genders : Bll.searchSorts[3].list
        }));
        Bll.searchSorts = [];
    }
    if ($("#skns2").val() !== "") {
        var sknTxt = $("#skns2").val();
        common.util.__ajax({
            async: false,
            url: "/yohosearch/search",
            data: {
                status: 1,
                sales: "Y",
                stocknumber: "1",
                attribute_not: "2",
                query: sknTxt
            }
        }, function (res) {
            Bll.searchSkn = res.data.list;
        }, true);
        var Arrlist = [
            {tagName: 'colorName', list: []},
            {tagName: 'stylename', list: []},
            {tagName: 'sortName', list: []},
            {tagName: 'brand_name', list: []},
            {tagName: 'gendername', list: []}
        ];
        //todo 风格无数据
        for (var i = 0; i < Bll.searchSkn.length; i++) {
            var sortname = "";
            for (var j = 0; j < Bll2.sorts.length; j++) {
                if (Bll2.sorts[j].id == Bll.searchSkn[i].max_sort_id) {
                    sortname = Bll2.sorts[j].sortName;
                }
            }
            var colorObj = {
                id: Bll.searchSkn[i].color_id,
                name: Bll.searchSkn[i].color_name
            };
            var genderObj = {
                id: Bll.searchSkn[i].gender,
                name: Bll2.genders[Bll.searchSkn[i].gender - 1].gendername
            };
            var sortObj = {
                id: Bll.searchSkn[i].max_sort_id,
                name: sortname
            };
            Arrlist[0].list.push(colorObj);
            Arrlist[2].list.push(sortObj);
            Arrlist[4].list.push(genderObj);
        }
        $(".orther").html(common.util.__template2($("#sorts-template").html(), {
            colors: Arrlist[0].list.length == 0 ? Bll2.colors : Unique(Arrlist[0].list, "id"),
            //todo 风格暂时无数据
            styles: Bll2.styles,
            sorts: Arrlist[2].list.length == 0 ? Bll2.sorts : Unique(Arrlist[2].list, "id"),
            brands: Bll.Brands,
            brands1: Bll.Brands[0],
            genders: Arrlist[4].list.length == 0 ? Bll2.genders : Unique(Arrlist[4].list, "id")
        }));
    }
});
/**
 * 标签搜索中 “搜索商品”按钮
 */
$(document).on("click", "#search2", function () {
    $(".goods-list").show();
    $("#goodsgird").attr("appType","0");
    goodsgird.init('/yohosearch/search');
});
/**
 * 标签搜索中 “搜索BLK商品”按钮
 */
$(document).on("click", "#searchBLK2", function () {
    $(".goods-list").show();
    $("#goodsgird").attr("appType","1");
    goodsgird.init('/yohosearch/search');
});
/**
 * 价格筛选
 */
$(document).on("click", "#price-search", function () {
    goodsgird.init('/yohosearch/search');
});

/**
 * 点击更多品牌
 */
//todo 勾选项展开后仍然勾选
$(document).on("click", ".brandMore", function () {
    var brandShow = $(this).parent().find(".brandShow");
    var brandHide = $(this).parent().find(".brandHide");
    var i = 0;
    var brandId = "";
    if ($(this).hasClass('open')) {
        $(this).removeClass("open").find('a').text("更多");
        brandHide.hide();
        brandShow.show();
        for (i = 0; i < Bll.sorts[3].list.length; i++) {
            brandId = "brandId_" + Bll.sorts[3].list[i].id;
            $("input." + brandId).attr("checked", "checked");
        }
    } else {
        $(this).addClass("open").find('a').text("收起");
        brandHide.show();
        brandShow.hide();
        $("#all .form-group").show();
        for (i = 0; i < Bll.sorts[3].list.length; i++) {
            brandId = "brandId_" + Bll.sorts[3].list[i].id;
            $("input." + brandId).attr("checked", "checked");
        }
    }
});
/**
 * 点击"more"
 */
$(document).on("click", ".more", function () {
    var _show = $(this).parent().find("._show");
    //如果已经打开
    if ($(this).hasClass('open')) {
        $(this).removeClass("open").find('a').text("更多");
        _show.find(".form-group:gt(4)").addClass('hide');
    } else {
        $(this).addClass("open").find('a').text("收起");
        _show.find(".form-group").removeClass('hide');
    }
});


//勾选标签
$(document).on("click", ".changeCheck", function () {
    var name = $(this).attr('name');
    if ($(this).is(':checked')) {
        for (var i = 0; i < Bll.sorts.length; i++) {
            if (Bll.sorts[i].tagName == name) {
                Bll.sorts[i].list.push({id: $(this).val(), name: $(this).data('val')})
            }
        }
    }
    else {
        for (var j = 0; j < Bll.sorts.length; j++) {
            if (Bll.sorts[j].tagName == name) {
                for (var k = 0; k < Bll.sorts[j].list.length; k++) {
                    if (Bll.sorts[j].list[k].id == $(this).val()) {
                        Bll.sorts[j].list.splice(k, 1);
                    }
                }
            }
        }
    }
    $(".sort").show();
    Bll.__render(".sort", "tag-template", {
        sorts: Bll.sorts
    });
});
/**
 * 单击单个已选标签，删除
 */
$(document).on("click", ".tag1 a", function () {
    var i = 0;
    var name = $(this).attr('name');//属于哪一类 name
    var index = $(this).data('val');//属于哪一类 index
    var id = $(this).data('field');//当前项的id
    for (i = 0; i < Bll.sorts.length; i++) {
        if (Bll.sorts[i].tagName == name) {
            Bll.sorts[i].list.splice($(this).data("index"), 1);
        }
    }
    switch (index) {
        case 0:
            for (i = 0; i < colors.length; i++) {
                if (colors[i].id == id) {
                    $("input[name='colorName'][value='" + id + "']").removeAttr("checked");
                }
            }
            break;
        //todo 风格暂时无数据
        case 1:
            for (i = 0; i < styles.length; i++) {
                if (styles[i].id == id) {
                    $("input[name='stylename'][value='" + id + "']").removeAttr("checked");
                }
            }
            break;
        case 2:
            for (i = 0; i < sorts.length; i++) {
                if (sorts[i].id == id) {
                    $("input[name='sortName'][value='" + id + "']").removeAttr("checked");
                }
            }
            break;
        //todo 品牌
        case 3:
            for (i = 0; i < Bll.Brands.length; i++) {
                for (var j = 0; j < Bll.Brands[i].items.length; j++) {
                    if (Bll.Brands[i].items[j].id == id) {
                        $("input[name='brand_name'][value='" + id + "']").removeAttr("checked");
                    }
                }
            }
            break;
        case 4:
            for (i = 0; i < genders.length; i++) {
                if (genders[i].id == id) {
                    $("input[name='gendername'][value='" + id + "']").removeAttr("checked");
                }
            }
            break;
    }
    Bll.__render(".sort", "tag-template", {
        sorts: Bll.sorts
    });
    return false;
});

/**
 * 搜索品牌输入框
 */
$(document).on("keyup", "#brandsearch1", function () {
    var txt = $(this).val();
    $("#all .form-group").hide();
    var list = $("#all .form-group");
    for (var i = 0; i < list.length; i++) {
        var value = $(list[i]).find('input').data("val");
        if (value.indexOf(txt) > -1) {
            $(list[i]).show();
        }
    }
});
/*点击品牌切换*/
$(document).on('click', '.brand-index1', function () {
    var brandIndex = $(this).text();
    $("#brandsearch1").val("");
    $("#all .form-group").hide();
    $('#all').find('[name="' + brandIndex + '"]').show();
});


/*
 $(document).on("mouseover", ".dragItem2", function () {
 var $parent = $(this).parents("ul.imagegroup");
 var i = $parent.data("i");//组标志
 var isg = typeof(i) === "number" ? true : false;
 var __data__=null;
 if (isg) {
 __data__=Bll.module.contentData.data[i].list;
 }else{
 __data__=Bll.module.contentData.data;
 }
 var drag = new common.drag(".imagegroup", __data__, function (data) {
 if (isg) {
 Bll.module.contentData.data[i].list=data;
 Bll.module.contentData.data[i].cover.cover = Bll.module.contentData.data[i].list[0].src;
 Bll.module.contentData.data[i].cover.maxSortId = Bll.module.contentData.data[i].list[0].maxSortId;
 }else{
 Bll.module.contentData.data=data;
 }
 $parent.html(common.util.__template2($("#template_dialog_goodsimgs").html(), {
 datas: data
 }));
 });
 drag.Initialize();

 });
 $(document).on("mouseleave", ".dragItem2", function () {
 new common.drag(".imagegroup").destroy();

 });*/


/******************************************其余界面部分**********************************/
var e = new common.edit("#panel-body", {
    bucket: "article"
});
e.init();
e.on("validate", function () {
    if (Bll.contentDatas.length == 0 && $("#pcUrl").val() == "" && $("#url").val() == "") {
        return "PC链接和APP链接和内容不能同时为空";
    }
});
var imgsTem = "?imageMogr2/thumbnail/{width}x{height}/extent/{width}x{height}/background/d2hpdGU=/position/center/quality/90";
/**
 * 添加PC链接
 */
$(document).on("click", "#addPcUrl", function () {
    common.dialog.confirm("添加链接", common.util.__template2($("#template2").html(), {}), function () {
        if($("#goTo").val() == '' && $("#goToUrl").val() == ''){
            $("#pcUrl").val('');
        }else{
            $("#pcUrl").val(JSON.stringify({
                action: $("#goTo").val(),
                url: $("#goToUrl").val()
            }));
        }
    });
});

$(document).on("click", "#clearPcUrl", function () {
    $("#pcUrl").val('');
});

/**
 * 添加APP链接
 */
$(document).on("click", "#addAppUrl", function () {
    common.dialog.confirm("添加链接", common.util.__template2($("#template2").html(), {}), function () {
        if($("#goTo").val() == '' && $("#goToUrl").val() == ''){
            $("#url").val('');
        }else{
            $("#url").val(JSON.stringify({
                action: $("#goTo").val(),
                url: $("#goToUrl").val()
            }));
        }
    });
});

$(document).on("click", "#clearAppUrl", function () {
    $("#url").val('');
});


/*上传多张图片*/
$(document).on("click", "#imgsSelectBtn", function () {
    Bll.d.close();
    Bll.moduleimgs.length = 0;
    var components1 = new common.components("#moduleimgs", {
        bucket: "goodsimg"
    });
    new common.dialog({
        title: "添加多张" + Bll.module.contentData.template_intro,
        content: common.util.__template2($("#template_dialog_imgmodule").html(), {}),
        width: '80%',
        button: [{
            value: "确定",
            callback: function () {
                if (Bll.module.contentData.template_name == "singleImage") {
                    var button = Button[1];
                    Bll.moduleimgs.forEach(function (item, index) {
                        var m = {templateKey: button.template_name};
                        m.contentData = $.extend(true, {}, button);
                        m.contentData.data[0].src = item;
                        Bll.getPicNaturalSize(m.contentData.data[0]);
                        Bll.contentDatas.push(m);
                    });

                } else {
                    var button = Button[2];
                    //多张
                    var imgs = [];
                    Bll.moduleimgs.forEach(function (item, index) {
                        imgs.push(item);
                        if (imgs.length == 2) {
                            var m = {templateKey: button.template_name};
                            m.contentData = $.extend(true, {}, button);
                            // fixed: button.data只有一个元素
                            m.contentData.data.push(button.data[0]);
                            m.contentData.data[0].src = imgs[0];
                            Bll.getPicNaturalSize(m.contentData.data[0]);
                            m.contentData.data[1].src = imgs[1];
                            Bll.getPicNaturalSize(m.contentData.data[1]);
                            Bll.contentDatas.push(m);
                            imgs.length = 0;
                        }

                    });
                    if (imgs.length > 0) {
                        var m = {templateKey: button.template_name};
                        m.contentData = $.extend(true, {}, button);
                        m.contentData.data[0].src = imgs[0];
                        Bll.getPicNaturalSize(m.contentData.data[0]);
                        Bll.contentDatas.push(m);
                        imgs.length = 0;
                    }
                }
                Bll.__render("#add-content", "template_content", {modules: Bll.contentDatas});
            },
            css: "btn-primary"
        }]
    });
    components1.init();
    components1.on("file_onComplete", function (obj) {
        obj.datas.forEach(function (item) {
            Bll.moduleimgs.push(item);
        });
        Bll.__render(".modal-body", "template_dialog_imgmodule", {datas: Bll.moduleimgs});
        components1.init();
    });

});
/*选择分类 自动切换 图片类型*/
var TypeAToT = {
    "潮品": "2",
    "搭配": "1",
    "话题": "2",
    "潮人": "1",
    "专题": "2"
};
$(document).on("change", "#maxSortId", function () {
    var id = $(this).val();
    var name = $(this).find("option[value='" + id + "']").text();

    $(":radio[name=coverImageType]").each(function () {
        if ($(this).val() == TypeAToT[name]) {
            $(":radio[name=coverImageType]").prop("checked", false);
            $(this).prop("checked", true);
            $("#coverImageType").val($(this).val());
        }
    });
});
/**
 * 保存事件
 */
$(document).on("click", "#submit", function () {
    e.submit($("#panel-body").attr("action"), function (option) {
        if (param && param.length == 1) {
            option.data.id = param[0];
        }
        option.data.minSortId = option.data.minSortId == "-1" ? "" : option.data.minSortId;
        option.data.contentData = Bll.contentDatas.concat();
        option.data.contentData = option.data.contentData.map(function (item, index) {
            var item = $.extend(true, {}, item), data = [];
            if ({}.toString.call(item.contentData.data) == "[object Array]") {
                item.contentData.data.forEach(function (item1) {
                    if (item1.src) {
                        if (item.contentData.template_name === "goods") {
                            item1.src = item1.src + imgsTem;
                        } else {
                            item1.src = item1.src + "?imageView/{mode}/w/{width}/h/{height}";
                        }

                    }
                    if (item1.list) {
                        if ({}.toString.call(item1.list) == "[object Array]" && item1.list.length > 0) {
                            if (item1.cover) {
                                item1.cover.cover = item1.cover.cover + imgsTem;
                            }
                            item1.list.map(function (item2) {
                                item2.src = item2.src + imgsTem;
                                return item2;
                            });
                        } else {
                            return;
                        }
                    }
                    data.push(item1);
                });
            }
            if (data.length != 0) {
                item.contentData.data = data;
            }

            item.contentData = common.util.__ArrayToObj(item.contentData);
            return item;
        });
        option.data.contentData = JSON.stringify(option.data.contentData);
        option.data.brands = JSON.stringify(Bll.Brdata);
        option.data.tag = Bll.Tags.join(',');
        option.success = function (res) {
            if (res.code == "200") {
                e.$tip("提交成功", function () {
                    location.href = "/guang/article/index";
                }, 'growl-success');
            } else {
                e.$tip(res.message);
            }
        },
            option.error = function (res) {
                e.$tip(res.message || "接口异常报错");
            }
    });

});