YH_Web_UI/WebUI/CallCenterWe.../equipmentMai.../js/addOrEditMai...

/**
 * 保养计划增加或编辑
 * */

var EnclosureList = []; //保存附件的数组
var uploader; //上传实例
var limitNum = 6; //限制数量
var indexNum = 0;
var previous = ''; //系统名称切换前的值
var planSdate = ''; //提示信息 计划开始执行的日期；

$(function() {
	var pro_Id = helper.request.queryString("edit_id");
	autosize($('textarea'));
	getDays($('#sstart_select'));
	getDays($('#sstop_select'));
	laydate.render({
		elem: '#expirytime',
		range: '~',
		btns: ['now', 'confirm'],
		theme: '#249fea',
		min: helper.DateFormat.getNowDate(),
		done: function(value, date, endDate) {
			planSdate = value;
			getMsgTips();
		}
	});
// 	laydate.render({
// 		elem: '#sstart_time',
// 		type: 'time',
// 		theme: '#249fea',
// 		btns: ['now', 'confirm'],
// 		format: 'HH:mm',
// 		done: function(value, date, endDate) {
// 			getMsgTips(value);
// 		},
// 	});
// 	laydate.render({
// 		elem: '#sstop_time',
// 		type: 'time',
// 		theme: '#249fea',
// 		btns: ['now', 'confirm'],
// 		format: 'HH:mm',
// 		done: function(value, date, endDate) {
// 			getMsgTips('', value);
// 		},
// 	});
// 	$('#sstart_time').val('00:00');
// 	$('#sstop_time').val('23:59');
	if(pro_Id) { //修改
		$.when(helper.getDropList.getProlistDrop($('#pro_title')),
				getMatters())
			.then(function() {
				getProject(pro_Id);
			});
	} else {
		uploaderImages(); //附件上传
		//项目名称
		helper.getDropList.getProlistDrop($('#pro_title'));
		//系统名称
//		helper.getDropList.getlistDropByDic($('#sys_title'), 'XTMC');
		//设备名称
//		helper.getDropList.getEqplistDrop($('#eqp_title'));
		//保养类别
//		helper.getDropList.getlistDropCheckboxByDic($('#plan_type'), 'BYLB');
	}

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

	//绑定项目名称 切换
	$('#pro_title').parent().on('mouseup', sysTitleClick);
	$('#pro_title').on('change', sysTitleChange);

	//绑定保养频率 执行间隔的切换
	$('#planinterval').on('change', getMsgTips);
	
	
	//绑定开始时间 第几天 的切换
	$('#sstart_select').on('change', getMsgTips);

	//绑定结束时间 第几天 的切换
	$('#sstop_select').on('change', getMsgTips);

});

//获取详情
function getProject(ids) {
	$.getJSON(huayi.config.callcenter_url + "equipmentapi/api/womaintainplan/getsingle", {
		id: ids,
	}, function(data) {
		if(data.state == "success") {
			var res = data.data;
			var res = data.data;
			$('#pro_title').selectpicker('val', res.projectid); //项目名称
			$('#sys_title').selectpicker('val', res.matterids); //检查事项
			$('#plan_title').val(res.planname); //计划名称
			$('#plan_planclaim').val(helper.filter.content(res.planclaim)); //保养要求
			$('#plan_content').val(helper.filter.content(res.plancontent)); //保养内容
			
			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();
				});
			}

			//自定义字段
			if(res.extensionlist && res.extensionlist.length > 0) {
				for(var i = 0, len = res.extensionlist.length; i < len; i++) {
					var tplstr = '<div class="custom_item col-md-12" data-ide="identifier_' + i + '">' +
						'<div class="form-group col-md-10 col-sm-10">' +
						'<input type="text" id="fieldname_' + i + '" value="' + res.extensionlist[i].name + '" class="form-control input_matters" placeholder="请输入字段名" />' +
						'</div>' +
						'<button class="form-control btn btn-default" style="width:60px;margin-left:15px" onclick="btn_delete($(this))">删除</button>' +
						'</div>';
					$('#custom').prepend(tplstr);
				}
				indexNum = res.extensionlist.length;
			}
			//起止日期
			$('#expirytime').val(res.startdate.split(' ')[0] + ' ~ ' + res.enddate.split(' ')[0]);
			planSdate = res.startdate.split(' ')[0] + ' ~ ' + res.enddate.split(' ')[0];
//			//保养频率 执行间隔
			$('#planinterval').selectpicker('val', res.planinterval).trigger('change');
//			//保养频率 执行频率
//			$('#plantimes').selectpicker('val', res.plantimes).trigger('change');
			if(res.extensiontime && res.extensiontime.length > 0) {
				$('#sstart_select').selectpicker('val', res.extensiontime[0].startdate).trigger('change');
				$('#sstop_select').selectpicker('val', res.extensiontime[0].enddate).trigger('change');
				// $('#sstart_time').val(res.extensiontime[0].starttime.split(' ')[1].substring(0, 5)); //开始时间
				// $('#sstop_time').val(res.extensiontime[0].endtime.split(' ')[1].substring(0, 5)); //结束时间
				getMsgTips() //提示信息
			}

		}
	});
}

