From 22ceb98ab453e0644d655522a7cf0869ea8ecfeb Mon Sep 17 00:00:00 2001
From: "zhigang.li" <zhigang.li@tendcloud.com>
Date: Fri, 16 Nov 2018 16:31:48 +0800
Subject: [PATCH 1/2] udpate

---
 src/view/error-page/back-btn-group.vue | 2 +-
 src/view/error-page/error-content.vue  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/view/error-page/back-btn-group.vue b/src/view/error-page/back-btn-group.vue
index a5fe7fdd5..4bbda48c5 100644
--- a/src/view/error-page/back-btn-group.vue
+++ b/src/view/error-page/back-btn-group.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <Button size="large" type="text" @click="backHome">返回首页</Button>
-    <Button size="large" type="text">返回上一页({{ second }}s)</Button>
+    <Button size="large" type="text" @click="backPrev">返回上一页({{ second }}s)</Button>
   </div>
 </template>
 
diff --git a/src/view/error-page/error-content.vue b/src/view/error-page/error-content.vue
index b77eaab03..3c9a0f4f6 100644
--- a/src/view/error-page/error-content.vue
+++ b/src/view/error-page/error-content.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="error-page">
     <div class="content-con">
-      <img :src="src" alt="404">
+      <img :src="src" :alt="code">
       <div class="text-con">
         <h4>{{ code }}</h4>
         <h5>{{ desc }}</h5>

From 387b0b354dc5f0fc32be850feb2f7b107114524f Mon Sep 17 00:00:00 2001
From: "zhigang.li" <zhigang.li@tendcloud.com>
Date: Fri, 16 Nov 2018 16:45:41 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=B6=88=E6=81=AF?=
 =?UTF-8?q?=E4=B8=AD=E5=BF=83=E6=95=B0=E6=8D=AE=E8=8E=B7=E5=8F=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/user.js              |  7 +++++++
 src/components/main/main.vue | 13 +++++++++----
 src/mock/index.js            |  3 ++-
 src/mock/user.js             |  4 ++++
 src/store/module/user.js     | 17 +++++++++++++++--
 5 files changed, 37 insertions(+), 7 deletions(-)

diff --git a/src/api/user.js b/src/api/user.js
index 3155d7ae1..2d6d4d1a6 100644
--- a/src/api/user.js
+++ b/src/api/user.js
@@ -29,6 +29,13 @@ export const logout = (token) => {
   })
 }
 
