个人中心调整

src/components/Paper/PublishArticle.vue

@@ -48,10 +48,6 @@ import {
     HardBreak,
     TrailingNode,
     History,
-    Table,
-    TableHeader,
-    TableCell,
-    TableRow,
     FormatClear,
     TextColor,
     TextHighlight,
@@ -122,10 +118,10 @@ export default {
                 new HardBreak,
                 new TrailingNode,
                 new History,
-                new Table({resizable: true}),
+                // new Table({resizable: true}),
-                new TableHeader,
+                // new TableHeader,
-                new TableCell,
+                // new TableCell,
-                new TableRow,
+                // new TableRow,
                 new FormatClear,
                 new TextColor({bubble: true}),
                 new TextHighlight,

src/components/Project/ProjectDetail.vue

@@ -19,7 +19,7 @@
                           <span v-if="projectName" style="font-size: 30px;color: black;font-weight: bold;display: flex;justify-content: flex-start">
                             {{ projectName }}
                           </span>
-                              <span  style="display: flex;flex-direction:row;justify-content: flex-start;font-size: 20px;color: rgb(107 114 128);">
+                              <span  style="text-align: left;display: flex;flex-direction:row;justify-content: flex-start;font-size: 20px;color: rgb(107 114 128);">
                               {{projectTitle}}
                           </span>
                           </div>
@@ -40,7 +40,7 @@
 
                   </div>
                   <div style="display: flex;flex-direction: row;margin-top: 10px;justify-content: space-between">
-                      <div style="width: 250px;height: 60px;background-color: #59A3A4">
+                      <div style="width: 250px;height: 60px;">
                           <img :src="'https://starchart.cc/'+projectName+'.svg'" style="width: 250px;height: 60px;">
                       </div>
                       <div style="display: flex;flex-direction: row;align-items: center;">

src/components/User/UserArticles.vue

@@ -0,0 +1,15 @@
+<template>
+  <div style="display: flex;flex-direction: row;flex-wrap: nowrap">
+
+  </div>
+</template>
+
+<script>
+export default {
+    name: "UserArticles"
+}
+</script>
+
+<style scoped>
+
+</style>

src/components/User/UserInfo.vue

@@ -1,7 +1,7 @@
 <template>
     <div style="display: flex;flex-direction: column;flex-wrap: nowrap" v-show="this.$cookie.get('username')!=null">
-        <div @click="toUserPage" style="display: flex;flex-direction: row;align-items: center;width: 11vw;justify-content: space-between">
+        <div  style="display: flex;flex-direction: row;align-items: center;width: 11vw;justify-content: space-between">
-            <div style="display: flex;flex-direction: row;align-items: center">
+            <div @click="toUserPage" style="display: flex;flex-direction: row;align-items: center">
                 <el-avatar  shape="square" style=" cursor: pointer;background-color: #59A3A4;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)" size="large">{{this.$cookie.get('username')}}</el-avatar>
                 <div style="margin-left: 5px;display: flex;flex-direction: column;justify-content: space-evenly">
                     <span style="cursor: pointer;font-weight: bold">{{this.$cookie.get('username')}}</span>
@@ -46,7 +46,6 @@ export default {
         signOut(){
             this.$cookie.delete('username');
             // deletecookie
-            var that=this;
             axios({
                 method: 'get',
                 // 请求的地址
@@ -62,9 +61,16 @@ export default {
                     type: 'success',
                     offset: 50
                 });
-                setTimeout(()=>{
+                if(this.$route.path!=='/home'){
+                    setTimeout(()=>{
+                        this.$router.push({
+                            path:'/home'
+                        })
+                    },800)
+                }else {
                     window.location.reload();
-                },800)
+                }
+
 
 
             }else{

src/components/User/UserInfoPage.vue

@@ -11,18 +11,18 @@
                 </el-page-header>
             </div>
             <div class="PageContent">
-                <el-card class="box-card" style="border: none">
+                <el-card class="box-card" style="border: none;">
                     <div style="display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start">
-                        <div style="display: flex;flex-direction: row;justify-content: flex-start">
+                        <div style="display: flex;flex-direction: row;justify-content: space-between">
-                            <div style="width: 100px;height: 100px">
+                            <div style="width: 100px;height: 100px;display: flex;flex-direction: row;align-items: center">
-                                <el-avatar :size="90">{{username}}</el-avatar>
+                                <el-avatar style="display: flex;align-items: center;justify-content: center" :size="90">{{username}}</el-avatar>
                             </div>
                             <div style="display: flex;flex-direction: column;margin-left: 15px;">
                                 <div style="display: flex;flex-direction: row;align-items: center;justify-content: flex-start;">
                                     <span style="font-size: 20px;font-weight: bold;">{{username}}</span>
                                     <span style="font-size: 15px;font-weight: bold;color: #3b82f6;margin-left: 10px">Lv.1</span>
                                 </div>
-                                <span style="margin-top: 10px;color: #6b7280;font-size: 15px">你是 HelloGitHub 社区的第<span style="font-size: 16px;color:#2b2e33;font-weight: bold "> {{userId}} </span>位用户，于 {{creatTime}} 加入。</span>
+                                <span style="display: flex;justify-content:flex-start;margin-top: 10px;color: #6b7280;font-size: 15px">你是 HelloGitHub 社区的第<span style="font-size: 16px;color:#2b2e33;font-weight: bold "> {{userId}} </span>位用户，于 {{creatTime}} 加入。</span>
                                 <span style="display: flex;justify-content: flex-start;margin-top: 10px;color: #6b7280;font-size: 15px">
                                     已分享
                                     <span v-if="projectNum!=null" style="font-size: 16px;color:#2b2e33;font-weight: bold ">{{projectNum}}</span>
@@ -37,6 +37,13 @@
                                     点贡献值。
                                 </span>
                             </div>
+                            <el-progress type="circle" :percentage="contributionValue" :width="100"  :show-text="true"></el-progress>
+                            <div style="margin-left: 8px;display: flex;flex-direction: column;align-content: space-between;justify-content: space-between">
+                                <el-progress style="width: 90px" :show-text="false" :percentage="commentList.length"></el-progress>
+                                <el-progress style="width: 90px" :show-text="false" :percentage="projectList.length" status="success"></el-progress>
+                                <el-progress style="width: 90px" :show-text="false" :percentage="like.length" status="warning"></el-progress>
+                                <el-progress style="width: 90px" :show-text="false" :percentage="Object.keys(article).length" status="exception"></el-progress>
+                            </div>
                         </div>
                     </div>
                 </el-card>
@@ -71,6 +78,15 @@
                                 <UserProjects :project="item" :index="index"></UserProjects>
                             </div>
                         </el-tab-pane>
+                        <el-tab-pane label="文章" name="four">
+                            <el-card style="border: none;display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start">
+                                <span style="font-size: 16px;font-weight: bold">总文章: {{Object.keys(article).length}} 篇</span>
+                            </el-card>
+                            <el-empty v-show="like.length===0" description="暂无点赞" :image-size="115"></el-empty>
+<!--                            <div v-show="like.length!==0" v-for="(item,index) in like" :key="index">-->
+<!--                                <UserProjects :project="item" :index="index"></UserProjects>-->
+<!--                            </div>-->
+                        </el-tab-pane>
                     </el-tabs>
                 </el-card>
             </div>
@@ -99,6 +115,7 @@ export default {
             projectList:[],
             commentList:[],
             like:[],
+            article:[],
         }
     },
     mounted() {
@@ -147,9 +164,12 @@ export default {
                     username:this.$route.query.name
                 }
             }).then(function (res) {
+                // console.log(res);
                 that.projectList=JSON.parse(res.data.project);
                 that.commentList=JSON.parse(res.data.comment);
                 that.like=JSON.parse(res.data.like)
+                that.article=JSON.parse(res.data.article);
+                console.log(Object.keys(that.article).length);
             });
         },
     }