接口对接中~

王强
1 parent f4ccd178
Showing 5 changed files with 87 additions and 22 deletions
src/components/iconsCom/iconsCom.less
src/components/iconsCom/iconsCom.vue
src/main.js
src/pages/common/common.vue
src/pages/mall2/mall2.vue
@@ -9,6 +9,7 @@
         border-radius: 50%;
     }
     .title {
+        margin-top: 10px;
         color: #777777;
         font-size: 26px;
         font-weight: 400;
 <template>
-	<div class="icons-com" v-if="item && item.simg && item.title" @click="jump(item)">
-		<img v-lazy="item.simg" class="icons-img" />
+	<div class="icons-com" v-if="item && item.title && item.id" @click="jump(item)">
+		<img v-lazy="item.logo" class="icons-img" />
         <div class="title">{{item.title}}</div>
 	</div>
 </template>
@@ -63,7 +63,7 @@ import &quot;url-search-params-polyfill&quot;;
 Vue.config.productionTip = false;
  
 // 部署模式设置（开发模式："dev"，测试模式："test"，生产模式："prod"）
-Vue.prototype.mode = "test";
+Vue.prototype.mode = "dev";
  
 // 微信JS-SDK对象
 Vue.prototype.jweixin = {
@@ -544,8 +544,10 @@
                                     }
                                 }
                                 break;
-                            case "5":		// WebView页 to Url地址
-                            case "34":
+                            case "5":		// webView页 to Url地址
+                            case "34":      // WebView页跳转，根据URL的GET参数type=web判断使用一部的WebView打开
+                            case "41":      // WebView页跳转，跳转电商购物车页面
+                            case "42":      // WebView页跳转，跳转电商订单页面
  
                                 // 跳转URL
                                 if (item.to.trim()) {
@@ -29,7 +29,7 @@
                 </title-sub-title-hori-com>
  
                 <!-- 轮播展示店铺 -->
-                <icon-swiper-box @jump="toDetail"
+                <icon-swiper-box @jump="toShop"
                     :icons="navs">
                 </icon-swiper-box>
             </div>
@@ -37,18 +37,18 @@
             <!-- 店铺列表 -->
             <div class="shop-list-box" v-if="shopLists && shopLists.length">
  
-                <div class="section shop-list" v-for="(items, index) in shopLists" :key="index" @click="toDetail(items)">
+                <div class="section shop-list" v-for="(items, index) in shopLists" :key="index" @click="toShop(items)">
  
                     <!-- 头图 -->
                     <div class="header-img-box">
-                        <img :src="items.header_img + SIGN.BIG" class="header-img" />
+                        <img v-lazy="items.img + SIGN.BIG" class="header-img" />
                     </div>
  
                     <!-- 商品列表 -->
                     <div class="list-box">
  
                         <!-- 商品展示样式 2 -->
-                        <goods-item-2 class="item" v-for="(item, i) in items.list" :key="i"
+                        <goods-item-2 class="item" v-for="(item, i) in items.goods" :key="i"
                             :item="item"
                             pid="3">
                         </goods-item-2>
@@ -91,8 +91,11 @@
             // 设置标题
             this.$set(this, 'title', '旗舰店');
  
-            // 品质优选
-            this.goodQuality();
+            // 旗舰店swiper
+            this.flagship();
+
+            // 旗舰店店铺商品
+            this.flagshipList();
  
             // 判断是否在App内
             if (this.isCNLive.value) {
@@ -288,27 +291,78 @@
         methods: {
  
             /**
-             * 品质优选
+             * 旗舰店swiper
              */
-            goodQuality() {
+            flagship() {
  
                 // 加载中提示
                 Indicator.open("加载中...");
  
                 // 获取证书请求接口
-                this.http("/Api/" + this.getApiVersion().good + "/goodQuality", {
-                    id: 0
-                }, this.goodQualityCallback, {
+                this.http("/Api/" + this.getApiVersion().good + "/flagship", {
+                    uid: this.getStore("uid") || 0
+                }, this.flagshipCallback, {
                     method: "POST"
                 });
             },
  
             /**
-             * 品质优选回调
+             * 旗舰店swiper回调
              * @param {Object} res [服务器返回数据]
              * @param {Object} ext [扩展参数]
              */
-            goodQualityCallback(res, ext) {
+            flagshipCallback(res, ext) {
+
+                // 加载完成
+                Indicator.close();
+
+                // 返回处理
+                if (res.code == 200) {
+
+                    // 解构数据
+                    let { data: datas } = res;
+
+                    /* 获取旗舰店swiper数据 开始 */
+
+                    // 设置navs数据
+                    this.$set(this, 'navs', datas.list);
+
+                    /* 获取旗舰店swiper数据 结束 */
+
+                } else if (res.code == 400) {
+
+                    // 获取初始数据失败
+                    Toast(res.message);
+                } else {
+
+                    // 获取初始数据失败
+                    Toast("获取数据失败");
+                }
+            },
+
+            /**
+             * 旗舰店店铺商品
+             */
+            flagshipList() {
+
+                // 加载中提示
+                Indicator.open("加载中...");
+
+                // 获取证书请求接口
+                this.http("/Api/" + this.getApiVersion().good + "/flagshipList", {
+                    uid: this.getStore("uid") || 0,
+                    page: 1
+                }, this.flagshipListCallback, {
+                    method: "POST"
+                });
+            },
+
+            /**
+             * 旗舰店店铺商品回调
+             * @param {Object} res [服务器返回数据]
+             * @param {Object} ext [扩展参数]
+             */
+            flagshipListCallback(res, ext) {
  
                 // 加载完成
                 Indicator.close();
@@ -321,7 +375,8 @@
  
                     /* 获取优选库精选活动数据 开始 */
  
-                    
+                    // 设置商铺商品列表数据
+                    this.$set(this, 'shopLists', datas.list);
  
                     /* 获取优选库精选活动数据 结束 */
  
@@ -340,13 +395,20 @@
              * 调用通用跳转（跳转店铺首页）
              * @param {Object} item [通用跳转对象]
              */
-            toDetail(item) {
+            toShop(item) {
  
                 // 跳转封装
-                if (typeof this.$parent.navBarJump === 'function') {
+                if (typeof this.$parent.gotoDetail === 'function') {
+
+                    // 设置跳转参数
+                    let params = {
+                        type: '34',
+                        to: window.location.origin + '/html/new_mall/shop?shop_id=' + item.id,
+                        shop_type: ''
+                    };
  
                     // 页面跳转
-                    this.$parent.navBarJump(item);
+                    this.$parent.gotoDetail(params);
                 }
             },