页面修改

src/components/searchdata/block.vue

 <template>
   <!-- 豆腐块 -->
-  <div class="Search_center"  >
-    <ul class="pd-list">
-      <li class="pd-box">
+  <div class="Search_center">
+    <ul class="pd-list" v-for="(item,index) in DataList">
+      <li class="pd-box" :key="index">
         <a class="pd-link">
           <div class="pd-img"
             :style="{backgroundImage:`url('http://de0s2vtm6rzpn.cloudfront.net/b2b/112083/tour_cover/11208315385464307090_rsz.jpg')`}">
             <div class="pd-price">
               <div class="price">
-                11
-                <small class="unit">天</small> 50900
+                {{item.dayNum}}
+                <small class="unit">天</small> {{item.b2BPrice}}
                 <small class="unit">元起</small>
               </div>
             </div>
           </div>
           <div class="pd-content">
-            <h3 class="pd-title">魅力歐洲～法比荷、最愛羅浮宮、特色三遊船、絕美羊角村、魅力風車城8日</h3>
+            <h3 class="pd-title">{{item.title}}</h3>
             <div class="pd-departure">
-              出發日期：2021-01-01
-              <span class="more">...更多</span>
-            </div>
-          </div>
-        </a>
-      </li>
-      <li class="pd-box">
-        <a class="pd-link">
-          <div class="pd-img"
-            :style="{backgroundImage:`url('http://de0s2vtm6rzpn.cloudfront.net/b2b/112083/tour_cover/11208315385464307090_rsz.jpg')`}">
-            <div class="pd-price">
-              <div class="price">
-                11
-                <small class="unit">天</small> 50900
-                <small class="unit">元起</small>
-              </div>
-            </div>
-          </div>
-          <div class="pd-content">
-            <h3 class="pd-title">魅力歐洲～法比荷、最愛羅浮宮、特色三遊船、絕美羊角村、魅力風車城8日</h3>
-            <div class="pd-departure">
-              出發日期：2021-01-01
-              <span class="more">...更多</span>
+              出發日期：{{item.startDate}}
+              <span class="more" @click="GotoDetails(item)">...更多</span>
             </div>
           </div>
         </a>
@@ -49,12 +28,17 @@
 </template>
 <script>
   export default {
+    props: ["DataList", "PageCount"],
     data() {
       return {
 
       };
     },
+    methods: {
+      GotoDetails(item) {
+        this.CommonJump('/details/' + item.id + "/" + item.tcid, {});
+      }
+    }
   }
 
-
 </script>

src/components/searchdata/list.vue

@@ -63,14 +63,14 @@
         </div>
       </div>
       <div>
-        <div class="group-box">
+        <div class="group-box" v-for="(item,index) in DataList">
           <a class="group-cover">
-            <img src="http://de0s2vtm6rzpn.cloudfront.net/b2b/112083/tour_cover/11208315385464307090_rsz.jpg">
+            <img v-if="item.newCoverImg" :src="item.newCoverImg" />
           </a>
           <div class="group-main">
             <div class="group-info">
               <div class="group-name" style="margin-bottom:5px;">
-                魅力歐洲～法比荷、最愛羅浮宮、特色三遊船、絕美羊角村、魅力風車城8日
+                {{item.title}}
               </div>
               <div class="group-detail">
                 <i class="iconfont iconaddress"></i>
@@ -78,20 +78,20 @@
               </div>
               <div class="group-detail">
                 <i class="iconfont icontime"></i>
-                <span>11 天</span>
+                <span>{{item.dayNum}} 天</span>
               </div>
               <ul class="group-list">
                 <li>
-                  <a>2021-01-01</a>
+                  <a>{{item.startDate}}</a>
                 </li>
               </ul>
             </div>
             <div class="price-info">
               <div class="price-wrap">
                 <div class="price_Search">
-                  <small class="price_unit">TWD$</small>50900
+                  <small class="price_unit">TWD$</small> {{item.b2BPrice}}
                 </div>
-                <a class="btn_warning">更多出發日</a>
+                <a class="btn_warning" @click="GotoDetails(item)">更多出發日</a>
               </div>
             </div>
           </div>
@@ -102,11 +102,17 @@
 </template>
 <script>
   export default {
+    props: ["DataList", "PageCount"],
     data() {
       return {
 
       };
     },
+    methods: {
+      GotoDetails(item) {
+        this.CommonJump('/details/' + item.id + "/" + item.tcid, {});
+      }
+    }
   }
 
 </script>

src/pages/Search.vue

@@ -640,10 +640,10 @@
 
       {{ShowType}}
       <template v-if="ShowType==0">
-        <searchBlock></searchBlock>
+        <searchBlock :DataList="DataList" :PageCount="PageCount"></searchBlock>
       </template>
       <template v-else>
-        <searchList></searchList>
+        <searchList :DataList="DataList" :PageCount="PageCount"></searchList>
       </template>
 
       <!-- 手机端 -->
@@ -862,6 +862,7 @@
         ShowType: 0, //显示样式(0-豆腐格，1-列表)
         //行程列表
         DataList: [],
+        PageCount: 0,
       };
     },
     mounted() {
@@ -923,9 +924,25 @@
         this.apipost(
           "b2b_get_GetB2BTravelPageList", this.qMsg,
           res => {
-            console.log("res", res.data);
             if (res.data.resultCode == 1) {
-
+              this.PageCount = res.data.data.pageCount;
+              var tempArray = res.data.data.pageData;
+              if (tempArray && tempArray.length > 0) {
+                tempArray.forEach(item => {
+                  if (item.imgCover && item.imgCover != '') {
+                    try {
+                      var imgArray = JSON.parse(item.imgCover);
+                      if (imgArray && imgArray.length > 0) {
+                        item.newCoverImg = imgArray[0].Url;
+                      } else {
+                        item.newCoverImg = "";
+                      }
+                    } catch (e) {
+                    }
+                  }
+                });
+                this.DataList = tempArray;
+              }
             }
           },
           err => {}