1

src/components/searchProductdata/block.vue

+<template>
+  <!-- 豆腐块 -->
+  <div class="Search_center">
+    <ul class="pd-list">
+      <li class="pd-box" v-for="(item,index) in DataList" :key="index">
+        <a class="pd-link">
+          <div class="pd-img"
+            :style="{backgroundImage:`url('${item.newCoverImg}')`}">
+            <div class="pd-price">
+              <div class="price">
+                {{item.dayNum}}
+                <small class="unit">天</small> {{item.b2BPrice}}
+                <small class="unit">元起</small>
+              </div>
+            </div>
+          </div>
+          <div class="pd-content">
+            <h3 class="pd-title">{{item.title}}</h3>
+            <div class="pd-departure">
+              出發日期：{{item.startDate}}
+              <span class="more" @click="GotoDetails(item)" style="cursor:pointer">...更多</span>
+            </div>
+          </div>
+        </a>
+      </li>
+    </ul>
+  </div>
+</template>
+<script>
+  export default {
+    props: ["DataList", "PageCount"],
+    data() {
+      return {
+
+      };
+    },
+    methods: {
+      GotoDetails(item) {
+        this.CommonJump('/details/' + encodeURIComponent(item.id) + "/" + item.tcid, {});
+      }
+    }
+  }
+
+</script>

src/components/searchProductdata/list.vue

+<template>
+  <!-- 列表 -->
+    <div class="group-result-list">
+      <div class="group-statis-block">
+        <div class="group-share" style="display:none;"></div>
+        <div class="group-statis-detail">
+          <span class="title" v-if="qMsg.searchKey">{{qMsg.searchKey}} :</span>
+          找到
+          <span class="num"> {{qMsg.TotalCount}} </span>個行程
+          <span class="pc">，目前在第<span style="color: #7f7f7f;"> {{qMsg.pageIndex}} </span>頁</span>
+        </div>
+      </div>
+      <div>
+        <div class="group-box" v-for="(itemf,indexf) in DataList" :key="indexf">
+                <a class="group-cover" >
+                  <template v-if="itemf.imgCover&&itemf.imgCover.length>0">
+                     <img :src="itemf.imgCover[0].url" />
+                  </template>
+                </a>
+                <div class="group-main">
+                  <div class="group-info">
+                    <div class="group-name" style="margin-bottom:5px;cursor:pointer" @click="GotoDetails(itemf)">
+                      {{itemf.title}}
+                    </div>
+                    <div class="group-detail" @click="GotoDetails(itemf)">
+                      <i class="iconfont iconaddress"></i>
+                      <span>{{itemf.countryName}}</span>
+                    </div>
+                    <div class="group-detail" @click="GotoDetails(itemf)">
+                      <i class="iconfont icontime"></i>
+                      <span>{{itemf.dayNum}} 天</span>
+                    </div>
+                    <ul class="group-list">
+                      <li>
+                        <template v-if="itemf.PriceList&&itemf.PriceList.length>0">
+                          <div v-for="(item,index) in itemf.priceList" :key="index">
+                            <a>{{item.StartDate}}</a>
+                          </div>
+                       </template>
+                      </li>
+                    </ul>
+                  </div>
+                  <div class="price-info" @click="GotoDetails(itemf)">
+                    <div class="price-wrap">
+                      <div class="price_Search">
+                        <small class="price_unit">TWD$</small> {{itemf.b2BPrice}}
+                      </div>
+                      <a class="btn_warning" @click="GotoDetails(itemf)" style="cursor:pointer">更多出發日</a>
+                    </div>
+                  </div>
+                </div>
+        </div>
+        <div style="display:flex;justify-content: center;">
+          <q-pagination v-if="qMsg.PageCount>1" v-model="qMsg.pageIndex" :max="qMsg.PageCount" @input="gerOrderList()"
+            :direction-links="true">
+          </q-pagination>
+        </div>
+      </div>
+    </div>
+
+</template>
+<script>
+  export default {
+    props: ["DataList", "qMsg"],
+    data() {
+      return {
+
+      };
+    },
+    methods: {
+      GotoDetails(item) {
+        this.CommonJump('/details/' + encodeURIComponent(item.id) + "/" + item.tcid, {});
+      },
+      //调用
+      gerOrderList(){
+        this.$emit('getPage')
+      }
+    }
+  }
+
+</script>

src/components/searchdata/kkday.vue

@@ -836,7 +836,7 @@ export default {
               //   }
               // });
               this.DataList = tempArray;
-              this.renderSearchInfo(res.data.data.pageData.condition);
+              this.renderSearchInfo(res.data.data.pageData);
               this.$forceUpdate();
             }
           }

src/router/routes.js

@@ -73,6 +73,11 @@ const routes = [{
                 meta: { title: '出行检索' },
                 component: () =>
                     import ('pages/Search.vue')
+            },{
+                path: '/searchProduct', //出行产品（团）检索
+                meta: { title: '出行检索' },
+                component: () =>
+                    import ('pages/SearchProduct.vue')
             },
             {
                 path: '/account', //用户信息