SYCW_UI/CallCenterWe.../ArchivesMana.../js/archivesStat...

$(document).ready(function() {
	var uploader;
	var limitNum = 6; //限制数量
	var proimglist = []; //保存附件数组
	var fields = []; //图片id
	var wzId = []; //物资id
	var wzState = [];
	var stateW;
	//获取公司的名称
	var companyname = decodeURI(helper.request.queryString("companyname"));
	//按钮状态
	var state = decodeURI(helper.request.queryString("state"));
	initTable();
	uploaderImages();
	if(state == "借阅" || state == "归还") {
		$("#out1").hide();
	}
	//提交
	$("#btn_save").click(function() {
		//获取表格选中内容
		var ids = $.map($('#watchTable').bootstrapTable('getSelections'),
			function(row) {
				return row;
			});
			console.log(ids);
		//获取物资id、获取物资状态
		for(var i = 0; i < ids.length; i++) {	
			wzId.push(ids[i].id);
			wzState.push(ids[i].statename);
		}
		console.log(wzId,wzState);
		var newids = wzId.join(","); //物资id
		var newfields = fields.join(","); //图片id
		if(state == "出库") {
			console.log("出库");
			for(var i = 0; i < wzState.length; i++) {
				if(wzState[i] == "已出库") {
					parent.layer.msg("出库失败，已有物资是出库状态");
					wzState=[];
					wzId=[];
					initTable();
					return;
				}
				$.ajax({
					type: "post",
					url: huayi.config.callcenter_url + "archives/CKOperate",
					async: true,
					dataType: 'json',
					data: {
						ids: newids, //物资id
						remark: $('#content').val(), //备注信息
						inside: $('#customer_isbankSlips').find('input[type="radio"]:checked').val(), //是否再外
						openid: "", //微信公众号用的
						companyName: companyname, //公司名称
						fields: newfields, //图片id
						token: $.cookie("token")
					},
					success: function(data) {

						if(data.state == "success") {
							var index = parent.layer.getFrameIndex(window.name);
							parent.layer.close(index);
							parent.layer.msg("出库成功");
							parent.initTable();
						}
						console.log(data);
					}
				})
			}
		} else if(state == "入库") {
			console.log("入库");
			for(var i = 0; i < wzState.length; i++) {
				if(wzState[i] == "在库") {
					parent.layer.msg("入库失败，已有物资是在库状态");
					wzState=[];
					wzId=[];
					initTable();
					return;
				}
				$.ajax({
					type: "post",
					url: huayi.config.callcenter_url + "archives/RKOperate",
					async: true,
					dataType: 'json',
					data: {
						ids: newids, //物资id
						remark: $('#content').val(), //备注信息
						inside: $('#customer_isbankSlips').find('input[type="radio"]:checked').val(), //是否再外
						openid: "", //微信公众号用的
						companyName: companyname, //公司名称
						fields: newfields, //图片id
						token: $.cookie("token")
					},
					success: function(data) {
						if(data.state == "success") {
							var index = parent.layer.getFrameIndex(window.name);
							parent.layer.close(index);
							parent.layer.msg("入库成功");
							parent.initTable();
						}
						console.log(data);
					}
				})
			}
		} else if(state == "借阅") {
			console.log("借阅");
			for(var i = 0; i < wzState.length; i++) {
				if(wzState[i] == "已出库") {
					parent.layer.msg("借阅失败，有物资是出库状态");
					wzState=[];
					wzId=[];
					initTable();
					return;
				}
				$.ajax({
					type: "post",
					url: huayi.config.callcenter_url + "archives/JYOperate ",
					async: true,
					dataType: 'json',
					data: {
						ids: newids, //物资id
						remark: $('#content').val(), //备注信息
						//					inside: $('#customer_isbankSlips').find('input[type="radio"]:checked').val(), //是否再外
						openid: "", //微信公众号用的
						companyName: companyname, //公司名称
						fields: newfields, //图片id
						token: $.cookie("token")
					},
					success: function(data) {
						if(data.state == "success") {
							var index = parent.layer.getFrameIndex(window.name);
							parent.layer.close(index);
							parent.layer.msg("借阅成功");
							parent.initTable();
						}
						console.log(data);
					}
				})
			}
		} else {
			console.log("归还");
			$.ajax({
				type: "post",
				url: huayi.config.callcenter_url + "archives/GHOperate",
				async: true,
				dataType: 'json',
				data: {
					ids: newids, //物资id
					remark: $('#content').val(), //备注信息
					//					inside: $('#customer_isbankSlips').find('input[type="radio"]:checked').val(), //是否再外
					openid: "", //微信公众号用的
					companyName: companyname, //公司名称
					fields: newfields, //图片id
					token: $.cookie("token")
				},
				success: function(data) {
					if(data.state == "success") {
						var index = parent.layer.getFrameIndex(window.name);
						parent.layer.close(index);
						parent.layer.msg("归还成功");
						parent.initTable();
					}else{
						wzState=[];
						wzId=[];
						initTable();
					}
				}
			})
		}

	})
	//上传图片
	function uploaderImages() {
		if(uploader) {
			uploader.destroy();
		}
		uploader = WebUploader.create({
			auto: true, // 选完文件后，是否自动上传 
			swf: '../../js/webuploader/Uploader.swf', // swf文件路径 
			server: huayi.config.callcenter_url + "archives/UpLoadProcess", // 文件接收服务端 
			pick: '#imgPicker', // 选择文件的按钮。可选 
			formData: {
				token: $.cookie("token")
			},
			// 只允许选择图片文件。 
			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(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) {
			fields.push(res.data);
			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('单文件大小不能超过5M。');
					break;
				case "Q_EXCEED_SIZE_LIMIT":
					layer.msg('总文件大小不能超过30M。');
					break;
				default:
					break;
			}

		};
	}
	//表格初始化
	function initTable() {
		//先销毁表格
		$('#watchTable').bootstrapTable('destroy');
		//初始化表格,动态从服务器加载数据
		$("#watchTable").bootstrapTable({
			method: "get", //使用get请求到服务器获取数据
			url: huayi.config.callcenter_url + "archives/GetListByCompany", //获取数据的Servlet地址
			contentType: 'application/x-www-form-urlencoded',
			striped: true, //表格显示条纹
			pagination: true, //启动分页
			pageSize: 10, //每页显示的记录数
			pageNumber: 1, //当前第几页
			pageList: [10, 20, 50, 100], //记录数可选列表
			search: false, //是否启用查询
			showColumns: false, //显示下拉框勾选要显示的列
			showRefresh: false, //显示刷新按钮
			sidePagination: "server", //表示服务端请求
			//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
			//设置为limit可以获取limit, offset, search, sort, order
			queryParamsType: "undefined",
			queryParams: function queryParams(params) { //设置查询参数
				var param = {
					PageIndex:params.pageNumber,
					pageSize:params.pageSize,
					F_CompanyName: companyname,
					token: $.cookie("token")
				};
				return param;
			},
			responseHandler: function(res) {
				return {
					"total": res.data.total, //总页数
					"rows": res.data.rows //数据
				};
			},
			onLoadSuccess: function() { //加载成功时执行
			},
			onLoadError: function() { //加载失败时执行
				//layer.msg("加载数据失败", { time: 1500, icon: 2 });
			}
		});
	}
});