story#6462,二手拖车信息需求

This commit is contained in:
2025-05-22 10:58:04 +08:00
parent 643ee2c5eb
commit 8bc734273b
3 changed files with 75 additions and 22 deletions

View File

@ -40,11 +40,14 @@
<div class="time"> <div class="time">
<span>{{ detailInfo.createTime?.substring(0,10) }}</span><span>{{ detailInfo.areaName }}</span><span>发布</span> <span>{{ detailInfo.createTime?.substring(0,10) }}</span><span>{{ detailInfo.areaName }}</span><span>发布</span>
</div> </div>
<div class="priceWrap">
<div class="price"> <div class="price">
售价含税 售价含税
<span>{{ formatNumber(detailInfo.minPrice) }}</span> <span>{{ formatNumber(detailInfo.minPrice) }}</span>
<span></span> <span></span>
</div> </div>
<div class="viewNum">{{detailInfo.attentionCount}}人想要<span>{{detailInfo.browseCount}}浏览</span></div>
</div>
</div> </div>
<div class="detailInfoWrap wrapCommon"> <div class="detailInfoWrap wrapCommon">
<div> <div>
@ -292,6 +295,18 @@ export default {
margin-left: 10px; margin-left: 10px;
} }
} }
.priceWrap{
display: flex;
justify-content: space-between;
align-items: center;
.viewNum{
color: #ccc;
margin-right: 15px;
span{
margin-left: 10px;
}
}
}
.price{ .price{
color: #FF5533; color: #FF5533;
line-height: 28px; line-height: 28px;

View File

@ -122,13 +122,21 @@
{{ item.brandModel?.match(/^[\u4e00-\u9fa5]+/)?.[0]?.replace(/$/, '') }} | {{item.emissionStandard?.label}} | {{ formatToWan(item.mileage) }}公里</div> {{ item.brandModel?.match(/^[\u4e00-\u9fa5]+/)?.[0]?.replace(/$/, '') }} | {{item.emissionStandard?.label}} | {{ formatToWan(item.mileage) }}公里</div>
<div v-else class="type">{{ item.boardType?.label ? item.boardType?.label+' | ' : ''}} {{item.emissionStandard?.label}}</div> <div v-else class="type">{{ item.boardType?.label ? item.boardType?.label+' | ' : ''}} {{item.emissionStandard?.label}}</div>
<div class="date" v-show="activeTab==0 && item.registerDate">注册日期 {{item.registerDate?.substring(0,10)}}</div> <div class="date" v-show="activeTab==0 && item.registerDate">注册日期 {{item.registerDate?.substring(0,10)}}</div>
<div v-if="activeTab==0" class="price">售价含税<span></span> <span>{{formatNumber(item.minPrice) }}</span> <span></span> </div> <div class="priceWrap" v-if="activeTab==0" >
<div v-else class="priceRange"> <div class="price">
售价含税<span></span> <span>{{formatNumber(item.minPrice) }}</span> <span></span>
</div>
<div class="viewNum">{{item.attentionCount}}人想要<span>{{detaitemilInfo.browseCount}}浏览</span></div>
</div>
<div v-else class="priceWrap">
<div class="priceRange">
售价含税 售价含税
<span class="num">{{formatNumber(item.minPrice) }}</span> <span class="danwei"></span> <span class="num">{{formatNumber(item.minPrice) }}</span> <span class="danwei"></span>
<span class="su">~</span> <span class="su">~</span>
<span class="num">{{formatNumber(item.maxPrice) }}</span> <span class="danwei"></span> <span class="num">{{formatNumber(item.maxPrice) }}</span> <span class="danwei"></span>
</div> </div>
<div class="viewNum">{{item.attentionCount}}人想卖<span>{{item.browseCount}}浏览</span></div>
</div>
<div class="line"></div> <div class="line"></div>
</div> </div>
</div> </div>
@ -190,8 +198,8 @@ export default {
proprietary: '', proprietary: '',
areaCode:'', areaCode:'',
areaName:'', areaName:'',
publishStartTime:'', startTime:'',
publishEndTime:'', endTime:'',
licenseTypeOption:[ licenseTypeOption:[
{value:2,label:'黄牌'},{value:3,label:'绿牌'},{value:1,label:'蓝牌'}, {value:2,label:'黄牌'},{value:3,label:'绿牌'},{value:1,label:'蓝牌'},
], ],
@ -244,11 +252,11 @@ export default {
dateVal(val){ dateVal(val){
if(val){ if(val){
let res= this.formatDateTimeRange(val) let res= this.formatDateTimeRange(val)
this.publishStartTime=res.startTime this.startTime=res.startTime
this.publishEndTime=res.endTime this.endTime=res.endTime
}else{ }else{
this.publishStartTime='' this.startTime=''
this.publishEndTime='' this.endTime=''
} }
this.setSearchVal(); this.setSearchVal();
this.getList() this.getList()
@ -410,7 +418,10 @@ export default {
priceSort:this.priceSort, priceSort:this.priceSort,
boardType:this.boardType, boardType:this.boardType,
emissionStandard:this.emissionStandard, emissionStandard:this.emissionStandard,
proprietary: this.proprietary proprietary: this.proprietary,
areaCode:this.areaCode,
startTime:this.startTime,
endTime:this.endTime,
}) })
this.total=res.total this.total=res.total
if(this.pageNum == 1){// 第一页直接赋值 if(this.pageNum == 1){// 第一页直接赋值
@ -697,6 +708,18 @@ export default {
line-height: 16px; line-height: 16px;
} }
} }
.priceWrap{
display: flex;
justify-content: space-between;
align-items: center;
.viewNum{
color: #ccc;
margin-right: 15px;
span{
margin-left: 10px;
}
}
}
.priceRange{ .priceRange{
color: #FF5533; color: #FF5533;
display: flex; display: flex;

View File

@ -14,12 +14,15 @@
<div class="time"> <div class="time">
<span>{{ detailInfo.createTime?.substring(0,10) }}</span><span>发布</span> <span>{{ detailInfo.createTime?.substring(0,10) }}</span><span>发布</span>
</div> </div>
<div class="priceWrap">
<div class="price"> <div class="price">
售价含税 售价含税
<span class="num">{{formatNumber(detailInfo.minPrice) }}</span> <span class="danwei"></span> <span class="num">{{formatNumber(detailInfo.minPrice) }}</span> <span class="danwei"></span>
<span class="su">~</span> <span class="su">~</span>
<span class="num">{{formatNumber(detailInfo.maxPrice) }}</span> <span class="danwei"></span> <span class="num">{{formatNumber(detailInfo.maxPrice) }}</span> <span class="danwei"></span>
</div> </div>
<div class="viewNum">{{detailInfo.attentionCount}}人想卖<span>{{detailInfo.browseCount}}浏览</span></div>
</div>
</div> </div>
<div class="detailInfoWrap wrapCommon"> <div class="detailInfoWrap wrapCommon">
<div> <div>
@ -182,6 +185,18 @@ export default {
margin-right: 20px; margin-right: 20px;
} }
} }
.priceWrap{
display: flex;
justify-content: space-between;
align-items: center;
.viewNum{
color: #ccc;
margin-right: 15px;
span{
margin-left: 10px;
}
}
}
.price{ .price{
color: #FF5533; color: #FF5533;
font-weight: 600; font-weight: 600;