story#5314 二、名称优化,含税价格,点击车源查看详情的照片部分优化

This commit is contained in:
2025-04-02 10:24:08 +08:00
parent de9d73a642
commit efe76bb675
6 changed files with 22 additions and 15 deletions

View File

@ -40,7 +40,7 @@
<div class="item vehicleTypeItem"> <div class="item vehicleTypeItem">
<span> <span class="star">*</span>车辆类型 </span> <span> <span class="star">*</span>车辆类型 </span>
<van-radio-group v-model="form.vehicleType" direction="horizontal" class="radioWrap"> <van-radio-group v-model="form.vehicleType" direction="horizontal" class="radioWrap">
<van-radio name="拖车" :class="{'checked':form.vehicleType=='拖车','vehicleRadio':true}">拖车</van-radio> <van-radio name="拖车" :class="{'checked':form.vehicleType=='拖车','vehicleRadio':true}">平板拖车</van-radio>
<van-radio name="地库车" :class="{'checked':form.vehicleType=='地库车','vehicleRadio':true}">地库车</van-radio> <van-radio name="地库车" :class="{'checked':form.vehicleType=='地库车','vehicleRadio':true}">地库车</van-radio>
<van-radio name="牵引车" :class="{'checked':form.vehicleType=='牵引车','vehicleRadio':true}">牵引车</van-radio> <van-radio name="牵引车" :class="{'checked':form.vehicleType=='牵引车','vehicleRadio':true}">牵引车</van-radio>
<van-radio name="随车吊" :class="{'checked':form.vehicleType=='随车吊','vehicleRadio':true}">随车吊</van-radio> <van-radio name="随车吊" :class="{'checked':form.vehicleType=='随车吊','vehicleRadio':true}">随车吊</van-radio>
@ -50,8 +50,8 @@
<span> <span class="star">*</span>落板方式 </span> <span> <span class="star">*</span>落板方式 </span>
<van-radio-group v-model="form.boardType" direction="horizontal" class="radioWrap"> <van-radio-group v-model="form.boardType" direction="horizontal" class="radioWrap">
<van-radio name="1" :class="{'checked':form.boardType==1}">全落地</van-radio> <van-radio name="1" :class="{'checked':form.boardType==1}">全落地</van-radio>
<van-radio name="2" :class="{'checked':form.boardType==2}">斜落</van-radio> <van-radio name="2" :class="{'checked':form.boardType==2}">斜落一体</van-radio>
<van-radio name="3" :class="{'checked':form.boardType==3}">一般平</van-radio> <van-radio name="3" :class="{'checked':form.boardType==3}">普通斜</van-radio>
</van-radio-group> </van-radio-group>
</div> </div>
<div class="item"> <div class="item">
@ -99,7 +99,7 @@
> </van-field> > </van-field>
</div> </div>
<div class="item"> <div class="item">
<span> <span class="star">*</span>售价</span> <span> <span class="star">*</span>含税价格</span>
<van-field <van-field
type="number" type="number"
style="border: none" style="border: none"

View File

