bonus
/
gz_car_ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
gz_car_ui/page/car_basic/child/car_form.html

168 lines
7.7 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/car_form.css" media="all">
</head>
<style>
body {
height: 96%;
}
.layui-form-item {
/* margin: 0 13% 1% 13%; */
}
.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="carNum" id="carNum" lay-verify="required|isCarNum" 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="brand" id="brand" 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="type" id="type" 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="ton" id="ton" lay-verify="required|isTon" maxlength="11"
placeholder="单位/吨">
</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="bxDay" id="bxDay" readonly style="cursor: pointer;"
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">
<select name="supId" id="supId" class="layui-select">
</select>
</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: 90px;text-align: end;">挂靠协议</p>
<div class="layui-upload-list uploader-list" style="overflow: auto;" id="uploader-list2"></div>
<div id="upload-box2">
<div id="test2">
<img src="../../../images/add.png" style="width: 30px;height: 30px;">
</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>行驶驶证照片<span class="required">*</span></p>
<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 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-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;">车辆保险<span class="required">*</span></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>
<p style="color: red;">doc、docx、pdf、xlsx、xls</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>
<script src="../../../lib/jquery-3.4.1/jquery-3.4.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/car_form.js" charset="utf-8"></script>
</html>