iamberry-common-parent/watero-rst-web/src/main/webapp/common/js/product/product.js

var update_color_id_suff = "X_";
var update_color_id = "1";    //添加时的临时ID
var color_is_update = 1;    //1是添加  2是修改
/**
 * 添加颜色
 */
function add_color(isUpdate){
    var $node = $("#addColorHtml");
    var flag = verificationColor();
    if(!flag){
        return false;
    }
    var colorId = $node.find(".colorId").val();
    if(color_is_update == 1){
        if(!isEmpty(isUpdate)){
            isUpdate = 2;
            colorId = update_color_id_suff+update_color_id;
        }
        update_color_id++;
        var colorHtml = '<tr class="text-c">' +
            '<input type="hidden" class="colorId" name="" id="" value="'+ colorId +'">'+
            '<input type="hidden" class="isUpdate" name="" id="" value="'+ isUpdate +'">';
        colorHtml += '<td width="40" class="colorName">'+$node.find(".colorName").val()+'</td>';
        colorHtml += '<td width="40" class="colorAbbreviation">'+$node.find(".colorAbbreviation").val()+'</td>';
        colorHtml += '<td width="40" class="colorDiscount">'+$node.find(".colorDiscount").val()+'</td>';
        colorHtml += '<td width="40" class="colorPrice">'+$node.find(".colorPrice").val()+'</td>';
        colorHtml += '<td width="40" class="colorBar">'+$node.find(".colorBar").val()+'</td>';
        colorHtml += '<td width="40" class="colorJdProductId">'+$node.find(".colorJdProductId").val()+'</td>';
        colorHtml += '<td width="40" class="colorIsWeight">'+$node.find(".colorIsWeight").val()+'</td>';
        colorHtml += '<td width="40" class="colorMode">'+$node.find(".colorMode").val()+'</td>';
        var colorIsMachine = $(':radio[name="colorIsMachine"]:checked').val();
        var colorIsMachineStr = '';
        if(colorIsMachine == 1){
            colorIsMachineStr = '水机产品';
        }else{
            colorIsMachineStr = '其他产品';
        }
        colorHtml += '<td width="40" ><span class="colorIsMachineMsg">'+colorIsMachineStr+'</span><input type="hidden" class="colorIsMachine" name="colorIsMachine" id="colorIsMachine" value="'+ colorIsMachine +'"></td>';

        var colorStatus = $(':radio[name="colorStatus"]:checked').val();
        var colorStatusStr = '';
        if(colorStatus == 1){
            colorStatusStr = '使用';
        }else{
            colorStatusStr = '禁用';
        }
        colorHtml += '<td width="40" ><span class="colorStatusMsg">'+colorStatusStr+'</span><input type="hidden" class="colorStatus"  value="'+ colorStatus +'"></td>';

        var img = $node.find(".colorPicture").val();
        var showImg = '';
        if(isEmpty(img)){
            showImg = url_path +"/"+ img;
        }
        colorHtml += '<td width="40" >'
            + '<img style="width: 40px;" src="' + showImg + '"  class="colorPictureMsg" >'
            + '<input type="hidden"  class="colorPicture" value="'+ img +'">'
            + '</td>';
        colorHtml += '<td width="40">' +
            '<a href="javascript:void(0)" class="del_product all_down" onclick="updTr($(this))" >修改</a>&nbsp;&nbsp;' +
            '<a href="javascript:void(0)" class="del_product all_down" onclick="delTr($(this))" >删除</a>' +
            '</td>';
        colorHtml += '</tr>';
        if(isHaveColorList == 2){
            $("#add_color_id").html(colorHtml);
            isHaveColorList = 1;
        }else{
            $("#add_color_id").append(colorHtml);
        }
    }else{
        var noHaveColorId = true;
        $("#add_color_id").find("tr").each(function () {
            if($(this).find(".colorId").val() == colorId){
                noHaveColorId = false;
                $(this).find(".isUpdate").val(1);
                $(this).find(".colorName").html($node.find(".colorName").val());
                $(this).find(".colorAbbreviation").html($node.find(".colorAbbreviation").val());
                $(this).find(".colorDiscount").html($node.find(".colorDiscount").val());
                $(this).find(".colorPrice").html($node.find(".colorPrice").val());
                $(this).find(".colorBar").html($node.find(".colorBar").val());
                $(this).find(".colorJdProductId").html($node.find(".colorJdProductId").val());
                $(this).find(".colorIsWeight").html($node.find(".colorIsWeight").val());
                $(this).find(".colorMode").html($node.find(".colorMode").val());
                $(this).find(".colorPicture").val($node.find(".colorPicture").val());

                var colorIsMachine = $(':radio[name="colorIsMachine"]:checked').val();
                $(this).find(".colorIsMachine").val(colorIsMachine);
                var colorIsMachineStr = '';
                if(colorIsMachine == 1){
                    colorIsMachineStr = '水机产品';
                }else{
                    colorIsMachineStr = '其他产品';
                }
                $(this).find(".colorIsMachineMsg").html(colorIsMachineStr);

                var colorStatus = $(':radio[name="colorStatus"]:checked').val();
                $(this).find(".colorStatus").val(colorStatus);
                var colorStatusStr = '';
                if(colorStatus == 1){
                    colorStatusStr = '使用';
                }else{
                    colorStatusStr = '禁用';
                }
                $(this).find(".colorStatusMsg").html(colorStatusStr);

                var img = $node.find(".colorPicture").val();
                var showImg = '';
                if(isEmpty(img)){
                    showImg = url_path +"/"+ img;
                }
                $(this).find(".colorPictureMsg").attr("src",showImg);
            }
        });
        if(noHaveColorId){
            var index = layer.confirm('该颜色已被删除，点击确认恢复。', {
                btn: ['确认','取消'] //按钮
            }, function(){
                color_is_update = 1;
                add_color(1);
                layer.closeAll();
            }, function(){
                colorClear();
                layer.closeAll();
            });
        }
    }
    $("#addColorHtml").hide();
}


