yiheRepair/SystemManager/js/addOrEditDic...

/**
 * 添加或修改字典项信息
 * */

var EnclosureList = []; //保存图片的数组
var uploader; //上传实例
var limitNum = 2; //限制数量

$(function() {
	autosize($('textarea'));
	var bs = helper.request.queryString("bs");
	$('#dic_ids').text(bs);

	if(bs === "SDQFL") {
		$('#belong_pro').show();
		getProlistDrop($('#sc_pro')); //项目下拉
	} else {
		$('#belong_pro').hide();
	}
	
	if(bs === "XTMC") {
		$('#uploadimg').show();
		uploaderImages(); //图片上传
	} else {
		$('#uploadimg').hide();
	}
	
	var fid = helper.request.queryString("fid");
	if(fid) {
		getInfo(fid);
	}
	
	//添加或编辑保存按钮点击
	$('#save_btns').on('click', saveInfo);

});

//获取
function getInfo(fid) {
	$.getJSON(huayi.config.callcenter_url + "configurationapi/api/dictionary/getdicvaluedetailes", {
		id: fid,
	}, function(data) {
		if(data.state == "success") {
			var con = data.data;
			if(con) {
				$('#dic_ids').text(con.dictionarycode);
				if(con.dictionarycode === "SDQFL") {
					$('#belong_pro').show();
					getProlistDrop($('#sc_pro')).then(function() {
						$('#sc_pro').selectpicker('val', con.projectname);
					}); //项目下拉
				} else {
					$('#belong_pro').hide();
				}
				
				if(con.dictionarycode === "XTMC"){
					$('#uploadimg').show();
					EnclosureList = con.system_image;
					EnclosureList = EnclosureList == null ? [] : EnclosureList;
					limitNum -= EnclosureList.length;
					uploaderImages(); //图片上传
					if(EnclosureList.length > 0) {
						$('#fileNum').text(EnclosureList.length);
						var $list = $("#fileList");
						$.each(EnclosureList, function(i, v) {
							//原来的图片
							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);
						});
						$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 = 2 - EnclosureList.length;
							uploaderImages();
						});
					}
				}else{
					$('#uploadimg').hide();
				}
				
				$('#dic_title').val(con.name);
				$('#dic_remark').val(con.describe);
				$('#dic_sort').val(con.sort);
			}
		}
	});
}

//保存
function saveInfo() {
	var fid = helper.request.queryString("fid");

	if($('#belong_pro').css('display') != "none") {
		if(!$.trim($('#sc_pro').val())) {
			layer.confirm('你还没有选择所属项目', {
				icon: 2,
				btn: ['确定'] //按钮
			});
			return;
		}
	}

	if(!$.trim($('#dic_title').val())) {
		layer.confirm('字典项名称不能为空', {
			icon: 2,
			btn: ['确定'] //按钮
		});
		return;
	}
	if($.trim($('#dic_sort').val())) {
		if(!regexs.phoneNum.test($.trim($('#dic_sort').val()))) {
			layer.confirm('排序编号必须是正整数', {
				icon: 2,
				btn: ['确定'] //按钮
			});
			return;
		}
	}
	var wUrl;
	if(fid) {
		wUrl = "configurationapi/api/dictionary/updatedicvalue"; //修改
	} else {
		wUrl = "configurationapi/api/dictionary/adddicvalue"; //添加
	}

	$.post(huayi.config.callcenter_url + wUrl, {
		id: fid, //为空或null表示需要添加，有数值表示需要更新
		projectname: $('#sc_pro').val(), //所属项目
		system_image: EnclosureList,//系统名称的 图片
		dictionarycode: $('#dic_ids').text(), //字典标识
		name: $('#dic_title').val(), //字典项名称
		describe: $('#dic_remark').val(), //备注
		sort: $('#dic_sort').val(), //排序
	}, function(data) {
		var data = JSON.parse(data);
		if(data.state == "success") {
			var index = parent.layer.getFrameIndex(window.name);
			parent.layer.close(index);
			parent.tableRight.bootstrapTable('refresh');
			parent.layer.msg("保存成功");
		}
	});
}

//获取项目下拉
function getProlistDrop(el) {
	var dtd = $.Deferred(); //在函数内部，新建一个Deferred对象
	$.ajax({
		type: "get",
		url: huayi.config.callcenter_url + "equipmentapi/api/ProjectInfo/getlistdrop",
		dataType: 'json',
		async: true,
		data: {},
		success: function(data) {
			el.empty();
			el.append("<option value=''>请选择项目</option>");
			var res = data.data;
			if(res) {
				for(var i = 0; i < res.length; i++) {
					$('<option value=' + res[i].text + '>' + res[i].text + '</option>').appendTo(el);
				}
				el.selectpicker('refresh');
			}
			dtd.resolve(); // 改变Deferred对象的执行状态
		}
	});
	return dtd.promise(); // 返回promise对象
}

//上传图片
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", // 文件接收服务端 
		pick: '#imgPicker', // 选择文件的按钮。可选 
		formData: {
			uploadtype: 'systemImages'
		},
		// 只允许选择图片文件。 
		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);
				}
			});
			$('#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;
		}
	};
}