车辆派遣管理系统-06-车辆信息管理

今日完成任务：车辆信息管理及页面设计

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

遇到的问题：无

解决的方法：无

 

功能模块：车辆信息管理

需要角色：管理员（其他角色不能操作）

数据加载：车辆信息列表

数据验证：非空验证、是否存在同名车牌验证

列表分页：AJAX分页查询

业务描述：

公司想要派遣车辆必须要先登记车辆的信息，有车辆才可以进行派车管理

管理员登录以后才可以进行车辆信息的管理，点击左侧“档案管理”下的“车辆信息管理”，在右侧主体区域加载车辆信息的子页面，并ajax加载所有的车辆信息资料，点击列表上面的“加号状图标”可以打开车辆添加窗口，在车辆添加窗口完成车辆信息的登记操作，点击列表后的“修改”按钮可以修改车辆信息，无论添加还是修改都会验证车牌号码是否已存在，不能重复添加，点击列表后的“删除”按钮可以删除车辆信息，点击删除弹窗的“是”即可完成删除。

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

图文演示：

车辆信息列表

车辆信息登记

车辆信息修改

车辆信息删除

车辆信息管理子页面HTML代码：

<table class="table1" width='100%' cellspacing="0" border='0'>
	<tr align="left">
		<td width="5%"><img id="xz" src="img/xz1.jpg" width="25px"/></td>
		<td width="8%">车辆编号</td>
		<td width="12%">车牌号码</td>
		<td width="15%">登记时间</td>
		<td width="10%">座位数</td>
		<td width="12%">厂牌型号</td>
		<td width="12%">车架号码</td>
		<td width="8%">状态</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>
		<option value="2">2</option>
		<option value="3">3</option>
	</select>
	页
	&nbsp;
	共
	<span></span>
	页
	</b>
</p>
<div class="addPageDiv">
	<div class="addPage">
		<h2>登记车辆信息<span><sup onclick="closeAddPageDiv()">×</sup></span></h2>
		<form>
		<table>
			<tr>
				<td align="right">车牌号码：</td>
				<td>
		  			<input type="text" name="cphm" placeholder="例：豫K55555"/><br/>
				</td>
			</tr>
			<tr>
				<td align="right">座位数：</td>
				<td>
		  			<input type="text" name="zws"/><br/>
				</td>
			</tr>
			<tr>
				<td align="right">厂牌型号：</td>
				<td>
		  			<input type="text" name="cpxh"/><br/>
				</td>
			</tr>
			<tr>
				<td align="right">车架号码：</td>
				<td>
		  			<input type="text" name="cjhm"/><br/>
				</td>
			</tr>
		</table>
  		</form>
		<p>
			<span class="bc" onclick="add()">保存</span>
			<span onclick="closeAddPageDiv()">取消</span>
		</p>
	</div>
</div>
<div class="updatePageDiv">
	<div class="updatePage">
		<h2>更新车辆信息<span><sup onclick="closeUpdatePageDiv()">×</sup></span></h2>
		<form>
		<table>
			<tr>
				<td align="right">车牌号码：</td>
				<td>
		  			<input type="hidden" name="clbh"/>
		  			<input type="text" name="cphm"/><br/>
				</td>
			</tr>
			<tr>
				<td align="right">登记时间：</td>
				<td>
		  			<input type="text" name="djsj" readonly="readonly"/><br/>
				</td>
			</tr>
			<tr>
				<td align="right">座位数：</td>
				<td>
		  			&