NYDX_CallCenter_UI/CallCenterWe.../js/WorkOrder/AddWorkOrder...

/**
 * 手制工单
 * */

$(document).ready(function() {
	//var nDtime = helper.DateFormat.getNowDate(); //当前时间
	getDepartList($('#t_county')); //营业部
	getDepartList($('#clbmname'));  //处理部门
	autosize($('textarea'));
//	helper.getDropList.getlistDropByDic($('#t_county'), 'JBDW'); //获取乡镇或单位下拉
	$('#t_investigator').val($.cookie("u_code"));//给调查员默认值；当前用户的账号
	helper.getDropList.getlistDropByDic($('#xl_boxs'), 'ZBDW'); //获取交办单位下拉
	helper.getDropList.getlistDropByDic($('#xl_box'), 'WTFL'); //问题分类
	laydate.render({
		elem: '#t_time',
		theme: '#1ab394',
		calendar: 'true',
	});
 //20180518byfanlongfei将处理部门、处理人、信息分类、交办单位修改为文本框； 
//	getBM($("#zrbmtree"));
//	getBM($("#clbmtree"));

	//标签切换
	$(".ldtp-cr ul.ld-service li").click(function() {
		$(this).addClass("cr-click").siblings().removeClass("cr-click");
		var index = $(this).index();
		$(".gsxx").find(".sqzx").eq(index).addClass("Shows").siblings().removeClass("Shows");
		if(index == 2) {
			getLX($(".tslx"), "TSLX");
			getBM($("#zrbmtree"));
			getBM($("#clbmtree"));
		}
	});

	//tree下拉框效果
	$(".inpBox .tree").click(function() {
		if($(this).parent().find(".addTree").is(":hidden")) {
			$(this).parent().find(".addTree").show();
		} else {
			$(this).parent().find(".addTree").hide();
		}
	});
	//普通下拉框效果
	$(".inpBox .select").click(function() {
		if($(this).parent().find(".xl_common").is(":hidden")) {
			$(this).parent().find(".xl_common").show();
		} else {
			$(this).parent().find(".xl_common").hide();
		}
	});
	$(".xl").click(function() {
		if($(this).parent().find(".addTree").is(":hidden")) {
			$(this).parent().find(".addTree").show();
		} else {
			$(this).parent().find(".addTree").hide();
		}
		if($(this).parent().find(".xl_common").is(":hidden")) {
			$(this).parent().find(".xl_common").show();
		} else {
			$(this).parent().find(".xl_common").hide();
		}
	});
	$(".inpBox").mouseleave(function() {
		$(this).children(".xl_common").hide();
		$(this).children(".addTree").hide();
	})
	
	//删除
	$(".inpBox").hover(function(event) {
		$(this).children(".de_icon").show();
		event.stopPropagation();
	}, function() {
		$(this).children(".de_icon").hide();
	});
	$(".de_icon").click(function(event) {
		event.stopPropagation();
		$(this).siblings("input").eq(0).val("");
		$(this).siblings("input").eq(1).val("");

		if($(this).siblings("div").find("ul").attr("id") == "zrbmtree") {
			getRY($(".zrid"), $("#zrbm").val());
		}
		if($(this).siblings("div").find("ul").attr("id") == "clbmtree") {
			getRY($(".clid"), $("#clbm").val());
		}
	});
	//创建工单
	$(".addts").click(function() {
		var str=proimglist.toString();
		var telreg = /^\d{3,12}$/;
		var tskh = $("#tskh").val();
		var tsdh = $("#tsdh").val();
//		var clbm = $("#clbm").val();
//		var clid = $("#clid").val();
		var cont = $("#cont").val();
		var infotype=$('#xl_box').find('option:selected').text();
		var infotypedetail = $('#infotypedetail').find('option:selected').text();
		// var unit=$('#xl_boxs').find('option:selected').text();
		if(!telreg.test($.trim(tsdh))) {
			layer.confirm('请输入正确格式的电话！', {
				icon: 2,
				btn: ['确定'] //按钮
			});
			return;
		}
		
		if(infotype=='请选择'){
			infotype=''
		}
		
		if(infotypedetail == '请选择') {
			infotypedetail = ''
		}
		
		if($('#clbmname').val() == 0) {
			layer.confirm('请输入处理部门！', {
				icon: 2,
				btn: ['确定']
			});
			return;
		}
		
		if(!$('#clidname').val()) {
			layer.confirm('请输入处理人！', {
				icon: 2,
				btn: ['确定']
			});
			return;
		}
		
		if(!infotype) {
			layer.confirm('请输入问题分类！', {
				icon: 2,
				btn: ['确定']
			});
			return;
		}
		
		if(!infotypedetail) {
			layer.confirm('请输入热点问题！', {
				icon: 2,
				btn: ['确定']
			});
			return;
		}
		
		$.ajax({
			type: "POST",
			url: huayi.config.callcenter_url + "CallInScreen/AddWorkOrder",
			dataType: 'json',
			beforSend: function() {
				$('#addts').off('click')
			},
			data:{
				//file	//string	否	附件
				khid: 0,	//int	否	客户id
				callid: 0, //string	否
				source: 1, //string	是	工单来源
				customer: tskh, //string	是	客户姓名	
				custel: tsdh, //string	是	电话
				country: 0, //string	否	乡镇或单位	
				address: $('#t_address').val(), //string	否	住址
				inqtime: $('#t_time').val(), //string	否	调查时间	
				inquser: $('#t_investigator').val(), //string	否	调查员
				
				clbm: $('#clbmname').val(), //string	否	处理部门
				// clid: $('#clidname').val(), //string	否	处理人
				clr:$('#clidname').val(),
				infotype: infotype, //string	否	信息分类id，默认为0
				infotypeid:$('#xl_box').val(),
				infotypedetail: infotypedetail,
				infotypedetailid: $('#infotypedetail').val(),
				state: $("input[name='ltype']:checked").val(),
				unit: $('#clbmname').val(), //string	否	交办单位id，默认为0
				
				detail: $('#t_detail').val(), //string	是	反映问题
				answer: $('#t_answer').val(), //string	否	回访反馈情况	
				cont: cont, //string	否	问题处理情况
				remark: $('#t_remarks').val(), //string	否	备注
				file:proimglist && proimglist.join(','),//附件信息
				token: $.cookie("token")
			},
			async: true,
			success: function(result) {
				$('#addts').on('click')
				if(result.state.toLowerCase() == "success") {
					clean();
					$('#fileList').empty();
					location=location;
					layer.msg("创建工单成功");
				}
			},
		})
	})
});

 //20180518byfanlongfei将处理部门、处理人、信息分类、交办单位修改为文本框； 
 //营业部
 function getDepartList(obj) {
	obj.empty();
	let str = '<option value="0">请选择</option>'
	$.getJSON(huayi.config.callcenter_url + 'CallOutPlan/GetDepartList', {
		"token": $.cookie("token")
	}, function(result) {
		if(result.state.toLowerCase() == "success") {
			result.data.forEach(function(v, n) {
				str += '<option value="' + v.F_DeptId + '">' + v.F_DeptName + '</option>'
			})
			obj.html(str)
		}
	})
}
 
