修改关注

pagesme/me/likeList.vue

@@ -25,6 +25,7 @@
               </view>
               <view class="bottom-address">{{item.city}}</view>
             </view>
+            <image v-if="type == '1' || type == '3'" class="cnacleLike" :src="baseUrl+'/user/cancelLike.png'" @click="gotoDetail(item.userId)"/>
           </view>
         </view>
       </view>
@@ -33,7 +34,7 @@
 </template>
 
 <script>
-import {userList} from "../../api/user";
+import {deleteFollow, userList} from "../../api/user";
 import {getOssUrl} from "../../api/article";
 import {getCity, getValue} from "../../common/options";
 import {calculateAge, parseDate} from "../../common";
@@ -68,16 +69,6 @@ export default {
     //设置页头
     this.type = options.type;
     this.num = options.num;
-    if (this.type == '1'){
-      //我喜欢的
-      this.title = '我喜欢的' + '('+ this.num +')';
-    } else if (this.type == '2'){
-      //喜欢我的
-      this.title = '喜欢我的' + '('+ this.num +')';
-    } else if (this.type == '3'){
-      //互相喜欢
-      this.title = '互相喜欢' + '('+ this.num +')';
-    }
 
     //获取当前页面的页头高度
     this.menuButtonInfo = uni.getMenuButtonBoundingClientRect()
@@ -103,6 +94,8 @@ export default {
       //我喜欢的
       userList(params).then(res =>{
         this.userList = res.data.data
+        this.num = this.userList.length
+        this.getTitle()
         //遍历this.userList
         this.userList.forEach(item => {
           //处理头像
@@ -129,6 +122,19 @@ export default {
         console.log(e)
       })
     },
+    //获取表头
+    getTitle(){
+      if (this.type == '1'){
+        //我喜欢的
+        this.title = '我喜欢的' + '('+ this.num +')';
+      } else if (this.type == '2'){
+        //喜欢我的
+        this.title = '喜欢我的' + '('+ this.num +')';
+      } else if (this.type == '3'){
+        //互相喜欢
+        this.title = '互相喜欢' + '('+ this.num +')';
+      }
+    },
     //获取用户列表数据
     getUserList(){
       if (this.type == '1'){
@@ -157,6 +163,34 @@ export default {
         this.getList(params)
       }
     },
+    deleteLike(id){
+      //是否确认
+      uni.showModal({
+        title: '提示',
+        content: '是否取消关注',
+        success: (res) => {
+          if (res.confirm) {
+            const form = {
+              userId: uni.getStorageSync('userInfo').businessId,
+              targetId: id,
+            }
+            deleteFollow(form).then(res => {
+              if (res.data.code == 200){
+                this.$u.toast('取消关注成功')
+                this.getUserList()
+              }
+            })
+          } else if (res.cancel) {
+          }
+        }
+      });
+    },
+    //跳转用户详情
+    gotoDetail(item){
+      uni.navigateTo({
+        url: '/pagesUser/userInfo?id='+item.userId
+      })
+    },
     backbar() {
       uni.navigateBack({
         delta: 1, //返回层数，2则上上页
@@ -284,4 +318,12 @@ export default {
   }
 
 }
+.cnacleLike{
+  height: 40rpx;
+  width: 60rpx;
+  margin-top: 100rpx;
+  margin-right: 10rpx;
+  justify-content: flex-end;
+  display: flex
+}
 </style>