潘钊 / bsth_control · Files

<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; }
	   
	   #forms > thead > tr> td >span{
	    width: 5px; 
		word-wrap: break-word; 
		letter-spacing: 20px; 
	  }
	  
	  #forms   > thead > tr> td >label{
	     word-break: keep-all;white-space:nowrap; 
	   }
</style>

<div class="page-head">
	<div class="page-title">
		<h1>$$$$$${txt-998}</h1>
	</div>
</div>

<!-- <div class="row"> -->
	<div  class="col-md-12 portlet light porttlet-fit bordered" style="height:calc(100% - 56px)">
<!-- 		<div> -->
			<div class="portlet-title">
				<form class="form-inline" action="">
                    <div style="display: inline-block;">
						<span class="item-label" style="width: 80px;">$$$$$${txt-2717}: </span>
						 <select
							class="form-control" name="nature" id="nature"
							style="width: 180px;">
							<option value="0">$$$$$${txt-2484}</option>
							<option value="1" selected="selected">$$$$$${txt-2679}</option>
							<option value="2">$$$$$${txt-1994}</option>
						</select>
					</div>
                    <div style="display: inline-block;margin-left: 15px;">
                        <span class="item-label" style="width: 80px;">$$$$$${txt-3282}: </span>
                        <input class="form-control" type="text" id="date" style="width: 180px;"/>
                    </div>
                    <div style="display: inline-block;margin-left: 15px;">
                        <span class="item-label" style="width: 80px;">$$$$$${txt-3283}: </span>
                        <input class="form-control" type="text" id="date2" style="width: 180px;"/>
                    </div>
                    <div class="form-group">
                        <input class="btn btn-default" type="button" id="query" value="$$$$$${txt-3841}"/>
                        <input class="btn btn-default" type="button" id="export" value="导出"/>
                    </div>
				</form>
			</div>
			<div class="portlet-body" id="tjrbBody" style="overflow:auto;height: calc(100% - 80px)">
				<div class="table-container"   style="margin-top: 10px;min-width: 906px">
					<label>$$$$$${txt-3470}<span id="rqxs"></span>&nbsp;&nbsp;&nbsp;&nbsp;$$$$$${txt-3420}:6:31~8:30&nbsp;&nbsp;&nbsp;&nbsp;$$$$$${txt-3421}:16:01~18:00</label>
					<table class="table table-bordered table-hover table-checkable" id="forms">
						<thead>
							<tr>
								<th colspan="45"><label id="tjrq"></label> $$$$$${txt-998}</th>
							</tr>
							<tr>
								<td rowspan="3"><span >$$$$$${txt-3694}</span></td>
								<td rowspan="3"><span >$$$$$${txt-3777}</span></td>
								<td colspan="22">$$$$$${txt-787}</td>
								<td colspan="15">$$$$$${txt-1535}</td>
								<td colspan="9">$$$$$${txt-2026}</td>
							</tr>
							<tr>
								<td rowspan="2"><label>$$$$$${txt-3531}</label></td>
								<td rowspan="2"><label>$$$$$${txt-3532}</label></td>
								<td rowspan="2"><label>$$$$$${txt-3534}</label></td>
								<td rowspan="2"><label>$$$$$${txt-3971}</label><label>$$$$$${txt-3536}</label></td>
								<td rowspan="2"><label>$$$$$${txt-3540}</label></td>
								<td rowspan="2"><label>$$$$$${txt-3538}</label></td>
								<td rowspan="2"><span>$$$$$${txt-2772}</span></td>
								<td rowspan="2"><span>$$$$$${txt-2771}</span></td>
								<td colspan="12">$$$$$${txt-788}</td>
								<td colspan="2">$$$$$${txt-2781}</td>
								<td colspan="3">$$$$$${txt-3186}</td>
								<td colspan="3">$$$$$${txt-3067}</td>
								<td colspan="3">$$$$$${txt-2705}</td>
								<td colspan="3">$$$$$${txt-2929}</td>
								<td colspan="3">$$$$$${txt-2780}</td>
								<td colspan="3">$$$$$${txt-2782}</td>
								<td rowspan="2">$$$$$${txt-594}</td>
								<td rowspan="2">$$$$$${txt-3920}</td>
							</tr>
							<tr>
								<td><span>$$$$$${txt-3961}</span></td>
								<td><span>$$$$$${txt-3963}</span></td>
								<td><span>$$$$$${txt-3840}</span></td>
								<td><span>$$$$$${txt-3838}</span></td>
								<td><span>$$$$$${txt-3837}</span></td>
								<td><span>$$$$$${txt-3957}</span></td>
								<td><span>$$$$$${txt-3958}</span></td>
								<td><span>$$$$$${txt-3962}</span></td>
								<td><span>$$$$$${txt-3960}</span></td>
								<td><span>$$$$$${txt-3956}</span></td>
								<td><span>$$$$$${txt-2765}</span></td>
								<td><span>$$$$$${txt-4197}</span></td>
								<td><span>$$$$$${txt-3966}</span></td>
								<td><span>$$$$$${txt-3839}</span></td>
								<td><span>$$$$$${txt-3959}</span></td>
								<td><span>$$$$$${txt-3420}</span></td>
								<td><span>$$$$$${txt-3421}</span></td>
								<td><span>$$$$$${txt-3959}</span></td>
								<td><span>$$$$$${txt-3420}</span></td>
								<td><span>$$$$$${txt-3421}</span></td>
								<td><span>$$$$$${txt-3959}</span></td>
								<td><span>$$$$$${txt-3420}</span></td>
								<td><span>$$$$$${txt-3421}</span></td>
								<td><span>$$$$$${txt-3959}</span></td>
								<td><span>$$$$$${txt-3420}</span></td>
								<td><span>$$$$$${txt-3421}</span></td>
								<td><span>$$$$$${txt-3959}</span></td>
								<td><span>$$$$$${txt-3420}</span></td>
								<td><span>$$$$$${txt-3421}</span></td>
								<td><span>$$$$$${txt-3959}</span></td>
								<td><span>$$$$$${txt-3420}</span></td>
								<td><span>$$$$$${txt-3421}</span></td>
							</tr>
						</thead>
						<tbody class="dispatch_daily_sum">
							
						</tbody>
					</table>
				</div>
			</div>
		</div>

