车辆派遣管理系统-01-派车单登记

今日完成任务：派车单登记功能及页面设计

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

遇到的问题：无

解决的方法：无

功能模块：派车单登记

需要角色：业务员（其他角色不能操作）

数据加载：自动派车单号、业务员信息、客户信息级联、车辆信息、驾驶员信息

数据验证：非空验证、费用必须为正数数字

业务描述：

如果客户有租车业务，需要通过业务员登记派车单，填写必要的信息，需要携带发票找管理员申报审核。

业务员登录以后，选择对应的客户信息，录入客户需要的派车单信息及支付方式、所属类别和租车费，数据无误后，点击“登记”按钮，即可进行派车单信息的登记，登记的相关车辆和驾驶员进入已出车状态，不能再次加载到登记表中，等开车回来审核后，脱离出车状态，方可在派车单登记时，继续指派。

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

图文演示：

派车单登记

派车单登记子页面HTML代码：

<table class="table1" width='100%' cellspacing="0" border='0'><tr align="left"></tr>
</table>
<form name="pcddjForm" class="layui-form pcddjForm"><table class="list" 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="hidden" name="ywybh"/><input type="text" name="ywyxm" class="layui-input" readonly="readonly"/></td></tr><tr><td> &nbsp;</td></tr><tr><td class="layui-form-label">用车单位</td><td><select name="ycdw" id="ycdw" lay-filter="ycdw" lay-verify="required"></select></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> &nbsp;</td></tr><tr><td class="layui-form-label">出车日期</td><td><input type="date" name="ccrq" class="layui-input"/></td><td class="layui-form-label">出车时间</td><td><input type="time" name="ccsj" class="layui-input"/></td></tr><tr><td> &nbsp;</td></tr><tr><td class="layui-form-label">目的地点</td><td><input type="text" name="mddd" class="layui-input"/></td><td class="layui-form-label">车牌号码</td><td><select name="clbh" id="clbh" lay-filter="clbh" lay-verify="required"></select></td><td class="layui-form-label">驾驶员</td><td><select name="jsybh" id="jsybh" lay-filter="jsybh" lay-verify="required"></select></td></tr><tr><td>&nbsp;</td></tr><tr><td class="layui-form-label">支付方式</td><td><select name="zffs"><option value="现金">现金</option><option value="微信">微信</option><option value="支付宝">支付宝</option></select></td><td class="layui-form-label">所属类别</td><td><select name="sslb"><option value="商用">商用</option><option value="旅游">旅游</option></select></td></tr><tr><td> &nbsp;</td></tr><tr><td class="layui-form-label">租车费</td><td><input type="number" name="zcf" class="layui-input"/></td><td class="layui-form-label">是否缴费</td><td><input class="radio" type="radio" name="zt" value="未缴费" title="未缴费" checked disabled/><input class="radio" type="radio" name="zt" value="已缴费" title="已缴费" disabled/><input type="hidden" name="zt" value="未缴费"/></td></tr><tr><td> &nbsp;</td></tr><tr><td class="layui-form-label">备注</td><td><input type="text" name="bz" value="无" class="layui-input"/></td><td class="layui-form-label">审核</td><td><input type="text" name="sh" value="未审核" class="layui-input" readonly="readonly"/></td></tr><tr><td> &nbsp;</td></tr><tr><td> &nbsp;</td></tr><tr><td colspan="6"align="center"><input type="button" value="登记" id="dj" class="layui-btn" style="width:150px;"/><button type="button" id='djcz' onclick="location.reload()" class="layui-btn layui-btn-primary" style="width:150px;">重置</button></td></tr></table>
</form>

业务员角色验证js代码（加载验证，登记验证）：

//鼠标悬停到业务员信息框触发
$("input[name='ywyxm']").mouseover(function(){if($("#zw").html()!='业务员'){$("#message").html("请业务员登录进行登记操作！");var left = $("#message").width()/2;var offsetTop = $(".pcddjForm").offset().top;var offsetLeft = $(".pcddjForm").offset().left;$("#message").css("left",offsetLeft+$(".pcddjForm").width()/2-left-50);$("#message").css("top",offsetTop+70);$("#message").fadeIn(1000);messageOut();}
});//提交登记时，进行角色验证
$("#dj").click(function(){if(f==1){$("#message").html("请登录业务员账号进行派车单登记！");var left = $("#message").width()/2;var offsetTop = $(".pcddjForm").offset().top;var offsetLeft = $(".pcddjForm").offset().left;$("#message").css("left",offsetLeft+$(".pcddjForm").width()/2-left-50);$("#message").css("top",offsetTop+70);$("#message").fadeIn(500);messageOut();return;}if(checkPcddj()){var s = $("form").serialize();$.ajax({url:'pcddjAdd',type:'post',data:s,async:false,success:function(data){var mes = "";if(data==0){mes="派车单登记失败！";$("#message").html(mes);var left = $("#message").width()/2;var offsetTop = $(".pcddjForm").offset().top;var offsetLeft = $(".pcddjForm").offset().left;$("#message").css("left",offsetLeft+$(".pcddjForm").width()/2-left-50);$("#message").css("top",offsetTop+70);$("#message").fadeIn(1000);messageOut();}else{mes="派车单登记成功！";$("#message").html(mes);var left = $("#message").width()/2;var offsetTop = $(".pcddjForm").offset().top;var offsetLeft = $(".pcddjForm").offset().left;$("#message").css("left",offsetLeft+$(".pcddjForm").width()/2-left-50);$("#message").css("top",offsetTop+70);$("#message").fadeIn(1000);messageOut();var sx=0;function shuaxin(){sx++;if(sx<=10){setTimeout(shuaxin,250);}else{location.reload();}}shuaxin();}}});}
});