//获取部门
$('#clbmname').change(function(){
	getUserListByDepartment($('#clidname'), $('#clbmname').val())
})

function getUserListByDepartment(obj, deptid) {
	obj.empty();
	let str = ''
	$.getJSON(huayi.config.callcenter_url + 'CallInScreen/getUserListByDepartment', {
		"token": $.cookie("token"),
		deptid: deptid
	}, function(result) {
		if(result.state.toLowerCase() == "success") {
			result.data.forEach(function(v, n) {
				str += '<option value="' + v.F_UserCode + '">' + v.F_UserName + '</option>'
			})
			obj.html(str)
		}
	})
}

//获取问题详情
$('#xl_box').change(function(){
	getInfotypedetail($('#infotypedetail'), $('#xl_box').find('option:selected').text())
})

function getInfotypedetail(obj,val){
	$.getJSON(huayi.config.callcenter_url + 'Dictionary/GetDicValueListByDescribe', {
		"token": $.cookie("token"),
		des: val
	}, function(result) {
		if(result.state.toLowerCase() == "success") {
			let str='<option value="">请选择</option>'
			result.data.forEach(function(v, n) {
				str += '<option value="' + v.F_DictionaryValueId + '">' + v.F_Name + '</option>'
			})
			obj.html(str)
		}
	})
}
//var setting = {
//	data: {
//		key: {
//			name: "F_DeptName"
//		},
//		simpleData: {
//			enable: true,
//			idKey: "F_DeptId",
//			pIdKey: "F_ParentId",
//			rootPId: 0
//		}
//	},
//	callback: {
//		onClick: zTreeOnClick
//	}
//};
//
//function getBM(obj) {
//	$.getJSON(huayi.config.callcenter_url + 'Department/GetAllList', {
//		"token": $.cookie("token")
//	}, function(result) {
//		if(result.state.toLowerCase() == "success") {
//			$.fn.zTree.init(obj, setting, result.data);
//		}
//	})
//}
//var did; //部门id
//function zTreeOnClick(event, treeId, treeNode) {
//	did = treeNode.F_DeptId;
//	if(event) {
//		event.stopPropagation();
//	}
//	var obj = $("#" + event.data.treeId).parent();
//	obj.parent().find("input").eq(0).val(treeNode.F_DeptName);
//	obj.parent().find("input").eq(1).val(treeNode.F_DeptId);
//	obj.hide();
//	if(event.data.treeId == "zrbmtree") {
//		getRY($(".zrid"), $("#zrbm").val());
//		
//	}
//	if(event.data.treeId == "clbmtree") {
//		getRY($(".clid"), $("#clbm").val());
//	}
//};
////获取人员
//function getRY(obj, deptid) {
//	obj.empty();
//	obj.append('<li itemid="">--请选择--</li>');
//	obj.parent().parent().find("input").eq(0).val("--请选择--");
//	obj.parent().parent().find("input").eq(1).val("");
//	$.getJSON(huayi.config.callcenter_url + 'UserAccount/GetDeptUserList', {
//		"deptid": deptid,
//		"token": $.cookie("token")
//	}, function(result) {
//		if(result.state.toLowerCase() == "success") {
//			$(result.data).each(function(i, n) {
//				obj.append('<li itemid="' + n.F_UserId + '">' + n.F_UserName + '</li>');
//			})
//
//			obj.find("li").click(function(event) {
//				if(event) {
//					event.stopPropagation();
//				}
//				$(this).parent().parent().parent().find("input").eq(0).val($(this).text());
//				$(this).parent().parent().parent().find("input").eq(1).val($(this).attr("itemid"));
//				$(this).parent().parent().hide();
//			});
//		}
//	})
//}
//获取类型
function getLX(obj, type) {
	obj.empty();
	$.getJSON(huayi.config.callcenter_url + 'Dictionary/GetDicValueListByFlag', {
		"flag": type,
		"token": $.cookie("token")
	}, function(result) {
		if(result.state.toLowerCase() == "success") {
			$(result.data).each(function(i, n) {
				obj.append('<li itemid="' + n.F_DictionaryValueId + '">' + n.F_Name + '</li>');
			})

			obj.find("li").click(function(event) {
				if(event) {
					event.stopPropagation();
				}
				$(this).parent().parent().parent().find("input").eq(0).val($(this).text());
				$(this).parent().parent().parent().find("input").eq(1).val($(this).attr("itemid"));
				$(this).parent().parent().hide();
			});
		}
	})
}