@ -8,7 +8,7 @@
</div> </div>
<van-loading v-show="!detailInfo" class="loadingWrap" type="spinner" color="#1989fa" /> <van-loading v-show="!detailInfo" class="loadingWrap" type="spinner" color="#1989fa" />
<div class="contentWrap" v-show="detailInfo"> <div class="contentWrap" v-show="detailInfo">
<el-carousel v-if="isWebFunc()" trigger="click" height="215px" :autoplay="false"> <el-carousel v-if="isWebFunc()" trigger="click" height="215px" :autoplay="true">
<el-carousel-item v-for="(item,i) in imgSrcList" :key="i"> <el-carousel-item v-for="(item,i) in imgSrcList" :key="i">
<img v-if="item" class="swipeImg" :src="item" /> <img v-if="item" class="swipeImg" :src="item" />
</el-carousel-item> </el-carousel-item>
@ -35,6 +35,7 @@
<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="price"> <div class="price">
含税价格
<span>{{ formatNumber(detailInfo.minPrice) }}</span> <span>{{ formatNumber(detailInfo.minPrice) }}</span>
<span></span> <span></span>
</div> </div>
@ -51,12 +52,12 @@
<div class="suGang"></div> <div class="suGang"></div>
<div class="itemInfo"> <div class="itemInfo">
<span>{{ detailInfo.vehicleType }}</span> <span>{{ detailInfo.vehicleType }}</span>
<span>车类型</span> <span>类型</span>
</div> </div>
<div class="suGang"></div> <div class="suGang"></div>
<div class="itemInfo"> <div class="itemInfo">
<span>{{ detailInfo.boardType?.label }}&nbsp;&nbsp;</span> <span>{{ detailInfo.boardType?.label }}&nbsp;&nbsp;</span>
<span>拖车落板</span> <span>落板方式</span>
</div> </div>
</div> </div>
<div class="descItem descCommon"> <div class="descItem descCommon">
@ -366,4 +367,7 @@ export default {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
::v-deep .el-carousel__button {
height: 0.15rem !important;
}
</style> </style>

View File

@ -94,8 +94,9 @@
{{ 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 v-if="activeTab==0" class="price">含税价格<span></span> <span>{{formatNumber(item.minPrice) }}</span> <span></span> </div>
<div v-else class="priceRange"> <div v-else 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>
@ -183,7 +184,7 @@ export default {
{value:1,label:'不限'},{value:3,label:'国三'},{value:4,label:'国四'},{value:5,label:'国五'},{value:6,label:'国六'} {value:1,label:'不限'},{value:3,label:'国三'},{value:4,label:'国四'},{value:5,label:'国五'},{value:6,label:'国六'}
], ],
boardTypeOption:[ boardTypeOption:[
{value:1,label:'全落地'},{value:2,label:'斜落'},{value:3,label:'一般斜板'},{value:9,label:'不限'} {value:1,label:'全落地'},{value:2,label:'斜落一体'},{value:3,label:'普通斜板'},{value:9,label:'不限'}
], ],
poupShow:false, poupShow:false,
suggestContent:'', suggestContent:'',

View File

@ -40,8 +40,9 @@
<div v-else class="type">{{ item.boardType?.label ? item.boardType?.label+' | ' : ''}} <div v-else class="type">{{ item.boardType?.label ? item.boardType?.label+' | ' : ''}}
{{item.vehicleType }} | {{item.emissionStandard?.label}}</div> {{item.vehicleType }} | {{item.emissionStandard?.label}}</div>
<div v-if="item.type==1" class="price"><span>{{formatNumber(item.minPrice) }}</span> <span></span> </div> <div v-if="item.type==1" class="price">含税价格<span>{{formatNumber(item.minPrice) }}</span> <span></span> </div>
<div v-else class="priceRange"> <div v-else 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>

View File

@ -24,7 +24,7 @@
<span> <span class="star">*</span>求购类型 </span> <span> <span class="star">*</span>求购类型 </span>
<div class="radioWrap"> <div class="radioWrap">
<van-radio-group v-model="form.vehicleType" direction="horizontal"> <van-radio-group v-model="form.vehicleType" direction="horizontal">
<van-radio name="拖车" :class="{'checked':form.vehicleType=='拖车','vehicleRadio':true}">拖车</van-radio> <van-radio name="拖车" :class="{'checked':form.vehicleType=='拖车','vehicleRadio':true}">平板拖车</van-radio>
<van-radio name="地库车" :class="{'checked':form.vehicleType=='地库车','vehicleRadio':true}">地库车</van-radio> <van-radio name="地库车" :class="{'checked':form.vehicleType=='地库车','vehicleRadio':true}">地库车</van-radio>
<van-radio name="牵引车" :class="{'checked':form.vehicleType=='牵引车','vehicleRadio':true}">牵引车</van-radio> <van-radio name="牵引车" :class="{'checked':form.vehicleType=='牵引车','vehicleRadio':true}">牵引车</van-radio>
<van-radio name="随车吊" :class="{'checked':form.vehicleType=='随车吊','vehicleRadio':true}">随车吊</van-radio> <van-radio name="随车吊" :class="{'checked':form.vehicleType=='随车吊','vehicleRadio':true}">随车吊</van-radio>
@ -41,8 +41,8 @@
<span> <span class="star">*</span>落板方式 </span> <span> <span class="star">*</span>落板方式 </span>
<van-radio-group v-model="form.boardType" direction="horizontal" class="radioWrap"> <van-radio-group v-model="form.boardType" direction="horizontal" class="radioWrap">
<van-radio name="1" :class="{'checked':form.boardType==1}">全落地</van-radio> <van-radio name="1" :class="{'checked':form.boardType==1}">全落地</van-radio>
<van-radio name="2" :class="{'checked':form.boardType==2}">斜落</van-radio> <van-radio name="2" :class="{'checked':form.boardType==2}">斜落一体</van-radio>
<van-radio name="3" :class="{'checked':form.boardType==3}">一般平</van-radio> <van-radio name="3" :class="{'checked':form.boardType==3}">普通斜</van-radio>
<van-radio name="9" :class="{'checked':form.boardType==9}">不限</van-radio> <van-radio name="9" :class="{'checked':form.boardType==9}">不限</van-radio>
</van-radio-group> </van-radio-group>
</div> </div>

View File

@ -15,6 +15,7 @@
<span>{{ detailInfo.createTime?.substring(0,10) }}</span><span>发布</span> <span>{{ detailInfo.createTime?.substring(0,10) }}</span><span>发布</span>
</div> </div>
<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>
@ -29,12 +30,12 @@
<el-tooltip class="item" effect="dark" :content="detailInfo.vehicleType" placement="top"> <el-tooltip class="item" effect="dark" :content="detailInfo.vehicleType" placement="top">
<span style="cursor: pointer">{{ detailInfo.vehicleType }}</span> <span style="cursor: pointer">{{ detailInfo.vehicleType }}</span>
</el-tooltip> </el-tooltip>
<span>车类型</span> <span>类型</span>
</div> </div>
<div class="suGang"></div> <div class="suGang"></div>
<div class="itemInfo"> <div class="itemInfo">
<span>{{ detailInfo.boardType?.label }}&nbsp;&nbsp;</span> <span>{{ detailInfo.boardType?.label }}&nbsp;&nbsp;</span>
<span>拖车落板</span> <span>落板方式</span>
</div> </div>
<div class="suGang"></div> <div class="suGang"></div>
<div class="itemInfo"> <div class="itemInfo">