显示创建用户

frontend/ops_vue_js/src/api/users.js

@@ -0,0 +1,8 @@
+import { api } from './index'
+
+export const usersApi = {
+  
+  getUserInfoFromUserID(UserID) {
+    return api.get('/users/getuserinfo/'+UserID)
+  },
+}

frontend/ops_vue_js/src/components/AppHeader.vue

@@ -122,7 +122,7 @@ const navItems = computed(() => [
               alt="avatar"
             />
             <span class="max-w-24 truncate">{{
-              userStore.user?.Name || ""
+              userStore.userInfo?userStore.userInfo.Username:userStore.user.Name
             }}</span>
           </button>
           <Transition

frontend/ops_vue_js/src/i18n/zh-CN.json

@@ -151,7 +151,7 @@
     "copied": "已复制",
     "pasted": "已粘贴",
     "not_your_schedule": "这不是你的日程",
-    "someone_schedule": "{name}创建的日程"
+    "someone_schedule": "{name} 创建的日程"
   },
   "message": {
     "functionality_not_yet_developed": "功能未开发",

frontend/ops_vue_js/src/stores/users.js

@@ -2,13 +2,35 @@
 
 import { defineStore } from 'pinia'
 import { ref } from 'vue'
+import { usersApi } from '@/api/users';
 
 export const useUsersStore = defineStore('users', () => {
     const usersInfo =ref([]);
 
     function getUsernameFromUserID(userID){
-        
-        return "123"
+        //console.log(userID)
+        //先在usersInfo找找有没有
+        const target = usersInfo.value?.find(item => item.UserID === userID)
+        if(target){
+            return target.Username //有的话直接返回
+        }else{
+            //没有的话 询问后端
+            usersApi.getUserInfoFromUserID(userID).then((r)=>{
+                //console.log(r)
+                if(r.errCode==0)
+                {
+                    switch(r.raw.err_code){
+                        case 0:
+                            if(r.raw.return.userinfo){
+                                usersInfo.value.push(r.raw.return.userinfo)
+                            }
+                            break;
+                    }
+                }
+            })
+
+            return "..." // 第一次返回这个，不会空白/报错
+        }        
     }
 
     return{