YH_Web_UI/WebUI/CallCenterWe.../orderManagem.../js/addOrEditOrd...

/**
 * 工单增加或编辑
 * */

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

$(function() {
	var pro_Id = helper.request.queryString("edit_id");
	autosize($('textarea'));
	
	if(pro_Id) { //修改
		$.when(helper.getDropList.getlistDropByDic($('#order_source'), 'GDLY'), 
		helper.getDropList.getlistDropByDic($('#order_type'), 'GDLX'), 
		helper.getDropList.getProLocation($('#order_province'), $('#order_city')))
			.then(function() {
				getProject(pro_Id);
			});
	} else {
		uploaderImages(); //附件上传
		//获取工单来源
		helper.getDropList.getlistDropByDic($('#order_source'), 'GDLY').then(function() {
			$('#order_source').selectpicker('val', '5b9f254a94eefd1bcb989b41').trigger('change');
		});
	
		//获取工单类型
		helper.getDropList.getlistDropByDic($('#order_type'), 'GDLX');
	
		//省市二级联动
		helper.getDropList.getProLocation($('#order_province'), $('#order_city'));
	}

	//添加编辑保存按钮点击
	$('#pro_save').on('click', saveProject);
});

//获取详情
function getProject(ids) {
	$.getJSON(huayi.config.callcenter_url + "callcenterapi/api/BusOrder/getsingle", {
		ordercode: ids,//是	string	工单编号
	}, function(data) {
		if(data.state == "success") {
			var res = data.data.model;
			$('#order_source').selectpicker('val', res.sourceid).trigger('change'); //来源
			$('#order_type').selectpicker('val', res.typeid).trigger('change');//类型
			$('#order_name').val(res.name); //姓名
			$('#order_tel').val(res.phone); //电话
			$('#order_sex').find('input[type="radio"][value="'+ res.sex +'"]').prop('checked', true); //性别
			$('#order_province').selectpicker('val', res.province).trigger('change'); //所在省
			$('#order_city').selectpicker('val', res.city).trigger('change'); //所在市
			$('#order_address').val(res.address); //具体地址
			$('#order_content').val(helper.filter.content(res.content)); //内容
			
			EnclosureList = res.files;
			EnclosureList = EnclosureList == null ? [] : EnclosureList;
			limitNum -= EnclosureList.length;
			uploaderImages(); //附件上传
			if(EnclosureList.length > 0) {
				$('#fileNum').text(EnclosureList.length);
				var $list = $("#fileList");
				$.each(EnclosureList, function(i, v) {
					if(v.filesmallurl) {
						//原来的图片
						var $li = $(
							'<li><span class="img_mask"><i class="img_del"></i></span>' +
							'<img src="' + v.filesmallurl + '" title="原来的图片"/>' +
							'<span class="file_name">' + v.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.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(EnclosureList, function(i, v) {
						if(v && v.filename == itemFileName) {
							EnclosureList.splice(i, 1);
						}
					});
					$('#fileNum').text(EnclosureList.length);
					limitNum = 6 - EnclosureList.length;
					uploaderImages();
				});
			}

		}
	});
}

//保存
function saveProject() {
	var pro_Id = helper.request.queryString("edit_id");
	var wUrl, loadIndex;
	if(!regexs.userNameReg.test($.trim($('#order_name').val()))) {
		layer.confirm('请输入有效的客户姓名（2-20位汉字可以包含·•）！', {
			icon: 2,
			btn: ['确定']
		});
		return;
	}

	if(!regexs.phone.test($.trim($('#order_tel').val()))) {
		layer.confirm('请输入正确的电话！', {
			icon: 2,
			btn: ['确定']
		});
		return;
	}

	if(pro_Id) {
		wURL = "callcenterapi/api/BusOrder/update";
	} else {
		wURL = "callcenterapi/api/BusOrder/add";
	}

	$.ajax({
		type: 'post',
		url: huayi.config.callcenter_url + wURL,
		dataType: 'json',
		async: true,
		beforeSend: function() { //触发ajax请求开始时执行
			$('#pro_save').attr("disabled", true);
			$('#pro_save').text('保存中...');
			loadIndex = layer.load();
		},
		data: {
			//unique_id: CallID, //		否	string	callid
			//leaverecordid	否	string	语音留言id
			//callrecordid: , //	否	string	通话记录id
			ordercode: pro_Id,
			sourceid: $('#order_source').val(), //	否	string	来源id
			typeid: $('#order_type').val(), //	否	string	类型id
			name: $('#order_name').val(), //	否	string	姓名
			phone: $('#order_tel').val(), //	是	string	号码
			sex: $('#order_sex').find('input[type="radio"]:checked').val(), //	否	string	性别
			province: $('#order_province').val(), //	否	string	省code
			city: $('#order_city').val(), //	否	string	市code
			address: $('#order_address').val(), //	否	string	地址
//			deptid: $('#order_dept').attr('data-id'), //	否	string	部门id
			content: helper.filter.delHtmlTag($('#order_content').val()), //	是	string	工单内容
			files: EnclosureList, //否	list	附件json
			//title	是	string	标题
		},
		success: function(data) {
			layer.close(loadIndex);
			if(data.state == "success") {
				var index = parent.layer.getFrameIndex(window.name);
				parent.layer.close(index);
				parent.$('#table_all').bootstrapTable('refresh');
				parent.layer.msg("保存成功");
			} else {
				$('#pro_save').attr("disabled", false);
				$('#pro_save').text('保存');
			}
		},
		error: function(textStatus) {
			layer.close(loadIndex);
			layer.confirm('网络繁忙，请稍后再试...', {
				icon: 7,
				closeBtn: 0,
				btn: ['确定'] //按钮
			});
			$('#pro_save').attr("disabled", false);
			$('#pro_save').text('保存');
		},
		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: ['确定'] //按钮
				});　　　　
			}
			$('#pro_save').attr("disabled", false);
			$('#pro_save').text('保存');
		},

	});
}

