story#6462,二手拖车信息需求

src/views/secondHandCar/forSale.vue

@@ -40,10 +40,13 @@
           <div class="time">
             <span>{{ detailInfo.createTime?.substring(0,10) }}</span><span>{{ detailInfo.areaName }}</span><span>发布</span>
           </div>
-          <div class="price">
+          <div class="priceWrap">
-            售价（含税）：
+            <div class="price">
-            <span>{{ formatNumber(detailInfo.minPrice) }}</span>
+              售价（含税）：
-            <span>万</span>
+              <span>{{ formatNumber(detailInfo.minPrice) }}</span>
+              <span>万</span>
+            </div>
+            <div class="viewNum">{{detailInfo.attentionCount}}人想要<span>{{detailInfo.browseCount}}浏览</span></div>
           </div>
         </div>
         <div class="detailInfoWrap wrapCommon">
@@ -292,6 +295,18 @@ export default {
         margin-left: 10px;
       }
     }
+    .priceWrap{
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .viewNum{
+        color: #ccc;
+        margin-right: 15px;
+        span{
+          margin-left: 10px;
+        }
+      }
+    }
     .price{
       color: #FF5533;
       line-height: 28px;

src/views/secondHandCar/indexList.vue

@@ -122,12 +122,20 @@
                   {{ 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 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 class="priceWrap" v-if="activeTab==0" >
-                <div v-else class="priceRange">
+                  <div class="price">
-                  售价（含税）：
+                    售价（含税）：<span>￥</span> <span>{{formatNumber(item.minPrice) }}</span> <span>万</span>
-                  <span class="num">{{formatNumber(item.minPrice) }}</span> <span  class="danwei">万</span>
+                  </div>
-                  <span class="su">~</span>
+                  <div class="viewNum">{{item.attentionCount}}人想要<span>{{detaitemilInfo.browseCount}}浏览</span></div>
-                  <span class="num">{{formatNumber(item.maxPrice) }}</span> <span  class="danwei">万</span>
+                </div>
+                <div v-else class="priceWrap">
+                  <div  class="priceRange">
+                    售价（含税）：
+                    <span class="num">{{formatNumber(item.minPrice) }}</span> <span  class="danwei">万</span>
+                    <span class="su">~</span>
+                    <span class="num">{{formatNumber(item.maxPrice) }}</span> <span  class="danwei">万</span>
+                  </div>
+                  <div class="viewNum">{{item.attentionCount}}人想卖<span>{{item.browseCount}}浏览</span></div>
                 </div>
                 <div class="line"></div>
               </div>
@@ -190,8 +198,8 @@ export default {
       proprietary: '',
       areaCode:'',
       areaName:'',
-      publishStartTime:'',
+      startTime:'',
-      publishEndTime:'',
+      endTime:'',
       licenseTypeOption:[
         {value:2,label:'黄牌'},{value:3,label:'绿牌'},{value:1,label:'蓝牌'},
       ],
@@ -244,11 +252,11 @@ export default {
     dateVal(val){
       if(val){
         let res= this.formatDateTimeRange(val)
-        this.publishStartTime=res.startTime
+        this.startTime=res.startTime
-        this.publishEndTime=res.endTime
+        this.endTime=res.endTime
       }else{
-        this.publishStartTime=''
+        this.startTime=''
-        this.publishEndTime=''
+        this.endTime=''
       }
       this.setSearchVal();
       this.getList()
@@ -410,7 +418,10 @@ export default {
         priceSort:this.priceSort,
         boardType:this.boardType,
         emissionStandard:this.emissionStandard,
-        proprietary: this.proprietary
+        proprietary: this.proprietary,
+        areaCode:this.areaCode,
+        startTime:this.startTime,
+        endTime:this.endTime,
       })
       this.total=res.total
       if(this.pageNum == 1){// 第一页直接赋值
@@ -697,6 +708,18 @@ export default {
           line-height: 16px;
         }
       }
+      .priceWrap{
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        .viewNum{
+          color: #ccc;
+          margin-right: 15px;
+          span{
+            margin-left: 10px;
+          }
+        }
+      }
       .priceRange{
         color: #FF5533;
         display: flex;

src/views/secondHandCar/wantBuySale.vue

@@ -14,11 +14,14 @@
         <div class="time">
           <span>{{ detailInfo.createTime?.substring(0,10) }}</span><span>发布</span>
         </div>
-        <div class="price">
+        <div class="priceWrap">
-          售价（含税）：
+          <div class="price">
-          <span class="num">{{formatNumber(detailInfo.minPrice) }}</span> <span  class="danwei">万</span>
+            售价（含税）：
-          <span class="su">~</span>
+            <span class="num">{{formatNumber(detailInfo.minPrice) }}</span> <span  class="danwei">万</span>
-          <span class="num">{{formatNumber(detailInfo.maxPrice) }}</span> <span  class="danwei">万</span>
+            <span class="su">~</span>
+            <span class="num">{{formatNumber(detailInfo.maxPrice) }}</span> <span  class="danwei">万</span>
+          </div>
+          <div class="viewNum">{{detailInfo.attentionCount}}人想卖<span>{{detailInfo.browseCount}}浏览</span></div>
         </div>
       </div>
       <div class="detailInfoWrap wrapCommon">
@@ -182,6 +185,18 @@ export default {
         margin-right: 20px;
       }
     }
+    .priceWrap{
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .viewNum{
+        color: #ccc;
+        margin-right: 15px;
+        span{
+          margin-left: 10px;
+        }
+      }
+    }
     .price{
       color: #FF5533;
       font-weight: 600;