add 登出

wszgxa · Aug 1, 2016 · 477abc3 · 477abc3
1 parent 185c9e3
commit 477abc3
Show file tree

Hide file tree

Showing 6 changed files with 43 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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'