diff --git a/src/views/secondHandCar/indexList.vue b/src/views/secondHandCar/indexList.vue index 22075bca..7869d4c1 100644 --- a/src/views/secondHandCar/indexList.vue +++ b/src/views/secondHandCar/indexList.vue @@ -4,7 +4,6 @@ @@ -22,7 +21,7 @@
- + - + - +
+ 价格 + + + + + +
+ - + - - - -
@@ -152,9 +151,7 @@ export default { isLoading:false, licenseType:'', vehicleType:'', - minPrice:'', - maxPrice:'', - price:'', + priceSort:'', emissionStandard:'', boardType:'', licenseTypeOption:[ @@ -189,10 +186,27 @@ export default { }); }, methods:{ + changePrice(){ + if(!this.priceSort){ + this.priceSort=1 + } + if( this.priceSort==1){ + this.priceSort=2 + }else{ + this.priceSort=1 + } + this.getList(); + }, + clearPrice(){ + this.priceSort='' + this.setSearchVal() + this.getList(); + }, setSearchVal(){ sessionStorage.setItem('indexActiveTab',String(this.activeTab) ); sessionStorage.setItem('topSearch',this.topSearch); - sessionStorage.setItem('vehicleType',this.vehicleType); + sessionStorage.setItem('priceSort',this.priceSort); + sessionStorage.setItem('indexActiveTab',String(this.activeTab) ); sessionStorage.setItem('licenseType',String(this.licenseType)); sessionStorage.setItem('emissionStandard',String(this.emissionStandard)); sessionStorage.setItem('boardType',String(this.boardType)); @@ -201,6 +215,7 @@ export default { this.activeTab = Number(sessionStorage.getItem('indexActiveTab')) || 0; this.topSearch = sessionStorage.getItem('topSearch') || ''; this.vehicleType = sessionStorage.getItem('vehicleType') || ''; + this.priceSort = Number(sessionStorage.getItem('priceSort')) || ''; this.licenseType = Number(sessionStorage.getItem('licenseType')) || ''; this.emissionStandard = Number(sessionStorage.getItem('emissionStandard')) || ''; this.boardType = Number(sessionStorage.getItem('boardType')) || ''; @@ -253,8 +268,7 @@ export default { topSearch:this.topSearch, licenseType:this.licenseType, vehicleType:this.vehicleType, - minPrice:this.minPrice, - maxPrice:this.maxPrice, + priceSort:this.priceSort, boardType:this.boardType, emissionStandard:this.emissionStandard, // brandModel:this.brandModel, @@ -389,10 +403,27 @@ export default { background: #F1F6FF ; color: #007BE9; font-weight: bold; + padding-left: 8px; } .has-value ::v-deep .el-input__icon{ color: #007BE9; } + .priceSel{ + display: flex; + justify-content: space-around; + align-items: center; + color: #C0C4CC; + .iconSpan{ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + font-size: 8px; + } + } + .has-price{ + color: #007BE9 !important; + } } .contentWrap{ width: 100%;