//上传图片
function uploaderImages() {
	if(uploader) {
		uploader.destroy();
	}
	uploader = WebUploader.create({
		auto: true, // 选完文件后，是否自动上传 
		swf: '../plugins/webuploader/Uploader.swf', // swf文件路径 
		server: huayi.config.callcenter_url + "fileserverapi/Api/Upload", // 文件接收服务端 
		//server: "http://192.168.1.21:28270/api/upload", // 本地测试
		pick: '#imgPicker', // 选择文件的按钮。可选 
		formData: {
			uploadtype: 'equipRunPlan'
		},
		// 只允许选择图片文件。 
		accept: {
			//			title: 'Images',
			//			extensions: 'gif,jpg,jpeg,bmp,png',
			//			mimeTypes: 'image/*'
		},
		compress: false, //webuploader默认压缩图片,设置compress:false，可以按照原始比例上传图片  
		//fileVal: "upFile",//设置文件上传域的name。  
		threads: limitNum, //上传并发数。允许同时最大上传进程数,为了保证文件上传顺序  
		fileNumLimit: limitNum,
		fileSizeLimit: 30 * 1024 * 1024, // 30 M
		fileSingleSizeLimit: 5 * 1024 * 1024 // 5 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(EnclosureList, function(i, v) {
				if(v && v.filename == itemFileName) {
					EnclosureList.splice(i, 1);
					helper.methods.delImgs(v.filesmallurl, v.fileurl);
				}
			});
			//			var indexDel = $.inArray(itemFileName, EnclosureList);
			//			if(indexDel > -1) {
			//				EnclosureList.splice(indexDel, 1);
			//			}
			$('#fileNum').text(EnclosureList.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) {
		EnclosureList.push(res.data[0]);
		$('#fileNum').text(EnclosureList.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('单文件大小不能超过5M。');
				break;
			case "Q_EXCEED_SIZE_LIMIT":
				layer.msg('总文件大小不能超过30M。');
				break;
			default:
				break;
		}
	};
}

//巡检频率 执行间隔的change
function planintervalChange() {
	//每天,每2天,每3天,每4天,每5天,每6天,每7天,
	var checkedVal = $(this).val();
	if(!checkedVal) {
		$('#SStimes').hide();
		$('#plantimesCoont').hide();
		$('#msg_tips').hide(); //提示信息
	}
	if(Number(checkedVal) > 1) {
		$('#plantimes').selectpicker('val', '1').trigger('change');
		$('#plantimes').prop('disabled', true);
		$('#plantimes').selectpicker('refresh');
	} else {
		$('#plantimes').selectpicker('val', '1').trigger('change');
		$('#plantimes').prop('disabled', false);
		$('#plantimes').selectpicker('refresh');
	}
}

//巡检频率 执行频率的change
function plantimesChange() {
	//1-12次
	if(!$(this).val()) {
		$('#SStimes').hide();
		$('#plantimesCoont').hide();
		$('#msg_tips').hide(); //提示信息
	}

	if(Number($('#planinterval').val()) === 1) {
		$('#SStimes').hide();
		if($(this).val()) {
			$('#plantimesCoont').show();
			getExecutionTime($(this).val());
			$('#msg_tips').show(); //提示信息
			$('#msg_tips').find('.text-warning').text('提示：每天执行' + $(this).val() + '次，明日00:00:00开始执行计划！');
		}
	}
	if(Number($('#planinterval').val()) > 1) {
		$('#plantimesCoont').hide();
		$('#SStimes').show();
		getDaySelect(Number($('#planinterval').val()), $('#sstart_select')); //开始时间
		getDaySelect(Number($('#planinterval').val()), $('#sstop_select')); //结束时间
		$('#sstop_select').selectpicker('val', $('#sstop_select').find('option').length).trigger('change');
		$('#msg_tips').show(); //提示信息
		getMsgTips();
	}
}

//添加自定义字段
function btn_add() {
	var html = '<div class="custom_item col-md-5" data-ide="identifier_' + indexNum + '">' +
		'<div class="form-group">' +
		'<input type="text" id="fieldname_' + indexNum + '" class="form-control" placeholder="请输入字段名" />' +
		'</div>' +
//		'<div class="form-group">' +
//		'<input type="text" id="fieldvalue_' + indexNum + '" class="form-control" placeholder="请输入字段值" />' +
//		'</div>' +
		'<button class="form-control btn btn-default" onclick="btn_delete($(this))">删除</button>' +
		'</div>';
	$('#custom').prepend(html);
	indexNum++;
}

