gz_car_ui/page/car_basic/child/driver_form.html

144 lines
6.6 KiB
HTML
Raw Normal View History

2025-01-16 18:47:38 +08:00
<!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>
2025-01-16 18:47:38 +08:00
<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>
2025-01-21 15:50:15 +08:00
<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>
2025-01-16 18:47:38 +08:00
</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>
2025-10-28 09:26:00 +08:00
<script src="../../../lib/jquery-3.4.1/jquery-3.7.1.min.js" charset="utf-8"></script>
2025-01-16 18:47:38 +08:00
<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>