var openid = 'obwtK6JT-bTCeSbtqu4lkw4lIz0o'
$('.codeTX').css('display', 'none')
var areaList = [],
	townList = [];
var area = 0,
	town = 9,
	village = 0;
getArea() //获取事发区域
//附件
$("#scwjHandle").click(function() {
	$("#upFileHandle").trigger("click");
})
$("#upFileHandle").change(function() {
	uploadHandle();
})
//手机验证码
function getCode() {
	if (!$('#cusphone').val()) {
		mui.alert('请输入联系电话！');
		return;
	} else {
		if (!(/^1[3|4|5|7|8]\d{9}$/.test($('#cusphone').val()))) {
			mui.alert("请输入正确的手机号");
			return false;
		}
	}
	$.ajax({
		type: "get",
		url: huayi.config.callcenter_url + 'WxLogin/SendCode',
		async: true,
		dataType: 'json',
		data: {
			mobile: $('#cusphone').val()
		},
		success: function(res) {
			if (res.state == 'success') {
				let num = 60
				$('.line').css('display', 'none')
				$('.codeTX').css('display', 'inline-block')
				var fq = setInterval(function() {
					num -= 1
					$('.codeTX').text(num + 's')
					if (num == 0) {
						clearInterval(fq)
						$('.codeTX').css('display', 'none')
						$('.line').css('display', 'inline-block')
					}

				}, 1000)
			}
		}
	})
}
// 获取事发市区
function getArea() {
	$.ajax({
		type: "post",
		url: huayi.config.callcenter_url + 'Area/GetAreaListById',
		dataType: 'json',
		async: false,
		data: {},
		success: function(res) {
			res.data.forEach(function(v, n) {
				if (v.F_AreaName != '市区') {
					var obj = {};
					obj.value = v.F_AreaId;
					obj.text = v.F_AreaName;
					areaList.push(obj)
				}

			})

		}
	});
}
// 获取详细地址
function getAreaChildren(id) {
	$.ajax({
		type: "post",
		url: huayi.config.callcenter_url + 'Area/GetAreaChildren',
		dataType: 'json',
		async: false,
		data: {
			parentid: id
		},
		success: function(res) {
			townList = []
			res.data.forEach(function(v, n) {
				var objC = {};
				objC.value = v.F_AreaId;
				objC.text = v.F_AreaName;
				townList.push(objC)
			})

		}
	});
}
//重置
function Reset() {
	window.location.reload();
}
//提交
function Submit() {
	if (!$('input[name="phoneType"]:checked').val()) {
		mui.alert('请输入反映类型！');
		return;
	}

	if (!$('#cusphone').val()) {
		mui.alert('请输入联系电话！');
		return;
	} else {
		if (!(/^1[3|4|5|7|8]\d{9}$/.test($('#cusphone').val()))) {
			mui.alert("请输入正确的手机号");
			return false;
		}
	}

	if (!$('#code').val()) {
		mui.alert('请输入手机验证码！');
		return;
	}

	if (!$('#title').val()) {
		mui.alert('请输入反映标题！');
		return;
	}

	if (!$('#cont').val()) {
		mui.alert('请输入反映内容！');
		return;
	}

	if ($('#cityResult3').val() == '') {
		mui.alert('请选择事发区域！');
		return;
	}

	if (!$('input[name="select"]:checked').val()) {
		mui.alert('请选择姓名公开！');
		return;
	}

	$.ajax({
		type: "post",
		url: huayi.config.callcenter_url + 'APP/AddWorkOrder',
		async: true,
		dataType: 'json',
		contentType: 'application/x-www-form-urlencoded',
		data: {
			source: '5',
			type: $('input[name="phoneType"]:checked').val(), // 反应类别
			cusname: $('#cusname').val(), //姓名
			sourceaddress: $('#cusaddress').val(), //详情
			cusphone: $('#cusphone').val(), //电话
			code: $('#code').val(), //验证码
			title: $('#title').val(), //标题
			content: $('#cont').val(), //n内容
			sourcearea: area, //事发区域
			township: town, //乡镇
			village: village, //村
			sourceaddress: $('#cusaddress').val(),
			files: $("#fileHandle").val(), //附件
			isprotect: $('input[name="select"]:checked').val() //保密

		},
		success: function(data) {
			if (data.state == "success") {
				mui.alert('提交成功！')
				window.location.reload();
			}
		}
	});
}
//查看结果
function seeResult() {
	window.location.replace("../html/login.html");
}
//上传文件
function uploadHandle() {
	var Files = document.getElementById("upFileHandle").files;
	console.log(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 == 'avi' || typeName ==
			'wmv' || 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("upFileHandle").outerHTML = document.getElementById(
						"upFileHandle").outerHTML;
					$("#upFileHandle").change(function() {
						uploadHandle();
					});
					var r = $.parseJSON(result);
					if (r.state.toLowerCase() == "success") {
						var a = r.data;
						$(a).each(function(i, n) {
							// var strs = '<div class="imgC"><img src='+huayi.config.callcenter_url+n.F_FileUrl+' fiel-num="' + n.F_FileId +'" /><span class="del_file">X</span></div>'
							var strs = '<span class="filesHandle" fiel-num="' + n.F_FileId +
								'">' + n.F_FileName.substring(19) +
								'<span class="del_file">X</i></span>'
							$(strs).appendTo($('.fileBoxHandle')).find('.del_file').click(
								function(event) {
									event.stopPropagation();
									$(this).parent().remove();
									file_numHandle()
								})
						})
						file_numHandle();
					}
				}
			});
		} else {
			layer.msg("格式不正确");
		}

	} else {
		layer.confirm('请上传文件！', {
			btn: ['确定']
		});
	}
}

