wlyy2.0/edu-article/JkEdu/WebRoot/JkCategory/js/JkCategory.js

var data = "";
$(function(){
		getdata();
//		test();
		
		
		
		
		
		//新增分类
 		var addHtm = '<div class="item has-input">'+
				'<input type="text" class="cus-input" placeholder="请输入分类"/><a href="javascript:;" class="c-btn c-btn-blue btn-save ml10">保存</a>'+
				'</div>';
		var cusTable = $('.custom-table');
		var cusLi = '<li class="addli">'+
						'<div class="table-key">'+
							'<div class="item has-input">'+
								'<input type="text" class="cus-input" placeholder="请输入分类"/><a href="javascript:;" class="c-btn c-btn-blue btn-save ml10">保存</a><p class="error c-hide">请先填写一级分类</p>'+
							'</div>'+
						'</div>'+
						'<div class="table-info">'+
							'<div class="item has-input">'+
								'<input type="text" class="cus-input" placeholder="请输入分类"/><a href="javascript:;" class="c-btn c-btn-blue btn-save ml10">保存</a>'+
							'</div>'+
						'</div>'+
					'</li>';
		$('#classifyAdd').click(function(){
			if(cusTable.hasClass('openadd')){return;}
			if(cusTable.hasClass('openedit')){
				cusTable.removeClass('openedit');
			}
			cusTable.addClass('openadd');
			cusTable.find('li').not('.table-th').find('.table-info').append(addHtm);
			cusTable.append(cusLi);
		});
		//input聚焦
		$(document).on('focus','.cus-input',function(){
			$(this).siblings('.btn-save').show();
			var infoObj = $(this).parents('.table-info');
			infoObj.siblings('.table-key').find('.error').hide();
			if(infoObj.siblings('.table-key').find('.has-input').length != 0){
				infoObj.find('input').attr('disabled','disabled');
				infoObj.siblings('.table-key').find('.error').show();
			}
		}).on('blur','.cus-input',function(){
			$(this).siblings('.btn-save').hide();
		});
		//保存新增分类
		$(document).on('mousedown','.btn-save',function(){
			var val = $(this).siblings('input').val();
			var uuid=guid();
			if(val == ''){return;}
			var item = '<div class="item"><span class="tag">'+ val +'</span>'+
						'<span class="tag-edit"><input type="text" value="'+val+'" data-value="'+uuid+'"/><i class="icon icon-tagclose"></i></span>'+'</div>';
			$(this).parents('li').removeClass('addli');
			if($(this).parent().parent().hasClass('table-key')){
				addcategory(uuid,val,1);//添加一级分类
					$(this).parent('.item').before(item);
					if($(this).parent('.item').hasClass('has-input')){
						$(this).parents('.table-key').siblings('.table-info').find('input').removeAttr('disabled');
					}
					$(this).parent('.item').remove();
					cusTable.append(cusLi);
			}else{
				var name = $(this).parents('.table-info').siblings('.table-key').find('input').val();
				var firstLevelId = $(this).parents('.table-info').siblings('.table-key').find('input').data('value');
				addcategory(uuid,val,2,firstLevelId);//添加二级分类
				$(this).parent('.item').before(item);
			}
			$(this).siblings('input').val('');
			
			
			
			
		});
 		//保存分类
		$('#classifySave').click(function(){
			if(cusTable.hasClass('openadd')){
				cusTable.find('.item.has-input').remove();
				cusTable.removeClass('openadd');
			}
			if(cusTable.find('.addli')){
				cusTable.find('.addli').remove();
			}
			if(cusTable.hasClass('openedit')){
				cusTable.find('.tag-edit').each(function(index,ele){
					var val = $(ele).find('input').val();
					if($(ele).siblings('.tag').text()!=val){
						save($(ele).find('input').data('value'),val);//保存修改后的值
					}
					$(ele).siblings('.tag').text(val);
				});
				cusTable.removeClass('openedit');
			}
		}); 
		//编辑分类
		$('#classifyEdit').click(function(){
			if(cusTable.hasClass('openadd')){
				cusTable.removeClass('openadd');
			}
			if(cusTable.find('.addli')){
				cusTable.find('.addli').remove();
			}
			if(cusTable.find('.has-input')){
				cusTable.find('.has-input').remove();
			}
			cusTable.addClass('openedit');
		});
		//删除标签
		$(document).on('click','.tag-edit .icon-tagclose',function(){
			var editItem = $(this).parent().parent();
			var info = editItem.parent();
			if(editItem.parent().hasClass('table-key')){
				var categoryId = editItem.find('input').data('value');
				update(categoryId);
				editItem.parent().parent('li').remove();
				
			}else{
				var categoryId = editItem.find('input').data('value');
					update(categoryId);
					editItem.remove();
					if(info.children().length == 0){
						info.parent('li').remove();
					}
				
			}
		});
});
function test(){
	var param = {};
	var uid=guid();
	param.categoryId=uid;
	param.categoryName="test";
	param.categoryLevel=1;
	param.secondLevelId=
	param.firstLevelId=uid;
	param.orgName="健康教育";
	param.orgId = "123";
	param.operatorName = "t";
	param.operatorId ="20";
	$.post("/JkEdu/Category/addCategory", param, function(result) {
		
	});
}
function getdata(){
	var param = {};
	$.post("/JkEdu/Category/getCategoryList", param, function(result) {
		
		if (result.Code==10000){
			data = result.result;
			init();
		} else {
			ask(result.Message);
		}
	});
	
}
function init(){
	
	var html='';
	html+='<li class="table-th">'
		+'<div class="table-key">一级分类</div>'
		+'<div class="table-info">二级分类</div>'
		+'</li>';
	$.each(data, function (i, val) {
		if(val.categorylevel==1){
			html+='<li><div class="table-key">'
				+'<div class="item">'
				+'<span class="tag">'+val.categoryname+'</span>'
				+'<span class="tag-edit"><input type="text" value="'+val.categoryname+'" data-value="'+val.categoryid+'"/><i class="icon icon-tagclose"></i></span>'
				+'</div>'
				+'</div>';
			html+='<div class="table-info">';
			$.each(data, function (j, val2) {
				if(val2.categorylevel==2&&val2.firstlevelid==val.categoryid){
					html+='<div class="item">'
						+'<span class="tag">'+val2.categoryname+'</span>'
						+'<span class="tag-edit"><input type="text" value="'+val2.categoryname+'" data-value="'+val2.categoryid+'"/><i class="icon icon-tagclose"></i></span>'
						+'</div>';
				}
			});
			html+='</div></li>';
		}
	});
	$("#category").append(html);
}

