var proimglist = []; //保存项目图纸的数组
var uploader; //上传实例
$(document).ready(function() {

	getlevel();
	getarea();
	uploaderImages();

	//判断角色
	var $storages = window.localStorage;
	if($storages.getItem('roleName') == "班组") {
		$('#bz').show()
	} else if($storages.getItem('roleName') == "科室") {
		$('#ks').show()
	} else if($storages.getItem('roleName') == "部门") {
		$('#bm').show()
	} else if($storages.getItem('roleName') == "院级") {
		$('#otherRole').hide()
		$('#ks').hide()
		$('#bm').hide()
		$('#bm').hide()
	} else {
		$('#otherRole').show()
	}
	// 判断增加还是编辑
	var ajaxUrl;
	var ids = helper.request.queryString("edit_id");
	if(ids) {
		ajaxUrl = "testusertypeapi/api/TestUserType/upYhpctabs";
		getValue(ids);

	} else {
		ajaxUrl = "testusertypeapi/api/TestUserType/AddYhpctabs";
	}

	//保存
	$("#HY_save").click(function() {
		addValue(ajaxUrl, ids);
	})
})

function getlevel() {

	$("#Fxdjid").html('');
	equipmentdata = []
	$("#Fxdjid").append('<option value="">请选择风险等级</option>');
	$.ajax({
		type: "get",
		url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/GetFxdjtabs",
		async: true,
		dataType: 'json',
		data: {
			pageindex: 1,
			pagesize: 1000,
		},
		success: function(data) {

			var leveldata = []
			if(data.state.toLowerCase() == 'success') {

				leveldata = data.data.rows
				$(leveldata).each(function(q, p) {
					$("<option value='" + p.id + "'>" + p.Fxdjname + "</option>").appendTo("#Fxdjid");
					$("#Fxdjid").selectpicker('refresh');

				});

			} else {
				$("#Fxdjid").empty();
				$("#Fxdjid").selectpicker('refresh');
			}

		}
	});

}

function getarea() {

	$("#Fxqyid").html('');
	equipmentdata = []
	$("#Fxqyid").append('<option  value="">请选择风险区域</option>');
	$.ajax({
		type: "get",
		url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/GetFxqytabs",
		async: true,
		dataType: 'json',
		data: {
			pageindex: 1,
			pagesize: 1000,
		},
		success: function(data) {

			var arealdata = []
			if(data.state.toLowerCase() == 'success') {

				arealdata = data.data.rows
				$(arealdata).each(function(q, p) {
					console.log(p)
					$("<option value='" + p.id + "'>" + p.Fxqyname + "</option>").appendTo("#Fxqyid");
					$("#Fxqyid").selectpicker('refresh');

				});

			} else {
				$("#Fxqyid").empty();
				$("#Fxqyid").selectpicker('refresh');
			}

		}
	});

}

//添加
function addValue(ajaxUrl, ids) {

	if(!$("#title").val()) {
		layer.confirm('请输入标题！', {
			icon: 2,
			btn: ['确定'] //按钮
		});
		return;
	}
	if(!$("#Fxdjid").val()) {
		layer.confirm('请选择风险等级！', {
			icon: 2,
			btn: ['确定'] //按钮
		});
		return;
	}
	if(!$("#Fxqyid").val()) {
		layer.confirm('请选择风险区域！', {
			icon: 2,
			btn: ['确定'] //按钮
		});
		return;
	}
	if(!$("#Yhpcincont").val()) {
		layer.confirm('请输入风险详细信息！', {
			icon: 2,
			btn: ['确定'] //按钮
		});
		return;
	}

	$.ajax({
		type: "post",
		url: huayi.config.callcenter_url + ajaxUrl,
		async: true,
		dataType: 'json',
		data: {
			id: ids,
			Yhpctitle: $('#title').val(), //	标题
			Fxdjid: $("#Fxdjid option:selected").val(), //风险等级编号
			Fxqyid: $("#Fxqyid option:selected").val(), //风险区域编号
			Yhpcincont: $('#Yhpcincont').val(), // 详细信息
			faultpic: proimglist, //	图片
			Pcbz: $("#Pcbz option:selected").val(), //排查班组 
			Pcks: $("#Pcks option:selected").val(), //排查科室 
			Pcbm: $("#Pcbm option:selected").val(), //排查部门 
			Pcyj: $("#Pcyj option:selected").val(), //排查院级 
		},
		success: function(data) {
			if(data.state.toLowerCase() == 'success') {
				var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
				parent.layer.close(index); //再执行关闭
				layer.msg(data.message);
				parent.$('#table_all').bootstrapTable('refresh');
			}
		}
	});
}

