tp6_imooc_shop/public/static/admin/js/sku/customSku.js

var customPropId = -1;//自定义属性类型ID
var customPropValId = -1;//自定义属性值id
$(function(){
	//克隆SKU模板生成自定义sku
	$(document).on("click" , ".cloneSku" , function(){
		var cloneSource = $("#skuCloneModel");//要克隆的sku模板
		var cloneNode = cloneSource.clone(true);//克隆出来的节点
		cloneNode.css("display","block");//显示元素
		//移除id
		cloneNode.removeAttr("id");
		customPropId -- ;
		//设置自定义属性类型主键
		$(cloneNode).find(".cusSkuTypeInput").parent().attr("propid",customPropId);
		//设置SKU类型主键 propid
		$(cloneNode).find(".cusSkuValInput").prev().attr("propid",customPropId);
		customPropValId -- ;
		//设置自定义属性类型值主键
		$(cloneNode).find(".cusSkuValInput").prev().attr("propvalid",customPropValId);
		$(this).before(cloneNode);//添加到该按钮的前面
	});
	
	//添加自定义sku值
	$(document).on("click",".cloneSkuVal",function(){
		//要克隆的SKU值模板
		var cloneSource = $("#onlySkuValCloneModel");
		//克隆出来的节点
		var cloneNode = cloneSource.clone(true);
		//移除id
		cloneNode.removeAttr("id");
		//获取并设置SKU类型主键
		var propid = $(this).parents("ul").prev().find("li").attr("propid");
		$(cloneNode).find(".cusSkuValInput").prev().attr("propid",propid);
		customPropValId -- ;
		//设置自定义属性类型值主键
		$(cloneNode).find(".cusSkuValInput").prev().attr("propvalid",customPropValId);
		//显示元素
		cloneNode.css("display","block");
		//添加到该按钮的前面
		$(this).before(cloneNode);
	});
	
	//SKU类型改变
	$(document).on("change", ".cusSkuTypeInput", function(){
		//判断当前的SKU类型是否已经存在
		var isHaveThisSkuType = false;
		var customSkuTypeName = $(this).val();
		if(customSkuTypeName){
			$("ul[class*='SKU_TYPE']").find("li").each(function(){
				var currSkuTypeName = $(this).attr("sku-type-name");//当前SKU类型名称
				if(currSkuTypeName == customSkuTypeName){//该SKU类型已经存在
					isHaveThisSkuType = true;
				}
			});
		}
		if(isHaveThisSkuType){
			layer.alert("该SKU类型已经存在!");
			$(this).val("");
		}
		//赋值类型属性
		$(this).parent().attr("sku-type-name",$(this).val());
		if(!$(this).val() || isHaveThisSkuType){
			$(this).parent().parent().next().find("input[type='checkbox'][class*='sku_value']").each(function(){
				//取消选中
				$(this).attr("checked",false)
				//移除class
				$(this).removeClass("sku_value");
			});
		}
		//触发change事件,重绘表格
		$(".model_sku_val").trigger("change");
	});
	
	//SKU值改变
	$(document).on("change", ".cusSkuValInput", function(){
		var isHaveSkuVal = false;//是否已经存在当前的SKU值
		var thisSkuVal = $(this).val();
		//判断SKU值是否已经重复了
		$(".model_sku_val,.sku_value").each(function(){
			var customSkuVal = $(this).val();//当前SKU值
			if(thisSkuVal == customSkuVal){
				isHaveSkuVal = true;
				return;
			}
		});
		
		if(isHaveSkuVal){
			layer.alert("该SKU类型已经存在!");
			$(this).val("");
		}
		$("input[type*='checkbox'][class*='']")
		var cusSkuVal = $(this).val();
		if(!cusSkuVal || isHaveSkuVal){
			//移除class
			$(this).prev().removeClass("sku_value");
			if($(this).prev().is(":checked")){
				//移除选中
				$(this).prev().attr("checked",false);
			}
		}
		//赋值类型属性
		$(this).prev().val(cusSkuVal);
		//触发change事件
		$(".model_sku_val").trigger("change");
	});
	
	//未设置sku值和属性的sku选择框改变事件
	$(document).on("change",".model_sku_val",function(){
		//SKU类型
		var skuTypeVal = $(this).parent().parent().prev().find("li").attr("sku-type-name");
		//是否设置了sku类型及sku值
		if(skuTypeVal && $(this).val()){
			//添加class
			$(this).addClass("sku_value");
		}
		//触发change事件,重绘表格
		$("input[type='checkbox']").first().trigger("change");
	});
	
	//删除自定义sku类型模块
	$(document).on("click",".delCusSkuType",function(){
		$(this).parent().parent().parent().remove();
		//触发change事件,重绘表格
		$("input[type='checkbox']").first().trigger("change");
	});
	
	//删除自定义sku值
	$(document).on("click",".delCusSkuVal",function(){
		$(this).parent().remove();
		//触发change事件,重绘表格
		$("input[type='checkbox']").first().trigger("change");
	});
})