[exam] schedule

admin/src/App.vue

@@ -42,7 +42,7 @@
                 </el-menu>
             </el-aside>
             <el-container class="content">
-                <Header />
+                <Header :router-name="state.routerName"/>
                 <div class="main">
                     <router-view />
                 </div>
@@ -56,7 +56,7 @@
 </template>
 
 <script>
-import { reactive } from 'vue'
+import { reactive, onMounted } from 'vue'
 import Header from './components/Header.vue'
 import Footer from './components/Footer.vue'
 import { useRouter } from 'vue-router'
@@ -76,7 +76,11 @@ export default {
             currentPath: '/dashboard',
             count: {
                 number: 1
-            }
+            },
+            routerName: router.name
+        })
+        onMounted(() => {
+            console.log(router)
         })
         router.beforeEach((to, from, next) => {
             console.log("App beforeEach to", to)

admin/src/components/Header.vue

@@ -31,38 +31,42 @@
 <script>
 import {computed, onMounted, reactive, toRefs, watch} from 'vue'
 import { useRouter, useRoute } from 'vue-router'
-import { localRemove, pathMap } from '../utils'
+import {localGet, localSet, localRemove, pathMap} from '../utils'
 import api from "../utils/api";
 
+
 export default {
     name: 'Header',
+    props: {
+        userInfo: {
+            type: Object
+        }
+    },
     setup(props, context) {
         const router = useRouter()
         const route = useRoute()
+        const userInfoKey = 'userInfo'
         const state = reactive({
             name: 'dashboard',
             userInfo: null,
             hasBack: false
         })
-        onMounted(() => {
+        onMounted(async () => {
             console.log("Head onMounted!")
-            console.log(props, context)
+            console.log(props)
+            // let userInfo = localGet(userInfoKey);
+            // if (userInfo) {
+            //     state.userInfo = userInfo;
+            // } else {
+            //     let res = await api.getUserBase()
+            //     state.userInfo = res.data
+            //     localSet(userInfoKey, res.data)
+            // }
         })
-        watch(
-            () => route,
-            (newValue, oldValue) => {
-                console.log(newValue, 'new')
-                console.log(oldValue, 'old')
-            }
-        )
-        const getUserInfo = async () => {
-            const userInfo = await api.getUserBase()
-            console.log(userInfo)
-            state.userInfo = userInfo.data
-        }
         const logout = () => {
             api.logout().then(() => {
                 localRemove('token')
+                localRemove(userInfoKey)
                 router.push({ name: 'login' })
             })
         }