AnYang_UI/WebSite/js/shouli.js

$(document).ready(function () {
	$.support.cors = true; 
    $("#NEXT").click(function () {
        $(".xuzhi").hide();
        $('.tscon').show();
    });
    //信息分类
    LB($("#xxlb"));
    //主题关键词
    ZT($("#keys"));
    //事件区域
    QY($('#sourcearea'),0);
    $('#sourcearea').change(function(){
    	QY($('#town'),$(this).val())
    })
    $('#town').change(function(){
    	QY($('#village'),$(this).val())
    })

    //上传附件
    $("#scwj").click(function () {
        $("#upFile").trigger("click");
    })
    $("#upFile").change(function () {
        upload();
    })
//  $("#scfj").click(function () {
//      $(".fjnr").text("");
//      $("#scfj").hide();
//  });
    $("#SavedSubmit").click(function () {
    	var myreg = /^[0-9]*$/;
    	var myregs = /^[0-9]*$/
    	var reg=/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
        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  email=$("#email").val();
        var zipcode=$("#zipcode").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公开)
        if (!$.trim(cusname)) {
            layer.confirm('请输入姓名！', {
                btn: ['确定']
            });
            return;
        }
        if (!$.trim(cusphone)) {
            layer.confirm('请输入联系电话！', {
                btn: ['确定']
            });
            return;
        }
        if (!myreg.test($.trim(cusphone))) {
            layer.confirm('联系电话格式不正确！', {
                btn: ['确定']
            });
            return;
        }
        if (email) {
            if (!reg.test($.trim(email))) {
                layer.confirm('邮箱格式不正确！', {
                    btn: ['确定']
                });
                return;
            }
        }
        if (zipcode) {
            if (!/^[0-9][0-9]{5}$/.test($.trim(zipcode))) {
                layer.confirm('邮编格式不正确！', {
                    btn: ['确定']
                });
                return;
            }
        }
        if (!$.trim(touSuphone)) {
            layer.confirm('请输入投诉电话！', {
                btn: ['确定']
            });
            return;
        }
        if (!/^[0-9]*$/.test($.trim(touSuphone))) {
            layer.confirm('投诉电话格式不正确！', {
                btn: ['确定']
            });
            return;
        }
        if (!$.trim(title)) {
            layer.confirm('请输入主题！', {
                btn: ['确定']
            });
            return;
        }
        if (!type) {
            layer.confirm('请选择信息类别！', {
                btn: ['确定']
            });
            return;
        }
        if (!$.trim(content)) {
            layer.confirm('请输入内容！', {
                btn: ['确定']
            });
            return;
        }
        if (!keys) {
            layer.confirm('请选择主题词！', {
                btn: ['确定']
            });
            return;
        }
        if (!$.trim(sourceaddress)) {
            layer.confirm('请输入详细地址！', {
                btn: ['确定']
            });
            return;
        }
        
        $.ajax({
        	type:"post",
        	url:huayi.config.callcenter_url + 'web/AddWebWorkOrder',
        	async:true,
        	dataType:'json',
        	data:{
        		cusname: cusname,
	            cussex: cussex,
	            conphone: touSuphone,
	            //投诉电话
	            cusphone: cusphone,
	            //=投诉人电话
	            //cusaddress: cusaddress,
	            sourcearea: sourcearea,
	            sourceaddress: $('#town').find("option:selected").text()+" "+$('#village').find("option:selected").text()+" "+$('#sourceaddress').val(),
	            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
        	},
        	success:function(result){
        		 if (result.state.toLowerCase() == "success") {
        		 	debugger
                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();
    $.ajax({
    	type:"get",
    	url:huayi.config.callcenter_url + "web/GetWebTypeList",
    	async:true,
    	dataType:'json',
    	success: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>');
      $.ajax({
    	type:"get",
    	url:huayi.config.callcenter_url + "web/GetWebKeyList",
    	async:true,
    	dataType:'json',
    	success: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,aid) {
    obj.empty();
    //obj.append('<option selected="selected" value="">请选择</option>');
     $.ajax({
    	type:"get",
    	url:huayi.config.callcenter_url + "Web/GetWebAreaListById",
    	async:true,
    	dataType:'json',
    	data:{
    		id: aid,
    	},
    	success: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);
            })
            obj.trigger('change')
        }
    		
    	}
    });
}

//清除事件
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);	
	}