用户资料显示

frontent/ops_vue_js/src/components/HeardMain.vue

@@ -182,14 +182,31 @@ onMounted(() => {
               data-bs-toggle="dropdown"
               aria-label="Open user menu"
             >
-              <span
+              <img
+                :src="
+                  userStore.userInfo
+                    ? userStore.userInfo.AvatarPath
+                    : '/ava.svg'
+                "
+                alt=""
                 class="avatar avatar-sm"
-                style="background-image: url(./static/avatars/000m.jpg)"
-              >
-              </span>
+              />
+
               <div class="d-none d-xl-block ps-2">
-                <div>Paweł Kuna</div>
-                <div class="mt-1 small text-secondary">UI Designer</div>
+                <div>
+                  {{
+                    userStore.userInfo
+                      ? userStore.userInfo.Username
+                      : userStore.user?.Name
+                  }}
+                </div>
+                <div class="mt-1 small text-secondary">
+                  {{
+                    userStore.userInfo
+                      ? userStore.userInfo.FirstName
+                      : userStore.user?.Email
+                  }}
+                </div>
               </div>
             </div>
             <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">

frontent/ops_vue_js/src/stores/user.js

@@ -8,6 +8,7 @@ import { my_network_func } from "@/my_network_func";
 export const useUserStore = defineStore("user", () => {
   // 状态 (State)
   const userInfo = ref(null);
+  const user =ref(null)
   const userCookie = ref(null);
   const isLoggedIn = ref(false);
 
@@ -29,6 +30,7 @@ export const useUserStore = defineStore("user", () => {
         case 200:
           switch (r.data.err_code) {
             case 0:
+              user.value=r.data.return.user
               if(r.data.return.userInfo){
                 userInfo.value=r.data.return.userInfo
               }else{
@@ -86,6 +88,7 @@ export const useUserStore = defineStore("user", () => {
   };
 
   return {
+    user,
     userInfo,
     userCookie,
     isLoggedIn,