//保存
function saveProject() {
	var pro_Id = helper.request.queryString("edit_id");
	var wUrl, loadIndex, planinterval;
	//if(!regexs.proTitle.test($.trim($('#pro_title').val()))) {
	if(!$.trim($('#pro_title').val())) {
		layer.confirm('项目名称不能为空！', {
			icon: 2,
			btn: ['确定'] //按钮
		});
		return;
	}
	if(!$.trim($('#sys_title').val())) {
		layer.confirm('检查事项名称不能为空！', {
			icon: 2,
			btn: ['确定'] //按钮
		});
		return;
	}

	if(!$.trim($('#plan_title').val())) {
		layer.confirm('保养计划名称不能为空！', {
			icon: 2,
			btn: ['确定'] //按钮
		});
		return;
	}

	if(!$.trim($('#expirytime').val())) {
		layer.confirm('起止日期不能为空！', {
			icon: 2,
			btn: ['确定'] //按钮
		});
		return;
	}
	if(Number($('#sstart_select').val()) > Number($('#sstop_select').val())) {	
		layer.confirm('开始时间不能大于结束时间！', {
			icon: 2,
			btn: ['确定'] //按钮
		});
		return;
	}

// 	var d1 = $('#sstart_time').val();
// 	var d2 = $('#sstop_time').val();
// 
// 	if(!$.trim(d1)) {
// 		layer.confirm('开始时间不能为空！', {
// 			icon: 2,
// 			btn: ['确定'] //按钮
// 		});
// 		return;
// 	}
// 	if(!$.trim(d2)) {
// 		layer.confirm('结束时间不能为空！', {
// 			icon: 2,
// 			btn: ['确定'] //按钮
// 		});
// 		return;
// 	}
	
// 	if(Number($('#sstart_select').val()) === Number($('#sstop_select').val())){
// 		if(Date.parse('2018/09/10 ' + d1) >= Date.parse('2018/09/10 ' + d2)) {
// 			layer.confirm('开始时间不能大于结束时间！', {
// 				icon: 2,
// 				btn: ['确定'] //按钮
// 			});
// 			return;
// 		}
// 	}
	

	if(pro_Id) {
		wURL = "equipmentapi/api/womaintainplan/update";
	} else {
		wURL = "equipmentapi/api/womaintainplan/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: {
			id: pro_Id, //pro_Id为空的时候添加
			projectid: $('#pro_title').val(), // 是	string	项目名称id
//			systemid: $('#sys_title').val(), //	否	string	系统id
//			equipmentid: $('#eqp_title').val(), //否	string[]	设备名称id
			matterids: $('#sys_title').val(), //否	string[]	检查事项id,允许多选
			planname: $('#plan_title').val(), //是	string	保养计划名称
			planclaim: $('#plan_planclaim').val(), //是	string	保养计划要求
			plancontent: $('#plan_content').val(), //	是	string	保养计划内容
			planstate: 0, //	是	int	计划状态：0开始，1结束
			//maintaintype: mtDatas,//	否	List<string>	保养类别（暂时不用）
			maintainfile: EnclosureList, //否	List<FileBaseModel>	附件
			extensionlist: getFields(), //否	List	自定义字段json，如：[{“name”:”字段名”,”value”:”字段值”}]
			startdate: $('#expirytime').val() && $('#expirytime').val().split(' ~ ')[0], //是	datetime	开始日期
			enddate: $('#expirytime').val() && $('#expirytime').val().split(' ~ ')[1], //是	datetime	结束日期		
			//定时任务时启用	:—-	:——-	——-			
			plancycle: 2, //否	int	定时周期：1年，2月，4日；
			planinterval: $('#planinterval').val(), //否	int	执行间隔
			plantimes: 1, //	否	int	执行频率，几次			
			extensiontime: getExtensiontime(), //	否	list	自定义时间段json，每天是‘1’如：
			//[{“startdate”:”0”,”starttime”:”2018-08-27 10:00”,
			//”enddate”:”5”,”endtime”:”2018-08-27 15:00”}] 
			//startdate:开始日（第几天），starttime：开始时间，enddate：结束日（第几天），endtime：结束时间
		},
		success: function(data) {
			layer.close(loadIndex);
			if(data.state == "success") {
				var index = parent.layer.getFrameIndex(window.name);
				parent.layer.close(index);
				parent.initTable();
				parent.layer.msg("保存成功");
			} else {
				$('#pro_save').attr("disabled", false);
				$('#pro_save').text('保存');
			}
		},
		error: function(textStatus) {
			layer.close(loadIndex);
			layer.confirm('网络繁忙，请稍后再试...', {
				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('网络超时，请稍后再试...', {
					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;
		}
	};
}

/**
 * 获取保养频率 不是每天的提示信息
 * v1 开始时间
 * v2 结束时间
 */
function getMsgTips(v1, v2) {
	$('#msg_tips').show();
	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('提示：'+ planSdate +' '+ 
	 $('#planinterval').find('option:selected').text()
	 +'一次，执行时间: ' + $('#sstart_select').find('option:selected').text() +
		v1 + ' 至 ' +
		$('#sstop_select').find('option:selected').text() +
		v2 + '。');
}


/**
 *获取自定义时间段 
 */
function getExtensiontime() {
	var arr = [];
		arr.push({
			"startdate": $('#sstart_select').val(),
			"starttime": helper.DateFormat.getNowDateTime(),
			"enddate": $('#sstop_select').val(),
			"endtime": helper.DateFormat.getNowDateTime()
		});
	return arr;
}

//获取月份
function getDays(el){
	var eDays = ['第一个月','第二个月','第三个月','第四个月','第五个月','第六个月','第七个月','第八个月','第九个月','第十个月','第十一个月','第十二个月'];
	for(var i = 0, eDaysLen = eDays.length; i < eDaysLen; i++){
		el.append('<option value="'+ (i + 1) +'">'+ eDays[i] +'</option>');
	}
}


//项目名称切换前
function sysTitleClick() {
	previous = $(this).find('#pro_title').val();
}

//项目名称切换
function sysTitleChange() {
	var self = this;
	if($('#custom').find('.custom_item').length > 0) {
		layer.confirm('切换项目名称将清除当前检查事项内容,您确定要切换项目名称吗?', {
			icon: 7,
			closeBtn: 0,
			btn: ['确定', '取消'], //按钮
		}, function(index) {
			$('#custom').html('');
			getMatters();
			layer.close(index);
		}, function() {
			$(self).selectpicker('val', previous);
		});
	}else{
		getMatters();
	}
}


//获取检查项下拉和事项内容数据
function getMatters() {
	var dtd = $.Deferred(); //在函数内部，新建一个Deferred对象
	$.ajax({
		type: "get",
		url: huayi.config.callcenter_url + "equipmentapi/api/MattersMgr/getlist",
		dataType: 'json',
		async: true,
		data: {
			projectid: $('#pro_title').val(),//否	string	项目id
			type: 2 //	否	int	检查类型 2保养，3巡检
		},
		success: function(data) {
			var res = data.data.list;
			var contents = [];
			$('#sys_title').empty();
			$('<option value="" disabled>请选择检查事项</option>').appendTo($('#sys_title'));
			for(var i = 0; i < res.length; i++) {
				contents.push({
					"id": res[i].id,
					"lists": res[i].contents
				});
				$('<option value=' + res[i].id + '>' + res[i].matter + '</option>').appendTo($('#sys_title'));
			}
			$('#sys_title').selectpicker('refresh');
			$('#sys_title').on('change', function(){
				var self = this;
				$('#custom').html('');
				$.each(contents, function(j, v) {
					if($(self).val() && $(self).val().length > 0){
						$.each($(self).val(), function(k, m) {
							if(v.id === m){
								btn_add(v);
								return
							}
						});
					}
				});
			});
			dtd.resolve(); // 改变Deferred对象的执行状态
		}
	});
	return dtd.promise(); // 返回promise对象
}
//添加自定义字段
function btn_add(item) {
	if(item.lists && item.lists.length > 0){
		$.each(item.lists, function(i, v) {
			var tplstr = '';
			tplstr = '<div class="custom_item col-md-12" data-ide="identifier_' + indexNum + '">' +
				'<div class="form-group col-md-10 col-sm-10">' +
				'<input type="text" value="'+ v +'" id="fieldname_' + indexNum + '" class="form-control input_matters" placeholder="请输入检查事项内容" />' +
				'</div>' +
				'<button class="form-control btn btn-default" style="width:60px;margin-left:15px" onclick="btn_delete($(this))">删除</button>' +
				'</div>';
			$('#custom').prepend(tplstr);
			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 fieldname = $(v).find('input[id*="fieldname_"]').val();
		if($.trim(fieldname)) {
			extensionlist.push({
				"name": $.trim(fieldname),
				"value": ""
			});
		}
	});
	//去重
	extensionlist = helper.methods.uniqueObjArray(extensionlist, 'name');
	return extensionlist;
}