@layout("/common/_container.html"){
|
<style type="text/css">
|
#category label{
|
padding: 5px 20px;
|
border-radius: 5px;
|
border: 1px solid #E5E6E7;
|
margin-left: 20px;
|
}
|
.category{
|
padding: 5px 20px;
|
border-radius: 5px;
|
border: 1px solid #FF6600;
|
background-color: #FF6600;
|
color: #FFF;
|
margin-left: 20px;
|
}
|
.col-sm-9 label{
|
padding: 5px 20px;
|
margin-right: 20px;
|
border: 1px solid #E5E6E7;
|
border-radius: 5px;
|
}
|
.labelCheacked{
|
border: 1px solid #005EBB !important;
|
background-color: #005EBB;
|
color: #FFF;
|
}
|
</style>
|
<div class="ibox float-e-margins">
|
<div class="ibox-content">
|
<div class="form-horizontal" id="carInfoForm">
|
<div class="row" id="category">
|
<label class="category" tag="1" onclick="checkedCategory(this, 1)">非营运车辆</label>
|
<label tag="2" onclick="checkedCategory(this, 2)">营运车辆</label>
|
</div>
|
<div class="row">
|
<div class="col-sm-6">
|
<h3>基本信息</h3>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*标题：</label>
|
<div class="col-sm-9">
|
<input class="form-control" id="title" name="title"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*车辆识别代码：</label>
|
<div class="col-sm-9">
|
<input class="form-control" id="carIdentificationCode" name="carIdentificationCode"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*车牌号：</label>
|
<div class="col-sm-9">
|
<input class="form-control" id="carLicensePlate" name="carLicensePlate"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*品牌：</label>
|
<div class="col-sm-9">
|
<select class="form-control" id="brandId" name="brandId">
|
@for(item in carBrand){
|
<option value="${item.id}">${item.name}</option>
|
@}
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*车辆颜色：</label>
|
<div class="col-sm-9">
|
<input class="form-control" id="carColor" name="carColor"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*首次上牌时间：</label>
|
<div class="col-sm-9">
|
<input class="form-control" id="licensingTime" name="licensingTime"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*行驶里程(万公里)：</label>
|
<div class="col-sm-9">
|
<input class="form-control" id="mileage" name="mileage" onblur="limitLength(this, 'double', 10)"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*牌照所在地：</label>
|
<div class="col-sm-9">
|
<input class="form-control" id="locationOfLicensePlate" name="locationOfLicensePlate"/>
|
</div>
|
</div>
|
<div class="operation" style="display: none;">
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*剩余营运时间：</label>
|
<div class="col-sm-9">
|
<input class="form-control" id="remainingOperationTime" name="remainingOperationTime"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*营运车辆更新时间：</label>
|
<div class="col-sm-9">
|
<input class="form-control" id="operationUpdateTime" name="operationUpdateTime"/>
|
</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*过户次数：</label>
|
<div class="col-sm-9">
|
<input class="form-control" id="transferTimes" name="transferTimes" onblur="limitLength(this, 'int', 2)"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*排量：</label>
|
<div class="col-sm-9">
|
<input class="form-control" id="displacement" name="displacement"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*变速箱：</label>
|
<div class="col-sm-9">
|
<input class="form-control" id="transmissionCase" name="transmissionCase"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*级别：</label>
|
<div class="col-sm-9">
|
<!-- <input class="form-control" id="level" name="level"/>-->
|
<select class="form-control" id="level" name="level">
|
<option value="">请选择</option>
|
<option value="1">微型车</option>
|
<option value="2">小型车</option>
|
<option value="3">紧凑型车</option>
|
<option value="4">中型车</option>
|
<option value="5">中大型车</option>
|
<option value="6">大型车</option>
|
<option value="7">小型SUV</option>
|
<option value="8">紧凑型SUV</option>
|
<option value="9">中型SUV</option>
|
<option value="10">中大型SUV</option>
|
<option value="11">大型SUV</option>
|
<option value="12">紧凑型MPV</option>
|
<option value="13">中型MPV</option>
|
<option value="14">中大型MPV</option>
|
<option value="15">大型MPV</option>
|
<option value="16">跑车</option>
|
<option value="17">皮卡</option>
|
<option value="18">微面</option>
|
<option value="19">轻客</option>
|
<option value="20">微卡</option>
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*车辆售价：</label>
|
<div class="col-sm-9">
|
<input class="form-control" id="transferPrice" name="transferPrice" type="number" min="0" onblur="limitLength(this, 'double', 10)"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*是否包含过户费：</label>
|
<div class="col-sm-9" id="includingTransferFee">
|
<label class="labelCheacked" tag="1" onclick="checkedLable(this)">是</label><label tag="2" onclick="checkedLable(this)">否</label>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">车辆新车价：</label>
|
<div class="col-sm-9">
|
<input class="form-control" id="newCarPrice" name="newCarPrice" type="number" min="0" onblur="limitLength(this, 'double', 10)"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">车况描述：</label>
|
<div class="col-sm-9">
|
<textarea class="form-control" id="describe" name="describe" style="height: 200px;"></textarea>
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<h3>车辆图片信息</h3>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*车辆图片(0/15)：</label>
|
<div class="col-sm-9">
|
<div id="imgUrl" style="float: left;"></div>
|
|
<img src="/static/img/shangchuanpic.png" width="100px" onclick="uploadImg('imgUrl')"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">车辆视频(0/1)：</label>
|
<div class="col-sm-9">
|
<div id="videoUrl" style="float: left;"></div>
|
|
<img src="/static/img/shangchuanpic.png" width="100px" onclick="uploadImg('videoUrl')"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">描述图片：</label>
|
<div class="col-sm-9">
|
<div id="describeImgUrl" style="float: left;"></div>
|
|
<img src="/static/img/shangchuanpic.png" width="100px" onclick="uploadImg('describeImgUrl')"/>
|
</div>
|
</div>
|
<h3>更多信息</h3>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*交强险到期时间：</label>
|
<div class="col-sm-9">
|
<input class="form-control" id="dueTimeOfCompulsoryInsurance" name="dueTimeOfCompulsoryInsurance"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*年检到期时间：</label>
|
<div class="col-sm-9">
|
<input class="form-control" id="expirationTimeOfAnnualInspection" name="expirationTimeOfAnnualInspection"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*商业险到期时间：</label>
|
<div class="col-sm-9">
|
<input class="form-control" id="maturityTimeOfCommercialInsurance" name="maturityTimeOfCommercialInsurance"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">是否有抵押：</label>
|
<div class="col-sm-9" id="mortgage">
|
<label class="labelCheacked" tag="1" onclick="checkedLable(this)">有</label><label tag="2" onclick="checkedLable(this)">无</label>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">车辆加装配置：</label>
|
<div class="col-sm-9" id="installationConfiguration">
|
<div class="col-sm-3"><input type="checkbox" value="GPS导航"> GPS导航</div>
|
<div class="col-sm-3"><input type="checkbox" value="倒车影像"> 倒车影像</div>
|
<div class="col-sm-3"><input type="checkbox" value="定速巡航"> 定速巡航</div>
|
<div class="col-sm-3"><input type="checkbox" value="多媒体控制"> 多媒体控制</div>
|
<div class="col-sm-3"><input type="checkbox" value="前雷达"> 前雷达</div>
|
<div class="col-sm-3"><input type="checkbox" value="全景摄像头"> 全景摄像头</div>
|
<div class="col-sm-3"><input type="checkbox" value="胎压监测"> 胎压监测</div>
|
<div class="col-sm-3"><input type="checkbox" value="氙气大灯"> 氙气大灯</div>
|
<div class="col-sm-3"><input type="checkbox" value="车内氛围灯"> 车内氛围灯</div>
|
<div class="col-sm-3"><input type="checkbox" value="车载电视"> 车载电视</div>
|
<div class="col-sm-3"><input type="checkbox" value="铝合金轮圈"> 铝合金轮圈</div>
|
<div class="col-sm-3"><input type="checkbox" value="车载冰箱"> 车载冰箱</div>
|
<div class="col-sm-3"><input type="checkbox" value="行车显示屏"> 行车显示屏</div>
|
<div class="col-sm-3"><input type="checkbox" value="运动座椅"> 运动座椅</div>
|
</div>
|
</div>
|
<h3>联系人信息填写</h3>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*联系人手机号：</label>
|
<div class="col-sm-9">
|
<input class="form-control" id="contactsPhone" name="contactsPhone" onblur="limitLength(this, 'int', 11)"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*联系人名称：</label>
|
<div class="col-sm-9">
|
<input class="form-control" id="contactsName" name="contactsName" onblur="limitLength(this, 'text', 5)"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*取车地址：</label>
|
<div class="col-sm-2">
|
<select class="form-control" id="provinceCode" placeholder="省" name="provinceCode">
|
@for(item in regions){
|
<option value="${item.code}">${item.name}</option>
|
@}
|
</select>
|
</div>
|
<div class="col-sm-2">
|
<select class="form-control" id="cityCode" placeholder="市" name="cityCode">
|
@for(item in city){
|
<option value="${item.code}">${item.name}</option>
|
@}
|
</select>
|
</div>
|
<div class="col-sm-5">
|
<input class="form-control" id="addres" name="addres" placeholder="请输入详细地址" onblur="limitLength(this, 'text', 20)"/>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row btn-group-m-t">
|
<div class="col-sm-10 col-sm-offset-5">
|
<#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="SellingCarInfo.close()"/>
|
<#button btnCss="info" name="确认" id="ensure" icon="fa-check" clickFun="SellingCarInfo.addSubmit(1)"/>
|
@if(push){
|
<#button btnCss="info" name="直接上架" id="ensure" icon="fa-check" clickFun="SellingCarInfo.addSubmit(2)"/>
|
@}
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<input type="file" style="display: none;" id="file">
|
<script src="${ctxPath}/static/modular/system/sellingCar/sellingCar_info.js"></script>
|
<script type="text/javascript">
|
laydate.render({
|
elem: '#licensingTime'
|
,type: 'date'
|
});
|
laydate.render({
|
elem: '#dueTimeOfCompulsoryInsurance'
|
,type: 'date'
|
});
|
laydate.render({
|
elem: '#expirationTimeOfAnnualInspection'
|
,type: 'date'
|
});
|
laydate.render({
|
elem: '#maturityTimeOfCommercialInsurance'
|
,type: 'date'
|
});
|
laydate.render({
|
elem: '#operationUpdateTime'
|
,type: 'date'
|
});
|
|
function limitLength(e, t, l) {
|
let v = $(e).val();
|
if(t == 'text'){
|
if(v.length > l){
|
layer.msg("输入框不能超过" + l + "位数");
|
$(e).val('');
|
}
|
}
|
if(t == 'int'){
|
let regexp = new RegExp('^[0-9]{1,' + l + '}?$');
|
if(!regexp.test(v)){
|
layer.msg("输入框不能超过" + l + "位数");
|
$(e).val('');
|
}
|
}
|
if(t == 'double'){
|
let regexp = new RegExp( '^([0-9]{1,' + l + '})(\.[0-9]{1,2})?$');
|
if(!regexp.test(v)){
|
layer.msg("输入框不能超过" + l + "位数，保留2位小数");
|
$(e).val('');
|
}
|
}
|
}
|
</script>
|
@}
|