数据加载js代码：（派车单号、客户信息、未用车辆信息、未用驾驶员信息、客户信息级联加载）

var f=0;
$(function(){var j=3;//根据当前时间随机派车单号var random_no = "";for (var i = 0; i < j; i++) //j位随机数，用以加在时间戳后面。{random_no += Math.floor(Math.random() * 10);}random_no = new Date().getTime() + random_no;$("input[name='pcdh']").val(random_no);//加载业务员信息$.ajax({url:'pcddjYwy',async:false,success:function(data){if(data==0){f=1;}else{f=0;var o = eval(data)[0];$("input[name='ywybh']").val(o.ywybh);$("input[name='ywyxm']").val(o.ywyxm);}}});//加载多个信息（所有的客户信息、未用的车辆信息、未用的驾驶员信息）$.ajax({url:'pcddjLoadMes',async:false,success:function(data){var arr = eval(data);var option="";$.each(arr[0],function(i,o){option+="<option value='"+o.khbh+"'>"+o.ycdw+"</option>";});$("select[name='ycdw']").html(option);$("input[name='lxr']").val(arr[1][0].lxr);$("input[name='khbh']").val(arr[1][0].khbh);$("input[name='lxdh']").val(arr[1][0].lxdh);var option="";$.each(arr[2],function(i,o){option+="<option value='"+o.clbh+"'>"+o.cphm+"</option>";});$("select[name='clbh']").html(option);var option="";$.each(arr[3],function(i,o){option+="<option value='"+o.jsybh+"'>"+o.jsyxm+"</option>";});$("select[name='jsybh']").html(option);}});
}
//根据选择的不同“用车单位”加载对应的“联系人”和“联系电话”
layui.use(['layer', 'jquery', 'form'], function () {var layer = layui.layer,$ = layui.jquery,form = layui.form;form.on('select(ycdw)', function(data){$.ajax({url:'pcddjCustomById',type:'post',data:"khbh="+data.value,async:false,success:function(data){var o = eval(data)[0];$("input[name='lxr']").val(o.lxr);$("input[name='lxdh']").val(o.lxdh);}});});
});

数据验证js代码：

$("input[name='bz']").focus(function(){var bz = $(this).val();if(bz=='无'){$(this).val("");}
});
$("input[name='bz']").blur(function(){var bz = $(this).val();if(bz==''){$(this).val("无");}
});
function checkPcddj(){var ccrq = $("input[name='ccrq']").val();if(ccrq.length==0){$("#message").html("请选择出车日期！");var left = $("#message").width()/2;var offsetTop = $(".pcddjForm").offset().top;var offsetLeft = $(".pcddjForm").offset().left;$("#message").css("left",offsetLeft+$(".pcddjForm").width()/2-left-50);$("#message").css("top",offsetTop+70);$("#message").fadeIn(1000);messageOut();return false;}else{var now = new Date();if(now>=new Date(ccrq)){$("#message").html("请提前一天预订！");var left = $("#message").width()/2;var offsetTop = $(".pcddjForm").offset().top;var offsetLeft = $(".pcddjForm").offset().left;$("#message").css("left",offsetLeft+$(".pcddjForm").width()/2-left-50);$("#message").css("top",offsetTop+70);$("#message").fadeIn(1000);messageOut();return false;}}var ccsj = $("input[name='ccsj']").val();if(ccsj.length==0){$("#message").html("请选择出车时间！");var left = $("#message").width()/2;var offsetTop = $(".pcddjForm").offset().top;var offsetLeft = $(".pcddjForm").offset().left;$("#message").css("left",offsetLeft+$(".pcddjForm").width()/2-left-50);$("#message").css("top",offsetTop+70);$("#message").fadeIn(1000);messageOut();return false;}var mddd = $("input[name='mddd']").val();if(mddd.length==0){$("#message").html("请输入目的地点！");var left = $("#message").width()/2;var offsetTop = $(".pcddjForm").offset().top;var offsetLeft = $(".pcddjForm").offset().left;$("#message").css("left",offsetLeft+$(".pcddjForm").width()/2-left-50);$("#message").css("top",offsetTop+70);$("#message").fadeIn(1000);messageOut();$("input[name='mddd']").focus();return false;}var zcf = $("input[name='zcf']").val();if(zcf.length==0||zcf<=0){$("#message").html("请正确输入租车费！");var left = $("#message").width()/2;var offsetTop = $(".pcddjForm").offset().top;var offsetLeft = $(".pcddjForm").offset().left;$("#message").css("left",offsetLeft+$(".pcddjForm").width()/2-left-50);$("#message").css("top",offsetTop+70);$("#message").fadeIn(1000);messageOut();$("input[name='zcf']").focus();return false;}return true;
}

派车单登记子页面css样式：

.table1{background-color:#eef;line-height:41px;font-size:12px;padding-left:25px;font-weight:bolder;color:#666;
}
.table1 tr td{padding-left:10px;
}
#xz{box-shadow:2px 2px 2px #aaa;cursor:pointer;
}
.table1{background-color:#eef;line-height:41px;font-size:12px;padding-left:25px;font-weight:bolder;color:#666;
}
.table1 tr td{padding-left:10px;
}
#xz{box-shadow:2px 2px 2px #aaa;cursor:pointer;
}
.pcddjForm{border:1px dotted #ccc;margin:15px 35px;margin-bottom:0px;background-color:#fff;padding:20px 20px;box-shadow:5px 5px 5px #aaa;padding-bottom:50px;
}
.list{font-size:12px;margin-top:15px;color:#666;
}
.pcddjForm input[type='text']{height:30px;
}
.layui-form-radio i {top: 0;width: 16px;height: 16px;line-height: 16px;border: 1px solid #d2d2d2;font-size: 12px;border-radius: 2px;background-color: #fff;color: #fff !important;
}
.layui-form-radioed i {position: relative;width: 18px;height: 18px;border-style: solid;background-color: #0a8;color: #6A8BF5 !important;
}
.layui-form-radioed i::after, .layui-form-radioed i::before {content: "";position: absolute;top: 8px;left: 5px;display: block;width: 12px;height: 2px;border-radius: 4px;background-color: #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);
}
.layui-form-radioed i::before {position: absolute;top: 10px;left: 2px;width: 7px;transform: rotate(-135deg);
}
#dj{margin-right:50px;
}
.pcddjForm input[type='number']{height:30px;
}
.pcddjForm input[type='text']{height:30px;
}

