jobSummary.html 5.86 KB
<link href="/pages/forms/statement/css/autocompleter.css" rel="stylesheet" type="text/css" />
<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">
		<h1>统计日报</h1>
	</div>
</div>

<div class="row">
	<div class="col-md-12">
		<div class="portlet light porttlet-fit bordered">
			<div class="portlet-title">
				<form class="form-inline" action="">
					<div class="form-group">
						<label for="line">线路名称:</label>
						<input id="line" type="text" name="xlName_eq"/>
					</div>
					<div class="form-group">
						<label for="date">时间:</label>
						<input type="text" id="date" name="scheduleDate_eq"/>
					</div>
					<div class="form-group">
						<input class="btn btn-default" type="button" id="query" value="查询"/>
						<input class="btn btn-default" type="button" id="export" value="导出"/>
					</div>
				</form>
			</div>
			<div class="portlet-body">
				<div class="table-container" style="margin-top: 10px;overflow:auto;min-width: 906px">
					<table class="table table-bordered table-hover table-checkable" id="forms">
						<thead>
							<tr>
								<th colspan="10">调度员工作汇总日报</th>
							</tr>
							<tr>
								<td colspan="10">线路:85路&nbsp;&nbsp;&nbsp;&nbsp;日期:2016/5/26</td>
							</tr>
							<tr>
								<td colspan="10">安全服务情况:</td>
							</tr>
							<tr>
								<td colspan="2">少驶班次数</td>
								<td colspan="2">&nbsp;</td>
								<td colspan="2">少驶公里数</td>
								<td colspan="4">&nbsp;</td>
							</tr>
						</thead>
						<tbody>
							
						</tbody>
						<tr>
							<td>内容</td>
							<td>路牌</td>
							<td>车号</td>
							<td>司售</td>
							<td>地点</td>
							<td>时间</td>
							<td>故障分</td>
							<td>烂班班次</td>
							<td>烂班里程</td>
							<td>简要情况</td>
						</tr>
						<tr>
							<td>&nbsp;</td>
							<td>小计</td>
							<td colspan="2">少驶班次</td>
							<td>&nbsp;</td>
							<td colspan="4">少驶公里</td>
							<td>&nbsp;</td>
						</tr>
						<tr><td colspan="10">&nbsp;</td></tr>
						<tr>
							<td colspan="10">服务临加增加情况</td>
						</tr>
						<tr>
							<td colspan="2">临加班次书</td>
							<td colspan="2">&nbsp;</td>
							<td colspan="2">临加公里数</td>
							<td colspan="4">&nbsp;</td>
						</tr>
						<tr>
							<td>路牌</td>
							<td>车号</td>
							<td>司售</td>
							<td>地点</td>
							<td>时间</td>
							<td colspan="5">简要情况</td>
						</tr>
						<tr><td colspan="10">&nbsp;</td></tr>
						<tr>
							<td colspan="10">当日汇总</td>
						</tr>
						<tr>
							<td colspan="2">内容</td>
							<td>计划</td>
							<td>实际</td>
							<td colspan="3">6:31~8:30</td>
							<td colspan="3">16:01~18:00</td>
						</tr>
						<tr>
							<td colspan="2">班次</td>
							<td>&nbsp;</td>
							<td>&nbsp;</td>
							<td colspan="3">&nbsp;</td>
							<td colspan="3">&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2">公里</td>
							<td>&nbsp;</td>
							<td>&nbsp;</td>
							<td colspan="3">&nbsp;</td>
							<td colspan="3">&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2">临加</td>
							<td>&nbsp;</td>
							<td>&nbsp;</td>
							<td colspan="3">&nbsp;</td>
							<td colspan="3">&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2">上行快误点</td>
							<td>&nbsp;</td>
							<td>&nbsp;</td>
							<td colspan="3">&nbsp;</td>
							<td colspan="3">&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2">上行慢误点</td>
							<td>&nbsp;</td>
							<td>&nbsp;</td>
							<td colspan="3">&nbsp;</td>
							<td colspan="3">&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2">下行快误点</td>
							<td>&nbsp;</td>
							<td>&nbsp;</td>
							<td colspan="3">&nbsp;</td>
							<td colspan="3">&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2">下行慢误点</td>
							<td>&nbsp;</td>
							<td>&nbsp;</td>
							<td colspan="3">&nbsp;</td>
							<td colspan="3">&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2">放班班次</td>
							<td>&nbsp;</td>
							<td>&nbsp;</td>
							<td colspan="3">&nbsp;</td>
							<td colspan="3">&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2">调头班次</td>
							<td>&nbsp;</td>
							<td>&nbsp;</td>
							<td colspan="3">&nbsp;</td>
							<td colspan="3">&nbsp;</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>

<script>
	$(function(){
		// 关闭左侧栏
		if (!$('body').hasClass('page-sidebar-closed'))
			$('.menu-toggler.sidebar-toggler').click();
		
		$("#date").datetimepicker({
			format : 'YYYY-MM-DD',
			locale : 'zh-cn'
		});
		
		var lines = new Array();
		// 取得所有线路
		$get('/line/all', null, function(allLine) {
			// 遍历数组
			$.each(allLine, function(i, e) {
				var line = '{"hex":"'+e.company+'","label":"'+e.name+'"}';
				var obj = jQuery.parseJSON(line);
				lines[i]= obj;
			});
			
		});
		// 给输入框绑定autocomplete事件
		$("#line").autocompleter({
	        highlightMatches: true,
	        source: lines,
	        template: '{{ label }}',
	        hint: true,
	        empty: false,
	        limit: 5,
	    });		
	});
</script>
<script type="text/html" id="list_forms">
	{{each list as obj i}}
		<tr>
			
		</tr>
	{{/each}}
	{{if list.length == 0}}
		<tr>
			<td colspan="6"><h6 class="muted">没有找到相关数据</h6></td>
		</tr>
	{{/if}}
</script>