upload.html 3.6 KB
<div class="modal fade" id="uploadFile" tabindex="-1" role="basic"
	aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true"></button>
				<h4 class="modal-title">导入Excel</h4>
			</div>
			<div class="modal-body">
				<form class="form-horizontal" role="form" id="excelFile" method="post"
						action="" enctype="multipart/form-data">
					<input type="hidden" name="groupType" value="3">
					<div class="alert alert-danger display-hide">
						<button class="close" data-close="alert"></button>
						您的输入有误,请检查下面的输入项
					</div>
					<div class="form-body">
						<div class="form-group">
							<label class="col-md-3 control-label">选择日期</label>
							<div class="col-md-3">
								<input class="form-control" type="text" id="date" style="width: 180px;"/>
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-3 control-label">选择类型</label>
							<div class="col-md-3">
								<select class="form-control" name="reportType" id="reportType" >
									<option value="1">票务</option>
									<option value="2">二维码</option>
									<option value="3">申城通</option>
									<option value="4">实体卡</option>
									<option value="5">保通卡</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-3 control-label">选择文件</label>
							<div class="col-md-9">
								<input type="file" name="file" id="file" accept="application/vnd.ms-excel"/>
							</div>
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<!--<button type="button" class="btn default" id="downLoad">下载模板</button>-->
				<button type="button" class="btn default" data-dismiss="modal">取消</button>
				<button type="button" class="btn btn-primary" id="submit">确认导入</button>
			</div>
		</div>
	</div>
</div>
<script id="res_tbody_temp" type="text/html">

</script>
<script data-exclude=1>
	$(function() {
		//日期插件
		var d = new Date();
		var year = d.getFullYear();
		var month = d.getMonth() + 1;
		var day = d.getDate();
		if(month < 10)
			month = "0" + month;
		if(day < 10)
			day = "0" + day;
		var dateTime = year + "-" + month + "-" + day;
		$("#date").datetimepicker({
			format : 'YYYY-MM-DD',
			locale : 'zh-cn',
			maxDate : dateTime
		});
		$("#date").val(dateTime);
		//modal 显示事件
		$('#uploadFile').on('show.bs.modal', function(){}).modal('show');
		$('#submit').on('click', function() {
			layer.confirm('若已导入将覆盖原数据!', {
				btn : [ '确认提交', '取消' ]
			},function () {
				layer.close(layer.index);
				var j = layer.load(2);
				var reportType=$('#reportType').val();
				var date = $("#date").val();
				if(date==""||date==null){
					layer.msg('请选择日期.');
					return;
				}
				var param = {'reportType':reportType,'date':date};
				param.uploadDir = 'upload';
				$.ajaxFileUpload({
					url : '/xlybtz/uploadFile',
					secureuri : false,
					fileElementId : 'file',
					dataType : 'json',
					data : param,
					success : function(data) {
						layer.close(j);
						alert(data.result);
						$('#uploadFile').modal('hide');
						$('tr.filter .filter-submit').click();
					},
					error : function(data, status, e) {
						console.log(data);
						layer.close(j);
						alert("文件导入失败");
					}
				})
			});
		});
		
		$('#downLoad').on('click', function(){
			window.open("/downloadFile/downloadModel?fileName=票务数据导入模板");
		});
	});
</script>