YC12345_Web/WebSite/js/shouli.js

$(document).ready(function() {
	$("#NEXT").click(function() {
		$(".xuzhi").hide();
		$('.tscon').show();
	});

	//信息分类
	LB($("#xxlb"));
	//主题关键词
	ZT($("#keys"));
	//事件区域
	QY($('#sourcearea'));

	//上传附件
	$("#scwj").click(function() {
		$("#upFile").trigger("click");
	})
	$("#upFile").change(function() {
		upload();
	})
	//  $("#scfj").click(function () {
	//      $(".fjnr").text("");
	//      $("#scfj").hide();
	//  });
	$("#SavedSubmit").click(function() {
		var cusname = $('#cusname').val(); //姓名
		var cussex = $("input[name='sex']:checked").val(); //性别
		var touSuphone = $('#touSuphone').val(); //投诉电话
		var cusphone = $("#conphone").val(); //联系电话
		var title = $('#title').val(); //主题
		var content = $('#content').val(); //内容
		var sourcearea = $("#sourcearea").val(); //=事发地域id
		var sourceaddress = $('#sourceaddress').val(); //=事发详细地址
		var type = $('#xxlb').val(); //信息类别ID
		var keys = $('#keys').val(); //主题词
		var isprotect = $("input[name='secret']:checked").val(); //(0保密1公开)
		//电话、邮箱、邮编
		var email = /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/;
		var phone = /^((\+?[0-9]{1,4})|(\(\+86\)))?(13[0-9]|14[5678]|15[012356789]|166|17[03678]|18[0-9]|19[89])\d{8}$/;
		var zipCode = /^[1-9][0-9]{5}$/;
		if(!cusname) {
			layer.confirm('请输入姓名！', {
				btn: ['确定']
			});
			return;
		}
		if(!cusphone) {
			layer.confirm('请输入联系电话！', {
				btn: ['确定']
			});
			return;
		}else if(!phone.test($.trim(cusphone))){
			layer.confirm('请输入有效的联系电话！', {
				btn: ['确定']
			});
			return;
		}
		if($.trim($('#email').val())){
			if(!email.test($.trim($('#email').val()))){
				layer.confirm('请输入有效的电子信箱！', {
					btn: ['确定']
				});
				return;
			}
		}
		if($.trim($('#zipcode').val())){
			if(!zipCode.test($.trim($('#zipcode').val()))){
				layer.confirm('请输入有效的邮政编码！', {
					btn: ['确定']
				});
				return;
			}
		}
		if(!touSuphone) {
			layer.confirm('请输入投诉电话！', {
				btn: ['确定']
			});
			return;
		}else if(!phone.test($.trim(touSuphone))){
			layer.confirm('请输入有效的投诉电话！', {
				btn: ['确定']
			});
			return;
		}
		if(!title) {
			layer.confirm('请输入主题！', {
				btn: ['确定']
			});
			return;
		}
		if(!type) {
			layer.confirm('请选择信息类别！', {
				btn: ['确定']
			});
			return;
		}
		if(!content) {
			layer.confirm('请输入内容！', {
				btn: ['确定']
			});
			return;
		}
		if(!keys) {
			layer.confirm('请选择主题词！', {
				btn: ['确定']
			});
			return;
		}
		$.post(huayi.config.callcenter_url + 'web/AddWebWorkOrder', {
			cusname: cusname,
			cussex: cussex,
			conphone: touSuphone,
			//投诉电话
			cusphone: cusphone,
			//=投诉人电话
			//cusaddress: cusaddress,
			sourcearea: sourcearea,
			sourceaddress: sourceaddress,
			//zipcode: zipcode,
			//email: email,
			title: title,
			content: content,
			//isfile:isfile,
			//filename:filename,
			files: $("#file").val(),
			keys: keys,
			type: type,
			source: 4,
			issubmit: 1,
			//=（0保存1保存并提交）
			isprotect: isprotect
		}, function(result) {
			result = $.parseJSON(result);
			if(result.state.toLowerCase() == "success") {
				layer.open({
					type: 1,
					title: '创建工单成功',
					shadeClose: false,
					area: ['40%', '35%'], //宽高
					content: '<div >' +

						'<div class="add_time clearfix">' +
						'<ul class="Sl clearfix">' +
						'<li>受理编号：<span class="SLBH">' + result.data.workorderid + '</span>' +
						'</li>' +
						'<li>' +
						'查询密码： <span class="CXMM">' + result.data.password + '</span>' +
						'</li>' +
						'</ul>' +
						'<div class="add_time clearfix" style=" text-align: center; margin-top: 20px;">' +
						'<button class="btn TZ">确定</button>' +
						'</div>' +
						'</div>' +
						'</div>'
				});
				Clean();
				$(".TZ").click(function() {
					window.open("shouli.html");
				})
			}
		})
	});

	//getClient();
	//顶部hover
	$('.topbarWx').hover(function() {
		$('.topbarWx .topbarWx-box').css('left', $(this).offset().left);
	});
	$('.topbarClient').hover(function() {
		$('.topbarClient .topbarClient-box').css('left', $(this).offset().left);
	});
});

