123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8"/>
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <title>添加驾驶员</title>
- <link rel="stylesheet" href="../../../../assets/libs/layui/css/layui.css"/>
- <link rel="stylesheet" href="../../../../assets/module/formSelects/formSelects-v4.css"/>
- <link rel="stylesheet" href="../../../../assets/module/admin.css?v=312"/>
- </head>
- <body>
- <!-- 加载动画 -->
- <div class="page-loading">
- <div class="ball-loader">
- <span></span><span></span><span></span><span></span>
- </div>
- </div>
- <!-- 正文开始 -->
- <div class="layui-fluid">
- <div class="layui-card">
- <div class="layui-card-body">
- <div class="layui-card-header">添加驾驶员信息
- <div class="layui-inline pull-right">
- <button onclick="history.back()" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal"><i
- class="layui-icon"></i>返回
- </button>
- </div>
- </div>
- <div class="layui-card-body">
- <form class="layui-form" lay-filter="layuiForm" style="max-width: 800px;margin: 40px auto;">
- <div class="layui-form-item">
- <label class="layui-form-label w-width150"><span class="layui-badge-dot"></span>司机姓名:</label>
- <div class="layui-input-block w-m180">
- <input name="driverName" type="text" placeholder="司机姓名" class="layui-input"
- lay-verType="tips" lay-verify="required">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label w-width150">性别:</label>
- <div class="layui-input-block w-m180">
- <input type="radio" name="driverSex" value="1" title="男" checked="">
- <input type="radio" name="driverSex" value="0" title="女">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label w-width150"><span class="layui-badge-dot"></span>手机号:</label>
- <div class="layui-input-block w-m180">
- <input name="driverPhone" type="text" placeholder="手机号" class="layui-input"
- lay-verType="tips" lay-verify="required|phone|number">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label w-width150"><span class="layui-badge-dot"></span>身份证号:</label>
- <div class="layui-input-block w-m180">
- <input name="driverIdcard" type="text" placeholder="身份证号" class="layui-input"
- lay-verType="tips" lay-verify="required|identity|number">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label w-width150">从业资格证号:</label>
- <div class="layui-input-block w-m180">
- <input name="driverCertificateCard" type="text" placeholder="从业资格证号" class="layui-input"
- lay-verType="tips">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label w-width150"><span class="layui-badge-dot"></span>所属部门:</label>
- <div class="layui-input-block w-m180">
- <input type="text" id="groupName" class="layui-input" name="liableGroupIdName"
- value=""
- placeholder="点击选择车辆所属部门"
- class="form-control" readonly lay-verify="required">
- <input type="hidden" id="groupId" name="gId" readonly>
- <div id="menuContent" class="menuContent">
- <ul id="groupTree" class="ztree" style="margin-top:0;"></ul>
- </div>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label w-width150">准驾车型:</label>
- <div class="layui-input-block w-m180">
- <input name="driverAllowCarClass" type="text" placeholder="准驾车型" class="layui-input"
- lay-verType="tips">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label w-width150">驾驶证有效期限:</label>
- <div class="layui-input-block w-m180">
- <input type="hidden" id="driverLicenseStartDate" name="driverLicenseStartDate">
- <input type="hidden" id="driverLicenseEndDate" name="driverLicenseEndDate">
- <input type="text" class="layui-input" id="test1"
- placeholder=" - " lay-key="7" readonly>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label w-width150"><span
- class="layui-badge-dot"></span>驾驶证初次领证日期:</label>
- <div class="layui-input-block w-m180">
- <input type="text" name="driverLicenseGetDate" id="driverLicenseGetDate"
- lay-verify="date|required" autocomplete="off" class="layui-input" readonly>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label w-width150">驾驶证发证单位:</label>
- <div class="layui-input-block w-m180">
- <input name="driverLicenseOrg" type="text" placeholder="驾驶证发证单位" class="layui-input"
- lay-verType="tips">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label w-width150">联系地址:</label>
- <div class="layui-input-block w-m180">
- <input name="driverAddress" type="text" placeholder="联系地址" class="layui-input"
- lay-verType="tips">
- </div>
- </div>
- <div class="layui-form-item">
- <div class="layui-input-block w-m180">
- <button class="layui-btn" lay-filter="formSubmitBas" lay-submit> 提交 </button>
- <button type="reset" class="layui-btn layui-btn-primary"> 重置 </button>
- </div>
- </div>
- </form>
- </div>
- </div>
- </div>
- </div>
- <!-- js部分 -->
- <script type="text/javascript" src="../../../../assets/libs/layui/layui.js"></script>
- <script type="text/javascript" src="../../../../assets/js/common.js?v=312"></script>
- <script>
- layui.use(['layer', 'form', 'table', 'util', 'zTree', 'admin', 'uParas', 'laydate', '_groupTree'], function () {
- var $ = layui.jquery;
- var layer = layui.layer;
- var form = layui.form;
- var util = layui.util;
- var admin = layui.admin;
- var uParas = layui.uParas;
- var laydate = layui.laydate;
- var _groupTree = layui._groupTree;
- // 渲染laydate
- laydate.render({
- elem: '#driverLicenseGetDate', format: 'yyyy-MM-dd', type: 'date', max: 'date'
- });
- laydate.render({
- elem: '#test1', range: true, max: 'date', done: function (value, date, endDate) {
- var a = value.split(" - ");
- $("#driverLicenseStartDate").val(a[0]);
- $("#driverLicenseEndDate").val(a[1]);
- }
- });
- _groupTree.init(null);
- // 监听表单提交
- form.on('submit(formSubmitBas)', function (data) {
- // 表格选择的数据放到data.field中
- admin.req(uParas.baseUrl + '/ent/driver/save', data.field, function (resp) {
- if (resp.code == 1) {
- layer.msg(resp.msg);
- location.href = "./index.html";
- } else {
- layer.msg(resp.msg)
- }
- }, 'POST');
- return false;
- });
- });
- </script>
- </body>
- </html>
|