//清空表单
function clean() {
	$('.form-control').val('');
	$('input[readonly]').val('');
}
/**
 * 附件上传直接在知识库管理拿来用     开始
 * */

var proimglist = []; //保存附件数组
var uploader; //上传实例
var limitNum = 6; //限制数量
var edit_id = helper.request.queryString("edit_id");
var token = $.cookie("token");

$(function() {
	autosize($('textarea'));
	getChangeTree();
	if(edit_id) {
		getDetail();
	} else {
		$('#kn_type').val('顶级分类');
		$('#kn_type').attr('data-id', 0)
		uploaderImages();
	}
	//初始化 下拉
	$('.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')
	});
	
	$('#save_knowledge').on('click', saveKnowledge);
});



//修改弹出框内 下拉树形图参数配置项
function getChangeTree() {
	var setting3 = {
		data: {
			key: {
				name: "text"
			},
			simpleData: {
				enable: true,
				idKey: "id",
				rootPId: 0
			}
		},
		callback: {
			onClick: changeTreeClick
		}
	}
	$.get(huayi.config.callcenter_url + 'KnowledgeClass/GetList', {
//		"pid": pid,
		"token": token,
	}, function(result) {
		result = $.parseJSON(result);
		$.fn.zTree.init($("#addTreeDemo"), setting3, result.data); //实例化树形图
	});
}

