推荐达人页关注和取消关注

zhiyangdu
1 parent 5551d529
Showing 2 changed files with 62 additions and 4 deletions
src/components/dresserList/dresserList.vue
src/pages/recommendMore/recommendMore.vue
@@ -10,8 +10,13 @@
                     {{item.user_title || item.titles}}
                 </div>
             </div>
-            <div v-if="item.is_fans" class="btn">
-                关注
+            <div v-if="item.is_fans">
+                <div v-if="item.is_fans==0" @click.stop.prevent @click="fansShop(item)" class="btn">
+                    关注
+                </div>
+                <div v-else @click.stop.prevent @click="fansShop(item)" class="btn">
+                    已关注
+                </div>
             </div>
             <img v-else  class="arrow_right" src="static/img/icon_arrow_right.png" />
         </div>
@@ -35,7 +40,14 @@
              */
             toDetail(item) {
                 this.$emit("toDetail", item);
-            }
+            },
+            /**
+             * 关注达人
+             * @param {object} item [数据对象]
+             */
+            fansShop(item) {
+                this.$emit("fansShop", item);
+            },
         }
   }
 </script>
@@ -17,7 +17,7 @@
                 infinite-scroll-disabled="loading"
                 :infinite-scroll-distance="50">
                     <!-- 达人列表组件 -->
-                    <dresserList @toDetail="toDetail"
+                    <dresserList @fansShop="fansShop" @toDetail="toDetail"
                                  :dresserList="list">
                     </dresserList>
             </div>
@@ -128,8 +128,54 @@
                     }
                 }
             },
+            /**
+             * 关注/取消关注达人
+             */
+            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 [数据对象]
              */