//获取详情
function getValue(ids) {
	$.ajax({
		type: "get",
		url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/GetYhpctabsbyid",
		async: true,
		dataType: 'json',
		data: {
			id: ids
		},
		success: function(data) {
			if(data.state.toLowerCase() == 'success') {
				$('#title').val(data.data[0].Yhpctitle); //标题
				$('#Fxdjid').val(data.data[0].Fxdjid); //风险等级
				$('#Fxdjid').selectpicker('refresh');
				$('#Fxdjid').selectpicker('render');
				$('#Fxqyid').val(data.data[0].Fxqyid); //风险等级
				$('#Fxqyid').selectpicker('refresh');
				$('#Fxqyid').selectpicker('render');
				$('#Yhpcincont').val(data.data[0].Yhpcincont); //风险详细信息
				$("#Pcbz").val(data.data[0].Pcbz); //排查班组
				$('#Pcbz').selectpicker('refresh');
				$('#Pcbz').selectpicker('render');
				$("#Pcks").val(data.data[0].Pcks); //排查科室 
				$('#Pcks').selectpicker('refresh');
				$('#Pcks').selectpicker('render');
				$("#Pcbm").val(data.data[0].Pcbm); //排查部门 
				$('#Pcbm').selectpicker('refresh');
				$('#Pcbm').selectpicker('render');
				$("#Pcyj").val(data.data[0].Pcyj); //排查院级 
				$('#Pcyj').selectpicker('refresh');
				$('#Pcyj').selectpicker('render');

				proimglist = data.data[0].faultpic;
				proimglist = proimglist == null ? [] : proimglist;
				//					limitNum -= proimglist.length;
				uploaderImages(); //附件上传
				if(proimglist.length > 0) {
					//						$('#fileNum').text(proimglist.length);
					var $list = $("#fileList");
					$.each(proimglist, 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(proimglist, function(i, v) {
							if(v && v.filename == itemFileName) {
								proimglist.splice(i, 1);
							}
						});
						//							$('#fileNum').text(proimglist.length);
						//							limitNum = 6 - proimglist.length;
						uploaderImages();
					});

				}

			}

		}
	});

}

//上传附件
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: 'studyMaterialFile'
		},
		// 只允许选择图片文件。 
		accept: {
			//			title: 'Images',
			//			extensions: 'gif,jpg,jpeg,bmp,png',
			//			mimeTypes: 'image/*'
		},
		compress: false, //webuploader默认压缩图片,设置compress:false，可以按照原始比例上传图片  
		//fileVal: "upFile",//设置文件上传域的name。  
		//		threads: limitNum, //上传并发数。允许同时最大上传进程数,为了保证文件上传顺序  
		//		fileNumLimit: limitNum,
		fileSizeLimit: 50 * 1024 * 1024, // 50 M
		fileSingleSizeLimit: 20 * 1024 * 1024 // 20 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[0]);
		//		$('#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('单文件大小不能超过20M。');
				break;
			case "Q_EXCEED_SIZE_LIMIT":
				layer.msg('总文件大小不能超过50M。');
				break;
			default:
				break;
		}
	};
}