story#5314 二手车系统的优化需求 需要UI和接口的修改
This commit is contained in:
@ -73,6 +73,14 @@
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</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 class="contentWrap" v-show="!show">
|
||||
<van-pull-refresh v-model="isLoading" @refresh="onRefresh" style="min-height:85vh">
|
||||
@ -85,6 +93,8 @@
|
||||
<div class="contentItem">
|
||||
<div class="item" v-for="(item,index) in pageList" :key="index" @click="viewCarSource(item)">
|
||||
<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" />
|
||||
<div v-else class="qiugou">{{item.vehicleType?.substring(0,2)}}</div>
|
||||
</div>
|
||||
@ -154,6 +164,10 @@ export default {
|
||||
this.setSearchVal();
|
||||
this.getList()
|
||||
},
|
||||
proprietary() {
|
||||
this.setSearchVal();
|
||||
this.getList()
|
||||
}
|
||||
},
|
||||
data(){
|
||||
return{
|
||||
@ -171,6 +185,7 @@ export default {
|
||||
priceSort:'',
|
||||
emissionStandard:'',
|
||||
boardType:'',
|
||||
proprietary: '',
|
||||
licenseTypeOption:[
|
||||
{value:2,label:'黄牌'},{value:3,label:'绿牌'},{value:1,label:'蓝牌'},
|
||||
],
|
||||
@ -186,6 +201,7 @@ export default {
|
||||
boardTypeOption:[
|
||||
{value:1,label:'全落地'},{value:2,label:'斜落一体'},{value:3,label:'普通斜板'},{value:9,label:'不限'}
|
||||
],
|
||||
proprietaryOption: [{value: 1, label: '中道自营'}, {value: 0, label: '服务商发布'}],
|
||||
poupShow:false,
|
||||
suggestContent:'',
|
||||
}
|
||||
@ -255,6 +271,7 @@ export default {
|
||||
sessionStorage.setItem('licenseType',String(this.licenseType));
|
||||
sessionStorage.setItem('emissionStandard',String(this.emissionStandard));
|
||||
sessionStorage.setItem('boardType',String(this.boardType));
|
||||
sessionStorage.setItem('proprietary',String(this.proprietary));
|
||||
},
|
||||
getSearchVal(){
|
||||
this.activeTab = Number(sessionStorage.getItem('indexActiveTab')) || 0;
|
||||
@ -264,6 +281,7 @@ export default {
|
||||
this.licenseType = Number(sessionStorage.getItem('licenseType')) || '';
|
||||
this.emissionStandard = Number(sessionStorage.getItem('emissionStandard')) || '';
|
||||
this.boardType = Number(sessionStorage.getItem('boardType')) || '';
|
||||
this.proprietary = Number(sessionStorage.getItem('proprietary')) || '';
|
||||
},
|
||||
goMine(){//我的发布
|
||||
this.$router.push({ name: "mineRelease"})
|
||||
@ -320,6 +338,7 @@ export default {
|
||||
priceSort:this.priceSort,
|
||||
boardType:this.boardType,
|
||||
emissionStandard:this.emissionStandard,
|
||||
proprietary: this.proprietary
|
||||
})
|
||||
this.total=res.total
|
||||
if(this.pageNum == 1){// 第一页直接赋值
|
||||
@ -434,23 +453,23 @@ export default {
|
||||
justify-content: space-around;
|
||||
padding-bottom: 10px;
|
||||
.customSel {
|
||||
width: 69px;
|
||||
width: 60px;
|
||||
height: 25px;
|
||||
background: #F5F5F5;
|
||||
border-radius: 4px;
|
||||
font-size: 12px;
|
||||
font-size: 10px;
|
||||
color: #323233;
|
||||
::v-deep .el-input__inner{
|
||||
padding: 0 2px;
|
||||
height: 25px;
|
||||
font-size: 12px;
|
||||
font-size: 10px;
|
||||
background: #F5F5F5;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
}
|
||||
::v-deep .el-input__icon{
|
||||
line-height: 25px;
|
||||
font-size: 12px;
|
||||
font-size: 10px;
|
||||
width: 18px;
|
||||
color: #2A5094;
|
||||
}
|
||||
@ -504,6 +523,9 @@ export default {
|
||||
cursor: pointer;
|
||||
}
|
||||
.left{
|
||||
width: 115px;
|
||||
height: 77px;
|
||||
position: relative;
|
||||
.img, .qiugou{
|
||||
width: 115px;
|
||||
height: 77px;
|
||||
@ -522,6 +544,20 @@ export default {
|
||||
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{
|
||||
.title{
|
||||
|
Reference in New Issue
Block a user