/**
 * 取消颜色
 */
function cancel_color() {
    $(".add-color-button").val("添加");
    $("#addColorHtml").hide();
    color_is_update = 1;
    $("#addColorHtml").find(".colorId").val("");
    colorClear();
}

/**
 * 验证
 */
function verificationColor() {
    var flag = true;
    $("#addColorHtml").find(".add_color").each(function () {
        var $node = $(this);
        var myValue = $node.val();
        var myMinlength = $node.attr("myMinlength");
        if(!isEmpty(myMinlength)){
            myMinlength = 0;
        }
        if(!isEmpty(myValue) && myMinlength != 0){
            vailErrorMsg_3($(this),$(this).attr("errormsg"));
            flag = false;
            return false;
        }
        var myMaxlength = $node.attr("myMaxlength");
        if(isEmpty(myMaxlength)){
            if(myValue.length > myMaxlength){
                vailErrorMsg_3($(this),$(this).attr("errormsg"));
                flag = false;
                return false;
            }
        }
    });

    //判断是否有sku相等，京东69码相等，名称与简称相等
    var colorName = $("#addColorHtml").find(".colorName").val();
    var colorAbbreviation = $("#addColorHtml").find(".colorAbbreviation").val();
    var colorBar = $("#addColorHtml").find(".colorBar").val();
    var colorJdProductId = $("#addColorHtml").find(".colorJdProductId").val();
    $("#add_color_id").find("tr").each(function () {
        var tdcolorName = $(this).find(".colorName").html();
        var tdcolorAbbreviation = $(this).find(".colorAbbreviation").html();
        var tdcolorBar = $(this).find(".colorBar").html();
        var tdcolorJdProductId = $(this).find(".colorJdProductId").html();
        if(colorName == tdcolorName && colorAbbreviation == tdcolorAbbreviation && color_is_update == 1){
            vailErrorMsg_3($("#addColorHtml").find(".colorName"),"请勿重复添加");
            flag = false;
            return false;
        }
        if(colorBar == tdcolorBar  && color_is_update == 1){
            vailErrorMsg_3($("#addColorHtml").find(".colorBar"),"69码重复");
            flag = false;
            return false;
        }
        if(isEmpty(tdcolorJdProductId) && colorJdProductId == tdcolorJdProductId  && color_is_update == 1){
            vailErrorMsg_3($("#addColorHtml").find(".colorJdProductId"),"京东SKU重复");
            flag = false;
            return false;
        }
    });
    return flag;
}

