关注达人

zhiyangdu
1 parent d361795d
Showing 3 changed files with 68 additions and 4 deletions
src/components/horizList/horizList.vue
src/components/shopDarenHot/shopDarenHot.vue
src/pages/newDaren/newDaren.vue
@@ -47,6 +47,7 @@
                             </swiper-item>
                             <shop-daren-hot v-if="com == '5'"
 							                @userJump="userJump"
+											@fansShop="fansShop"
                                             :item="item">
                             </shop-daren-hot>
@@ -99,6 +100,13 @@
 				this.$emit("userJump", item);
 			},
 			/**
+			 * 关注
+			 * @param {object} item [数据对象]
+			 */
+			fansShop(item){
+				this.$emit("fansShop", item);
+			},
+			/**
 			 * 加入购物车
 			 * @param {object} item [数据对象]
 			 */
@@ -8,10 +8,13 @@
        <div class="desc">
            {{item.titles}}
        </div>
-          <div class="btn">
+      <div v-if="item.is_fans==0" @click.stop.prevent @click="fansShop(item)" class="btn">
               关注
           </div>
-      </div>
+          <div v-else @click.stop.prevent @click="fansShop(item)" class="btn">
+              已关注
+          </div>
+    </div>
   </div>
 </template>
@@ -34,6 +37,13 @@
 			 */
 			userJump(item) {
 				this.$emit("userJump", item);
+      },
+      /**
+			 * 关注达人
+			 * @param {object} item [数据对象]
+			 */
+			fansShop(item) {
+				this.$emit("fansShop", item);
 			},
     }
   }
@@ -18,7 +18,7 @@
                 }">
         </text-title-box>
         <!--导航-->
-        <horiz-list class="components-box" v-if="shopDarenHot && shopDarenHot.length" @jump="jump" @userJump="userJump"
+        <horiz-list class="components-box" v-if="shopDarenHot && shopDarenHot.length" @jump="jump" @userJump="userJump" @fansShop="fansShop"
                     :lists="shopDarenHot"
                     com="5">
         </horiz-list>
@@ -155,7 +155,53 @@
                     Toast("获取优选库精选活动失败");
                 }
             },
-
+            /**
+			 * 关注/取消关注达人
+			 */
+			fansShop(item) {
+                 Indicator.open("加载中...");
+				// 判断必要参数
+				if (item.id && this.$route.query.uid) {
+				   // 请求接口
+					this.http("/Api/" + this.getApiVersion().dynamic + "/fansShop", {
+                       id: item.id || 0,
+						uid: this.$route.query.uid || 0
+                    }, this.fansShopCallback, {
+                        method: "post",
+                        item
+                    }
+                );
+				}
+			},
+			
+			/**
+			 * 关注/取消关注达人回调
+			 * @param {object} res [服务器返回数据]
+			 * @param {object} ext [扩展参数]
+			 */
+			fansShopCallback(res, ext) {
+                
+				 // 加载完成
+                Indicator.close();
+				if (res.code) {
+					// 设置已关注
+					if (ext.item.is_fans == "0") {
+						// 关注达人
+						this.$set(ext.item, "is_fans", "1");
+					}else{
+						// 取消关注达人
+						this.$set(ext.item, "is_fans", "0");
+					}
+				}else if (res.statusCode === 200 && res.data.code == 400) {
+					
+					// 关注失败
+					this.showToast(res.data.message);
+				} else {
+					
+					// 关注失败
+					this.showToast("关注失败");
+				}
+			},
             /**
              * 调用通用跳转
              * @param {object} item [通用跳转对象]