function changeTreeClick(event, treeId, treeNode) {
	$('#kn_type').val(treeNode.text);
	$('#kn_type').attr('data-id', treeNode.id);
};

//获取详情
function getDetail() {
	var dtd = $.Deferred(); //在函数内部，新建一个Deferred对象
	$.ajax({
		type: "post",
		url: huayi.config.callcenter_url + "Knowledge/GetInfo",
		async: true,
		dataType: 'json',
		data: {
			infoid: edit_id,
			token: token
		},
		success: function(data) {
			var con = data.data;
			$('#kn_title').val(con.F_Title);
			$('#kn_key').val(con.F_KeyWords);
			$('#kn_content').val(con.F_Description);
			$('#kn_type').val(con.F_Expand1);
			$('#kn_type').attr('data-id', con.F_CategoryId);

			//附件
			var proimglists = con.FileUrls;
			console.log(proimglists);
			proimglists = proimglists == null ? [] : proimglists;
			limitNum -= proimglists.length;
			uploaderImages(); //附件上传
			if(proimglists.length > 0) {
				$('#fileNum').text(proimglists.length);
				var $list = $("#fileList");
				$.each(proimglists, function(i, v) {
					proimglist.push(v.F_FileId);
					if(v.F_FileType.split("\/")[0] === 'image') {
						//原来的图片
						var $li = $(
							'<li><span class="img_mask"><i class="img_del"></i></span>' +
							'<img src="' + v.F_FileUrl + '" title="原来的图片"/>' +
							'<span class="file_name">' + v.F_FileName + '</span>' +
							'</li>'
						);
						$list.append($li);
					} else {
						var $liFile = $(
							'<li><span class="img_mask"><i class="img_del"></i></span>' +
							'<div class="noThumb" title="原来的文件"><i class="glyphicon glyphicon-paperclip"></i><p>无法预览</p></div>' +
							'<span class="file_name">' + v.F_FileName + '</span>' +
							'</li>'
						);
						$list.append($liFile);
					}
				});
				$list.find('li').off('click');
				$list.find('li').on('click', '.img_del', function() {
					$(this).parent().parent().remove();
					var itemFileName = $(this).parent().parent().find('.file_name').text();
					$.each(proimglists, function(i, v) {
						if(v && v.F_FileName == itemFileName) {
							proimglist.splice(i, 1);
						}
					});
					$('#fileNum').text(proimglist.length);
					limitNum = 6 - proimglist.length;
					uploaderImages();
				});
			}
			dtd.resolve(); // 改变Deferred对象的执行状态
		}
	});
	return dtd.promise(); // 返回promise对象
}