function fileOnclick(node){
    $(node).parents(".upload_color_class").find('.color_file').click();
}

$(function(){
    $("#upload_color_img").change(function() {
        fileUpload("upload_color_img");
    });
});

$(function(){
    var loadIndex = 0;
    $("#form-order-add").Validform({
        tiptype: function (msg, o, cssctl) {
            if (o.type == 3) {//失败
                layer.msg(msg, {icon: 5, time: 3000});
                $(window).scrollTop(o.obj.offset().top - 40);
            }
        },
        datatype: {//自定义验证类型
        },
        ignoreHidden: true,
        tipSweep: true, //若为true，则只在表单提交时验证
        ajaxPost: true, //异步提交
        beforeCheck: function (curform) {  //验证通过之前执行的函数
            var flag = false;
        },
        beforeSubmit: function (curform) {  //验证通过之后执行的函数

           if(!$("#addColorHtml").is(':hidden')){//表示显示
               vailErrorMsg_3($("#addColorHtml"),"操作未完成，请‘确定’或者‘取消’颜色的更改。");
               return false;
           }

            var colorList = getColorList();
            if(colorList == null || colorList.length < 1){
                vailErrorMsg_3($("#add_color_id"),"至少需要一个颜色");
                return false;
            }
            $("#colorListJson").val(JSON.stringify(colorList));

            var productAreaRelaStr = '';
            $(".son_checkbox").each(function () {
                if($(this).is(':checked')){
                    if(productAreaRelaStr == ''){
                        productAreaRelaStr = $(this).val();
                    }else{
                        productAreaRelaStr += ','+$(this).val();
                    }
                }
            });
            $("#productAreaRelaStr").val(productAreaRelaStr);

            loadIndex = layer.load(1, {
                shade: [0.5,'#fff'] //0.1透明度的白色背景
            });
        },
        callback: function (data) {//异步回调函数
            if (data) {
                var index = layer.alert(data.resultMsg, function (index) {
                    if (data.returnCode == 200) {
                        location.href = url_path + "/admin/product/product_page";
                    }else {
                        layer.close(index);
                    }
                });
                if(loadIndex != 0 ){
                    layer.close(loadIndex);
                }
            }
            return false;
        }
    });
});

/**
 * 获取颜色集合
 */
function getColorList(){
    var colorList = new Array();
    $("#add_color_id").find("tr").each(function(){
        var color = new Object();
        if(!isEmpty($(this).find(".colorName").html()) || !isEmpty($(this).find(".colorBar").html())){
            return false;
        }
        var colorId = $(this).find(".colorId").val();
        if(colorId.indexOf(update_color_id_suff) > -1){ //新加的颜色
            color.isUpdate=2;  //是否修改过   1：修改过   2：未曾修改
        }else{
            color.colorId = colorId;
            color.isUpdate = $(this).find(".isUpdate").val();
        }
        color.colorName = $(this).find(".colorName").html();
        color.colorAbbreviation = cufte($(this).find(".colorAbbreviation").html());
        color.colorDiscount = cufte($(this).find(".colorDiscount").html());
        color.colorPrice = cufte($(this).find(".colorPrice").html());
        color.colorBar = cufte($(this).find(".colorBar").html());
        color.colorJdProductId = cufte($(this).find(".colorJdProductId").html());
        color.colorIsWeight = cufte($(this).find(".colorIsWeight").html());
        color.colorMode = cufte($(this).find(".colorMode").html());
        color.colorPicture = cufte($(this).find(".colorPicture").val());
        color.colorIsMachine = cufte($(this).find('.colorIsMachine').val());
        color.colorStatus = cufte($(this).find('.colorStatus').val());
        colorList.push(color);
    });
    return colorList;
}

/**
 * 展示出添加color
 */
