|
@@ -47,19 +47,9 @@
|
|
|
<el-row>
|
|
<el-row>
|
|
|
<el-col :md="24" class="movie-list">
|
|
<el-col :md="24" class="movie-list">
|
|
|
<el-tabs v-model="activeName" @tab-click='tabClick'>
|
|
<el-tabs v-model="activeName" @tab-click='tabClick'>
|
|
|
- <el-tab-pane name="status">
|
|
|
|
|
- <span slot="label">
|
|
|
|
|
- 状态<el-badge :value="statusCount" :max="9999" class="item" type="warning"/>
|
|
|
|
|
- </span>
|
|
|
|
|
- <div v-if="activeName === 'status'">
|
|
|
|
|
- <el-row v-for="(status, index) in statusList" :key="index" :md="16" :sm="12" :xs="12">
|
|
|
|
|
- <status-card :status="status" />
|
|
|
|
|
- </el-row>
|
|
|
|
|
- </div>
|
|
|
|
|
- </el-tab-pane>
|
|
|
|
|
<el-tab-pane name="video">
|
|
<el-tab-pane name="video">
|
|
|
<span slot="label">
|
|
<span slot="label">
|
|
|
- 视频<el-badge :value="videoCount" :max="9999" class="item" type="warning"/>
|
|
|
|
|
|
|
+ 视频<el-badge :value="userContentData.videoCount" :max="9999" class="item" type="warning"/>
|
|
|
</span>
|
|
</span>
|
|
|
<div v-if="activeName === 'video'">
|
|
<div v-if="activeName === 'video'">
|
|
|
<el-col v-for="(video, index) in videoList" :key="index" :md="6" :sm="12" :xs="12">
|
|
<el-col v-for="(video, index) in videoList" :key="index" :md="6" :sm="12" :xs="12">
|
|
@@ -69,7 +59,7 @@
|
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
|
<el-tab-pane name="image">
|
|
<el-tab-pane name="image">
|
|
|
<span slot="label">
|
|
<span slot="label">
|
|
|
- 相册<el-badge :value="videoCount" :max="9999" class="item" type="warning"/>
|
|
|
|
|
|
|
+ 相册<el-badge :value="userContentData.albumCount" :max="9999" class="item" type="warning"/>
|
|
|
</span>
|
|
</span>
|
|
|
<div v-if="activeName === 'image'">
|
|
<div v-if="activeName === 'image'">
|
|
|
<el-col v-for="(album, index) in dataList" :key="index" :md="6" :sm="12" :xs="12">
|
|
<el-col v-for="(album, index) in dataList" :key="index" :md="6" :sm="12" :xs="12">
|
|
@@ -79,7 +69,7 @@
|
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
|
<el-tab-pane name="audio">
|
|
<el-tab-pane name="audio">
|
|
|
<span slot="label">
|
|
<span slot="label">
|
|
|
- 音频<el-badge :value="videoCount" :max="9999" class="item" type="warning"/>
|
|
|
|
|
|
|
+ 音频<el-badge :value="userContentData.audioCount" :max="9999" class="item" type="warning"/>
|
|
|
</span>
|
|
</span>
|
|
|
<div v-if="activeName === 'audio'">
|
|
<div v-if="activeName === 'audio'">
|
|
|
<el-col v-for="(video, index) in videoList" :key="index" :md="6" :sm="12" :xs="12">
|
|
<el-col v-for="(video, index) in videoList" :key="index" :md="6" :sm="12" :xs="12">
|
|
@@ -87,9 +77,10 @@
|
|
|
</el-col>
|
|
</el-col>
|
|
|
</div>
|
|
</div>
|
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
|
|
|
+ <!--
|
|
|
<el-tab-pane name="article">
|
|
<el-tab-pane name="article">
|
|
|
<span slot="label">
|
|
<span slot="label">
|
|
|
- 文章<el-badge :value="videoCount" :max="9999" class="item" type="warning"/>
|
|
|
|
|
|
|
+ 文章<el-badge :value="userContentData.articleCount" :max="9999" class="item" type="warning"/>
|
|
|
</span>
|
|
</span>
|
|
|
<div v-if="activeName === 'article'">
|
|
<div v-if="activeName === 'article'">
|
|
|
<el-col v-for="(video, index) in videoList" :key="index" :md="6" :sm="12" :xs="12">
|
|
<el-col v-for="(video, index) in videoList" :key="index" :md="6" :sm="12" :xs="12">
|
|
@@ -97,9 +88,19 @@
|
|
|
</el-col>
|
|
</el-col>
|
|
|
</div>
|
|
</div>
|
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
|
|
|
+ <el-tab-pane name="status">
|
|
|
|
|
+ <span slot="label">
|
|
|
|
|
+ 状态<el-badge :value="userContentData.statusCount" :max="9999" class="item" type="warning"/>
|
|
|
|
|
+ </span>
|
|
|
|
|
+ <div v-if="activeName === 'status'">
|
|
|
|
|
+ <el-row v-for="(status, index) in statusList" :key="index" :md="16" :sm="12" :xs="12">
|
|
|
|
|
+ <status-card :status="status" />
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </el-tab-pane>-->
|
|
|
<el-tab-pane name="following">
|
|
<el-tab-pane name="following">
|
|
|
<span slot="label">
|
|
<span slot="label">
|
|
|
- Ta 的关注<el-badge :value="followingCount" :max="9999" class="item" type="warning"/>
|
|
|
|
|
|
|
+ Ta 的关注<el-badge :value="userContentData.userFollowCount.followingCount" :max="9999" class="item" type="warning"/>
|
|
|
</span>
|
|
</span>
|
|
|
<div v-if="activeName === 'following'">
|
|
<div v-if="activeName === 'following'">
|
|
|
<el-col v-for="(user, index) in followingList" :key="index" :md="6" :sm="12" :xs="12">
|
|
<el-col v-for="(user, index) in followingList" :key="index" :md="6" :sm="12" :xs="12">
|
|
@@ -109,7 +110,7 @@
|
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
|
<el-tab-pane name="follower">
|
|
<el-tab-pane name="follower">
|
|
|
<span slot="label">
|
|
<span slot="label">
|
|
|
- Ta 的粉丝<el-badge :value="followerCount" :max="9999" class="item" type="warning"/>
|
|
|
|
|
|
|
+ Ta 的粉丝<el-badge :value="userContentData.userFollowCount.followerCount" :max="9999" class="item" type="warning"/>
|
|
|
</span>
|
|
</span>
|
|
|
<div v-if="activeName === 'follower'">
|
|
<div v-if="activeName === 'follower'">
|
|
|
<el-col v-for="(user, index) in followerList" :key="index" :md="6" :sm="12" :xs="12">
|
|
<el-col v-for="(user, index) in followerList" :key="index" :md="6" :sm="12" :xs="12">
|
|
@@ -168,7 +169,7 @@ export default {
|
|
|
icon: 'el-icon-plus',
|
|
icon: 'el-icon-plus',
|
|
|
text: '关注'
|
|
text: '关注'
|
|
|
},
|
|
},
|
|
|
- activeName: 'status',
|
|
|
|
|
|
|
+ activeName: 'video',
|
|
|
currentPage: 1,
|
|
currentPage: 1,
|
|
|
pageSize: 12,
|
|
pageSize: 12,
|
|
|
totalSize: 0,
|
|
totalSize: 0,
|
|
@@ -178,10 +179,7 @@ export default {
|
|
|
followerList: [],
|
|
followerList: [],
|
|
|
followingList: [],
|
|
followingList: [],
|
|
|
showEmpty: true,
|
|
showEmpty: true,
|
|
|
- videoCount: 0,
|
|
|
|
|
- statusCount: 0,
|
|
|
|
|
- followingCount: 0,
|
|
|
|
|
- followerCount: 0
|
|
|
|
|
|
|
+ userContentData: null
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
created() {
|
|
created() {
|
|
@@ -190,8 +188,6 @@ export default {
|
|
|
if (res.code === 0) {
|
|
if (res.code === 0) {
|
|
|
this.user = res.data
|
|
this.user = res.data
|
|
|
const path = this.$route.path
|
|
const path = this.$route.path
|
|
|
- console.log('path = ' + path)
|
|
|
|
|
- console.log(path.endsWith("video"))
|
|
|
|
|
if (path.endsWith("video")) {
|
|
if (path.endsWith("video")) {
|
|
|
this.activeName = 'video'
|
|
this.activeName = 'video'
|
|
|
document.title = this.user.screenName + '的视频'
|
|
document.title = this.user.screenName + '的视频'
|
|
@@ -228,11 +224,7 @@ export default {
|
|
|
|
|
|
|
|
getUserContentData(this.userId).then(res => {
|
|
getUserContentData(this.userId).then(res => {
|
|
|
if (res.code === 0) {
|
|
if (res.code === 0) {
|
|
|
- const resData = res.data
|
|
|
|
|
- this.videoCount = resData.videoCount
|
|
|
|
|
- this.statusCount = resData.statusCount
|
|
|
|
|
- this.followingCount = resData.userFollowCount.followingCount
|
|
|
|
|
- this.followerCount = resData.userFollowCount.followerCount
|
|
|
|
|
|
|
+ this.userContentData = res.data
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|