realDaily.html 11 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">
		<h1>$$$$$${txt-1007}</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 style="display: inline-block;">
                        <span class="item-label" style="width: 80px;">$$$$$${txt-3815}: </span>
                        <select class="form-control" name="line" id="line" style="width: 180px;"></select>
                    </div>
                    <div style="display: inline-block;margin-left: 15px;">
                        <span class="item-label" style="width: 80px;">$$$$$${txt-4004}: </span>
                        <input class="form-control" type="text" id="date" style="width: 180px;"/>
                    </div>
                    <div style="display: inline-block;">
                        <span class="item-label" style="width: 80px;">$$$$$${txt-3280}: </span>
                        <select class="form-control" name="dataShow" id="dataShow" style="width: 180px;">
                        	<option value="1">$$$$$${txt-3568}、$$$$$${txt-4022}、$$$$$${txt-4009}</option>
                        	<option value="2">$$$$$${txt-4009}、$$$$$${txt-4017}、$$$$$${txt-4022}</option>
                        	<option value="3">$$$$$${txt-4022}、$$$$$${txt-4017}、$$$$$${txt-4009}</option>
                        	<option value="4">$$$$$${txt-3568}</option>
                        	<option value="5">$$$$$${txt-4009}</option>
                        	<option value="6">$$$$$${txt-4022}</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <input class="btn btn-default" type="button" id="query" value="$$$$$${txt-3890}"/>
                        <input class="btn btn-default" type="button" id="export" value="$$$$$${txt-4163}"/>
                    </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="16">$$$$$${txt-591}</th>
							</tr>
						</thead>
						<tbody class="realDaily">
							
						</tbody>
					</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'
		});
		
		$('#line').select2({
            ajax: {
                url: '/realSchedule/findLine',
                type: 'post',
                dataType: 'json',
                delay: 150,
                data: function(params){
                    return{line: params.term};
                },
                processResults: function (data) {
                  return {
                    results: data
                  };
                },
                cache: true
            },
            templateResult: function(repo){
                if (repo.loading) return repo.text;
                var h = '<span>'+repo.text+'</span>';
                return h;
            },
            escapeMarkup: function (markup) { return markup; },
            minimumInputLength: 1,
            templateSelection: function(repo){
                return repo.text;
            },
            language: {
               noResults: function(){
                   return '<span style="color:red;font-size: 12px;">$$$$$${txt-807}</span>';
               },
               inputTooShort : function(e) {
                    return '<span style="color:gray;font-size: 12px;"><i class="fa fa-search"></i> $$$$$${txt-759}</span>';
               },
               searching : function() {
                    return '<span style="color:gray;font-size: 12px;"> $$$$$${txt-1379}</span>';
               }
            }
        });
		
		var line;
		var date;
		$("#query").on("click",function(){
			line = $("#line").val();
			date = $("#date").val();
			var dataShow = $("#dataShow").val();
			$get('/realSchedule/queryUserInfo',{line:line,date:date},function(result){               
				// 把数据填充到模版中
				var tbodyHtml = template('realDaily_'+dataShow,{list:result});
				// 把渲染好的模版html文本追加到表格中
				$('#forms .realDaily').html(tbodyHtml);
			});
		});
		$("#export").on("click",function(){
			$get('/realSchedule/dailyInfo',{line:line,date:date},function(result){
				window.open("/downloadFile/download?fileName=$$$$$${txt-1020}"+moment(date).format("YYYYMMDD"));
			});
		});
	});
</script>
<script type="text/html" id="realDaily_1">
	<tr>
		<td>$$$$$${txt-3568}</td>
		<td>$$$$$${txt-3567}</td>
		<td>$$$$$${txt-4022}</td>
		<td>$$$$$${txt-4009}</td>
		<td>$$$$$${txt-2897}</td>
		<td>$$$$$${txt-1327}</td>
		<td>$$$$$${txt-2912}</td>
		<td>$$$$$${txt-2913}</td>
		<td>$$$$$${txt-2433}</td>
		<td>$$$$$${txt-2431}</td>
		<td>$$$$$${txt-3526}</td>
		<td>$$$$$${txt-3186}</td>
		<td>$$$$$${txt-1328}</td>
		<td>$$$$$${txt-2434}</td>
		<td>$$$$$${txt-2432}</td>
		<td>$$$$$${txt-3067}</td>
	</tr>
	{{each list as obj i}}
		<tr>
			<td>{{obj.jName}}</td>
			<td>{{obj.sName}}</td>
			<td>{{obj.lpName}}</td>
			<td>{{obj.clZbh}}</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
		</tr>
	{{/each}}
	{{if list.length == 0}}
		<tr>
			<td colspan="16"><h6 class="muted">$$$$$${txt-750}</h6></td>
		</tr>
	{{/if}}
