ASJLanguageSys/web/sku/js/sku_index.js

$(function () {
	var token=$.cookie('access_token');
	 
	if(token==undefined){
		window.location.href = "login.html";
	}
	
    var url=http+"cku_suit/query_all"; 
    var data_string = JSON.stringify({token:token});
//  首次获取
    $.ajax({
        url: url,
        type: "post",
        dataType:"JSON",
        data: data_string,
        success: function (data)
        {
            console.log(data);
            if(data.code==0){
         		for(let k=0;k<data.res.length;k++){
					let suit_html='<div class="suit_" >'
										+   '<div style="height: 80px;width: 100%;">';
					suit_html=suit_html +		 '<div class="suit_title ">';
					suit_html=suit_html +		 '<div class="suit_title_text">'+data.res[k].suitName+'</div>';
					suit_html=suit_html +		 '<div class="suit_title_ico"><img src="img/spread.png"></div>';
					suit_html=suit_html +		 '</div>';
					
					suit_html=suit_html +		 '<div class="add_rule" >'
										+		 	'<div class="add_rule_a" rid="'+data.res[k].id+'">'
										+		 		'<div class="icon_img">'
										+		 			'<img src="img/Add@2x.png">'
										+				'</div>'
										+				'<div class="add_rule_title">新增规则</div>'
										+			'</div>'
										+		'</div>'
										+	'</div>';
				 
						suit_html=suit_html +	'<div class="rule_all_list" >';
					let num=8;
					for(var i=0;i<data.res[k].sr_qs.length;i++){
						
						if(i==0){
							suit_html=suit_html +	'<div class="rule_one" style="border-top: 1px solid #e4e7e9;">';
						}else{
							suit_html=suit_html +	'<div class="rule_one">';
						}
						
						suit_html=suit_html+		'<div class="rule_ rule_hr" rid="'+data.res[k].sr_qs[i].id+'">'+data.res[k].sr_qs[i].ruleName+'</div>';
//					 
						if(data.res[k].sr_qs[i].cr_qs.length<8){
							num=8
						}
						if(data.res[k].sr_qs[i].cr_qs.length>8){
							num=17
						}
						if(data.res[k].sr_qs[i].cr_qs.length>18){
							num=26
						}
						for(let j=0;j<num;j++){
							
							if(j==9){
								suit_html=suit_html+		'<div class="rule_ rule_hr"></div>';
								try{
									suit_html=suit_html+		'<div class="rule_"><span class="rule_term">'+data.res[k].sr_qs[i].cr_qs[j].numName+'：'+data.res[k].sr_qs[i].cr_qs[j].conditionName+'</span> <input class="rule_input" rid="'+data.res[k].sr_qs[i].cr_qs[j].id+'" value="'+data.res[k].sr_qs[i].cr_qs[j].numName+'：'+data.res[k].sr_qs[i].cr_qs[j].conditionName+'"></div>'
								}catch(e){
									//TODO handle the exception
									suit_html=suit_html+		'<div class="rule_ rule_hr"></div>';
								}
								 
								
							}else if(j==18){
								suit_html=suit_html+		'<div class="rule_ rule_hr"></div>';
								suit_html=suit_html+		'<div class="rule_"><span class="rule_term">'+data.res[k].sr_qs[i].cr_qs[j].numName+'：'+data.res[k].sr_qs[i].cr_qs[j].conditionName+'</span> <input class="rule_input" rid="'+data.res[k].sr_qs[i].cr_qs[j].id+'" value="'+data.res[k].sr_qs[i].cr_qs[j].numName+'：'+data.res[k].sr_qs[i].cr_qs[j].conditionName+'"></div>';
							}else{
								if(j<data.res[k].sr_qs[i].cr_qs.length){
									suit_html=suit_html+		'<div class="rule_"><span class="rule_term">'+data.res[k].sr_qs[i].cr_qs[j].numName+'：'+data.res[k].sr_qs[i].cr_qs[j].conditionName+'</span> <input class="rule_input" rid="'+data.res[k].sr_qs[i].cr_qs[j].id+'" value="'+data.res[k].sr_qs[i].cr_qs[j].numName+'：'+data.res[k].sr_qs[i].cr_qs[j].conditionName+'"></div>';
								}else{
									suit_html=suit_html+		'<div class="rule_"></div>';
								}
							}
						}
						suit_html=suit_html+		'<div class="rule_" style="float: right;">'
								 				+		'<div class="rule_operate"><img style="margin-left: 50%; "src="img/modify@2x.png" class="compile" title="编辑"></div>'
								 				+		'<div class="rule_operate"><img style="margin-left: 10%; " src="img/delete@2x.png" class="remove" title="删除"></div>'
								 				
								 				+		'<div class="rule_save_div"><div class="rule_save">保存</div></div>'
								 				+	'</div>'
						suit_html=suit_html+'</div>';
					}
				  
				    suit_html=suit_html+	'</div>';
					$("#suit_html").append(suit_html);
					
				}
         		for(let k=0;k<data.res.length;k++){
         			if(k>1){
         				$('.suit_title').eq(k).parent().parent().children().eq(1).hide();
						$('.suit_title').eq(k).parent().children().eq(1).children().hide();
						$('.suit_title').eq(k).children().eq(1).children().attr('src','img/pack_up.png');
         			}
					
				}
            }else{
             
            }
        },
        error:function (XMLHttpRequest) {
            console.log("失败！");
            
    	}
	}); 
	
	
	
	

	
	var suit_exit_value;
//	添加套装
	$(document).on('click','.new_suit_b', function() {
		console.log('添加套装');
		$('#suit_add_id').fadeIn(100);
		$('#suit_add').slideDown(200);
		suit_exit_value=$(this);
	});
	
//	保存套装
	$(document).on('click','#suit_exit_value', function() {
		let suit_name = $("#suit_name").val();	
		let url=http+"cku_suit/add"; 
	    let data_string = JSON.stringify({token:token,name:suit_name});
	    $.ajax({
	        url: url,
	        type: "post",
	        dataType:"JSON",
	        data: data_string,
	        async: true,//同步
	        success: function (data)
	        {
	            if(data.code==0){
	             	console.log(data);
	             	let id = data.res[0].id;
				              var suit_html='					<div class="suit_" >';
						suit_html=suit_html +		 	'<div style="height: 80px;width: 100%;">';
						suit_html=suit_html +		 	'<div class="suit_title ">';
						suit_html=suit_html +		  		'<div class="suit_title_text">'+suit_name+'</div>';
						suit_html=suit_html +		 		'<div class="suit_title_ico"><img src="img/spread.png"></div>';
						suit_html=suit_html +		 	'</div>';
					 
					suit_html=suit_html+		 '<div class="add_rule">'
					+		 	'<div class="add_rule_a" rid="'+id+'">'
					+		 		'<div class="icon_img">'
					+		 			'<img src="img/Add@2x.png">'
					+				'</div>'
					+				'<div class="add_rule_title">新增规则</div>'
					+			'</div>'
					+		'</div>'
					+	'</div>';
					suit_html=suit_html +	'<div class="rule_all_list">';
					suit_html=suit_html +	'</div>';
					suit_html=suit_html+'</div>';
					console.log(suit_exit_value.parent());	
					suit_exit_value.parent().parent().parent().children().eq(0).append(suit_html);
	            }else{
	             	return;
	            }
	        },
	        error:function (XMLHttpRequest) {
	            console.log("失败！");
	            
	    	}
		});
		
		$('#suit_add_id').fadeOut(100);
		$('#suit_add').slideUp(200);
	});
	
	
	var add_rule;
	var add_i=0;
	var suit_rid;
//	添加规则和添加条件
	$(document).on('click','.add_rule_a', function() {
		suit_rid = $(this).attr("rid");
		add_i=0;
		add_rule = $(this).parent().parent().parent().children().eq(1);
		$(".add_role_div").parent().children().eq(0).html('');
		var html_ = '<div>'
	            +'        		 <div class="condition_one">'
	            +'       		 	 <input class="ipt_condition" id="condition_number_'+add_i+'" type="text" placeholder="输入条件编号，例如：1"> ：'
		        +'           	 </div>'
		        +'           	 <div class="condition_one">'
		        +'           		<input class="ipt_condition" id="condition_that_'+add_i+'" type="text" placeholder="输入条件说明，例如：红色">'
		        +'          	 </div>'
	            +'      	</div>'
	    $(".add_role_div").parent().children().eq(0).append(html_);
		 
		add_i=add_i+1;
		$('#rule_add_id').fadeIn(100);
		$('#rule_add').slideDown(200);
	});
	
	
//	编辑
	$(document).on('click','.compile', function() {
//		console.log('编辑');
		let a = $(this).parent().parent().parent().children().length;
		$(this).parent().parent().children().eq(0).hide();
		$(this).parent().parent().children().eq(1).hide();
		$(this).parent().parent().children().eq(2).show();
		console.log(a);
		for(let i=0;i<a-1;i++){
			if(i.toString().indexOf('10') !=-1 || i==0){
				$(this).parent().parent().parent().children().eq(i).children().eq(0).show();
				$(this).parent().parent().parent().children().eq(i).children().eq(1).hide();
			}else{
				$(this).parent().parent().parent().children().eq(i).children().eq(1).show();
				$(this).parent().parent().parent().children().eq(i).children().eq(0).hide();
			}
		}
		
	});
		
//	保存
	$(document).on('click','.rule_save', function() {
//		console.log('编辑');
		//获取保存的长度
		let a = $(this).parent().parent().parent().children().length;
//		显示和隐藏
		$(this).parent().parent().children().eq(0).show();
		$(this).parent().parent().children().eq(1).show();
		$(this).parent().parent().children().eq(2).hide();
//		console.log(a);
		for(let i=0;i<a-1;i++){ //循环请求添加
			if(i.toString().indexOf('10') !=-1 || i==0){
				$(this).parent().parent().parent().children().eq(i).children().eq(0).hide();
				$(this).parent().parent().parent().children().eq(i).children().eq(1).show();
			}else{
				if($(this).parent().parent().parent().children().eq(i).children().eq(1).val()==undefined){
					
				}else{
					let id=$(this).parent().parent().parent().children().eq(i).children().eq(1).attr("rid");
					let num_name=$(this).parent().parent().parent().children().eq(i).children().eq(1).val().split(/：/);
					if(num_name.length!=2){
						num_name=$(this).parent().parent().parent().children().eq(i).children().eq(1).val().split(/:/);
					}
					$(this).parent().parent().parent().children().eq(i).children().eq(0).html(num_name[0]+"："+num_name[1]);
//					console.log(id);
//					console.log(num_name);
					let url=http+"sku_condition/update"; 
				    let data_string = JSON.stringify({token:token,numName:num_name[0],name:num_name[1],id:id});
				    $.ajax({
				        url: url,
				        type: "post",
				        dataType:"JSON",
				        data: data_string,
				        async: true,//同步
				        success: function (data)
				        {
				            if(data.code==0){
//				             	console.log(data);
				            }else{
				             	return;
				            }
				        },
				        error:function (XMLHttpRequest) {
				            console.log("失败！");
				    	}
					});
						
				}
//				显示隐藏
				$(this).parent().parent().parent().children().eq(i).children().eq(1).hide();
				$(this).parent().parent().parent().children().eq(i).children().eq(0).show();
				 
			}
			
		}
		
		
	});
	
	
	
	
//	添加一行的条件
	$(document).on('click','.add_role_div', function() {
//		添加一行条件并显示到页面
		var html_ = '<div>'
	            +'        		 <div class="condition_one">'
	            +'       		 	 <input class="ipt_condition" id="condition_number_'+add_i+'" type="text" placeholder="输入条件编号，例如：1"> ：'
		        +'           	 </div>'
		        +'           	 <div class="condition_one">'
		        +'           		<input class="ipt_condition" id="condition_that_'+add_i+'" type="text" placeholder="输入条件说明，例如：红色">'
		        +'          	 </div>'
	            +'      	</div>'
	    $(this).parent().children().eq(0).append(html_);
	    add_i=add_i+1;
	});
	
//	保存添加的规则和条件
	$(document).on('click','#role_add_value', function() {
//		console.log(suit_rid);
		let role_edit_name = $("#role_edit_name").val();
		let condition_number=[];
		let condition_that=[];
		let condition_id=[];
		if(role_edit_name==""){
			add_i=0;
			add_i=add_i+1;
			alert("规则名称不可以为空！")
			return;
		}else{
			$('#rule_add_id').fadeOut(100);
			$('#rule_add').slideUp(200);
		}
		let url=http+"cku_rule/add"; 
		let rule_id="";
	    let data_string = JSON.stringify({token:token,name:role_edit_name,id:suit_rid});
	    $.ajax({
	        url: url,
	        type: "post",
	        dataType:"JSON",
	        data: data_string,
	        async: false,//同步
	        success: function (data)
	        {
//	        	console.log(data);
	            if(data.code==0){
//	             	console.log(data);
					rule_id = data.res[0].id;
	            }else{
	             	return;
	            }
	        },
	        error:function (XMLHttpRequest) {
	            console.log("失败！");
	            
	    	}
		});
		
		for(let i=0;i<add_i;i++){
			let number = $("#condition_number_"+i).val();
			if(number!="" && number!=undefined){
				condition_number.push([number]); 
			}
			let that = $("#condition_that_"+i).val();
			if(that!="" && that!=undefined){
				condition_that.push([that]);
			}
			let url=http+"sku_condition/add"; 
		    let data_string = JSON.stringify({token:token,numName:number,name:that,id:rule_id});
		    $.ajax({
		        url: url,
		        type: "post",
		        dataType:"JSON",
		        data: data_string,
		        async: false,//同步
		        success: function (data)
		        {
		            if(data.code==0){
//		             	console.log(data);
		             	condition_id.push(data.res[0].id);
		            }else{
		             	return;
		            }
		        },
		        error:function (XMLHttpRequest) {
		            console.log("失败！");
		            
		    	}
			});
				
		}
//		console.log(condition_number);
//		console.log(condition_that)
		let suit_html='';
		let num=8;
		for(let i=0;i<1;i++){
			suit_html=suit_html +	'<div class="rule_one">';
			suit_html=suit_html+		'<div class="rule_ rule_hr" rid="'+rule_id+'">'+role_edit_name+'</div>';
			if (condition_that.length>8){
				num=17
			}
			if (condition_that.length>18){
				num=26
			}
			for(let j=0;j<num;j++){
				if(j==9){
					suit_html=suit_html+		'<div class="rule_ rule_hr"></div>';
					try{
						suit_html=suit_html+		'<div class="rule_"><span class="rule_term">'+condition_number[j]+'：'+condition_that[j]+'</span> <input class="rule_input" rid="'+condition_id[j]+'" value="'+condition_number[j]+'：'+condition_that[j]+'"></div>';
					}catch(e){
						//TODO handle the exception
						suit_html=suit_html+		'<div class="rule_ rule_hr"></div>';
					}
				}else{
					if(j<condition_number.length){
						suit_html=suit_html+		'<div class="rule_"><span class="rule_term">'+condition_number[j]+'：'+condition_that[j]+'</span> <input class="rule_input"  rid="'+condition_id[j]+'"  value="'+condition_number[j]+'：'+condition_that[j]+'"></div>';
					}else{
						suit_html=suit_html+		'<div class="rule_"></div>';
					}
				}
			}
			suit_html=suit_html+		'<div class="rule_" style="float: right;">'
			 				+		'<div class="rule_operate"><img style="margin-left: 50%; "src="img/modify@2x.png" class="compile" title="编辑"></div>'
			 				+		'<div class="rule_operate"><img style="margin-left: 10%; " src="img/delete@2x.png" class="remove" title="删除"></div>'
			 				+		'<div class="rule_save_div"><div class="rule_save">保存</div></div>'
			 				+		'</div>'
			 				+	'</div>';
		}
		add_rule.append(suit_html);
		add_i=0; //重置为0
	});
	
//	套装的显示隐藏
	
	$(document).on('click','.suit_title', function() {
//		console.log($(this).parent().parent().children().eq(1).is(':hidden'))
		if($(this).parent().parent().children().eq(1).is(':hidden')){
			$(this).parent().parent().children().eq(1).show();
			$(this).parent().children().eq(1).children().show();
//			切换图标
			$(this).children().eq(1).children().attr('src','img/spread.png');
			
		}else{
			$(this).parent().parent().children().eq(1).hide();
			$(this).parent().children().eq(1).children().hide();
//			切换图标
			$(this).children().eq(1).children().attr('src','img/pack_up.png');
			
		}
	});
	
//	删除
	$(document).on('click','.remove', function() {
	let html__=$(this).parent().parent().parent().children().eq(0).html();
		let r = confirm("你确定删除"+html__+"吗？");
		if (r == true) {
		   let id=$(this).parent().parent().parent().children().eq(0).attr("rid");
//			console.log(id);
			let url=http+"cku_rule/delete"; 
		    let data_string = JSON.stringify({token:token,id:id});
		    $.ajax({
		        url: url,
		        type: "post",
		        dataType:"JSON",
		        data: data_string,
		        async: true,//同步
		        success: function (data)
		        {
		            if(data.code==0){
					   console.log("删除成功!");
		            }else{
		             	return;
		            }
		        },
		        error:function (XMLHttpRequest) {
		            console.log("失败！");
		    	}
			});
			$(this).parent().parent().parent().hide();
		} else {
		   return;
		}
		
	});
	
	//取消
	$('.closes').click(function(){
		$('#suit_add_id').fadeOut(100);
		$('#suit_add').slideUp(200);
		
		$('#rule_add_id').fadeOut(100);
		$('#rule_add').slideUp(200);
	});
});