车辆派遣管理系统-10-出车率分析

今日完成任务：出车率分析功能及页面设计

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

遇到的问题：无

解决的方法：无

 

功能模块：出车率分析

需要角色：任意

数据加载：出车率分析列表

数据验证：非空验证、历史日期验证

导出报表：excel文件

列表分页：AJAX分页查询

业务描述：

统计某段时间内容所有车辆的出车次数及租车费用，可以生成报表

点击左侧“查询统计”下的“出车率”菜单，在右侧主题区域加载出车率分析子页面，并加载所有车辆的出车率信息进行分页显示，选择查询的日期范围进行统计查询，查询后可以点击“生成报表”生成查询统计的车辆出车率excel信息。

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

图文演示：

出车率信息列表

查询出车率

 生成出车率报表

出车率统计子页面html代码：

<table id="table0" width='100%' cellspacing="0" border='0'>
	<tr align="left">
		<td style="height:32px;">
			<span style="margin-left:25px;">出车日期范围:</span>
			<span>
				<input type="date" name="start" />
			</span>
			<span>--</span>
			<span>
				<input type="date" name="end" />
			</span>
			<span style="margin-top:4px;margin-bottom:4px;margin-left:10px;">
				<button onclick="tjcx()">统 计 查 询</button>
			</span>
			<span style="margin-top:4px;margin-bottom:4px;margin-left:10px;">
				<button onclick="scbb()">生 成 报 表</button>
			</span>
		</td>
	</tr>
</table>
<table class="table1" width='100%' cellspacing="0" border='0'>
	<tr align="left">
		<td width="10%">车辆编号</td>
		<td width="12%">车牌号码</td>
		<td width="10%">座位数</td>
		<td width="10%">车牌型号</td>
		<td width="12%">车架号码</td>
		<td width="10%">出车次数</td>
		<td width="12%">租车费用</td>
		<td width="">出车率</td>
	</tr>
</table>
<table class="list" width='100%' cellspacing="0">
</table>
<p class="pageManager">
	<span><input type="hidden" name="rows" value="10"/></span>
	<b >
	<button onclick="first()">首页</button>
	<button onclick="prev()">上一页</button>
	<button onclick="next()">下一页</button>
	<button onclick="last()">尾页</button>
	&nbsp;
	第
	<select name="toNumPage" onchange="changeNumPage()">
		<option value="1">1</option>
	</select>
	页
	&nbsp;
	共
	<span></span>
	页
	</b>
</p>

出车率统计子页面js代码：

function loadPage(rows,page,start,end){
	$.ajax({
		url:'cclfxList',
		type:'post',
		data:'rows='+rows+'&row='+((page-1)*rows)+'&start='+start+"&end="+end,
		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);