//保存
function saveKnowledge() {
	var wUrl;
	if(!$.trim($('#kn_type').val())) {
		layer.confirm('所属分类不能为空', {
			icon: 2,
			btn: ['确定'] //按钮
		});
		return;
	}
	
	if(!$.trim($('#kn_title').val())) {
		layer.confirm('标题不能为空', {
			icon: 2,
			btn: ['确定'] //按钮
		});
		return;
	}
	
	if(edit_id) {
		wURL = "Knowledge/EditInfo";
	} else {
		wURL = "Knowledge/AddInfo";
	}
	$.ajax({
		type: "post",
		url: huayi.config.callcenter_url + wURL,
		dataType: 'json',
		async: true,
		beforeSend: function() { //触发ajax请求开始时执行
			$('#save_knowledge').attr("disabled", true);
			$('#save_knowledge').text('保存中...');
			$(document).off('click', '#save_knowledge', saveKnowledge);
			loadIndex = layer.load();
		},
		data: {
			infoid: edit_id,
			title: $('#kn_title').val(),
			key: $('#kn_key').val(),
			con: helper.filter.delHtmlTag($('#kn_content').val()),
			pid: $('#kn_type').attr('data-id'),
			fileids: proimglist && proimglist.join(','),
			token: token
		},
		success: function(result) {
			if(result.state.toLowerCase() === "success") {
				var index = parent.layer.getFrameIndex(window.name);
				parent.layer.close(index);
				parent.table.bootstrapTable('refresh');
				layer.msg("保存成功");
			}
		},
		error: function(textStatus) {
			layer.close(loadIndex);
			layer.confirm('网络繁忙，请稍后再试...', {
				icon: 7,
				closeBtn: 0,
				btn: ['确定'] //按钮
			});
			$('#save_knowledge').text('保存');
			$('#save_knowledge').attr("disabled", false);
			$(document).off('click', '#save_knowledge', saveKnowledge);
			$(document).on('click', '#save_knowledge', saveKnowledge);
		},
		complete: function(XMLHttpRequest, textStatus) {
			layer.close(loadIndex);
			if(textStatus == 'timeout') {
				var xmlhttp = window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHttp");
				xmlhttp.abort();
				layer.confirm('网络超时，请稍后再试...', {
					icon: 7,
					closeBtn: 0,
					btn: ['确定'] //按钮
				});　　　　
			}
			$('#save_knowledge').text('保存');
			$('#save_knowledge').attr("disabled", false);
			$(document).off('click', '#save_knowledge', saveKnowledge);
			$(document).on('click', '#save_knowledge', saveKnowledge);
		},
	});
}

