list.html 3.63 KB
<style type="text/css">
	.table-bordered {
	  border: 1px solid; }
	  .table-bordered > thead > tr > th,
	  .table-bordered > thead > tr > td,
	  .table-bordered > tbody > tr > th,
	  .table-bordered > tbody > tr > td,
	  .table-bordered > tfoot > tr > th,
	  .table-bordered > tfoot > tr > td {
	    border: 1px solid; }
	  .table-bordered > thead > tr > th,
	  .table-bordered > thead > tr > td {
	    border-bottom-width: 2px; }
	 
	 .table > tbody + tbody {
	   border-top: 1px solid; }
</style>

<div class="page-head">
	<div class="page-title" style="margin-left: 20px">
		<button id="exportList">数据导出</button>
	</div>
</div>

<div class="row" id="onTime">
	<div class="col-md-12">
		<div class="portlet light porttlet-fit bordered">
			<div class="portlet-body">
				<div class="table-container" style="margin-top: 10px;overflow:auto;min-width: 600px">
					<table class="table table-bordered table-hover table-checkable" id="forms_2">
						<thead>
							<tr>
								<td></td>
<!-- 								<td>日期</td> -->
<!-- 								<td>线路</td> -->
								<td>站点</td>
								<td>车辆自编号</td>
								<td>驾驶员</td>
								<td>路牌</td>
								<td>计划发车</td>
								<td>实际发车</td>
								<td>发车准点</td>
								<td>计划到站</td>
								<td>实际到站</td>
								<td>到站准点</td>
							</tr>
						</thead>
						
						<tbody>
							
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>
<script src="/pages/mforms/singledatas/jquery.table2excel.min.js"></script>
<script>
	$(function(){
		// 关闭左侧栏
		if (!$('body').hasClass('page-sidebar-closed'))
			$('.menu-toggler.sidebar-toggler').click();
		var no="";
		$("#onTime").on('init', function (e, id) {
			no=id;
			var date = id.split("_")[0];
			var endDate = date;
			var line = id.split("_")[1];
			var fgs = id.split("_")[3];
// 			var fgs=$('#fgsdm').val();
			var gs=$('#gsdm').val();
			$get('/busInterval/onTime',{line:line,startDate:date,endDate:endDate,gs:gs,fgs:fgs,flag:2},function(result){
				var onTime_2 = template('onTime_2',{list:result});
				$('#forms_2 tbody').html(onTime_2);
			});
		});
		$("#exportList").on('click',function(){
			var date = no.split("_")[0];
			var endDate = date;
			var line = no.split("_")[1];
			var fgs = no.split("_")[3];
// 			var fgs=$('#fgsdm').val();
			var gs=$('#gsdm').val();
			$get('/busInterval/onTime',{line:line,startDate:date,endDate:endDate,gs:gs,fgs:fgs,flag:2,type:"export",lineName:no.split("_")[2]},function(result){
				window.open("/downloadFile/download?fileName="
						+moment(date).format("YYYYMMDD")+"-"+no.split("_")[2]+"-发车到站准点率详细");
			});

		});
		
	});
</script>
<script type="text/html" id="onTime_2">
	{{each list as obj i}}
		<tr>
		<td>{{obj.no}}</td>
		<td>{{obj.zd}}</td>
		<td>{{obj.clzbh}}</td>
		<td>{{obj.jsy}}</td>
		<td>{{obj.lp}}</td>
		<td {{if obj.fcsjflag=="1"}}style="color: red" {{/if}}>{{obj.fcsj}}</td>
		<td {{if obj.fcsjflag=="1"}}style="color: red" {{/if}}>{{obj.fcsjA}}</td>
		<td {{if obj.fcsjflag=="1"}}style="color: red" {{/if}}>
			{{if obj.fcsjflag!="1"}}准点{{else}}不准点{{/if}}
		</td>
		<td {{if obj.zdsjflag=="1"}}style="color: red" {{/if}}>{{obj.zdsj}}</td>
		<td {{if obj.zdsjflag=="1"}}style="color: red" {{/if}}>{{obj.zdsjA}}</td>
		<td {{if obj.zdsjflag=="1"}}style="color: red" {{/if}}>
			{{if obj.zdsjflag!="1"}}准点{{else}}不准点{{/if}}
		</td>
		</tr>
	{{/each}}
	{{if list.length == 0}}
		<tr>
			<td colspan="10"><h6 class="muted">没有找到相关数据</h6></td>
		</tr>
	{{/if}}
</script>