+export const getUnreadCount = () => {
+  return axios.request({
+    url: 'message/count',
+    method: 'get'
+  })
+}
+
 export const getMessage = () => {
   return axios.request({
     url: 'message/init',
diff --git a/src/components/main/main.vue b/src/components/main/main.vue
index f8c5bb00f..de023a2cd 100644
--- a/src/components/main/main.vue
+++ b/src/components/main/main.vue
@@ -12,7 +12,7 @@
     <Layout>
       <Header class="header-con">
         <header-bar :collapsed="collapsed" @on-coll-change="handleCollapsedChange">
-          <user :message-unread-count="messageUnreadCount" :user-avator="userAvator"/>
+          <user :message-unread-count="unreadCount" :user-avator="userAvator"/>
           <language v-if="$config.useI18n" @on-lang-change="setLocal" style="margin-right: 10px;" :lang="local"/>
           <error-store v-if="$config.plugin['error-store'] && $config.plugin['error-store'].showInHeader" :has-read="hasReadErrorPage" :count="errorCount"></error-store>
           <fullscreen v-model="isFullscreen" style="margin-right: 10px;"/>
@@ -68,8 +68,7 @@ export default {
   },
   computed: {
     ...mapGetters([
-      'errorCount',
-      'messageUnreadCount'
+      'errorCount'
     ]),
     tagNavList () {
       return this.$store.state.app.tagNavList
@@ -91,6 +90,9 @@ export default {
     },
     hasReadErrorPage () {
       return this.$store.state.app.hasReadErrorPage
+    },
+    unreadCount () {
+      return this.$store.state.user.unreadCount
     }
   },
   methods: {
@@ -102,7 +104,8 @@ export default {
       'setHomeRoute'
     ]),
     ...mapActions([
-      'handleLogin'
+      'handleLogin',
+      'getUnreadMessageCount'
     ]),
     turnToPage (route) {
       let { name, params, query } = {}
@@ -170,6 +173,8 @@ export default {
         name: this.$config.homeName
       })
     }
+    // 获取未读消息条数
+    this.getUnreadMessageCount()
   }
 }
 </script>
diff --git a/src/mock/index.js b/src/mock/index.js
index 65d0187a0..5c1f32edb 100644
--- a/src/mock/index.js
+++ b/src/mock/index.js
@@ -1,7 +1,7 @@
 import Mock from 'mockjs'
 import { login, logout, getUserInfo } from './login'
 import { getTableData, getDragList, uploadImage } from './data'
-import { getMessageInit, getContentByMsgId, hasRead, removeReaded, restoreTrash } from './user'
+import { getMessageInit, getContentByMsgId, hasRead, removeReaded, restoreTrash, messageCount } from './user'
 
 // 配置Ajax请求延时，可用来测试网络延迟大时项目中一些效果
 Mock.setup({
@@ -21,5 +21,6 @@ Mock.mock(/\/message\/content/, getContentByMsgId)
 Mock.mock(/\/message\/has_read/, hasRead)
 Mock.mock(/\/message\/remove_readed/, removeReaded)
 Mock.mock(/\/message\/restore/, restoreTrash)
+Mock.mock(/\/message\/count/, messageCount)
 
 export default Mock
diff --git a/src/mock/user.js b/src/mock/user.js
index ca0989bd7..9b28641d2 100644
--- a/src/mock/user.js
+++ b/src/mock/user.js
@@ -49,3 +49,7 @@ export const removeReaded = () => {
 export const restoreTrash = () => {
   return true
 }
+
+export const messageCount = () => {
+  return 3
+}
diff --git a/src/store/module/user.js b/src/store/module/user.js
index a5e0c0f56..e1aa311e6 100644
--- a/src/store/module/user.js
+++ b/src/store/module/user.js
@@ -6,7 +6,8 @@ import {
   getContentByMsgId,
   hasRead,
   removeReaded,
-  restoreTrash
+  restoreTrash,
+  getUnreadCount
 } from '@/api/user'
 import { setToken, getToken } from '@/libs/util'
 
@@ -18,6 +19,7 @@ export default {
     token: getToken(),
     access: '',
     hasGetInfo: false,
+    unreadCount: 0,
     messageUnreadList: [],
     messageReadedList: [],
     messageTrashList: [],
@@ -43,6 +45,9 @@ export default {
     setHasGetInfo (state, status) {
       state.hasGetInfo = status
     },
+    setMessageCount (state, count) {
+      state.unreadCount = count
+    },
     setMessageUnreadList (state, list) {
       state.messageUnreadList = list
     },
@@ -120,6 +125,13 @@ export default {
         }
       })
     },
+    // 此方法用来获取未读消息条数，接口只返回数值，不返回消息列表
+    getUnreadMessageCount ({ state, commit }) {
+      getUnreadCount().then(res => {
+        const { data } = res
+        commit('setMessageCount', data)
+      })
+    },
     // 获取消息列表，其中包含未读、已读、回收站三个列表
     getMessageList ({ state, commit }) {
       return new Promise((resolve, reject) => {
@@ -156,7 +168,7 @@ export default {
       })
     },
     // 把一个未读消息标记为已读
-    hasRead ({ commit }, { msg_id }) {
+    hasRead ({ state, commit }, { msg_id }) {
       return new Promise((resolve, reject) => {
         hasRead(msg_id).then(() => {
           commit('moveMsg', {
@@ -164,6 +176,7 @@ export default {
             to: 'messageReadedList',
             msg_id
           })
+          commit('setMessageCount', state.unreadCount - 1)
           resolve()
         }).catch(error => {
           reject(error)