今日完成任务:派车单统计功能及页面设计
核心代码:见下列插入的代码
遇到的问题:无
解决的方法:无
功能模块:派车单统计
需要角色:任意
数据加载:派车单信息列表、用车单位、车牌号码、驾驶员、业务员
数据验证:非空验证、历史日期验证
导出报表:excel文件
列表分页:AJAX分页查询
业务描述:
按用车单位、车号、驾驶员、业务员查询统计出出车日期范围内的派车单详细信息,可以生成报表
点击左侧“查询统计”下的“派车单统计”菜单,在右侧主题区域加载派车单统计子页面,并加载所有的派车单信息进行分页显示,点击“请选择查询条件”展开查询条件用车单位、车牌号、驾驶员、业务员,选择其中一个查询条件后,在页面加载添加具体信息,点选具体的查询信息后,需要继续选择查询的日期范围进行查询,查询后可以点击“生成报表”生成查询统计的派车单excel信息。
视频演示地址:https://www.bilibili.com/video/BV1sV411z7AK/
图文演示:
派车单列表
统计查询
生成报表
派车单统计子页面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>
<li>用车单位</li>
<li>车牌号码</li>
<li>驾驶员</li>
<li>业务员</li>
</ul>
</div>
<b id="tjtb"><img src="img/down.png" width="10px"/></b>
<div class="dataDiv">
<input type="text" name="sj" value="" readonly="readonly"/>
<input type="hidden" name="bh" value=""/>
<ul>
</ul>
</div>
<b id="tjtb2"><img src="img/down.png" width="10px"/></b>
<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="12%">派车单号</td>
<td width="8%">登记日期</td>
<td width="8%">出车日期</td>
<td width="7%">车牌号</td>
<td width="5%">业务员</td>
<td width="5%">联系人</td>
<td width="8%">客户电话</td>
<td width="6%">租车费</td>
<td width="5%">实收</td>
<td width="5%">缴费</td>
<td width="5%">审核</td>
<td width="5%">油费</td>
<td width="5%">过桥费</td>
<td width="5%">停车费</td>
<td width="5%">车补贴</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>
第
<select name="toNumPage" onchange="changeNumPage()">
<option value="1">1</option>
</select>
页
共
<span></span>
页
</b>
</p>
<div class="updatePageDiv">
<div class="updatePage">
<h2>派车月结算信息<span><sup onclick="closeUpdatePageDiv()">×</sup></span></h2>
<form name="pcddjForm" class="layui-form pcddjForm">
<table class="list1" width='' cellpadding="0" cellspacing="0">
<tr>
<td> </td>
</tr>
<tr >
<td class="layui-form-label">车牌号</td>
<td>
<input type="text" name="cphm" class="layui-input" readonly="readonly"/>
</td>
<td class="layui-form-label">结算年份</td>
<td>
<input type="text" name="jsnf" class="layui-input" readonly="readonly"/>
</td>
<td class="layui-form-label">结算月份</td>
<td>
<input type="text" name="jsyf" class="layui-input" readonly="readonly"/>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td class="layui-form-label">总营业额</td>
<td>
<input type="text" name="zyye" class="layui-input" readonly="readonly"/>
</td>
<td class="layui-form-label">总公里数</td>
<td>
<input type="text" name="zgls" class="layui-input" readonly="readonly"/>
</td>
<td class="layui-form-label">总油费</td>
<td>
<input type="text" name="yf" class="layui-input" readonly="readonly"/>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td class="layui-form-label">总过桥费</td>
<td>
<input type="text" name="gqf" class="layui-input" readonly="readonly"/>
</td>
<td class="layui-form-label">总停车费</td>
<td>
<input type="text" name="tcf" class="layui-input" readonly="readonly"/>
</td>
<td class="layui-form-label">总修理费</td>
<td>
<input type="text" name="xlf" class="layui-input" readonly="readonly"/>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td class="layui-form-label">轮胎耗损费</td>
<td>
<input type="text" name="ltf" class="layui-input" readonly="readonly"/>
</td>
<td class="layui-form-label">总工资费</td>
<td>
<input type="text" name="gz" class="layui-input" readonly="readonly"/>
</td>
<td class="layui-form-label">运营毛利润</td>
<td>
<input type="text" name="mlr" class="layui-input" readonly="readonly"/>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<