zweizhao пре 7 година
родитељ
комит
0cd13cc910
1 измењених фајлова са 20 додато и 12 уклоњено
  1. 20 12
      components/header.vue

+ 20 - 12
components/header.vue

@@ -28,22 +28,22 @@
         </el-button>
         <el-dropdown-menu slot="dropdown">
           <el-dropdown-item>
-            <a href="/wo/work_todo">
+            <a class="workstation" href="/wo/work_todo">
               <i class="el-icon-edit"></i>我的待办
             </a>
           </el-dropdown-item>
           <el-dropdown-item>
-            <a href="/wo/work_platform">
+            <a class="workstation" href="/wo/work_platform">
               <i class="el-icon-date"></i>我的项目
             </a>
           </el-dropdown-item>
           <el-dropdown-item>
-            <a href="/wo/work_hire">
+            <a class="workstation" href="/wo/work_hire">
               <i class="el-icon-news"></i>我的雇佣
             </a>
           </el-dropdown-item>
           <el-dropdown-item>
-            <a href="/wo/work_cloud">
+            <a class="workstation" href="/wo/work_cloud">
               <i class="el-icon-service"></i>我的云端
             </a>
           </el-dropdown-item>
@@ -55,30 +55,30 @@
           <span class="message-count message-total">{{messageCount.total}}</span>
         </el-button>
         <el-dropdown-menu slot="dropdown">
-          <el-dropdown-item class="message-box">
+          <el-dropdown-item class="message-box" @click.native="clickMessages('/message/system')">
             <i class="circle blue"></i>系统消息
             <span v-if="messageCount.system" class="message-count">{{messageCount.system}}</span>
           </el-dropdown-item>
-          <el-dropdown-item class="message-box">
+          <el-dropdown-item class="message-box" @click.native="clickMessages('/message/project')">
             <i class="circle orange"></i>工作通知
             <span v-if="messageCount.work" class="message-count">{{messageCount.work}}</span>
           </el-dropdown-item>
-          <el-dropdown-item class="message-box">
+          <el-dropdown-item class="message-box" @click.native="clickMessages('/message/comment')">
             <i class="circle red"></i>评论回复
             <span v-if="messageCount.reply" class="message-count">{{messageCount.reply}}</span>
           </el-dropdown-item>
-          <el-dropdown-item class="message-box">
+          <el-dropdown-item class="message-box" @click.native="clickMessages('/message/at')">
             <i class="circle green"></i>@我的
             <span v-if="messageCount.at" class="message-count">{{messageCount.at}}</span>
           </el-dropdown-item>
-          <el-dropdown-item class="message-box">
+          <el-dropdown-item class="message-box" @click.native="clickMessages('/message/plus')">
             <i class="circle pink"></i>赞及其它
             <span
               v-if="messageCount.community_other"
               class="message-count"
             >{{messageCount.community_other}}</span>
           </el-dropdown-item>
-          <el-dropdown-item class="message-box">
+          <el-dropdown-item class="message-box" @click.native="clickMessages('/message/coin')">
             <i class="circle yellow"></i>收支信息
             <span v-if="messageCount.balance" class="message-count">{{messageCount.balance}}</span>
           </el-dropdown-item>
@@ -109,7 +109,7 @@
                 alt="vip-icon"
               >
               <span class="vip-content">
-                <span class="vip-title" :class="{'is-com': isCom}">{{vipInfo.isCom ? '企业会员' : '开发者会员'}}</span>
+                <span class="vip-title" :class="{'is-com': isCom}">{{isCom ? '企业会员' : '开发者会员'}}</span>
                 <br>
                 <span class="vip-end-date">{{vipInfo.endDate}}到期</span>
               </span>
@@ -163,10 +163,12 @@ export default {
       let userinfo = this.userinfo
       return {
         id: userinfo.vip_type_id,
-        isCom: userinfo.vip_type_id === '1',
         endDate: userinfo.vip_end_date,
       }
     },
+    isCom() {
+      return this.userinfo.vip_type_id === '1'
+    }
   },
   mounted() {
     this.getUserinfo()
@@ -174,6 +176,9 @@ export default {
   },
   methods: {
     ...mapMutations(['updateUserinfo']),
+    clickMessages(url) {
+      location.href = url
+    },
     async getUserinfo() {
       let res = await this.$get('/api/user/getInfo')
       // console.log(JSON.stringify(res.data))
@@ -384,4 +389,7 @@ span.other-icon {
 .is-com {
   color: #CB9D53;
 }
+.workstation {
+  color: #606266;
+}
 </style>