function guid() {
    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
        var r = Math.random()*16|0, v = c == 'x' ? r : (r&0x3|0x8);
        return v.toString(16);
    });
}

function addcategory(categoryId,categoryName,level,firstLevelId){
	var param = {};
	var uid=guid();
	param.categoryId=categoryId;
	param.categoryName=categoryName;
	param.categoryLevel=level;
	param.secondLevelId="";
		if(level==1){
			param.firstLevelId=categoryId;
		}else{
			param.firstLevelId=firstLevelId;
		}
	param.orgName="健康教育";
	param.orgId = "123";
	param.operatorName = "t";
	param.operatorId ="20";
	$.post("/JkEdu/Category/addCategory", param, function(result) {
		if(result.Code==10000){
			return true;
		}else{
			return false;
		}
	});
	
}

function update(categoryId){
	var param = {};
	param.categoryId=categoryId;
	param.categoryState=2;
	$.post("/JkEdu/Category/updateCategory", param, function(result) {
		console.log(result.Code);
		if(result.Code==10000){
			return true;
		}else{
			return false;
		}
	});
}

function save(categoryId,categoryName){
	var param = {};
	param.categoryId=categoryId;
	param.categoryName=categoryName;
	param.categoryState="";
	$.post("/JkEdu/Category/updateCategory", param, function(result) {
		console.log(result.Code);
		if(result.Code==10000){
			return true;
		}else{
			return false;
		}
	});
}