ShuangHui_UI_Demo/CallCenterWe.../regionalMana.../js/proManagemen...

	var tps = $('.tps');
	var id=''; //当前节点id
	var name=''; //当前节点name
	var pid; //当前节点父ID
	var pidName;//当前节点父name
	var xlName; //添加弹出框内下拉框内节点name
	var token=$.cookie("token");
	tree();
	function tree(){
		
	$.get(huayi.config.callcenter_url+'Area/GetAreaList', {
		"token": $.cookie("token"),
//		"pid": pid
	}, function(result) {
		result = $.parseJSON(result);
		$.fn.zTree.init($("#treeDemo"), setting1, result.data); //实例化树形图
	});
	}

	var setting1 = {
		data: {
			key: {
				name: "F_AreaName"
			},
			simpleData: {
				enable: true,
				idKey: "F_Id",
				pIdKey: "F_ParentId",
				rootPId: 0
			}
		},
		callback: {
			onClick: zTreeOnClick
		}
	};
	function zTreeOnClick(event, treeId, treeNode) {
//		pid = treeNode.pId;
		id = treeNode.F_Id;
		name = treeNode.F_AreaName;
		var pidnode = treeNode.getParentNode();
		if(pidnode) {
			pidName = pidnode.F_AreaName;
			pid = pidnode.F_ParentId;
		} else {
			pidName = "顶级分类";
			pid =0;
		}
		
	};
	var setting2 = {
		data: {
			key: {
				name: "F_AreaName"
			},
			simpleData: {
				enable: true,
				idKey: "F_Id",
				pIdKey: "F_ParentId",
				rootPId: 0
			}
		},
		callback: {
			onClick: addTreeClick
		}
	}
	function addTreeClick(event, treeId, treeNode) {
		addPid=treeNode.F_Id;
		xlName = treeNode.F_AreaName;
		$('.inps1').val(xlName);
	};
	//删除按钮
	$('.del').click(function() {
		if(id == 'null' || id == '') {
				layer.confirm('没有要删除的分类！', {
				btn: ['确定']
			});
			return
		} else {
			$('.delModel').css('display', 'block');
			$('.delName').html(name);
		}
	})
	//关闭按钮
	$('.delBtr').click(function() {
		$('.delModel').css('display', 'none');
		tree();
		clear();
	})
	//确定删除按钮
	$('.sure').click(function() {
		$.ajax({
			type: "get",
			url: huayi.config.callcenter_url+"Area/DelAreas",
			async: true,
			dataType:'json',
			data: {
				id: id,
				token:token
			},
			success: function(data) {
              	if (data.state == "success"){
              		layer.msg("删除成功！");
					tree();
					clear();
            	} else {
	              	layer.msg("删除失败！");
					tree();
					clear();
            	}
			}
		});
		$('.delModel').css('display', 'none');

	})
	//取消删除按钮
	$('.return').click(function() {
		$('.delModel').css('display', 'none');
		tree();
		clear();
	})
	//添加按钮
	$('.add').click(function() {
		$('.addModel').css('display', 'block');
			if(name) {
				tps.html(name);
				$('.inps1').val(name);
				addPid = id;
			} else {
				tps.html('顶级分类');
				$('.inps1').val('顶级分类');
				addPid = 0;
			}
		treeCont();

	})
	//添加关闭按钮
	$('.addBtr').click(function() {
		$('.addModel').css('display', 'none');
		tree();
		clear();
	})
	//添加内容下拉
	$('.inps1').focus(function() {
		$('.xlAdd').css('display', 'block')
	})
	$('.xl_one').click(function() {
		if($('.xlAdd').css('display') == 'block') {
			$('.xlAdd').css('display', 'none')
		} else {
			$('.xlAdd').css('display', 'block')
		}
	})
	$('.addTree').mouseleave(function() {
		$(this).css('display', 'none')
	})
	//保存添加按钮
	var addPid,addFenLeiName,addSort;
	//添加弹出框内 所属部门下拉框内数据
	function treeCont() {
		$.get(huayi.config.callcenter_url + 'Area/GetAreaList', {
			"token": $.cookie("token"),
//			"pid": pid
		}, function(result) {
			result = $.parseJSON(result);
			$.fn.zTree.init($("#addTreeDemo"), setting2, result.data); //实例化树形图
		});
	}
	$('.addCun').click(function(){
		console.log(addPid);
		if($('.inps2').val()==""){
			layer.confirm('所添加分类名称不能为空！', {
					btn: ['确定']
				});
				return;
		}else{
		    addFenLeiName = $('.inps2').val();
		    addSort = $('.inps3').val();
		    if (addSort == "")
		        addSort = 0;
				$('.addModel').css('display', 'none');
				$.ajax({
					type:"post",
					url:huayi.config.callcenter_url+"Area/AddArea",
					dataType:'json',
					async:true,
					data:{
						pid:addPid,//当前选择节点ID
						name:addFenLeiName,//部门名称
						sort:addSort,//排列序号
						token:token
					},
					success:function(data){
						if(data.state =="success"){
							debugger
							layer.msg("添加成功！");
							tree();
							clear();
						} else {
							layer.msg("添加失败！");
							tree();
							clear();
						}
					}
				});
		}
	})
	//修改按钮
	var chanPid,//修改弹出框内 下拉框父节点ID
		chanId,//修改弹出框内 下拉框当前节点ID
	changeName,//修改弹出框内 下拉框当前节点name
	  chbcName,//保存的分类名称
	  chbcSort,//保存的排序号
	   chbcPid;//保存的所属分类ID
	$('.change').click(function(){
		if(id == 'null' || id == '' ) {
			layer.confirm('没有选择要修改的分类！', {
				btn: ['确定']
			})
			return

		} else {
			changeAjax(id);
			$('.changeModel').css('display', 'block');
			$('.chtps').html(name);
			changeTreeCont();
		}
		

	})
	$('.changeBtr').click(function(){
		$('.changeModel').css('display', 'none');
		tree();
		clear();
	})
	$('.inps4').focus(function() {
		$('.xlChange').css('display', 'block')
	})
	//下拉按钮功能
	$('.xl_two').click(function() {
		if($('.xlChange').css('display') == 'block') {
			$('.xlChange').css('display', 'none')
		} else {
			$('.xlChange').css('display', 'block')
		}

	})
	//修改弹出框内 下拉树形图参数配置项
		var setting3= {
		data: {
			key: {
				name: "F_AreaName"
			},
			simpleData: {
				enable: true,
				idKey: "F_Id",
				pIdKey: "F_ParentId",
				rootPId: 0
			}
		},
		callback: {
			onClick: changeTreeClick
		}
	}

	function changeTreeClick(event, treeId, treeNode) {
//		chanPid = treeNode.pId;
		chanId = treeNode.F_Id;
		changeName = treeNode.F_AreaName;
		$('.inps4').val(changeName);
		var pidnode = treeNode.getParentNode();
		if(pidnode) {
			chanPid = pidnode.F_Id;
		} else {
			chanPid =0;
		}
		chbcPid=chanId;
		
	};
	
	//修改弹出框内 所属分类下拉框内数据
	function changeTreeCont() {
			$.get(huayi.config.callcenter_url + 'Area/GetAreaList', {
			"token": $.cookie("token"),
//			"pid": pid
		}, function(result) {
			result = $.parseJSON(result);
			$.fn.zTree.init($("#changeTreeDemo"), setting3, result.data); //实例化树形图
		});
	}
	function changeAjax(id){
		$.ajax({
			type:"get",
			url:huayi.config.callcenter_url+"Area/GetArea",
			dataType:'json',
			async:true,
			data:{
				id:id,
				token:token
			},
			success:function(data){
				var chanCon=data.data;
				$('.inps4').val(pidName);
				chbcPid=chanCon.F_ParentId;
				$('.inps5').val(chanCon.F_AreaName);
				$('.inps6').val(chanCon.F_Sort);
				chbcSort=chanCon.F_Sort;
				chbcName=chanCon.F_AreaName;
				//console.log(chbcPid)
			}
		});
	}
	//修改的保存按钮功能
	function changeBaoCunAjax(id,chbcPid,chbcName,chbcSort){
			$.ajax({
				type:"post",
				url:huayi.config.callcenter_url+"Area/AddArea",
				async:true,
				dataType:'json',
				data:{
					id:id,
					pid:chbcPid,
					name:chbcName,
					sort:chbcSort,
					token:token
				},
				success:function(data){
					if(data.state == "success"){
						layer.msg("修改成功！");
						tree();
						clear();
					} else {
						layer.msg("修改失败！");
						tree();
						clear();
					}
				}
			});
	}
	
	$('.changeCun').click(function(){
		if($('.inps4').val()=="" ){
		    layer.confirm('请选择分类！', {
				btn: ['确定']
			});
			return;
		}
	else if($('.inps5').val()=="")
		{
	    layer.confirm('所修改分类名称不允许为空！', {
	        btn: ['确定']
	    });
	    return;
		}
		else {
			$('.changeModel').css('display', 'none');
			//console.log('分类id'+id +'所属分类id' + chbcPid +'分类名称'+chbcName+'排序'+chbcSort);
			chbcPid;
			chbcName=$('.inps5').val();
			chbcSort = $('.inps6').val();
			if (chbcSort == "")
			    chbcSort = 0;
			changeBaoCunAjax(id,chbcPid,chbcName,chbcSort);
		}
		
	})
	
	function clear () {
		$('.inps1').val('');
		$('.inps2').val('');
		$('.inps3').val('');
		name = '';
		id = 0;
		chbcPid = 0;
	}