展示name修改

src/api/system/user/types.ts

@@ -9,6 +9,7 @@ export interface UserInfo {
   roles: string[];
   perms: string[];
   deptId?: string;
+  nickName?: string;
 }
 
 /**

src/layout/components/NavBar/components/NavbarRight.vue

@@ -40,9 +40,9 @@
           :value="unReadMessageNum"
           :max="10"
         >
-          <span>{{ userStore.user.username }}</span>
+          <span>{{ userStore.user.nickName }}</span>
         </el-badge>
-        <span v-else>{{ userStore.user.username }}</span>
+        <span v-else>{{ userStore.user.nickName }}</span>
       </div>
       <template #dropdown>
         <el-dropdown-menu>
@@ -146,20 +146,20 @@ const dialog = reactive({
   type: "0",
   state: "0",
 });
-const clickItem =(row) =>{
-  if(row.msgId === '3'){
-    window.open("/quality/faultHandle",'_blank')
+const clickItem = (row) => {
+  if (row.msgId === "3") {
+    window.open("/quality/faultHandle", "_blank");
   }
-  if(row.msgId === '4'){
-    window.open("/outsource",'_blank')
+  if (row.msgId === "4") {
+    window.open("/outsource", "_blank");
   }
-  if(row.msgId === '5'){
-    window.open("/storage/warningInfo",'_blank')
+  if (row.msgId === "5") {
+    window.open("/storage/warningInfo", "_blank");
   }
-  if(row.msgId === '6'){
-    window.open("/requisition",'_blank')
+  if (row.msgId === "6") {
+    window.open("/requisition", "_blank");
   }
-}
+};
 const openMessageDialog = () => {
   handleQuery();
   dialog.visible = true;
@@ -216,13 +216,10 @@ function logout() {
     type: "warning",
     lockScroll: false,
   }).then(() => {
-    userStore
-      .logout()
-      .then(() => {
-        router.replace(`/login`);
-        tagsViewStore.delAllViews();
-      })
-
+    userStore.logout().then(() => {
+      router.replace(`/login`);
+      tagsViewStore.delAllViews();
+    });
   });
 }
 const clickTab = (targetName) => {
@@ -275,18 +272,18 @@ const handleQuery1 = (params, done) => {
   queryMessageList(querySearch, page1, pageData1, done);
 };
 
-const timer = ref(null)
+const timer = ref(null);
 onMounted(() => {
   checkUnReadMessageNum();
   timer.value = setInterval(() => {
     checkUnReadMessageNum();
   }, 20000);
 });
-onBeforeUnmount(()=>{
-  clearInterval(timer.value)
-})
-onUnmounted(()=>{
-  clearInterval(timer.value)
+onBeforeUnmount(() => {
+  clearInterval(timer.value);
+});
+onUnmounted(() => {
+  clearInterval(timer.value);
 });
 const userCenterRef = ref();
 const userCenter = () => {
@@ -315,7 +312,7 @@ const userCenter = () => {
     color: var(--el-color-white);
   }
 }
-.el-scrollbar{
+.el-scrollbar {
   height: auto !important;
 }
 .dark .setting-item:hover {

src/store/modules/user.ts

@@ -49,7 +49,7 @@ export const useUserStore = defineStore("user", () => {
           user.value.roles = data.roles;
           user.value.deptId = data.deptId;
           user.value.avatar = data.avatar;
-
+          user.value.nickName = data.nickName;
           isGetAuth.value = true;
 
           user.value.perms = data.permissions ?? [];