Merge branch 'develop' into release-test
Showing
3 changed files
with
33 additions
and
7 deletions
| ... | @@ -13,7 +13,7 @@ export const getTokenByCode = (params) => { | ... | @@ -13,7 +13,7 @@ export const getTokenByCode = (params) => { |
| 13 | export const loginOut = () => { | 13 | export const loginOut = () => { |
| 14 | return request({ | 14 | return request({ |
| 15 | url: `${import.meta.env.VITE_APP_USER_API_BASEURL}/user/logout`, | 15 | url: `${import.meta.env.VITE_APP_USER_API_BASEURL}/user/logout`, |
| 16 | method: 'get' | 16 | method: 'post' |
| 17 | }) | 17 | }) |
| 18 | } | 18 | } |
| 19 | 19 | ... | ... |
| ... | @@ -65,9 +65,9 @@ const handleShowMessage = () => { | ... | @@ -65,9 +65,9 @@ const handleShowMessage = () => { |
| 65 | <div v-if="item.children && item.children.length !== 0" class="item-container" | 65 | <div v-if="item.children && item.children.length !== 0" class="item-container" |
| 66 | :class="{ active: index === menuStore.actived }"> | 66 | :class="{ active: index === menuStore.actived }"> |
| 67 | <div class="item" @click="switchTo(index)" v-preReClick> | 67 | <div class="item" @click="switchTo(index)" v-preReClick> |
| 68 | <el-icon v-if="item.meta?.icon"> | 68 | <!-- <el-icon v-if="item.meta?.icon"> |
| 69 | <svg-icon :name="item.meta.icon" /> | 69 | <svg-icon :name="item.meta.icon" /> |
| 70 | </el-icon> | 70 | </el-icon> --> |
| 71 | <span v-if="item.meta?.title">{{ item.meta.title }}</span> | 71 | <span v-if="item.meta?.title">{{ item.meta.title }}</span> |
| 72 | </div> | 72 | </div> |
| 73 | </div> | 73 | </div> |
| ... | @@ -149,8 +149,8 @@ header { | ... | @@ -149,8 +149,8 @@ header { |
| 149 | background-color: inherit; | 149 | background-color: inherit; |
| 150 | 150 | ||
| 151 | .logo { | 151 | .logo { |
| 152 | width: 179px; | 152 | width: 168px; |
| 153 | height: 48px; | 153 | height: 45px; |
| 154 | } | 154 | } |
| 155 | 155 | ||
| 156 | span { | 156 | span { | ... | ... |
| ... | @@ -36,6 +36,10 @@ function userCommand(command: 'home' | 'setting' | 'updatePwd' | 'hotkeys' | 'lo | ... | @@ -36,6 +36,10 @@ function userCommand(command: 'home' | 'setting' | 'updatePwd' | 'hotkeys' | 'lo |
| 36 | function pro() { | 36 | function pro() { |
| 37 | window.open('https://hooray.gitee.io/fantastic-admin-pro-example/', '_blank') | 37 | window.open('https://hooray.gitee.io/fantastic-admin-pro-example/', '_blank') |
| 38 | } | 38 | } |
| 39 | const loaclStorageInfo: any = localStorage.getItem("userData") | ||
| 40 | onMounted(() => { | ||
| 41 | console.log('mounted', JSON.parse(userStore.userData).abbreviation) | ||
| 42 | }) | ||
| 39 | </script> | 43 | </script> |
| 40 | <template> | 44 | <template> |
| 41 | <div class="tools"> | 45 | <div class="tools"> |
| ... | @@ -53,11 +57,17 @@ function pro() { | ... | @@ -53,11 +57,17 @@ function pro() { |
| 53 | <svg-icon name="ep:user-filled" /> | 57 | <svg-icon name="ep:user-filled" /> |
| 54 | </el-icon> | 58 | </el-icon> |
| 55 | </el-avatar> | 59 | </el-avatar> |
| 56 | {{ userStore.userName }} | 60 | <div class="v-uerinfo"> |
| 61 | <div class="v-top">{{ userStore.userName }}</div> | ||
| 62 | <div class="v-top"> {{ JSON.parse(loaclStorageInfo).abbreviation }}</div> | ||
| 63 | </div> | ||
| 64 | <div> | ||
| 57 | <el-icon> | 65 | <el-icon> |
| 58 | <svg-icon name="ep:caret-bottom" /> | 66 | <svg-icon name="ep:caret-bottom" /> |
| 59 | </el-icon> | 67 | </el-icon> |
| 60 | </div> | 68 | </div> |
| 69 | |||
| 70 | </div> | ||
| 61 | <template #dropdown> | 71 | <template #dropdown> |
| 62 | <el-dropdown-menu class="user-dropdown"> | 72 | <el-dropdown-menu class="user-dropdown"> |
| 63 | <!-- <el-dropdown-item command="setting"> | 73 | <!-- <el-dropdown-item command="setting"> |
| ... | @@ -143,10 +153,26 @@ function pro() { | ... | @@ -143,10 +153,26 @@ function pro() { |
| 143 | cursor: pointer; | 153 | cursor: pointer; |
| 144 | 154 | ||
| 145 | .user-wrapper { | 155 | .user-wrapper { |
| 156 | display: flex; | ||
| 157 | align-items: center; | ||
| 158 | height: 100%; | ||
| 159 | |||
| 160 | .v-uerinfo { | ||
| 161 | display: flex; | ||
| 162 | flex-direction: column; | ||
| 163 | font-size: 12px; | ||
| 164 | |||
| 165 | .v-top { | ||
| 166 | height: 18px; | ||
| 167 | line-height: 18px; | ||
| 168 | } | ||
| 169 | } | ||
| 170 | |||
| 146 | .el-avatar { | 171 | .el-avatar { |
| 147 | vertical-align: middle; | 172 | vertical-align: middle; |
| 148 | margin-top: -2px; | 173 | margin-top: -2px; |
| 149 | margin-right: 4px; | 174 | margin-right: 4px; |
| 150 | } | 175 | } |
| 151 | } | 176 | } |
| 152 | }</style> | 177 | } |
| 178 | </style> | ... | ... |
-
Please register or sign in to post a comment