🎨 关注关系获取方式修改

This commit is contained in:
ronger 2021-08-24 22:33:42 +08:00
parent b3bd7a75d5
commit a7559813c9
2 changed files with 11 additions and 17 deletions

View File

@ -44,7 +44,7 @@
</el-col> </el-col>
<el-col v-if="user" :span="12" style="text-align: right;"> <el-col v-if="user" :span="12" style="text-align: right;">
<template v-if="user.idUser !== article.articleAuthorId"> <template v-if="user.idUser !== article.articleAuthorId">
<el-button size="mini" v-if="isFollow" @click="cancelFollowUser(article.articleAuthorId)" plain> <el-button size="mini" v-if="isFollower(article.articleAuthorId)" @click="cancelFollowUser(article.articleAuthorId)" plain>
取消关注 取消关注
</el-button> </el-button>
<el-button size="mini" v-else @click="followUser(article.articleAuthorId)" plain>关注</el-button> <el-button size="mini" v-else @click="followUser(article.articleAuthorId)" plain>关注</el-button>
@ -139,7 +139,7 @@
</el-col> </el-col>
<el-col> <el-col>
<comment-box :fetching="isFetching" :user="user" :avatar="avatar" :title="article.articleTitle" <comment-box :fetching="isFetching" :user="user" :avatar="avatar" :title="article.articleTitle"
:post-id="routeArticleId" :authorId="article.articleAuthorId"></comment-box> :post-id="routeArticleId" :authorId="article.articleAuthorId" @gotoLogin="gotoLogin"></comment-box>
</el-col> </el-col>
<el-col> <el-col>
<el-dialog :visible.sync="dialogVisible"> <el-dialog :visible.sync="dialogVisible">
@ -249,7 +249,6 @@ export default {
loading: false, loading: false,
isShare: false, isShare: false,
dialogVisible: false, dialogVisible: false,
isFollow: false,
isPerfect: false, isPerfect: false,
shareData: {} shareData: {}
} }
@ -308,6 +307,7 @@ export default {
followingType: 0 followingType: 0
}).then(function (res) { }).then(function (res) {
_ts.$set(_ts, 'isFollow', res); _ts.$set(_ts, 'isFollow', res);
_ts.$store.dispatch('follow/fetchUserFollowingList');
}) })
} else { } else {
_ts.gotoLogin(); _ts.gotoLogin();
@ -321,6 +321,7 @@ export default {
followingType: 0 followingType: 0
}).then(function (res) { }).then(function (res) {
_ts.$set(_ts, 'isFollow', res); _ts.$set(_ts, 'isFollow', res);
_ts.$store.dispatch('follow/fetchUserFollowingList');
}) })
} else { } else {
_ts.gotoLogin(); _ts.gotoLogin();
@ -388,6 +389,9 @@ export default {
} }
} }
}) })
},
isFollower(idUser) {
return this.$store.getters["follow/isFollower"](idUser)
} }
}, },
mounted() { mounted() {
@ -417,17 +421,6 @@ export default {
}); });
_ts.$set(_ts, 'isPerfect', _ts.article.articlePerfect === '1') _ts.$set(_ts, 'isPerfect', _ts.article.articlePerfect === '1')
}) })
if (_ts.user) {
_ts.$axios.$get('/api/follow/is-follow', {
params: {
followingId: _ts.article.articleAuthorId,
followingType: 0
}
}).then(function (res) {
_ts.$set(_ts, 'isFollow', res);
})
}
} }
} }

View File

@ -79,10 +79,10 @@
<portfolio-list :portfolios="portfolios" @currentChange="currentChangePortfolio"></portfolio-list> <portfolio-list :portfolios="portfolios" @currentChange="currentChangePortfolio"></portfolio-list>
</el-col> </el-col>
<el-col v-else-if="activeTab === '2'" class="tab-content"> <el-col v-else-if="activeTab === '2'" class="tab-content">
<user-list :users="followings" @currentChange="currentChangeFollowing"></user-list> <user-list :users="followings" @currentChange="currentChangeFollowing" @followUser="followUser" @cancelFollowUser="cancelFollowUser"></user-list>
</el-col> </el-col>
<el-col v-else-if="activeTab === '3'" class="tab-content"> <el-col v-else-if="activeTab === '3'" class="tab-content">
<user-list :users="followers" @currentChange="currentChangeFollower"></user-list> <user-list :users="followers" @currentChange="currentChangeFollower" @followUser="followUser" @cancelFollowUser="cancelFollowUser"></user-list>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
@ -202,7 +202,6 @@ export default {
this.$router.push({ this.$router.push({
path: `/user/${this.$route.params.account}?tab=${key}&page=${page}` path: `/user/${this.$route.params.account}?tab=${key}&page=${page}`
}) })
}, },
gotoChats() { gotoChats() {
let _ts = this; let _ts = this;
@ -218,6 +217,7 @@ export default {
followingType: 0 followingType: 0
}).then(function (res) { }).then(function (res) {
_ts.$set(_ts, 'isFollow', res); _ts.$set(_ts, 'isFollow', res);
_ts.$store.dispatch('follow/fetchUserFollowingList');
}) })
} else { } else {
_ts.login() _ts.login()
@ -231,6 +231,7 @@ export default {
followingType: 0 followingType: 0
}).then(function (res) { }).then(function (res) {
_ts.$set(_ts, 'isFollow', res); _ts.$set(_ts, 'isFollow', res);
_ts.$store.dispatch('follow/fetchUserFollowingList');
}) })
} else { } else {
_ts.login() _ts.login()