车辆派遣管理系统-01-派车单登记相关推荐

车辆派遣管理系统需求分析
车辆派遣管理系统需求分析 1.引言 1.1.背景当今Internet互联网发展迅速,改变了很多生活方式,也为生活提供了便利和快捷.信息化时代的高速发展下,传统的数据管理记录主要是通过纸质的资料来管理 ...
车辆派遣管理系统-查询统计
本周完成任务:派车单统计.出车率分析.已收款明细.未收款明细.结算明细.车补贴查询.单车查询及页面设计和生成报表核心代码:见下列插入的代码遇到的问题:无解决的方法:无项目燃尽图:见页面最后前 ...
车辆派遣管理系统-06-车辆信息管理
今日完成任务:车辆信息管理及页面设计核心代码:见下列插入的代码遇到的问题:无解决的方法:无功能模块:车辆信息管理需要角色:管理员(其他角色不能操作) 数据加载:车辆信息列表数据验证:非空验 ...
车辆派遣管理系统-07-驾驶员信息管理
今日完成任务:驾驶员信息管理及页面设计核心代码:见下列插入的代码遇到的问题:无解决的方法:无功能模块:驾驶员信息管理需要角色:管理员(其他角色不能操作) 数据加载:驾驶员信息列表数据验证: ...
车辆派遣管理系统第一周档案管理驾驶员信息管理
1.今日完成任务: (1)完成档案管理-驾驶员信息管理模块的代码书写及测试工作 2.核心源码: package com.dw.controller;import java.util.List;impo ...
蒙牛SAP实施项目-——“交货、派车、出库单”模块
一.功能实现交货.派车.出库单信息:获取提货时间.提货数量.预计到货日期.司机信息.车牌号.出库批次与数量等关键信息交货单:见图1,是交货单模块实现界面. 图1 交货单模块 (1)交货单查询:预报 ...
APS车间管理系统中加工单、派工单与作业排序的作用
1.车间任务单是按车间汇总经核实的MRP制造订单而生成. 2.派工单是一种面向工作中心说明生产作业加工优先级和安排生产任务的文件. 3.当确认生产作业计划之后,即可将其作为可行的生产任务来实施,可行的 ...
新车验车上牌之三 —— 验车、登记注册、领取牌照（转）
当您缴纳购置税之后,接下来就是去车管所和检测场验车.登记注册.领取牌照了. 验车.登记注册.领取牌照的程序需要在检测场和车管分所两处完成.在指定的机动车检测场验车后,再到相应的车辆管理分所注册登记.领 ...
烟花厂车辆监控管理系统解决方案
烟花厂车辆监控管理系统解决方案方案介绍目前国内很多烟花厂的车辆都是依靠人工管理的,每当有车辆出入库时,管理员只能逐个登记,十分费时费力,而且不免会有出现人为错误的时候.要保障烟花及时安全的运送到目 ...

车辆派遣管理系统-01-派车单登记

车辆派遣管理系统-01-派车单登记相关推荐

最新文章

热门文章