add logout

src/api/my.js

@@ -106,3 +106,9 @@ export function sendToProvider(letterId) {
     `/enrollment/v1.0/application-materials/reco-letters/send-invitation-to-provider/${projectId}/${letterId}`
   )
 }
+/**
+ * 退出登录
+ */
+export function logout() {
+  return httpRequest.get('/passport/rest/logout')
+}

src/pages/my/account/index.vue

@@ -8,6 +8,9 @@
       @error="handleError"
       @back="$router.push('/my/account')"
     >
+      <template #aside-append>
+        <div class="aside-logout" @click="$store.dispatch('logout')"><span>退出登录</span></div>
+      </template>
       <!-- 首页 -->
       <app-home v-if="currentActive === 'account'" />
 

src/pages/my/admission/index.vue

@@ -11,6 +11,9 @@
       @next="handleNext"
       @uploaded="getApplication"
     >
+      <template #aside-append>
+        <div class="aside-logout" @click="$store.dispatch('logout')"><span>退出登录</span></div>
+      </template>
     </vue-form>
     <el-dialog
       title="办理入学资料提交成功"

src/pages/my/application/index.vue

@@ -13,8 +13,9 @@
       @next="handleNext"
       v-if="detail"
     >
-      <template #aside-append v-if="visible">
-        <div class="aside-preview" @click="dialogVisible = true">预览全部</div>
+      <template #aside-append>
+        <div class="aside-preview" @click="dialogVisible = true" v-if="visible">预览全部</div>
+        <div class="aside-logout" @click="$store.dispatch('logout')"><span>退出登录</span></div>
       </template>
       <!-- 报名缴费 -->
       <template #content v-if="currentActive === 'application_pay'">

src/pages/my/interview/index.vue

@@ -10,6 +10,9 @@
       @prev="handlePrev"
       @next="handleNext"
     >
+      <template #aside-append>
+        <div class="aside-logout" @click="$store.dispatch('logout')"><span>退出登录</span></div>
+      </template>
     </vue-form>
     <app-complete :type="1" v-model="completeVisible"></app-complete>
     <el-dialog

src/pages/my/layout.vue

@@ -40,6 +40,27 @@ export default {
   margin: 20px 0;
 }
 ::v-deep .v-layout-aside {
+  position: relative;
   min-height: 410px;
+  align-self: flex-start;
+  .aside-logout {
+    span {
+      display: inline-block;
+      background: url('../../assets/images/icon_logout.png') no-repeat left center;
+      background-size: 18px 17px;
+      padding-left: 33px;
+    }
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    margin: 0 10px;
+    padding: 12px;
+    font-size: 12px;
+    color: #999;
+    text-align: center;
+    border-top: 1px solid #eee;
+    cursor: pointer;
+  }
 }
 </style>

src/store/index.js

 import Vue from 'vue'
 import Vuex from 'vuex'
+import router from '@/router'
 import { constantRoutes } from '@/router/routes.js'
+import { logout } from '@/api/my'
 
 Vue.use(Vuex)
 
@@ -22,6 +24,11 @@ export default new Vuex.Store({
         commit('SET_ROUTES', constantRoutes)
         resolve(constantRoutes)
       })
+    },
+    logout() {
+      return logout().then(() => {
+        router.push('/')
+      })
     }
   }
 })