更新个人列表

src/main/pc-space/src/components/CollectionInfo.vue

@@ -69,7 +69,6 @@ export default {
                         liked: true,
                         likes: this.info.likes + 1
                     });
-                    this.$forceUpdate();
                     this.$message.success('收藏成功');
                 });
             } else {
@@ -79,10 +78,10 @@ export default {
                         liked: false,
                         likes: this.info.likes - 1
                     });
-                    this.$forceUpdate();
                     this.$message.success('取消收藏');
                 });
             }
+            this.$emit('init');
         }
     }
 };

src/main/pc-space/src/components/FansInfo.vue

@@ -3,31 +3,31 @@
         <div class="border"></div>
         <div class="content">
             <div class="box">
-                <router-link :to="{ path: '/castingDetail?id=' + info.id }">
+                <router-link :to="{ path: '/castingDetail?id=' + list.id }">
                     <div class="text">
-                        <img class="text1" :src="info.avatar" alt="" />
+                        <img class="text1" :src="list.avatar" alt="" />
                         <div class="box2">
                             <div class="name">
-                                <div class="name1">{{ info.nickname }}</div>
+                                <div class="name1">{{ list.nickname }}</div>
                                 <img class="name2" src="../assets/img/renzheng_icon@3x.png" alt="" />
                             </div>
                             <div class="text2">暂无</div>
                             <div class="box3">
                                 <div class="box4">
                                     <div class="text4">
-                                        粉丝 <span>{{ info.follows }}</span>
+                                        粉丝 <span>{{ list.follows }}</span>
                                     </div>
                                     <div class="text4">
-                                        已售 <span>{{ info.sales }}</span>
+                                        已售 <span>{{ list.sales }}</span>
                                     </div>
                                 </div>
-                                <div class="follow" :class="{ followed: info.follow }" @click.prevent="like(info)">
-                                    {{ info.follow ? '已关注' : '关注' }}
+                                <div class="follow" :class="{ followed: list.follow }" @click.prevent="fans(list)">
+                                    {{ list.follow ? '已关注' : '关注' }}
                                 </div>
                             </div>
                         </div>
                         <div class="imgBox">
-                            <img class="imgBox1" :src="info.bg" alt="" />
+                            <img class="imgBox1" :src="list.bg" alt="" />
                         </div>
                     </div>
                 </router-link>
@@ -41,7 +41,7 @@ import pageableTable from '../mixins/pageableTable';
 export default {
     mixins: [user, pageableTable],
     props: {
-        info: {
+        list: {
             type: Object,
             default: () => {
                 return {};
@@ -52,10 +52,12 @@ export default {
         return {};
     },
     computed: {},
-    mounted() {
-        console.log(this.info);
-    },
-    methods: {}
+    methods: {
+        fans(list) {
+            this.like(list);
+            this.$emit('getDetail');
+        }
+    }
 };
 </script>
 <style lang="less" scoped>
@@ -116,7 +118,7 @@ export default {
                     }
                     .box3 {
                         display: flex;
-                        align-infos: center;
+                        align-lists: center;
                         justify-content: space-between;
                         .box4 {
                             display: flex;

src/main/pc-space/src/mixins/user.js

@@ -15,7 +15,6 @@ export default {
                             follow: true,
                             followers: info.followers + 1
                         });
-                        // this.$forceUpdate();
                     });
                 } else {
                     this.$http.get(`/user/${info.id}/unfollow`).then(() => {
@@ -25,7 +24,6 @@ export default {
                             follow: false,
                             followers: info.followers - 1
                         });
-                        // this.$forceUpdate();
                     });
                 }
             });
@@ -41,6 +39,7 @@ export default {
                 });
 
                 this.list = list;
+                this.$store.dispatch('getUserInfo');
             } else {
                 this.getDetail();
             }

src/main/pc-space/src/views/user/AccountData.vue

@@ -28,7 +28,7 @@
         </div>
         <div v-if="active === '关注' || active === '粉丝'">
             <div v-for="item in list" :key="item.id">
-                <fans-info :info="item"></fans-info>
+                <fans-info :list="item" @getDetail="tab"></fans-info>
             </div>
         </div>
         <div v-if="empty">
@@ -36,7 +36,7 @@
             <el-empty description="还没有哦～"></el-empty>
         </div>
 
-        <div class="content" v-if="active !== '关注' && active !== '粉丝'">
+        <div class="content" v-if="!empty && active !== '关注' && active !== '粉丝'">
             <div class="name">基本信息</div>
             <div class="box">
                 <div class="text">
@@ -58,18 +58,6 @@
                 </div>
                 <div class="text4">复制</div>
             </div>
-            <!-- <div class="box">
-                <div class="text">
-                    <div class="text1">
-                        <span class="el-icon-document"></span>
-                    </div>
-                    <div class="text2">简介</div>
-                    <div class="text3 text5">
-                        广州小云互娱科技有限公司成立于2017年，作为广东省游戏产业协会成员，是一家集游戏研发、运营和发行领域的综合性游戏公司。广州小云互娱科技有限公司成立于2017年，作为广东省游戏产业协会成员，是一家集游戏研发、运营和发行领域的综合性游戏公司。广州小云互娱科技有限公司成立于2017年，作为广东省游戏产业协会成员，是一家集游戏研发、运营和发行领域的综合性游戏公…
-                    </div>
-                </div>
-                <div class="text4">修改</div>
-            </div> -->
             <div class="box">
                 <div class="text">
                     <div class="text1">
@@ -166,6 +154,7 @@ export default {
             }
         }
     },
+
     methods: {
         beforeAvatarUpload(file) {
             this.updateFile(file, 100).then(img => {
@@ -186,6 +175,7 @@ export default {
             if (e === '关注') {
                 this.$http.get('/user/myFollows').then(res => {
                     this.list = res;
+                    this.$store.dispatch('getUserInfo');
                     if (this.list.length === 0) {
                         this.empty = true;
                     } else {
@@ -195,6 +185,7 @@ export default {
             } else {
                 this.$http.get('/user/myFollowers').then(res => {
                     this.list = res;
+                    this.$store.dispatch('getUserInfo');
                     if (this.list.length === 0) {
                         this.empty = true;
                     } else {

src/main/pc-space/src/views/user/Give.vue

@@ -24,6 +24,7 @@
 
         <div class="list" v-loading="fetchingData">
             <collection-info
+                @init="init"
                 v-for="(item, index) in showList"
                 :key="item.id"
                 :info.sync="showList[index]"
@@ -98,13 +99,13 @@ export default {
     watch: {},
     mounted() {
         this.init();
-        // this.getData();
     },
     methods: {
         init() {
             this.$http.get('/collection/myLikes').then(res => {
                 this.fetchingData = false;
                 this.list = res;
+                this.$forceUpdate();
             });
         }
         // beforeGetData() {