gz_car_ui/page/car_basic/child/driver_form.html

144 lines
6.6 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>驾驶员管理-新增</title>
<link rel="stylesheet" href="../../../lib/layui-v2.9.18/layui/css/layui.css" media="all">
<link rel="stylesheet" href="../../../css/font.css" media="all">
<link rel="stylesheet" href="../../../css/data_form.css" media="all">
<link rel="stylesheet" href="../../../css/car_basic/driver_form.css" media="all">
</head>
<style>
body {
height: 96%;
}
.layuimini-form>.layui-form-item>.layui-inline>.layui-input-inline {
width: 400px !important;
}
.main-box {
padding: 2% 0;
box-sizing: border-box;
height: calc(100% - 80px);
overflow-y: auto;
}
</style>
<body>
<div class="main-box">
<form class="layui-form layuimini-form" onclick="return false;" id="form3" lay-filter="formInfo">
<input id="id" name="id" hidden>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label required" style="width: 100px !important;">姓名</label>
<div class="layui-input-inline">
<input class="layui-input" name="name" id="name" lay-verify="required"
maxlength="30">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label required" style="width: 100px !important;">联系方式</label>
<div class="layui-input-inline">
<input class="layui-input" name="phone" id="phone" lay-verify="required|isPhone" maxlength="30">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label required" style="width: 100px !important;">所属供应商</label>
<div class="layui-input-inline">
<select name="supId" id="supId" class="layui-select"></select>
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label required" style="width: 100px !important;">是否为白名单</label>
<div class="layui-input-inline">
<input type="radio" lay-filter="isWhiteList" name="isWhiteList" value=0 title="否" checked>
<input type="radio" lay-filter="isWhiteList" name="isWhiteList" value=1 title="是">
</div>
</div>
</div>
<button type="submit" id="formSubmit" class="layui-btn" lay-submit="" lay-filter="formData"
style="display: none;"></button>
</form>
<div class="layui-upload" style="padding: 0 20px;">
<blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;width: auto;border: none;">
<p style="width: 100px;">身份证照片<span class="required">*</span></p>
<div class="layui-upload-list uploader-list" style="overflow: auto;" id="uploader-list2"></div>
<div id="upload-box2">
<div id="test2">
</div>
<p class="upload-title">身份证人像面</p>
</div>
</blockquote>
</div>
<div class="layui-upload" style="padding: 0 120px;">
<blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;width: auto;border: none;">
<div class="layui-upload-list uploader-list" style="overflow: auto;" id="uploader-list3"></div>
<div id="upload-box3">
<div id="test3">
</div>
<p class="upload-title">身份证国徽面</p>
</div>
</blockquote>
</div>
<div class="layui-upload" style="padding: 0 20px;">
<blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;width: auto;border: none;">
<p style="width: 100px;">驾驶证照片<span class="required">*</span></p>
<div class="layui-upload-list uploader-list" style="overflow: auto;" id="uploader-list4"></div>
<div id="upload-box4">
<div id="test4">
</div>
<p class="upload-title">驾驶证正页</p>
</div>
</blockquote>
</div>
<div class="layui-upload" style="padding: 0 120px;">
<blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;width: auto;border: none;">
<div class="layui-upload-list uploader-list" style="overflow: auto;" id="uploader-list5"></div>
<div id="upload-box5">
<div id="test5">
</div>
<p class="upload-title">驾驶证副页</p>
</div>
</blockquote>
</div>
<div class="layui-upload" style="padding: 0 20px;">
<blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;width: auto;border: none;">
<p style="width: 100px;">其他操作证</p>
<div class="layui-upload-list uploader-list" style="overflow: auto;" id="uploader-list6"></div>
<div id="upload-box6">
<div id="test6" style="margin-left: 10px;">
<img src="../../../images/add.png">
</div>
<div class="layout" style="flex-direction: column;margin-left: 2px;">
<p style="color: red;">提示最多上传5个附件</p>
<p style="color: red;">支持格式:jpg、png、jpeg</p>
</div>
</div>
</blockquote>
</div>
</div>
<div class="btn-box">
<button class="layui-btn layui-btn-primary cancel" onclick="closePage()">取消</button>
<button class="layui-btn layui-bg-blue save" onclick="saveData2()">保存</button>
</div>
</body>
<script src="../../../lib/jquery-3.4.1/jquery-3.7.1.min.js" charset="utf-8"></script>
<script src="../../../js/public.js" charset="utf-8"></script>
<script src="../../../lib/layui-v2.9.18/layui/layui.js" charset="utf-8"></script>
<script src="../../../js/car_basic/child/driver_form.js" charset="utf-8"></script>
</html>