gz_car_ui/page/car_basic/child/car_form.html

177 lines
8.2 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/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 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>
<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>
<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>
</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/car_form.js" charset="utf-8"></script>
</html>