function LB(obj) {
	obj.empty();
	//obj.append('<option selected="selected" value="">请选择</option>');
	$.getJSON(huayi.config.callcenter_url + "web/GetWebTypeList", function(data) {
		if(data.state.toLowerCase() == "success") {
			var content = data.data;
			$(content).each(function(i, n) {
				$("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
			})
		}
	})
}

function ZT(obj) {
	obj.empty();
	//obj.append('<option selected="selected" value="">请选择</option>');
	$.getJSON(huayi.config.callcenter_url + "web/GetWebKeyList", function(data) {
		if(data.state.toLowerCase() == "success") {
			var content = data.data;
			$(content).each(function(i, n) {
				$("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
			})
		}
	})
}

function QY(obj) {
	obj.empty();
	//obj.append('<option selected="selected" value="">请选择</option>');
	$.getJSON(huayi.config.callcenter_url + "web/GetWebAreaList", function(data) {
		if(data.state.toLowerCase() == "success") {
			var content = data.data;
			$(content).each(function(i, n) {
				$("<option value='" + n.F_AreaId + "'>" + n.F_AreaName + "</option>").appendTo(obj);
			})
		}
	})
}

//清除事件
function Clean() {
	$('#cusname').val(''); //姓名
	$('#conphone').val(''); //联系电话
	$('#touSuphone').val(''); //投诉电话
	$('#zipcode').val(''); //邮编
	$('#email').val(''); //邮箱
	$('#title').val(''); //内容主题
	$('#content').val(''); //详细内容
	$('#sourceaddress').val(''); //事件详细地址
	$('#xxlb').val(''); //形式分类id
}
//上传文件
function upload() {
	var Files = document.getElementById("upFile").files;
	if(Files.length > 0) {
		var formData = new FormData();
		for(var i = 0; i < Files.length; i++) {
			formData.append('file' + i, Files[i]);
		}
		var typeName=Files[0].name.split('.')[1];
		if (typeName=="png"||typeName=='jpg'||typeName=='mp4'||typeName=='mp3'||typeName=='pdf'||typeName=='doc'||typeName=='docx'||typeName=='xls'||typeName=='xlsx') {
			$.ajax({
				url: huayi.config.callcenter_url + "Web/UploadFile",
				type: "POST",
				data: formData,
				/**
				 *必须false才会自动加上正确的Content-Type
				 */
				contentType: false,
				/**
				 * 必须false才会避开jQuery对 formdata 的默认处理
				 * XMLHttpRequest会对 formdata 进行正确的处理
				 */
				processData: false,
				success: function(result) {
					document.getElementById("upFile").outerHTML = document.getElementById("upFile").outerHTML;
					$("#upFile").change(function() {
						upload();
					});
					var r = $.parseJSON(result);
					if(r.state.toLowerCase() == "success") {
						var a = r.data;
						$(a).each(function(i, n) {
							var strs = '<span class="files" fiel-num="' + n.F_FileId + '">' + n.F_FileName + '<i class="fa del_file">X</i></span>'
							$(strs).appendTo($('.fileBox')).find('.del_file').click(function(event) {
								event.stopPropagation();
								$(this).parent().remove();
								file_num();
							})
						})
						file_num();
					}
				}
			});
		}else{
			layer.msg("格式不正确");
		}
	} else {
		layer.confirm('请上传文件！', {
			btn: ['确定']
		});
	}
}
//上传文件隐藏域值
function file_num() {
	var str = '';
	var Str;
	$('.fileBox .files').each(function(j, m) {
		var aa = $(m).attr("fiel-num")
		console.log(aa);
		str += aa + ",";
		Str = (str.substring(str.length - 1) == ',') ? str.substring(0, str.length - 1) : str;
	})
	$("#file").val(Str);
}