//删除自定义字段
function btn_delete(el) {
	el.parent().remove();
}

//获取所添加字段的值
function getFields() {
	var extensionlist = []; //自定义字段的数组[{“name”:”字段名”,”value”:”字段值”}]
	var custom_items = $('#custom').find('.custom_item');
	$.each(custom_items, function(i, v) {
		var obj = {};
		var fieldname = $(v).find('input[id*="fieldname_"]').val();
		if($.trim(fieldname)) {
			obj.name = fieldname;
			obj.value = '';
			extensionlist.push(obj);
		}
	});
	return extensionlist;
}

/**
 * 获取执行时间
 * t 执行的次数
 */
function getExecutionTime(t) {
	$('#plantimesCoont').empty();
	var timeArrs = setDefaultTime(Number(t));
	for(var i = 0; i < t; i++) {
		var m = i + 1;
		$('#plantimesCoont').append('<li class="form-group">' +
			'<label for="executionTime_' + m + '" class="col-md-2 text-right"><b class="text_require">*</b>执行时间(' + m + ')</label>' +
			'<div class="col-md-10">' +
			'<input id="executionTime_' + m + '" class="form-control" type="text" placeholder="请选择执行时间(' + m + ')" />' +
			'</div>' +
			'</li>');
		laydate.render({
			elem: '#executionTime_' + m,
			range: '~',
			type: 'time',
			btns: ['now', 'confirm'],
			theme: '#249fea',
		});
		$('#executionTime_' + m).val(timeArrs[i]);
	}
}

/**
 * 设置默认的执行时间 
 * t 执行的次数
 * 返回一个 时间的数组如["00:00:00 ~ 11:59:59", "12:00:00 ~ 23:59:59"]
 */
function setDefaultTime(t) {
	var timesArr = [];
	var m0, m1, m2;
	for(var i = 0; i < t; i++) {
		m0 = parseInt(24 / t) - 1;
		m1 = parseInt(24 / t) * i;
		m2 = parseInt(24 / t) * (i + 1) - 1;
		m0 = m0 < 10 ? '0' + m0 : m0;
		m1 = m1 < 10 ? '0' + m1 : m1;
		m2 = m2 < 10 ? '0' + m2 : m2;
		if(i === 0) {
			timesArr.push('00:00:00 ~ ' + m0 + ':59:59');
		} else if(i < (t - 1)) {
			timesArr.push(m1 + ':00:00 ~ ' + m2 + ':59:59');
		} else if(i === (t - 1)) {
			if(24 % t != 0) {
				timesArr.push(m1 + ':00:00 ~ 23:59:59');
			} else {
				timesArr.push(m1 + ':00:00 ~ ' + m2 + ':59:59');
			}
		}
	}
	return timesArr;
}

/**
 * 获取 第几天的下拉; 
 * t 执行的间隔
 * el 元素
 */
function getDaySelect(t, el) {
	var weekArrs = ['一', '二', '三', '四', '五', '六', '七'];
	el.empty();
	for(var i = 0; i < t; i++) {
		el.append('<option value="' + (i + 1) + '">第' + weekArrs[i] + '天</option>');
	}
	el.selectpicker('refresh');
}

/**
 * 获取提示信息
 * v1 开始时间
 * v2 结束时间
 */
function getMsgTips(v1, v2) {
	if(v1 && v1.type === "change") {
		v1 = $('#sstart_time').val();
	}
	v1 = (v1 === '' || v1 === undefined) ? $('#sstart_time').val() : v1;
	v2 = (v2 === '' || v2 === undefined) ? $('#sstop_time').val() : v2;
	$('#msg_tips').find('.text-warning').text('提示：' + $('#planinterval').find('option:selected').text() +
		'一次，执行时间' + $('#sstart_select').find('option:selected').text() +
		v1 + '至' +
		$('#sstop_select').find('option:selected').text() +
		v2 + '，明日00:00:00开始执行计划！');
}

/**
 *获取自定义时间段 
 */
function getExtensiontime() {
	var arr = [];
	if(Number($('#planinterval').val()) === 1) {
		var timeEls = $('#plantimesCoont').find('input[id*="executionTime_"]');
		for(var i = 0, len = timeEls.length; i < len; i++) {
			arr.push({
				"startdate": "1",
				"starttime": $(timeEls[i]).val() && $(timeEls[i]).val().split(' ~ ')[0],
				"enddate": "1",
				"endtime": $(timeEls[i]).val() && $(timeEls[i]).val().split(' ~ ')[1]
			});
		}
	} else if(Number($('#planinterval').val()) > 1) {
		arr.push({
			"startdate": $('#sstart_select').val(),
			"starttime": $('#sstart_time').val(),
			"enddate": $('#sstop_select').val(),
			"endtime": $('#sstop_time').val()
		});
	}
	return arr;
}