function show_add_color() {
    $(".add-color-button").val("添加");
    $("#addColorHtml").show();
    color_is_update = 1;
    $("#addColorHtml").find(".colorId").val("");
    colorClear();
}

/**
 *  清除color
 */
function colorClear() {
    $(".str").val("");
    $(".num").val(0);
    var uploadHtml = '<div class="download_file"><a href="javascript:void(0)" class="del_product all_down" onclick="fileOnclick(this)">上传图片</a></div>';
    $("#addColorHtml").find(".download_file").html(uploadHtml);
    $("#addColorHtml").find(".colorPicture").val("");
    $("#upload_color_img").change(function() {
        fileUpload("upload_color_img");
    });
    $(".colorNoMachine").iCheck('check');
    $(".colorIsStatus").iCheck('check');
}

/**
 * 修改
 */
function updTr($this) {
    $this = $this.parents("tr");
    var $addColor = $("#addColorHtml");
    $addColor.find(".colorId").val($this.find(".colorId").val());
    $addColor.find(".colorName").val($this.find(".colorName").html());
    $addColor.find(".colorAbbreviation").val($this.find(".colorAbbreviation").html());
    $addColor.find(".colorDiscount").val($this.find(".colorDiscount").html());
    $addColor.find(".colorPrice").val($this.find(".colorPrice").html());
    $addColor.find(".colorBar").val($this.find(".colorBar").html());
    $addColor.find(".colorJdProductId").val($this.find(".colorJdProductId").html());
    $addColor.find(".colorIsWeight").val($this.find(".colorIsWeight").html());
    $addColor.find(".colorMode").val($this.find(".colorMode").html());
    var colorPicture = $this.find(".colorPicture").val();
    var html ='';
    if(isEmpty(colorPicture)){
        html = '<div class="download_file"><img style="width: 75px;" src="' + url_path +"/"+ colorPicture + '"  class="" >&nbsp;&nbsp;<a href="javascript:void(0)" onclick="fileOnclick(this)">重新上传</a></div>';
    }else{
        html = '<div class="download_file"><a href="javascript:void(0)" class="del_product all_down" onclick="fileOnclick(this)">上传图片</a></div>';
    }
    $(".download_file").html(html);
    $(".upload_color_class").find(".colorPicture").val(colorPicture);
    $("#upload_color_img").change(function() {
        fileUpload("upload_color_img");
    });
    var colorIsMachine = $this.find('.colorIsMachine').val();
    if(colorIsMachine == 1){
        $(".colorIsMachine").iCheck('check');
    }else{
        $(".colorNoMachine").iCheck('check');
    }

    var colorStatus = $this.find('.colorStatus').val();
    if(colorStatus == 1){
        $(".colorIsStatus").iCheck('check');
    }else{
        $(".colorNoStatus").iCheck('check');
    }

    $(".add-color-button").val("修改");
    $("#addColorHtml").show();
    color_is_update = 2;
}

/**
 *  删除商品
 */
function delTr($this){
    var length= $("#add_color_id").find("tr").length;
    if(length < 2){
        vailErrorMsg_3($("#add_color_id"),"必须要要有一个颜色");
    }else{
        $this.parents("tr").remove();
    }
}

function fileUpload(idValue) {
    $.ajaxFileUpload({
        url: url_path + "/admin/product/fileUpload",
        secureuri: false,
        fileElementId: idValue,//文件选择框的id属性/名称
        dataType: 'json',   //json
        success: function (data) {
            if (data.returnCode == 200) {
                var html = '<div><img style="width: 75px;" src="' + url_path +"/"+ data.returnMsg.imgUrl + '"  class="del_product all_down " >&nbsp;&nbsp;<a href="javascript:void(0)" onclick="fileOnclick(this)">重新上传</a></div>';
                $("#" + idValue).parent().find(".download_file").html(html);
                $("#"+idValue).parent().find(".colorPicture").val(data.returnMsg.imgUrl);
                $("#upload_color_img").change(function() {
                    fileUpload("upload_color_img");
                });
            }else{
                layer.msg('上传失败，请重试!',{icon: 5,time:2000});
            }
        }
    });
}