From 477abc3c0b1f446e1aea81d668a49d03637c1fe2 Mon Sep 17 00:00:00 2001
From: hiluluke <z585819@qq.com>
Date: Mon, 1 Aug 2016 14:47:38 +0800
Subject: [PATCH] =?UTF-8?q?add=20=E7=99=BB=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styl/common/sidebar.styl |  2 +-
 src/components/common/dialog.vue    |  3 ++-
 src/components/common/sidebar.vue   | 30 +++++++++++++++++++++++++----
 src/vuex/actions/user_actions.js    |  6 ++++++
 src/vuex/modules/user_info.js       |  8 +++++++-
 src/vuex/mutation_types.js          |  1 +
 6 files changed, 43 insertions(+), 7 deletions(-)

diff --git a/src/assets/styl/common/sidebar.styl b/src/assets/styl/common/sidebar.styl
index 53bdb1e..1de32ff 100644
--- a/src/assets/styl/common/sidebar.styl
+++ b/src/assets/styl/common/sidebar.styl
@@ -49,7 +49,7 @@
         color color-font-white
         font-size 30px
     .logout
-      padding-top 2px
+      padding-top 12px
       color color-font-white - 60
       a
         font-size 28px
diff --git a/src/components/common/dialog.vue b/src/components/common/dialog.vue
index 5c1cea5..a4bffe8 100644
--- a/src/components/common/dialog.vue
+++ b/src/components/common/dialog.vue
@@ -27,7 +27,8 @@
     },
     methods: {
       sure () {
-        if (this.config.callback) this.config.callbak()
+        console.log(this.config.callback)
+        if (this.config.callback) this.config.callback()
         this.close()
       },
       close () {
diff --git a/src/components/common/sidebar.vue b/src/components/common/sidebar.vue
index 1c6c430..cb07968 100644
--- a/src/components/common/sidebar.vue
+++ b/src/components/common/sidebar.vue
@@ -61,11 +61,13 @@
       </div>
     </nav>
   </div>
+  <dialog :config.sync="config"></dialog>
 </template>
 
 <script>
-  import { setMenu } from '../../vuex/actions/doc_actions'
-  import { setDetail } from '../../vuex/actions/user_actions'
+  import { setMenu, setTip } from '../../vuex/actions/doc_actions'
+  import { setDetail, deleteUserInfo } from '../../vuex/actions/user_actions'
+  import dialog from './dialog'
   export default {
     vuex: {
       getters: {
@@ -77,13 +79,19 @@
       },
       actions: {
         setMenu,
-        setDetail
+        setDetail,
+        deleteUserInfo,
+        setTip
       }
     },
+    components: {
+      dialog
+    },
     data () {
       return {
         navState: 'nav-wrap',
-        userImg: '/static/img/user_avtar_default.png'
+        userImg: '/static/img/user_avtar_default.png',
+        config: {}
       }
     },
     ready () {
@@ -104,6 +112,20 @@
         this.navState = 'nav-wrap ' + this.name
       },
       logout () {
+        this.config = {
+          visible: true,
+          text: '确定要注销吗？',
+          sureText: '确定',
+          cancelText: '取消',
+          callback: () => {
+            let a = this.deleteUserInfo()
+            if (a) {
+              this.setTip({
+                text: '注销成功'
+              })
+            }
+          }
+        }
       }
     }
   }
diff --git a/src/vuex/actions/user_actions.js b/src/vuex/actions/user_actions.js
index 3f8068d..5aa5c52 100644
--- a/src/vuex/actions/user_actions.js
+++ b/src/vuex/actions/user_actions.js
@@ -63,3 +63,9 @@ export const setDetail = ({dispatch, state}) => {
     console.log(err)
   })
 }
+export const deleteUserInfo = ({dispatch}) => {
+  dispatch(types.DELETE_USER_INFO)
+  localStorage.removeItem('cnodeBaseInfo')
+  localStorage.removeItem('cnodeDetailInfo')
+  return true
+}
diff --git a/src/vuex/modules/user_info.js b/src/vuex/modules/user_info.js
index 62366c3..7f14260 100644
--- a/src/vuex/modules/user_info.js
+++ b/src/vuex/modules/user_info.js
@@ -1,7 +1,8 @@
 // content
 import {
   SET_BASEINFO,
-  SET_DETAIL
+  SET_DETAIL,
+  DELETE_USER_INFO
 } from '../mutation_types'
 const state = {
   // 保存第一页数据
@@ -34,6 +35,11 @@ const mutations = {
     } catch (err) {
       console.log(err)
     }
+  },
+  [DELETE_USER_INFO] (state) {
+    for (let key in state) {
+      state[key] = ''
+    }
   }
 }
 
diff --git a/src/vuex/mutation_types.js b/src/vuex/mutation_types.js
index 5c75b93..355a5f4 100644
--- a/src/vuex/mutation_types.js
+++ b/src/vuex/mutation_types.js
@@ -10,3 +10,4 @@ export const SET_TIP = 'SET_TIP'
 // user info
 export const SET_BASEINFO = 'SET_BASEINFO'
 export const SET_DETAIL = 'SET_DETAIL'
+export const DELETE_USER_INFO = 'DELETE_USER_INFO'