function file_numHandle() {
	var str = '';
	var Str;
	$('.fileBoxHandle .filesHandle').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;
	})
	console.log(Str)
	$("#fileHandle").val(Str);
}
// mui下拉
(function($, doc) {
	$.init();
	$.ready(function() {
		var cityPicker3 = new $.PopPicker({
			layer: 1
		});
		var townPicker = new $.PopPicker({
			layer: 1
		});
		var valPicker = new $.PopPicker({
			layer: 1
		});
		cityPicker3.setData(areaList);
		var showCityPickerButton = doc.getElementById('showCityPicker3');
		var cityResult3 = doc.getElementById('cityResult3');
		var townPickerPickerButton = doc.getElementById('showCityPicker2');
		var townResult = doc.getElementById('cityResult2');
		var valPickerPickerButton = doc.getElementById('showCityPicker1');
		var valResult = doc.getElementById('cityResult1');
		showCityPickerButton.addEventListener('tap', function(event) {
			cityPicker3.show(function(items) {
				cityResult3.value = (items[0].text ? items[0].text : "");
				area = items[0].value
				cityResult3.setAttribute("data-index", items[0].value);
				getAreaChildren(items[0].value)
				townPicker.setData(townList);
				townResult.value = ''
				valResult.value = ''
				townPickerPickerButton.addEventListener('tap', function(event) {
					townPicker.show(function(items) {
						townResult.value = (items[0].text ? items[0].text :
							"");
						town = items[0].value
						townResult.setAttribute("data-index", items[0]
							.value);
						getAreaChildren(items[0].value)
						valPicker.setData(townList);
						valResult.value = ''
						valPickerPickerButton.addEventListener('tap',
							function(event) {
								valPicker.show(function(items) {
									valResult.value = (items[0]
										.text ? items[0]
										.text : "");
									village = items[0].value
									valResult.setAttribute(
										"data-index", items[
											0].value);
								});
							}, false);
					});
				}, false);
			});
		}, false);
		//街道

	})
})(mui, document);