//上传附件
function uploaderImages() {
	if(uploader) {
		uploader.destroy();
	}
	
	uploader = WebUploader.create({
		auto: true, // 选完文件后，是否自动上传 
		swf: '../../js/webuploader/Uploader.swf', // swf文件路径 
		server: huayi.config.callcenter_url + "Knowledge/UpLoadProcess", // 文件接收服务端 
		pick: '#imgPicker', // 选择文件的按钮。可选 
		formData: {
			token: token,
		},
		// 多类型文件上传 
		accept: {
			title: 'Files',
			extensions: 'gif,jpg,jpeg,bmp,png,pdf,doc,docx,txt,xls,xlsx,ppt,pptx,zip,mp3,mp4,text,csv',
			mimeTypes: 'image/*,text/*,audio/mpeg,audio/mp4, video/mp4'
					//word
			+',application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document'
					//excel
			+',application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
					//ppt
			+',application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation'
			+',application/pdf'
			+',application/zip'
			+',application/csv'
			//			title: 'Images',
			//			extensions: 'gif,jpg,jpeg,bmp,png',
			//			mimeTypes: 'image/*'
		},
		compress: false, //webuploader默认压缩图片,设置compress:false，可以按照原始比例上传图片  
		//fileVal: "upFile",//设置文件上传域的name。  
		threads: limitNum, //上传并发数。允许同时最大上传进程数,为了保证文件上传顺序  
		fileNumLimit: limitNum,
		fileSizeLimit: 180 * 1024 * 1024, // 180 M
		fileSingleSizeLimit: 30 * 1024 * 1024 // 30 M
	});
	uploader.on('fileQueued', function(file) {
		var $list = $("#fileList"),
			$li = $(
				'<li id="' + file.id + '"><span class="img_mask"><i class="img_del"></i></span>' +
				'<img/>' +
				'<span class="img_state"><i></i></span>' +
				'<span class="file_name">' + file.name + '</span>' +
				'</li>'
			),
			$img = $li.find('img');

		// $list为容器jQuery实例 
		$list.append($li);

		// 保存缩略图 
		uploader.makeThumb(file, function(error, src) {
			if(error) {
				$img.replaceWith('<div class="noThumb"><i class="glyphicon glyphicon-paperclip"></i><p>无法预览</p></div>');
				return;
			}
			$img.attr('src', src);
		}, 109, 109); //109*109为缩略图尺寸 

		//绑定删除
		$('#' + file.id).on('click', '.img_del', function() {
			uploader.removeFile(file);
			var $fileLi = $('#' + file.id);
			$fileLi.off().find('.img_del').off().end().remove();
			var itemFileName = $(this).parent().parent().find('.file_name').text();
			var img_index=$(this).parent().parent().attr('index')
			$.each(proimglist, function(i, v) {
				if(v == img_index) {
					proimglist.splice(i, 1);
					//helper.methods.delImgs(v.filesmallurl, v.fileurl);
				}
			});
			$('#fileNum').text(proimglist.length);
		});

	});

	// 文件上传过程中保存进度条实时显示。 
	uploader.on('uploadProgress', function(file, percentage) {
		var $li = $('#' + file.id),
			$percent = $li.find('.progress span');

		// 避免重复保存 
		if(!$percent.length) {
			$percent = $('<div class="progress" style="">' +
					'<span class="text">0%</span>' +
					'<span class="percentage"></span>' +
					'</div>')
				.appendTo($li)
				.find('span');
		}

		$percent.eq(0).text(Math.round(percentage * 100) + '%');
		$percent.eq(1).css('width', Math.round(percentage * 100) + '%');
	});

	// 文件上传成功，给item添加成功class, 用样式标记上传成功。 
	uploader.on('uploadSuccess', function(file, res) {
		proimglist.push(res.data.F_FileId);
		$('#fileNum').text(proimglist.length);
		$('#' + file.id).addClass('upload-state-done');
		$('#' + file.id).attr('index',res.data.F_FileId);
	});
	// 文件上传失败，显示上传出错。 
	uploader.on('uploadError', function(file) {
		var $li = $('#' + file.id),
			$error = $li.find('div.error');

		// 避免重复创建
		if(!$error.length) {
			$error = $('<div class="error"></div>').appendTo($li);
		}

		$error.text('上传失败');
	});

	// 完成上传完了，成功或者失败，先删除进度条。 
	uploader.on('uploadComplete', function(file) {
		$('#' + file.id).find('.progress').remove();
	});

	uploader.onError = function(code) {
		//		console.log('Error：' + code);
		switch(code) {
			case "Q_EXCEED_NUM_LIMIT":
				layer.msg('只能上传六个文件。');
				break;
			case "Q_TYPE_DENIED":
				layer.msg('文件类型不正确。');
				break;
			case "F_DUPLICATE":
				layer.msg('该文件已上传，请选择其它文件。');
				break;
			case "F_EXCEED_SIZE":
				layer.msg('单文件大小不能超过30M。');
				break;
			case "Q_EXCEED_SIZE_LIMIT":
				layer.msg('总文件大小不能超过180M。');
				break;
			default:
				break;
		}

	};
}
/**
 * 附件上传直接在知识库管理拿来用     结束
 * */