二手车交易，返回按钮的控制

src/utils/myMixins.js

@@ -89,12 +89,12 @@ export const myMixins = {
       }
     },
     isWebFunc(){
+      let res=false
       var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
       if (!isMobile) {// 是移动端不变
-        return true
+        res=true
-      }else {
-        return false
       }
+      return res
     },
   }
 }

src/views/secondHandCar/carSource.vue

@@ -3,7 +3,7 @@
     <div class="headerWrap">
       <img class="bg" src="@/assets/secondHandCar/bg.png" />
       <div class="navWrap">
-        <div v-if="isWebFunc" style="opacity: 0;" class="back"></div>
+        <div v-if="isWebFunc()" style="opacity: 0;" class="back"></div>
         <img v-else class="back" @click="h5GoBack" src="@/assets/secondHandCar/back.png" />
         <!--     切图问题，图片需更换-->
         <img class="navIcon" src="@/assets/secondHandCar/cheyuan_big.png" />

src/views/secondHandCar/forSale.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="wrap" >
     <div class="headerWrap">
-      <div v-if="isWebFunc" style="opacity: 0;" class="back"></div>
+      <div v-if="isWebFunc()" style="opacity: 0;" class="back"></div>
       <img v-else class="back" @click="h5GoBack" src="@/assets/secondHandCar/back.png" />
       <span>在售</span>
       <div style="opacity: 0;" class="back"></div>
@@ -24,7 +24,7 @@
             <span>{{ detailInfo.vehicleType }}</span>
             <span>{{ detailInfo.boardType?.label }}</span>
             <span>{{ detailInfo.licenseType?.label }}</span>
-            <span>{{detailInfo.brandModel?.match(/^[\u4e00-\u9fa5]+/)?.[0]}}</span>
+            <span>{{detailInfo.brandModel?.match(/^[\u4e00-\u9fa5]+/)?.[0]?.replace(/牌$/, '')}}</span>
             <span>{{ detailInfo.mileage }}公里</span>
             <span>{{ detailInfo.emissionStandard?.label }}</span>
           </div>
@@ -58,8 +58,8 @@
           </div>
           <div class="descItem descCommon">
             <div class="itemInfo">
-              <span>{{detailInfo.brandModel?.match(/^[\u4e00-\u9fa5]+/)?.[0]}}</span>
+              <span>{{detailInfo.brandModel?.match(/^[\u4e00-\u9fa5]+/)?.[0]?.replace(/牌$/, '')}}</span>
-              <span>牌照类型</span>
+              <span>上装品牌</span>
             </div>
             <div class="suGang"></div>
             <div class="itemInfo">

src/views/secondHandCar/indexList.vue

@@ -74,7 +74,7 @@
             <div class="right">
               <div class="title">{{item.vehicleType}}</div>
               <div v-if="activeTab==0" class="type">{{ item.boardType?.label }} | {{ item.licenseType?.label }} |
-                {{ item.brandModel?.match(/^[\u4e00-\u9fa5]+/)?.[0] }} | {{ item.mileage }}km | {{item.emissionStandard?.label}}</div>
+                {{ item.brandModel?.match(/^[\u4e00-\u9fa5]+/)?.[0]?.replace(/牌$/, '') }} | {{ item.mileage }}km | {{item.emissionStandard?.label}}</div>
               <div v-else class="type">{{ item.boardType?.label }} |
                 {{item.vehicleType }} | {{item.emissionStandard?.label}}</div>
               <div class="date" v-show="activeTab==0 && item.registerDate">注册日期： {{item.registerDate?.substring(0,10)}}</div>
@@ -156,9 +156,7 @@ export default {
     }
   },
   mounted() {
-    const savedTab = sessionStorage.getItem('indexActiveTab');
+    this.getSearchVal();
-    this.activeTab = Number(savedTab); // 转换为数字
-    // }
     this.getList();
     document.addEventListener('visibilitychange', async (  ) => {
       let state = document.visibilityState
@@ -171,6 +169,22 @@ export default {
     });
   },
   methods:{
+    setSearchVal(){
+      sessionStorage.setItem('indexActiveTab',String(this.activeTab) );
+      sessionStorage.setItem('topSearch',this.topSearch);
+      sessionStorage.setItem('vehicleType',this.vehicleType);
+      sessionStorage.setItem('licenseType',String(this.licenseType));
+      sessionStorage.setItem('emissionStandard',String(this.emissionStandard));
+      sessionStorage.setItem('boardType',String(this.boardType));
+    },
+    getSearchVal(){
+      this.activeTab = Number(sessionStorage.getItem('indexActiveTab')) || 0;
+      this.topSearch = sessionStorage.getItem('topSearch') || '';
+      this.vehicleType = sessionStorage.getItem('vehicleType') || '';
+      this.licenseType = Number(sessionStorage.getItem('licenseType')) || '';
+      this.emissionStandard = Number(sessionStorage.getItem('emissionStandard')) || '';
+      this.boardType = Number(sessionStorage.getItem('boardType')) || '';
+    },
     goMine(){//我的发布
       this.$router.push({ name: "mineRelease",})
     },
@@ -180,8 +194,7 @@ export default {
       }else{//求购查看
         this.$router.push({ name: "wantBuySale", query: { type:1 ,id:item.id ,queryType:2}})
       }
-      // 保存当前的 activeTab
+      this.setSearchVal();
-      sessionStorage.setItem('indexActiveTab',String(this.activeTab) );
     },
     releaseHandle(type){
       if(type===1){//车源发布
@@ -192,6 +205,7 @@ export default {
       }else{//求购发布
         this.$router.push({ name: "wantBuy", query: { type:1 }  })
       }
+      this.setSearchVal();
     },
     async submitSuggest(){
       if(!this.suggestContent){

src/views/secondHandCar/wantBuy.vue

@@ -3,7 +3,7 @@
     <div class="headerWrap">
       <img class="bg" src="@/assets/secondHandCar/bg.png" />
       <div class="navWrap">
-        <div v-if="isWebFunc" style="opacity: 0;" class="back"></div>
+        <div v-if="isWebFunc()" style="opacity: 0;" class="back"></div>
         <img v-else class="back" @click="h5GoBack" src="@/assets/secondHandCar/back.png" />
         <img class="navIcon" src="@/assets/secondHandCar/qiugou_big.png" />
         <div style="opacity: 0;" class="back"></div>

src/views/secondHandCar/wantBuySale.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="wrap" >
     <div class="headerWrap">
-      <div v-if="isWebFunc" style="opacity: 0;" class="back"></div>
+      <div v-if="isWebFunc()" style="opacity: 0;" class="back"></div>
       <img v-else class="back" @click="h5GoBack" src="@/assets/secondHandCar/back.png" />
       <span>求购</span>
       <div style="opacity: 0;" class="back"></div>