<script>
	$(function(){
// 		$('#export').attr('disabled', "true");
		
		// 关闭左侧栏
		if (!$('body').hasClass('page-sidebar-closed'))
			$('.menu-toggler.sidebar-toggler').click();
		var d = new Date();
		d.setTime(d.getTime() - 1*1000*60*60*24);
		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").val(dateTime);
		$("#date2").val(dateTime);
		$("#date").datetimepicker({
			format : 'YYYY-MM-DD',
			locale : 'zh-cn',
			maxDate : dateTime
		});
		$("#date2").datetimepicker({
			format : 'YYYY-MM-DD',
			locale : 'zh-cn',
			maxDate : dateTime
		});
		
		var date = "";
		var date2 = "";
		var nature="";
		var time1="";
		var time2="";
		$("#query").on("click",function(){
			if($("#date").val() == null || $("#date").val().trim().length == 0){
				layer.msg("$$$$$${txt-1386}");
				return;
			}
			if($("#date2").val() == null || $("#date2").val().trim().length == 0){
				layer.msg("$$$$$${txt-1386}");
				return;
			}
			date = $("#date").val();
			date2 = $("#date2").val();
			nature=$("#nature").val();
					var params = {};
					params['date'] = date;
					params['date2'] = date2;
					params['nature'] = nature;
					params['type'] = "query";
					var i = layer.load(2);
					$get('/realSchedule/dispatchDailySum',params,function(result){
						// 把数据填充到模版中
						var tbodyHtml = template('dispatch_daily_sum',{list:result});
						// 把渲染好的模版html文本追加到表格中
						$('#forms .dispatch_daily_sum').html(tbodyHtml);
						layer.close(i);
						
						if(date == date2){
							$("#tjrq").html(date);
							$("#rqxs").html(date);
						} else {
							$("#tjrq").html(date + "-" + date2);
							$("#rqxs").html(date + "-" + date2);
						}
						
						if(result.length == 0){
							$("#export").attr('disabled',"true");
						}else{
							$("#export").removeAttr("disabled");
						}
					});
// 				}
// 			}
		});
		
// 		$("#tjrbBody").height($(window).height()-100);
		$("#export").on("click",function(){
			if($("#date").val() == null || $("#date").val().trim().length == 0){
				layer.msg("$$$$$${txt-1385}");
				return;
			}
			date = $("#date").val();
			date2 = $("#date2").val();
			nature=$("#nature").val();
			var params = {};
			params['date'] = date;
			params['date2'] = date2;
			params['nature'] = nature;
			params['type'] = "export";
				var i = layer.load(2);
				$get('/realSchedule/dispatchDailySum',params,function(result){
					var dateTime = "";
					if(date == date2){
						dateTime = moment(date).format("YYYYMMDD");
					} else {
						dateTime = moment(date).format("YYYYMMDD")
								+"-"+moment(date2).format("YYYYMMDD");
					}
					window.open("/downloadFile/download?fileName="
							+dateTime+"-$$$$$${txt-998}");
					layer.close(i);
				});
// 			}
		});
		

	});
