14 Commits

9 changed files with 40 additions and 210 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.3 KiB

View File

@ -25,8 +25,6 @@
:text="'行驶证照片'" :multiple="false" :files.sync="vehicleLicensePhotoList"/> :text="'行驶证照片'" :multiple="false" :files.sync="vehicleLicensePhotoList"/>
<upload-common @success2="getPlateColor" @delete2="deleteImg2" <upload-common @success2="getPlateColor" @delete2="deleteImg2"
:text="'车辆45度照'" :multiple="false" :files.sync="vehicleAnglePhotoList" /> :text="'车辆45度照'" :multiple="false" :files.sync="vehicleAnglePhotoList" />
<upload-common @success4="getBackPhoto" @delete4="deleteImgBack"
:text="'车辆后方45度'" :multiple="false" :files.sync="vehicleRearPhotoList" />
<upload-common @success3="getOtherImg" @delete3="handleDeleteOtherImg" <upload-common @success3="getOtherImg" @delete3="handleDeleteOtherImg"
:text="'其他照片0/6'" :multiple="true" :files.sync="otherImgSrcList"/> :text="'其他照片0/6'" :multiple="true" :files.sync="otherImgSrcList"/>
</div> </div>
@ -42,18 +40,18 @@
<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>
</van-radio-group> </van-radio-group>
</div> </div>
<div class="item" v-if="form.vehicleType=='平板拖车'"> <div class="item" v-if="form.vehicleType=='拖车'">
<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">
@ -65,13 +63,6 @@
<van-radio name="6" :class="{'checked':form.emissionStandard==6}">国6</van-radio> <van-radio name="6" :class="{'checked':form.emissionStandard==6}">国6</van-radio>
</van-radio-group> </van-radio-group>
</div> </div>
<div class="item">
<span> <span class="star">*</span>刹车系统 </span>
<van-radio-group v-model="form.brakeSystem" direction="horizontal" class="radioWrap">
<van-radio name="1" :class="{'checked':form.brakeSystem==1}">气刹</van-radio>
<van-radio name="2" :class="{'checked':form.brakeSystem==2}">油刹</van-radio>
</van-radio-group>
</div>
<div class="item"> <div class="item">
<span> <span class="star">*</span>所在城市 </span> <span> <span class="star">*</span>所在城市 </span>
<van-field <van-field
@ -108,9 +99,10 @@
> </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"
class="radioWrap" class="radioWrap"
v-model="form.minPrice" v-model="form.minPrice"
@input="validatePrice" @input="validatePrice"
@ -121,15 +113,6 @@
</template> </template>
</van-field> </van-field>
</div> </div>
<div class="item" style="margin-bottom:20px">
<span> <span class="star">*</span>底盘品牌</span>
<van-field
class="radioWrap"
v-model="form.underpanBrand"
input-align="right"
>
</van-field>
</div>
</div> </div>
<div class="line lastLine"></div> <div class="line lastLine"></div>
<div class="threeContent content"> <div class="threeContent content">
@ -180,7 +163,6 @@ export default {
type:1, type:1,
vehicleLicensePhoto:'', vehicleLicensePhoto:'',
vehicleAnglePhoto:'', vehicleAnglePhoto:'',
vehicleRearPhoto: '',
otherPhoto:'', otherPhoto:'',
licenseType:'', licenseType:'',
brandModel:'', brandModel:'',
@ -196,8 +178,6 @@ export default {
contactNumber:'', contactNumber:'',
minPrice:'', minPrice:'',
desc:'', desc:'',
underpanBrand: '',
brakeSystem: '',
}, },
radio: 0, radio: 0,
type:'',//1为发布&修改 2为审核 type:'',//1为发布&修改 2为审核
@ -211,7 +191,6 @@ export default {
areaName:'', areaName:'',
vehicleLicensePhotoList:[], vehicleLicensePhotoList:[],
vehicleAnglePhotoList:[], vehicleAnglePhotoList:[],
vehicleRearPhotoList: [],
otherImgSrcList:[], otherImgSrcList:[],
otherImgSrc:[], otherImgSrc:[],
status:'', status:'',
@ -246,7 +225,6 @@ export default {
} }
this.vehicleLicensePhotoList=[{url:res.data?.vehicleLicensePhoto}] this.vehicleLicensePhotoList=[{url:res.data?.vehicleLicensePhoto}]
this.vehicleAnglePhotoList=[{url:res.data?.vehicleAnglePhoto}] this.vehicleAnglePhotoList=[{url:res.data?.vehicleAnglePhoto}]
this.vehicleRearPhotoList = [{ url: res.data?.vehicleRearPhoto }]
} }
let carSourceFormInfo=localStorage.getItem("carSourceFormInfo") ? JSON.parse(localStorage.getItem("carSourceFormInfo")) : '' let carSourceFormInfo=localStorage.getItem("carSourceFormInfo") ? JSON.parse(localStorage.getItem("carSourceFormInfo")) : ''
if(!carSourceFormInfo){ if(!carSourceFormInfo){
@ -264,9 +242,6 @@ export default {
} }
if(this.form.vehicleAnglePhoto){ if(this.form.vehicleAnglePhoto){
this.vehicleAnglePhotoList=[{url:this.form.vehicleAnglePhoto}] this.vehicleAnglePhotoList=[{url:this.form.vehicleAnglePhoto}]
}
if( this.form.vehicleRearPhoto ) {
this.vehicleRearPhotoList = [{url: this.form.vehicleRearPhoto}]
} }
// console.log("carSourceFormInfo",carSourceFormInfo) // console.log("carSourceFormInfo",carSourceFormInfo)
if(carSourceFormInfo.otherImgSrc0){ if(carSourceFormInfo.otherImgSrc0){
@ -344,7 +319,7 @@ export default {
this.form.vinCode=data.info.vin this.form.vinCode=data.info.vin
this.form.plateNumber=data.info.plateNo this.form.plateNumber=data.info.plateNo
this.form.registerDate=data.info.registerDate +' 00:00:00' this.form.registerDate=data.info.registerDate +' 00:00:00'
// this.form.vehicleType=data.info.vehicleType this.form.vehicleType=data.info.vehicleType
}, },
deleteImg1(){ deleteImg1(){
this.form.vehicleLicensePhoto='' this.form.vehicleLicensePhoto=''
@ -361,13 +336,6 @@ export default {
getOtherImg(data){ getOtherImg(data){
this.otherImgSrc.push(data.url) this.otherImgSrc.push(data.url)
}, },
getBackPhoto(data) {
console.log("datadata",data)
this.form.vehicleRearPhoto = data.url
},
deleteImgBack() {
this.form.vehicleRearPhoto = '';
},
handleDeleteOtherImg(file,index) { handleDeleteOtherImg(file,index) {
this.otherImgSrc = this.otherImgSrc.filter((item,i) => index !== i); this.otherImgSrc = this.otherImgSrc.filter((item,i) => index !== i);
this.otherImgSrcList = this.otherImgSrcList.filter((item,i) => index !== i); this.otherImgSrcList = this.otherImgSrcList.filter((item,i) => index !== i);
@ -386,36 +354,22 @@ export default {
this.$toast('车辆45度不能为空') this.$toast('车辆45度不能为空')
return return
} }
if(!this.form.vehicleRearPhoto && type == 1) {
this.$toast('车辆后方45度不能为空')
return
}
let flag=this.validateHandle() let flag=this.validateHandle()
if(flag){ if(flag){
this.$toast(flag) this.$toast(flag)
return return
} }
if (this.form.vehicleType=='平板拖车' && !this.form.boardType) { if (this.form.vehicleType=='拖车' && !this.form.boardType) {
this.$toast('落板方式不能为空') this.$toast('落板方式不能为空')
return return
}else if(this.form.vehicleType !=='平板拖车'){ }else if(this.form.vehicleType !=='拖车'){
this.form.boardType='' this.form.boardType=''
} }
let rule let rule = this.validationRules.find(item =>
if( type == 1 ) { item.value === null ||
rule = this.validationRules.find(item => item.value === undefined ||
item.value === null || item.value === ''
item.value === undefined || )
item.value === ''
)
} else {
rule = this.validationRulesSimple.find(item =>
item.value === null ||
item.value === undefined ||
item.value === ''
)
}
if(rule){ if(rule){
this.$toast(rule.name) this.$toast(rule.name)
return return
@ -450,19 +404,15 @@ export default {
this.$toast('车辆45度不能为空') this.$toast('车辆45度不能为空')
return return
} }
if(!this.form.vehicleRearPhoto) {
this.$toast('车辆后方45度不能为空')
return
}
let flag=this.validateHandle() let flag=this.validateHandle()
if(flag){ if(flag){
this.$toast(flag) this.$toast(flag)
return return
} }
if (this.form.vehicleType=='平板拖车' && !this.form.boardType) { if (this.form.vehicleType=='拖车' && !this.form.boardType) {
this.$toast('落板方式不能为空') this.$toast('落板方式不能为空')
return return
}else if(this.form.vehicleType !=='平板拖车'){ }else if(this.form.vehicleType !=='拖车'){
this.form.boardType='' this.form.boardType=''
} }
let rule = this.validationRules.find(item => let rule = this.validationRules.find(item =>
@ -519,18 +469,6 @@ export default {
}, },
computed: { computed: {
validationRules() { validationRules() {
return [
{ value: this.form.vehicleType, name: '车辆类型不能为空' },
{ value: this.form.emissionStandard, name: '排放标准不能为空' },
{ value: this.form.brakeSystem, name: '刹车系统不能为空' },
{ value: this.form.areaCode, name: '所在城市不能为空' },
{ value: this.form.mileage, name: '行驶里程不能为空' },
{ value: this.form.contactNumber, name: '联系方式不能为空' },
{ value: this.form.minPrice, name: '售价不能为空' },
{ value: this.form.underpanBrand, name: '底盘品牌不能为空' },
];
},
validationRulesSimple() {
return [ return [
{ value: this.form.vehicleType, name: '车辆类型不能为空' }, { value: this.form.vehicleType, name: '车辆类型不能为空' },
{ value: this.form.emissionStandard, name: '排放标准不能为空' }, { value: this.form.emissionStandard, name: '排放标准不能为空' },

View File

@ -89,8 +89,6 @@ export default {
this.$emit("delete1"); this.$emit("delete1");
} else if (this.text === "车辆45度照") { } else if (this.text === "车辆45度照") {
this.$emit("delete2"); this.$emit("delete2");
} else if(this.text == '车辆后方45度') {
this.$emit("delete4");
} else { } else {
console.log("file, detail", file, detail) console.log("file, detail", file, detail)
this.$emit("delete3", file, detail.index); this.$emit("delete3", file, detail.index);
@ -124,8 +122,6 @@ export default {
let num = this.getVehicleLicense(result.data.color) let num = this.getVehicleLicense(result.data.color)
let data = {url: res?.data, colorStr: result.data.color, colorStatus: num, plateType: result.data.number} let data = {url: res?.data, colorStr: result.data.color, colorStatus: num, plateType: result.data.number}
this.$emit('success2', data) this.$emit('success2', data)
} else if(this.text == '车辆后方45度') {
this.$emit('success4', {url: res?.data, uid: file.uid})
} else { } else {
this.$emit('success3', {url: res?.data, uid: file.uid}) this.$emit('success3', {url: res?.data, uid: file.uid})
} }
@ -257,4 +253,4 @@ export default {
::v-deep .van-uploader__preview-delete-icon { ::v-deep .van-uploader__preview-delete-icon {
display: none !important; /* 强制隐藏伪元素 */ display: none !important; /* 强制隐藏伪元素 */
} }
</style> </style>

View File

@ -8,19 +8,13 @@
</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="true"> <el-carousel v-if="isWebFunc()" trigger="click" height="215px" :autoplay="false">
<el-carousel-item v-for="(item,i) in imgSrcList" :key="i"> <el-carousel-item v-for="(item,i) in imgSrcList" :key="i">
<el-image <img v-if="item" class="swipeImg" :src="item" />
:src="item"
v-if="item"
:preview-src-list="[item]"
class="swipeImg"
/>
<!-- <img v-if="item" class="swipeImg" :src="item" />-->
</el-carousel-item> </el-carousel-item>
</el-carousel> </el-carousel>
<van-swipe v-else @change="onChange" :autoplay="3000"> <van-swipe v-else @change="onChange" >
<van-swipe-item v-for="(item,i) in imgSrcList" :key="i" @click="showImagePreview(i)"> <van-swipe-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" />
</van-swipe-item> </van-swipe-item>
<template #indicator> <template #indicator>
@ -41,7 +35,6 @@
<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>
@ -58,12 +51,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">
@ -107,7 +100,7 @@
import {myMixins} from "@/utils/myMixins" import {myMixins} from "@/utils/myMixins"
import {carInfoDetail,saveRecord} from "@/api/secondHandCar"; import {carInfoDetail,saveRecord} from "@/api/secondHandCar";
import { ImagePreview, Dialog } from 'vant'; import { Dialog } from 'vant';
export default { export default {
name: "forSale", name: "forSale",
mixins:[myMixins], mixins:[myMixins],
@ -150,9 +143,6 @@ export default {
if(res.data.otherPhoto){ if(res.data.otherPhoto){
this.imgSrcList=res.data.otherPhoto.split(',') || [] this.imgSrcList=res.data.otherPhoto.split(',') || []
} }
if( res?.data?.vehicleRearPhoto ) {
this.imgSrcList.unshift(res?.data?.vehicleRearPhoto)
}
this.imgSrcList.unshift(res?.data?.vehicleAnglePhoto) this.imgSrcList.unshift(res?.data?.vehicleAnglePhoto)
} }
}, },
@ -160,13 +150,6 @@ export default {
this.getDuration(1) this.getDuration(1)
}, },
methods:{ methods:{
showImagePreview(index) {
ImagePreview({
images: this.imgSrcList.map(item => item),
startPosition: index,
closeable: true
});
},
formatToWan(num) { formatToWan(num) {
let result = (num / 10000).toString(); // 转换为万单位 let result = (num / 10000).toString(); // 转换为万单位
if (result.includes('.')) { if (result.includes('.')) {
@ -382,21 +365,5 @@ export default {
.swipeImg{ .swipeImg{
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; /* 保持比例填充容器,裁剪多余部分 */
object-position: center; /* 居中显示 */
} }
::v-deep .el-carousel__button {
height: 0.15rem !important;
width: 0.3rem;
}
::v-deep .el-carousel__indicators--horizontal {
padding: 0.32rem 0.08rem;
}
::v-deep .el-carousel__arrow {
background-color: rgba(31, 45, 61, 1);
font-size: 0.5rem;
}
::v-deep .el-carousel__indicators--horizontal {
bottom: 10px;
}
</style> </style>

View File

@ -1,16 +1,5 @@
<template> <template>
<div class="wrap"> <div class="wrap">
<div class="navBar">
<van-nav-bar
title="二手车信息"
left-arrow
left-arrow-color="#FFFFFF"
:border="false"
:fixed="true"
:safe-area-inset-top="true"
@click-left="goBack"
/>
</div>
<div class="headerWrap"> <div class="headerWrap">
<img class="bg" src="@/assets/secondHandCar/bg.png" /> <img class="bg" src="@/assets/secondHandCar/bg.png" />
<img class="mine" src="@/assets/secondHandCar/mine.png" @click="goMine" /> <img class="mine" src="@/assets/secondHandCar/mine.png" @click="goMine" />
@ -73,14 +62,6 @@
:value="item.value"> :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
<el-select v-model="proprietary" placeholder="发布方" :class="{'customSel':true , 'has-value': (proprietary || proprietary === 0) ? true : false }" clearable>
<el-option
v-for="item in proprietaryOption"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div> </div>
<div class="contentWrap" v-show="!show"> <div class="contentWrap" v-show="!show">
<van-pull-refresh v-model="isLoading" @refresh="onRefresh" style="min-height:85vh"> <van-pull-refresh v-model="isLoading" @refresh="onRefresh" style="min-height:85vh">
@ -93,8 +74,6 @@
<div class="contentItem"> <div class="contentItem">
<div class="item" v-for="(item,index) in pageList" :key="index" @click="viewCarSource(item)"> <div class="item" v-for="(item,index) in pageList" :key="index" @click="viewCarSource(item)">
<div class="left"> <div class="left">
<img class="owner_logo" v-if="item.proprietary == 1" src="@/assets/secondHandCar/icon_zdOwner.png" alt="">
<img class="saled_logo" v-if="item.status.code == 6 && item.downReason == '已售出'" src="@/assets/secondHandCar/icon_saled.png" alt="">
<img class="img" v-if="item.vehicleAnglePhoto" :src="item.vehicleAnglePhoto" /> <img class="img" v-if="item.vehicleAnglePhoto" :src="item.vehicleAnglePhoto" />
<div v-else class="qiugou">{{item.vehicleType?.substring(0,2)}}</div> <div v-else class="qiugou">{{item.vehicleType?.substring(0,2)}}</div>
</div> </div>
@ -104,9 +83,8 @@
{{ 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>
@ -164,10 +142,6 @@ export default {
this.setSearchVal(); this.setSearchVal();
this.getList() this.getList()
}, },
proprietary() {
this.setSearchVal();
this.getList()
}
}, },
data(){ data(){
return{ return{
@ -185,7 +159,6 @@ export default {
priceSort:'', priceSort:'',
emissionStandard:'', emissionStandard:'',
boardType:'', boardType:'',
proprietary: '',
licenseTypeOption:[ licenseTypeOption:[
{value:2,label:'黄牌'},{value:3,label:'绿牌'},{value:1,label:'蓝牌'}, {value:2,label:'黄牌'},{value:3,label:'绿牌'},{value:1,label:'蓝牌'},
], ],
@ -199,9 +172,8 @@ 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:'不限'}
], ],
proprietaryOption: [{value: 1, label: '中道自营'}, {value: 0, label: '服务商发布'}],
poupShow:false, poupShow:false,
suggestContent:'', suggestContent:'',
} }
@ -271,7 +243,6 @@ export default {
sessionStorage.setItem('licenseType',String(this.licenseType)); sessionStorage.setItem('licenseType',String(this.licenseType));
sessionStorage.setItem('emissionStandard',String(this.emissionStandard)); sessionStorage.setItem('emissionStandard',String(this.emissionStandard));
sessionStorage.setItem('boardType',String(this.boardType)); sessionStorage.setItem('boardType',String(this.boardType));
sessionStorage.setItem('proprietary',String(this.proprietary));
}, },
getSearchVal(){ getSearchVal(){
this.activeTab = Number(sessionStorage.getItem('indexActiveTab')) || 0; this.activeTab = Number(sessionStorage.getItem('indexActiveTab')) || 0;
@ -281,7 +252,6 @@ export default {
this.licenseType = Number(sessionStorage.getItem('licenseType')) || ''; this.licenseType = Number(sessionStorage.getItem('licenseType')) || '';
this.emissionStandard = Number(sessionStorage.getItem('emissionStandard')) || ''; this.emissionStandard = Number(sessionStorage.getItem('emissionStandard')) || '';
this.boardType = Number(sessionStorage.getItem('boardType')) || ''; this.boardType = Number(sessionStorage.getItem('boardType')) || '';
this.proprietary = Number(sessionStorage.getItem('proprietary')) || '';
}, },
goMine(){//我的发布 goMine(){//我的发布
this.$router.push({ name: "mineRelease"}) this.$router.push({ name: "mineRelease"})
@ -321,7 +291,6 @@ export default {
}, },
onRefresh() { onRefresh() {
this.pageNum=1 this.pageNum=1
this.getList()
setTimeout(() => { setTimeout(() => {
this.$toast('刷新成功'); this.$toast('刷新成功');
this.isLoading = false; this.isLoading = false;
@ -339,7 +308,6 @@ export default {
priceSort:this.priceSort, priceSort:this.priceSort,
boardType:this.boardType, boardType:this.boardType,
emissionStandard:this.emissionStandard, emissionStandard:this.emissionStandard,
proprietary: this.proprietary
}) })
this.total=res.total this.total=res.total
if(this.pageNum == 1){// 第一页直接赋值 if(this.pageNum == 1){// 第一页直接赋值
@ -376,18 +344,14 @@ export default {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.navBar{
margin-bottom: 46px;
}
.fixImg{ .fixImg{
width: 210px; width: 210px;
height: 102px; height: 102px;
position: fixed; position: absolute;
bottom: 0; bottom: 0;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
z-index: 11; z-index: 11;
cursor: pointer;
} }
.headerWrap{ .headerWrap{
width: 100%; width: 100%;
@ -449,39 +413,28 @@ export default {
} }
} }
.filterWrap { .filterWrap {
width: calc(100% - 5px); width: 100%;
padding-right: 5px;
display: flex; display: flex;
/*justify-content: space-around;*/ justify-content: space-around;
overflow-x: auto; /* 允许横向滚动 */
white-space: nowrap; /* 防止子元素换行 */
padding-bottom: 10px; padding-bottom: 10px;
-webkit-overflow-scrolling: touch; /* 在iOS上平滑滚动 */
scrollbar-width: none; /* Firefox */
padding-bottom: 10px;
&::-webkit-scrollbar {
display: none; /* Chrome/Safari */
}
.customSel { .customSel {
flex: 0 0 auto; /* 防止子元素被压缩 */ width: 69px;
width: 80px;
height: 25px; height: 25px;
background: #F5F5F5; background: #F5F5F5;
border-radius: 4px; border-radius: 4px;
font-size: 10px; font-size: 12px;
color: #323233; color: #323233;
margin-left: 5px;
::v-deep .el-input__inner{ ::v-deep .el-input__inner{
padding: 0 2px; padding: 0 2px;
height: 25px; height: 25px;
font-size: 10px; font-size: 12px;
background: #F5F5F5; background: #F5F5F5;
border-radius: 4px; border-radius: 4px;
border: none; border: none;
} }
::v-deep .el-input__icon{ ::v-deep .el-input__icon{
line-height: 25px; line-height: 25px;
font-size: 10px; font-size: 12px;
width: 18px; width: 18px;
color: #2A5094; color: #2A5094;
} }
@ -517,7 +470,7 @@ export default {
} }
.contentWrap{ .contentWrap{
width: 100%; width: 100%;
height: calc(100% - 126px); height: calc(100% - 80px);
overflow-y: auto; overflow-y: auto;
background-color: #F2F2F2 ; background-color: #F2F2F2 ;
box-sizing: border-box; box-sizing: border-box;
@ -532,12 +485,8 @@ export default {
.item{ .item{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
cursor: pointer;
} }
.left{ .left{
width: 115px;
height: 77px;
position: relative;
.img, .qiugou{ .img, .qiugou{
width: 115px; width: 115px;
height: 77px; height: 77px;
@ -552,24 +501,6 @@ export default {
letter-spacing: 5px; letter-spacing: 5px;
background-color: #6C81CD; background-color: #6C81CD;
} }
.img {
object-fit: cover; /* 保持比例填充容器,裁剪多余部分 */
object-position: center; /* 居中显示 */
}
.owner_logo {
width: 60px;
height: 23px;
position: absolute;
left: -4px;
top: -3px;
}
.saled_logo {
width: 76px;
height: 48px;
position: absolute;
left: 24px;
top: 16px;
}
} }
.right{ .right{
.title{ .title{

View File

@ -40,9 +40,8 @@
<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,7 +15,6 @@
<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>
@ -30,12 +29,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">