数据联调

zhiyangdu
1 parent a650e7ab
Showing 2 changed files with 30 additions and 47 deletions
src/components/columnCommodityListBox/columnCommodityListBox.vue
src/components/tabBox/tabBox.vue
@@ -68,7 +68,7 @@
 	export default {
 		data() {
 			return {
-				
+
 			};
 		},
 		props: ["columnLists"],
@@ -88,7 +88,7 @@
 			 */
 			getDecimal() {
 				return (number) => {
-					
+
 					// 拆分数字
 					let numberArr = number.toString().split(".");
@@ -101,8 +101,11 @@
 				}
 			}
 		},
+        created(){
+		    console.log(this.columnLists)
+        },
 		methods: {
-			
+
 			/**
 			 * 跳转详情
 			 * @param {object} item [对象]
@@ -117,4 +120,4 @@
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style rel="stylesheet/less" lang='less' scoped>
 	@import './columnCommodityListBox';
-</style>
 \ No newline at end of file
+</style>
@@ -7,25 +7,25 @@
                   <div class="tabbar" v-for="(item, index) in tabbaromponents.ads" :key="index">
                   <!-- 关爱屋简介 -->
                   <html-box
-                      v-if="item.style == '14'"
+                      v-if="item.style === '14'"
                       :htmls="item.content">
                   </html-box>
                   <!-- 精品推荐 -->
                       <!-- 精品推荐 -->
-                      <div class="boutique-list" v-infinite-scroll="loadBoutique" infinite-scroll-disabled="paging.boutique.loading" :infinite-scroll-distance="paging.distance">
+                      <!--<div class="boutique-list" v-infinite-scroll="loadBoutique" infinite-scroll-disabled="paging.boutique.loading" :infinite-scroll-distance="paging.distance">-->
                   <img-list-box
-                      v-if="item.style == '1'"
+                      v-if="item.style === '1'"
                       @detail="toDetail"
                       :imgLists="item.img">
                   </img-list-box>
-                      </div>
+                      <!--</div>-->
                   <!-- 商品推荐 -->
                       <!-- 商品推荐 -->
-                      <div class="column-commodity-list" v-infinite-scroll="loadCommodity" infinite-scroll-disabled="paging.commodity.loading" :infinite-scroll-distance="paging.distance">
+                  <div class="column-commodity-list" v-infinite-scroll="loadCommodity" infinite-scroll-disabled="paging.commodity.loading" :infinite-scroll-distance="paging.distance">
                   <column-commodity-list-box
-                      v-if="item.style == '15'"
+                      v-if="item.style === '15'"
                       @detail="toCommodityDetail"
-                      :columnLists="item">
+                      :columnLists="commoditys">
                   </column-commodity-list-box>
                       </div>
                       <!--优惠专区-->
@@ -40,6 +40,7 @@
 </template>
 <script>
+    import { Toast, Indicator } from "mint-ui";
     import htmlBox from "@/components/htmlBox/htmlBox";
     import imgListBox from "@/components/imgListBox/imgListBox";
     import columnCommodityListBox from "@/components/columnCommodityListBox/columnCommodityListBox";
@@ -50,6 +51,9 @@
       return {
           active: 0,
           tabbaromponents: null, // 组件库
+          commoditys: {               // 全部推荐
+              list: []
+          },
           paging: {                   // 分页
               boutique: {
                   loading: true,
@@ -76,7 +80,7 @@
             return item.title === "关爱屋"
         });
         // 获取领头雁电商精品推荐
-        this.getActivityAdsGoods(this.paging.boutique.page);
+//        this.getActivityAdsGoods(this.paging.boutique.page);
     },
     methods: {
         onChange(name, title) {
@@ -84,6 +88,11 @@
             this.tabbaromponents = this.tabbar.find((item)=>{
                 return item.title === title
             });
+            if(title==='全部商品'){
+                // 店铺商品推荐
+                this.shopRecommendGoods(this.paging.commodity.page);
+            }
+
         },
         /**
          * 调用通用跳转
@@ -114,28 +123,13 @@
             this.toDetail(item);
         },
         /**
-         * 上拉加载“精品推荐”
-         */
-        loadBoutique() {
-
-            // 判断是“精品推荐”页才加载
-            if (this.activeTabIndex === 1) {
-
-                // 设置“精品推荐”页码
-                this.$set(this.paging.boutique, "page", ++this.paging.boutique.page);
-
-                // 调用接口
-                this.getActivityAdsGoods(this.paging.boutique.page);
-            }
-        },
-        /**
          * 店铺商品推荐
          * @param {int} page [页码]
          */
         shopRecommendGoods(page) {
-
+            console.log(this.tabbaromponents)
             // 判断必要参数
-            if (this.shopId) {
+            if (this.tabbaromponents.ads[0].id) {
                 // 加载中
                 this.$set(this.paging.commodity, "loading", true);
@@ -144,8 +138,8 @@
                 Indicator.open('加载中...');
                 // 请求接口
-                this.http("/Api/" + (this.getApiVersion().index) + "/shopRecommendGoods", {
-                    shop_id: this.shopId,
+                this.http("/Api/" + (this.getApiVersion().index) + "/shopGoodsList", {
+                    shop_id: this.tabbaromponents.ads[0].id,
                     page: page
                 }, this.shopRecommendGoodsCallback, {
                     method: "POST"
@@ -159,7 +153,6 @@
          * @param {object} ext [扩展参数]
          */
         shopRecommendGoodsCallback(res, ext) {
-
             // 加载完成
             Indicator.close();
@@ -172,26 +165,13 @@
                 /* 设置商品推荐数据 开始 */
                 // 判断是否有数据
-                if (datas.list && datas.list.length) {
+                if (datas && datas.length) {
                     // 追加列表
-                    this.$set(this.commoditys, "list", [...this.commoditys.list, ...datas.list]);
+                    this.$set(this.commoditys, "list", [...this.commoditys.list, ...datas]);
                     // 设置还有需要加载的内容
                     this.$set(this.paging.commodity, "loading", false);
-
-                    // 如果当前显示“全部商品”，设置swiper高度
-                    if (this.activeTabIndex === 2) {
-
-                        this.$nextTick(() => {
-
-                            setTimeout(() => {
-
-                                // 重新设置swiper高度
-                                this.$set(this.swiperExce, "offsetHeight", this.$refs.commodity.offsetHeight);
-                            }, 500);
-                        });
-                    }
                 } else {
                     // 没有需要加载的内容，停止上拉加载