车辆派遣管理系统-15-单车查询

今日完成任务：单车查询功能及页面设计

核心代码：见下列插入的代码

遇到的问题：无

解决的方法：无

 

功能模块：单车查询

需要角色：任意

数据加载：车辆信息，加载月结算对应的派车单数据列表

数据验证：非空验证

导出报表：excel文件

业务描述：

按车牌号码统计该车所有派车单与月结算单信息，并生成报表

点击左侧“查询统计”下的“单车查询”菜单，在右侧主题区域加载单车查询子页面，选择不同的车牌号码查询不同车辆结算信息，点击结算信息，自动加载对应的派车单信息在下方，再次点击可以隐藏对应的派车单信息，查询后可以点击“生成报表”生成查询的车辆的月结算和对应的派车单的excel信息。

视频演示地址：https://www.bilibili.com/video/BV1Kf4y1d7Uj/

图文演示：

单车查询月结算信息

加载月结算信息相关的派车单信息和生成报表

单车查询子页面的html代码：

<table id="table0" width='100%' cellspacing="0" border='0'>
	<tr align="left">
		<td style="height:32px;">
			<div class="cxtjDiv">
				<input type="text" name="cxtj" value="" readonly="readonly"/>
				<ul>
				</ul>
			</div>
			<b id="tjtb"><img src="img/down.png" width="10px"/></b>
			<span style="margin-top:4px;margin-bottom:4px;margin-left:10px;">
				<button onclick="cx()">查 询 派 车 单 和 月 结 算 信 息</button>
			</span>
			<span style="margin-top:4px;margin-bottom:4px;margin-left:10px;">
				<button onclick="scbb()">生 成 报 表</button>
			</span>
			<span style="margin-left:20px;">[点击结算行信息可查看对应的派车单信息]</span>
		</td>
	</tr>
</table>
<table  class="table1" width='100%' cellspacing="0" border='0'>
	<tr align="left">
		<td width="5%">编号</td>
		<td width="9%">结算日期</td>
		<td width="9%">车牌号码</td>
		<td width="9%">结算年份</td>
		<td width="8%">结算月份</td>
		<td width="9%">月公里数</td>
		<td width="9%">月油费</td>
		<td width="8%">修理费</td>
		<td width="9%">总营业额</td>
		<td width="9%">毛利润</td>
	</tr>
</table>
<table class="list" width='100%' cellspacing="0">
	
</table>

单车查询子页面的js代码：

var bj=0;
function loadPage(rows,page,cphm,nian,yue){
	$(".list").html(' ');
	$.ajax({
		url:'yjsList',
		type:'post',
		data:'rows='+rows+'&row='+((page-1)*rows)+'&nian='+nian+'&yue='+yue+'&cphm='+cphm,
		async:false,
		success:function(data){
			var arr = eval(data);
			if(arr.length==0){
				$("#message").html("暂无月结算信息！");
    			var left = $("#message").width()/2;
				$("#message").css("left",$(window).width()/2-left);
				$("#message").css("top",270);
    			$("#message").fadeIn(1000);
    			messageOut();
				return;
			}
			var row="";
			$.each(arr,function(i,o){
				row +="<tr>";
				row +="<td width='5%'>"+o.jsbh+"</td>";
				row +="<td width='9%'>"+o.jsrq+"</td>";
				row +="<td width='9%'>"+o.cphm+"</td>";
				row +="<td width='9%'>"+o.jsnf+"年</td>";
				row +="<td width='8%'>"+o.jsyf+"月</td>";
				row +="<td width='9%'>"+o.zgls+"(km)</td>";
				row +="<td width='9%&#