@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">
|
<input type="hidden" id="id" value="${item.id}">
|
<div class="form-horizontal" id="carInfoForm">
|
<div class="row" id="category">
|
<label ${item.category == 1 ? 'class="category"' : ''} tag="1" onclick="checkedCategory(this, 1)">非营运车辆</label>
|
<label ${item.category == 2 ? 'class="category"' : ''} 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" value="${item.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" value="${item.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" value="${item.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(e in carBrand){
|
<option value="${e.id}" ${item.brandId == e.id ? 'selected' : ''}>${e.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" value="${item.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" value="${item.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" value="${item.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" value="${item.locationOfLicensePlate}"/>
|
</div>
|
</div>
|
<div class="operation" ${item.category == 1 ? '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" value="${item.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" value="${item.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" value="${item.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" value="${item.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" value="${item.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" value="${item.level}"/>
|
</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" value="${item.transferPrice}" 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 ${item.includingTransferFee == 1 ? 'class="labelCheacked"' : ''} tag="1" onclick="checkedLable(this)">是</label>
|
<label ${item.includingTransferFee == 2 ? 'class="labelCheacked"' : ''} 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" value="${item.newCarPrice}" 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;">${item.describe}</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;">
|
@if(null != imgs && '' != imgs){
|
@for(e in imgs){
|
@if('' != e){
|
<div><img src="${e}" width="100px" class="imgUrl"><i class="fa fa-close" onclick="delImg(this, 'imgUrl', 1)" style="color: red;color: red;font-size: 18px;position: absolute;left: 108px;top: -8px;"></i></div>
|
@}
|
@}
|
@}
|
</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;">
|
@if(null != videos && '' != videos){
|
@for(e in videos){
|
@if('' != e){
|
<div><video src="${e}" controls style="width: 200px !important;" class="videoUrl"></video><i class="fa fa-close" onclick="delImg(this, 'videoUrl', 2)" style="color: red;color: red;font-size: 18px;position: absolute;left: 208px;top: -8px;"></i></div>
|
@}
|
@}
|
@}
|
</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;">
|
@if(null != describeImgs && '' != describeImgs){
|
@for(e in describeImgs){
|
@if('' != e){
|
<div><img src="${e}" width="100px" class="describeImgUrl"><i class="fa fa-close" onclick="delImg(this, 'describeImgUrl')" style="color: red;color: red;font-size: 18px;position: absolute;left: 108px;top: -8px;"></i></div>
|
@}
|
@}
|
@}
|
</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" value="${item.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" value="${item.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" value="${item.maturityTimeOfCommercialInsurance}"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">是否有抵押：</label>
|
<div class="col-sm-9" id="mortgage">
|
<label ${item.mortgage == 1 ? 'class="labelCheacked"' : ''} tag="1" onclick="checkedLable(this)">有</label>
|
<label ${item.mortgage == 2 ? 'class="labelCheacked"' : ''} 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">
|
@for(e in installationConfiguration){
|
<div class="col-sm-3"><input ${e.selected ? 'checked' : ''} type="checkbox" value="${e.name}"> ${e.name}</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" value="${item.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" value="${item.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(e in regions){
|
<option value="${e.code}" ${item.provinceCode == e.code ? 'selected' : ''}>${e.name}</option>
|
@}
|
</select>
|
</div>
|
<div class="col-sm-2">
|
<select class="form-control" id="cityCode" placeholder="市" name="cityCode">
|
@for(e in city){
|
<option value="${e.code}" ${item.cityCode == e.code ? 'selected' : ''}>${e.name}</option>
|
@}
|
</select>
|
</div>
|
<div class="col-sm-5">
|
<input class="form-control" id="addres" name="addres" placeholder="请输入详细地址" value="${item.addres}" 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.editSubmit(1)"/>
|
@if(push){
|
<#button btnCss="info" name="直接上架" id="ensure" icon="fa-check" clickFun="SellingCarInfo.editSubmit(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>
|
@}
|
