Merge branch 'develop' into release-test

@@ -13,7 +13,7 @@ export const getTokenByCode = (params) => {
 export const loginOut = () => {
   return request({
     url: `${import.meta.env.VITE_APP_USER_API_BASEURL}/user/logout`,
-    method: 'get'
+    method: 'post'
   })
 }
 

@@ -65,9 +65,9 @@ const handleShowMessage = () => {
               <div v-if="item.children && item.children.length !== 0" class="item-container"
                 :class="{ active: index === menuStore.actived }">
                 <div class="item" @click="switchTo(index)" v-preReClick>
-                  <el-icon v-if="item.meta?.icon">
+                  <!-- <el-icon v-if="item.meta?.icon">
                     <svg-icon :name="item.meta.icon" />
-                  </el-icon>
+                  </el-icon> -->
                   <span v-if="item.meta?.title">{{ item.meta.title }}</span>
                 </div>
               </div>
@@ -149,8 +149,8 @@ header {
     background-color: inherit;
 
     .logo {
-      width: 179px;
-      height: 48px;
+      width: 168px;
+      height: 45px;
     }
 
     span {

@@ -36,6 +36,10 @@ function userCommand(command: 'home' | 'setting' | 'updatePwd' | 'hotkeys' | 'lo
 function pro() {
   window.open('https://hooray.gitee.io/fantastic-admin-pro-example/', '_blank')
 }
+const loaclStorageInfo: any = localStorage.getItem("userData")
+onMounted(() => {
+  console.log('mounted', JSON.parse(userStore.userData).abbreviation)
+})
 </script>
 <template>
   <div class="tools">
@@ -53,10 +57,16 @@ function pro() {
             <svg-icon name="ep:user-filled" />
           </el-icon>
         </el-avatar>
-        {{ userStore.userName }}
-        <el-icon>
-          <svg-icon name="ep:caret-bottom" />
-        </el-icon>
+        <div class="v-uerinfo">
+          <div class="v-top">{{ userStore.userName }}</div>
+          <div class="v-top"> {{ JSON.parse(loaclStorageInfo).abbreviation }}</div>
+        </div>
+        <div>
+          <el-icon>
+            <svg-icon name="ep:caret-bottom" />
+          </el-icon>
+        </div>
+
       </div>
       <template #dropdown>
         <el-dropdown-menu class="user-dropdown">
@@ -143,10 +153,26 @@ function pro() {
   cursor: pointer;
 
   .user-wrapper {
+    display: flex;
+    align-items: center;
+    height: 100%;
+
+    .v-uerinfo {
+      display: flex;
+      flex-direction: column;
+      font-size: 12px;
+
+      .v-top {
+        height: 18px;
+        line-height: 18px;
+      }
+    }
+
     .el-avatar {
       vertical-align: middle;
       margin-top: -2px;
       margin-right: 4px;
     }
   }
-}</style>
+}
+</style>