XinXiangXLX_UI/CallCenterWe.../WorkOrder/js/AddKehuOrder...

/**
 * 手工制单
 * */
$(function() {
	//helper.getDropList.getlistDropByDic($('#order_handle'), 'QDLX');
	CPZL($("#order_handle"));
	uploaderImages();
})
$('#save_order').click(function() { //ID为test的元素点击时
	orderSave();
});
//新建工单 保存
function orderSave() {
	if($('#kehuxing').val()=="") {
    	layer.confirm('请输入客户姓名！', {
    		icon: 2,
    		btn: ['确定']
    	});
    	return;
    }
	if($('#kehudian').val()=="") {
    	layer.confirm('请输入电话！', {
    		icon: 2,
    		btn: ['确定']
    	});
    	return;
    }
	if($("#xiangxi").val()=="") {
    	layer.confirm('请输入详细地址！', {
    		icon: 2,
    		btn: ['确定']
    	});
    	return;
    }
	if($("#reception").val()=="") {
    	layer.confirm('请输入问题描述！', {
    		icon: 2,
    		btn: ['确定']
    	});
    	return;
    }
	$.post(huayi.config.callcenter_url + 'WxLogin/CustomAdd', {
		F_Source: 4, //工单来源
		F_Type: $('#order_isover').find('input[type="radio"]:checked').val(), //工单类型
		F_CusName: $('#kehuxing').val(), //客户姓名
		F_CusPhone: $('#kehudian').val(), //否	string	客户电话
	    F_Canal:$('#order_handle').val(), //渠道类型
		F_IncidentDetailed: $("#xiangxi").val(), //详细地址
		F_Description: $("#reception").val(), //问题描述
		F_Files: proimglist && proimglist.join(',') //附件
	}, function(result) {
		result = $.parseJSON(result);
		if(result.state.toLowerCase() == "success") {
			layer.msg("保存成功");
			setTimeout(function(){ window.location.reload() ; }, 2000);
			
		}
	})
}
function CPZL(obj) {
	obj.empty();
	obj.append('<option selected="selected" value="">请选择</option>');
	$.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlagWx", {
		"token": $.cookie("token"),
		flag: 'QDLX'
	}, function (data) {
		if (data.state.toLowerCase() == "success") {
			var content = data.data;
			$(content).each(function (i, n) {
				$("<option value='" + n.F_Name + "'>" + n.F_Name + "</option>").appendTo(obj);
			})
		}
	})
}

/**
 * 附件上传
 * */
var proimglist = []; //保存附件数组
var uploader; //上传实例
var limitNum = 6; //限制数量


//上传附件
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: {

		},
		// 多类型文件上传 
		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();
			$.each(proimglist, function(i, v) {
				if(v && v.filename == itemFileName) {
					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');
	});

	// 文件上传失败，显示上传出错。 
	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;
		}

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