今日完成任务:派车单审核功能及页面设计
核心代码:见下列插入的代码
遇到的问题:无
解决的方法:无
功能模块:派车单审核
需要角色:管理员(其他角色不能操作)
数据加载:派车单信息列表
数据验证:非空验证、费用必须为正数数字、是否审核验证
列表分页:AJAX分页查询
业务描述:
车辆出车回来后,需要填写相关的费用,需要管理员审核,审核通过以后才可以进入财务环节
管理员登录以后,可以进行派车单的审核,点击左侧“业务管理”下的“派车单审核”菜单后,加载打开派车单审核子页面,页面内先加载出所有的派车单信息,派车单信息列表进行分页展示,缴费状态和审核状态如果非已完成状态则标红显示,点击“详情审核”可以查看派车单的具体信息,如果是未审核的派车单则可以进行审核操作。
视频演示地址:https://www.bilibili.com/video/BV1Da4y1E71x/
图文演示:
派车单列表
未审核
已审核
派车单审核子页面HTML代码:
<table class="table1" width='100%' cellspacing="0" border='0'>
<tr align="left">
<td width="5%"> </td>
<td width="15%">派车单号</td>
<td width="12%">出车日期</td>
<td width="10%">出车时间</td>
<td width="10%">租车费</td>
<td width="10%">实收金额</td>
<td width="10%">缴费状态</td>
<td width="10%">审核状态</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>
<option value="2">2</option>
<option value="3">3</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 class="layui-form-label">派车单号</td>
<td>
<input type="text" name="pcdh" class="layui-input" readonly="readonly"/>
</td>
<td class="layui-form-label">登记日期</td>
<td>
<input type="text" name="djrq" class="layui-input" readonly="readonly"/>
</td>
<td class="layui-form-label">业务员</td>
<td>
<input type="text" name="ywyxm" class="layui-input" readonly="readonly"/>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td class="layui-form-label">用车单位</td>
<td>
<input type="text" name="ycdw" class="layui-input" readonly="readonly"/>
</td>
<td class="layui-form-label">联系人</td>
<td>
<input type="hidden" name="khbh"/>
<input type="text" name="lxr" class="layui-input" readonly="readonly"/>
</td>
<td class="layui-form-label">联系电话</td>
<td>
<input type="text" name="lxdh" class="layui-input" readonly="readonly"/>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td class="layui-form-label">出车日期</td>
<td>
<input type="text" name="ccrq" class="layui-input" readonly="readonly"/>
</td>
<td class="layui-form-label">出车时间</td>
<td>
<input type="text" name="ccsj" class="layui-input" readonly="readonly"/>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td class="layui-form-label">目的地点</td>
<td>
<input type="text" name="mddd" class="layui-input" readonly="readonly"/>
</td>
<td class="layui-form-label">车牌号码</td>
<td>
<input type="hidden" name="clbh"/>
<input type="text" name="cphm" class="layui-input" readonly="readonly"/>
</td>
<td class="layui-form-label">驾驶员</td>
<td>
<input type="hidden" name="jsybh"/>
<input type="text" nam