</script>
<script type="text/html" id="realDaily_2">
	<tr>
		<td>$$$$$${txt-4009}</td>
		<td>$$$$$${txt-3568}</td>
		<td>$$$$$${txt-3567}</td>
		<td>$$$$$${txt-4022}</td>
		<td>$$$$$${txt-2897}</td>
		<td>$$$$$${txt-1327}</td>
		<td>$$$$$${txt-2912}</td>
		<td>$$$$$${txt-2913}</td>
		<td>$$$$$${txt-2433}</td>
		<td>$$$$$${txt-2431}</td>
		<td>$$$$$${txt-3526}</td>
		<td>$$$$$${txt-3186}</td>
		<td>$$$$$${txt-1328}</td>
		<td>$$$$$${txt-2434}</td>
		<td>$$$$$${txt-2432}</td>
		<td>$$$$$${txt-3067}</td>
	</tr>
	{{each list as obj i}}
		<tr>
			<td>{{obj.clZbh}}</td>
			<td>{{obj.jName}}</td>
			<td>{{obj.sName}}</td>
			<td>{{obj.lpName}}</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
		</tr>
	{{/each}}
	{{if list.length == 0}}
		<tr>
			<td colspan="16"><h6 class="muted">$$$$$${txt-750}</h6></td>
		</tr>
	{{/if}}
</script>
<script type="text/html" id="realDaily_3">
	<tr>
		<td>$$$$$${txt-4022}</td>
		<td>$$$$$${txt-4009}</td>
		<td>$$$$$${txt-3568}</td>
		<td>$$$$$${txt-3567}</td>
		<td>$$$$$${txt-2897}</td>
		<td>$$$$$${txt-1327}</td>
		<td>$$$$$${txt-2912}</td>
		<td>$$$$$${txt-2913}</td>
		<td>$$$$$${txt-2433}</td>
		<td>$$$$$${txt-2431}</td>
		<td>$$$$$${txt-3526}</td>
		<td>$$$$$${txt-3186}</td>
		<td>$$$$$${txt-1328}</td>
		<td>$$$$$${txt-2434}</td>
		<td>$$$$$${txt-2432}</td>
		<td>$$$$$${txt-3067}</td>
	</tr>
	{{each list as obj i}}
		<tr>
			<td>{{obj.lpName}}</td>
			<td>{{obj.clZbh}}</td>
			<td>{{obj.jName}}</td>
			<td>{{obj.sName}}</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
		</tr>
	{{/each}}
	{{if list.length == 0}}
		<tr>
			<td colspan="16"><h6 class="muted">$$$$$${txt-750}</h6></td>
		</tr>
	{{/if}}
</script>
<script type="text/html" id="realDaily_4">
	<tr>
		<td>$$$$$${txt-3568}</td>
		<td>$$$$$${txt-2897}</td>
		<td>$$$$$${txt-1327}</td>
		<td>$$$$$${txt-2912}</td>
		<td>$$$$$${txt-2913}</td>
		<td>$$$$$${txt-2433}</td>
		<td>$$$$$${txt-2431}</td>
		<td>$$$$$${txt-3526}</td>
		<td>$$$$$${txt-3186}</td>
		<td>$$$$$${txt-1328}</td>
		<td>$$$$$${txt-2434}</td>
		<td>$$$$$${txt-2432}</td>
		<td>$$$$$${txt-3067}</td>
	</tr>
	{{each list as obj i}}
		<tr>
			<td>{{obj.jName}}</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
		</tr>
	{{/each}}
	{{if list.length == 0}}
		<tr>
			<td colspan="13"><h6 class="muted">$$$$$${txt-750}</h6></td>
		</tr>
	{{/if}}
</script>
<script type="text/html" id="realDaily_5">
	<tr>
		<td>$$$$$${txt-4009}</td>
		<td>$$$$$${txt-2897}</td>
		<td>$$$$$${txt-1327}</td>
		<td>$$$$$${txt-2912}</td>
		<td>$$$$$${txt-2913}</td>
		<td>$$$$$${txt-2433}</td>
		<td>$$$$$${txt-2431}</td>
		<td>$$$$$${txt-3526}</td>
		<td>$$$$$${txt-3186}</td>
		<td>$$$$$${txt-1328}</td>
		<td>$$$$$${txt-2434}</td>
		<td>$$$$$${txt-2432}</td>
		<td>$$$$$${txt-3067}</td>
	</tr>
	{{each list as obj i}}
		<tr>
			<td>{{obj.clZbh}}</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
		</tr>
	{{/each}}
	{{if list.length == 0}}
		<tr>
			<td colspan="13"><h6 class="muted">$$$$$${txt-750}</h6></td>
		</tr>
	{{/if}}
</script>
<script type="text/html" id="realDaily_6">
	<tr>
		<td>$$$$$${txt-4022}</td>
		<td>$$$$$${txt-2897}</td>
		<td>$$$$$${txt-1327}</td>
		<td>$$$$$${txt-2912}</td>
		<td>$$$$$${txt-2913}</td>
		<td>$$$$$${txt-2433}</td>
		<td>$$$$$${txt-2431}</td>
		<td>$$$$$${txt-3526}</td>
		<td>$$$$$${txt-3186}</td>
		<td>$$$$$${txt-1328}</td>
		<td>$$$$$${txt-2434}</td>
		<td>$$$$$${txt-2432}</td>
		<td>$$$$$${txt-3067}</td>
	</tr>
	{{each list as obj i}}
		<tr>
			<td>{{obj.lpName}}</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
		</tr>
	{{/each}}
	{{if list.length == 0}}
		<tr>
			<td colspan="13"><h6 class="muted">$$$$$${txt-750}</h6></td>
		</tr>
	{{/if}}
</script>