今日完成任务:单车月结算功能及页面设计
核心代码:见下列插入的代码
遇到的问题:无
解决的方法:无
功能模块:单车月结算
需要角色:财务(其他角色不能操作)
数据加载:月结算信息列表、车辆信息、动态加载近三年年份、动态加载月份并匹配当前月、所有查询月份的派车单信息
数据验证:非空验证、日期必须为合理日期,不能结算当前月,只能结算历史月份
列表分页:AJAX分页查询
业务描述:
财务进行派车单的收款以后,需要财务进行一个月内指定车牌号的派车单的结算,结算营业额和毛利润
财务人员登录以后,可以进行指定车辆的派车单的月结算,点击左侧“业务管理”下的“单车月结算”菜单后,加载打开财务收款子页面,页面内先加载出所有已结算的派车单车月结算信息,派车单车月结算信息列表进行分页展示,选择指定的“车牌号码”、“结算年份”、“结算月份”并点击“结算查询”可进行派车单信息的结算,如果不是已缴费状态和已审核状态则不能结算,如果允许结算,则弹窗显示对应的结算信息,点击确定即可完成指定车辆的月结算,并且不能重复结算。点击列表后的“月结算详情”可以查看月结算的具体信息,结算过的不能再次点击“确定”进行结算。
视频演示地址:https://www.bilibili.com/video/BV1Da4y1E7EV/
图文演示:
月结算列表
点击“结算查询”,不能包含未缴费和未审核信息
单车月结算子页面HTML代码:
<table id="table0" width='100%' cellspacing="0" border='0'>
<tr align="left">
<td>
<span>
车牌号码
</span>
<span>
<select name="clbh">
</select>
</span>
<span>
结算年份
</span>
<span>
<select name="jsnf">
</select>
</span>
<span>
结算月份
</span>
<span>
<select name="jsyf">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
</span>
<span style="margin-top:4px;margin-bottom:4px;margin-left:10px;">
<button onclick="jiesuan()">结 算 查 询</button>
</span>
</td>
</tr>
</table>
<table class="table1" width='100%' cellspacing="0" border='0'>
<tr align="left">
<td width="4%"> </td>
<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>
<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"/>
</t