u币规则

src/views/Index.vue

@@ -12,10 +12,13 @@
         </swiper>   
       </div> 
       <div class="personal-panel">
-        <img style="width:68px;height:68px" src="/images/Avatarman.png" alt="">
-        <p class="personal-name">王明 10156597</p>
-        <p class="personal-info">信息技术研发中心|APP应用本部</p>
-        <div class="personal-box"><span>代办</span><span>3个待处理</span></div>
+        <div class="personal-img">
+          <author-img :avatar="userInfo.avatar" :aid="userInfo.aid" :sex="userInfo.sex"></author-img>
+        </div>
+        <!-- <img style="width:68px;height:68px" src="/images/Avatarman.png" alt=""> -->
+        <p class="personal-name">{{userInfo.name}} {{userInfo.userNo}}</p>
+        <p class="personal-info">{{userInfo.departName}}</p>
+        <div class="personal-box"><span>代办</span><span>3个待处理</span><img class="personal-box-img" src="/images/homeWu/agency.png" alt="" srcset=""></div>
         <ul class="personal-ul">
           <li>
             <span class="label">累计学习</span>
@@ -410,10 +413,11 @@ export default {
   name: 'index',
   components: {AuthorImg, portalHeader,ad, portalFooter, articleImage, portalFloatTools, authorInfo, interactRowBar, interactBar, courseImage },
   computed: {
-    ...mapGetters(['userInfo'])
+    // ...mapGetters(['userInfo'])
   },
   data() {
     return {
+      userInfo:{},
       ankingList:[],
       Popularity:[],
       scorelist:[],
@@ -468,6 +472,7 @@ export default {
     };
   },
   mounted() {
+    this.userInfo = this.$store.getters.userInfo;
     this.getCourseData(1);
     this.getCaseData();
     this.getArticleData();
@@ -528,9 +533,7 @@ export default {
      couresreso(){
       let key = 'index';
       apiPlace.detail(key).then(res=>{
-        console.log(res)
         let lmj =  JSON.parse(res.result.content) 
-        console.log(lmj)
         this.resonimg = lmj
         // console.log(this.resonimg)
       })
@@ -822,6 +825,15 @@ export default {
     padding: 38px 47px 31px 32px;
     text-align: center;
     color: #fff;
+    .personal-img{
+      width: 68px;
+      height: 68px;
+      margin: 0 auto;
+     ::v-deep .el-avatar{
+        width: 68px;
+        height: 68px;
+      }
+    }
     .personal-name{
       font-weight: 600;
       font-size: 18px;
@@ -843,6 +855,15 @@ export default {
       padding: 19px 14px 19px 22px;
       display: flex;
       justify-content: space-between;
+      position: relative;
+      .personal-box-img{
+        position: absolute;
+        width: 24px;
+        height: 24px;
+        left:10px;
+        top:-8px;
+
+      }
     }
     .personal-ul{