fix: 修改个人头像信息展示

client/src/views/OaSystem/oaLayout/menus.vue

@@ -3,8 +3,8 @@
     <div class="menus-user">
       <div class="userImg" @click="userImgClick">
         <ElAvatar :src="avatar" alt="" class="userIcon" />
-        <div class="glBox">
-          <span>工龄{{ 30 }}年</span>
+        <div class="glBox" v-show="data?.sl">
+          <span>司龄{{ data?.sl }}年</span>
         </div>
         <div class="userHover">
           <p>个人档案</p>
@@ -50,6 +50,9 @@ import avatarImg from '@/assets/imgs/avatar.gif'
 import { useUserStore } from '@/store/modules/user'
 import { useTagsViewStore } from '@/store/modules/tagsView'
 import MenusActive from './menusActive.vue'
+import { useQuery } from '@tanstack/vue-query'
+import { getRecordsDetail } from '@/api/oa/staffRecords'
+
 defineOptions({ name: 'Header' })
 const { t } = useI18n()
 
@@ -61,12 +64,16 @@ const userStore = useUserStore()
 const tagsViewStore = useTagsViewStore()
 
 const user = wsCache.get(CACHE_KEY.USER)
-
+console.log('user: ', user)
 const avatar = user.user.avatar ? user.user.avatar : avatarImg
 
 const userName = user.user.nickname ? user.user.nickname : 'Admin'
 
 const deptName = user.user.deptName ? user.user.deptName : '部门信息'
+const userId = user.user.id // 当前登录的编号
+const { data } = useQuery(['fetch-staff-detail-left', userId], async () => {
+  return await getRecordsDetail({ userId })
+})
 
 const mouseenterIndex = ref(-1)
 const loginOut = () => {