story#6962,二手拖车系统优化-底盘和上装的外部展示和搜索

src/views/secondHandCar/forSale.vue

@@ -16,7 +16,6 @@
             :preview-src-list="[item]"
             class="swipeImg"
           />
-<!--          <img v-if="item" class="swipeImg" :src="item" />-->
         </el-carousel-item>
       </el-carousel>
       <van-swipe v-else  @change="onChange" :autoplay="3000">
@@ -34,8 +33,9 @@
             <span>{{ detailInfo.boardType?.label }}</span>
             <span>{{ detailInfo.licenseType?.label }}</span>
             <span>{{detailInfo.brandModel?.match(/^[\u4e00-\u9fa5]+/)?.[0]?.replace(/牌$/, '')}}</span>
-            <span>{{  formatToWan(detailInfo.mileage) }}公里</span>
             <span>{{ detailInfo.emissionStandard?.label }}</span>
+            <span>{{ detailInfo.underpanBrand }}</span>
+            <span>{{  formatToWan(detailInfo.mileage) }}公里</span>
           </div>
           <div class="time">
             <span>{{ detailInfo.createTime?.substring(0,10) }}</span><span>{{ detailInfo.areaName }}</span><span>发布</span>

src/views/secondHandCar/indexList.vue

@@ -119,7 +119,7 @@
               <div class="right">
                 <div class="title">{{item.vehicleType}}</div>
                 <div v-if="activeTab==0" class="type">{{ item.boardType?.label ? item.boardType?.label+' | ' : ''}}  {{ item.licenseType?.label }} |
-                  {{ item.brandModel?.match(/^[\u4e00-\u9fa5]+/)?.[0]?.replace(/牌$/, '') }} | {{item.emissionStandard?.label}} | {{ formatToWan(item.mileage) }}公里</div>
+                  {{ item.brandModel?.match(/^[\u4e00-\u9fa5]+/)?.[0]?.replace(/牌$/, '') }} | {{item.emissionStandard?.label}}  | {{item.underpanBrand}} | {{ formatToWan(item.mileage) }}公里</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="priceWrap" v-if="activeTab==0" >
@@ -354,6 +354,8 @@ export default {
       sessionStorage.setItem('areaCode',String(this.areaCode));
       sessionStorage.setItem('areaName',this.areaName);
       sessionStorage.setItem('dateVal',this.dateVal);
+      sessionStorage.setItem('brandModel',this.brandModel);
+      sessionStorage.setItem('underpanBrand',this.underpanBrand);
     },
     getSearchVal(){
       this.activeTab = Number(sessionStorage.getItem('indexActiveTab')) || 0;
@@ -367,6 +369,8 @@ export default {
       this.areaCode=Number(sessionStorage.getItem('areaCode')) || '';
       this.areaName=sessionStorage.getItem('areaName') || '';
       this.dateVal=sessionStorage.getItem('dateVal') || '';
+      this.brandModel=sessionStorage.getItem('brandModel') || '';
+      this.underpanBrand=sessionStorage.getItem('underpanBrand') || '';
     },
     goMine(){//我的发布
       this.$router.push({ name: "mineRelease"})
@@ -428,6 +432,8 @@ export default {
         areaCode:this.areaCode,
         startTime:this.startTime,
         endTime:this.endTime,
+        brandModel:this.brandModel,
+        underpanBrand:this.underpanBrand,
       })
       this.total=res.total
       if(this.pageNum == 1){// 第一页直接赋值
@@ -686,9 +692,9 @@ export default {
         color: #282828;
         line-height: 23px;
         width: 200px;
-        white-space: nowrap; /* 强制文本在一行显示 */
+       /* white-space: nowrap; !* 强制文本在一行显示 *!
-        overflow: hidden; /* 隐藏超出部分 */
+        overflow: hidden; !* 隐藏超出部分 *!
-        text-overflow: ellipsis; /* 超出部分显示省略号 */
+        text-overflow: ellipsis; !* 超出部分显示省略号 *!*/
       }
       .date{
         font-weight: 400;