</script>
<script type="text/html" id="dispatch_daily_sum">
	{{each list as obj i}}
		<tr style='{{if obj.zt==1}}color: red;{{/if}}
					{{if obj.fgsName==i18n('txt-3918') || obj.gsName=='浦交'}}background-color: #b9d6fb;{{/if}}'>
			<td>{{obj.gsName}}</td>
			<td>{{obj.fgsName}}</td>
			<td>{{obj.jhzlc}}</td>
			<td>{{obj.jhlc}}</td>
			<td>{{obj.jcclc}}</td>
			<td>{{obj.sjzgl}}</td>
			<td>{{obj.sjgl}}</td>
			<td>{{obj.sjksgl}}</td>
			<td>{{obj.ssbc}}</td>
			<td>{{obj.ssgl}}</td>
			<td>{{obj.ssgl_lz}}</td>
			<td>{{obj.ssgl_dm}}</td>
			<td>{{obj.ssgl_gz}}</td>
			<td>{{obj.ssgl_jf}}</td>
			<td>{{obj.ssgl_zs}}</td>
			<td>{{obj.ssgl_qr}}</td>
			<td>{{obj.ssgl_qc}}</td>
			<td>{{obj.ssgl_kx}}</td>
			<td>{{obj.ssgl_qh}}</td>
			<td>{{obj.ssgl_yw}}</td>
			<td>{{obj.ssgl_ljpm}}</td>
			<td>{{obj.ssgl_other}}</td>
			<td>{{obj.ljgl}}</td>
			<td>{{obj.ljks}}</td>
			<td>{{obj.jhbc}}</td>
			<td>{{obj.jhbc_m}}</td>
			<td>{{obj.jhbc_a}}</td>
			<td>{{obj.sjbc}}</td>
			<td>{{obj.sjbc_m}}</td>
			<td>{{obj.sjbc_a}}</td>
			<td>{{obj.ljbc}}</td>
			<td>{{obj.ljbc_m}}</td>
			<td>{{obj.ljbc_a}}</td>
			<td>{{obj.fzbc}}</td>
			<td>{{obj.fzbc_m}}</td>
			<td>{{obj.fzbc_a}}</td>
			<td>{{obj.dtbc}}</td>
			<td>{{obj.dtbc_m}}</td>
			<td>{{obj.dtbc_a}}</td>
			<td>{{obj.djg}}</td>
			<td>{{obj.djg_m}}</td>
			<td>{{obj.djg_a}}</td>
			<td>{{obj.djg_time}}</td>
			<td>&nbsp;</td>
		</tr>
	{{/each}}
	{{if list.length == 0}}
		<tr>
			<td colspan="45"><h6 class="muted">$$$$$${txt-750}</h6></td>
		</tr>
	{{/if}}
</script>