增加头部用户信息更新监听，可通过mittBus.emit("refreshUserInfo")触发

Signed-off-by: 小菜鸟儿 <496651923@qq.com>

src/layout/navBars/topBar/user.vue

@@ -64,8 +64,8 @@
 		</div>
 		<el-dropdown :show-timeout="70" :hide-timeout="50" @command="onHandleCommandClick">
 			<span class="layout-navbars-breadcrumb-user-link">
-				<img :src="userInfos.photo" class="layout-navbars-breadcrumb-user-link-photo mr5" />
-				{{ userInfos.userName === '' ? 'common' : userInfos.userName }}
+				<img :src="state.userInfo.photo" class="layout-navbars-breadcrumb-user-link-photo mr5" />
+				{{ state.userInfo.userName === '' ? 'common' : state.userInfo.userName }}
 				<el-icon class="el-icon--right">
 					<ele-ArrowDown />
 				</el-icon>
@@ -113,6 +113,7 @@ const { userInfos } = storeToRefs(stores);
 const { themeConfig } = storeToRefs(storesThemeConfig);
 const searchRef = ref();
 const state = reactive({
+	userInfo:userInfos,
 	isScreenfull: false,
 	disabledI18n: 'zh-cn',
 	disabledSize: 'large',
@@ -218,6 +219,12 @@ onMounted(() => {
 		initI18nOrSize('globalComponentSize', 'disabledSize');
 		initI18nOrSize('globalI18n', 'disabledI18n');
 	}
+	//监听用户信息刷新事件
+	mittBus.on("refreshUserInfo",()=>{
+		stores.getApiUserInfo().then((res:any)=>{
+			state.userInfo=res;
+		});
+	})
 });
 </script>
 

src/types/mitt.d.ts

@@ -3,6 +3,7 @@
  *
  * @method openSetingsDrawer 打开布局设置弹窗
  * @method restoreDefault 分栏布局，鼠标移入、移出数据显示
+ * @method refreshUserInfo 刷新头部用户信息展示
  * @method setSendColumns 分栏布局，左侧菜单刷新
  * @method setSendColumnsChildren 分栏布局，鼠标移入、移出菜单数据传入到 navMenu 下的菜单中
  * @method setSendClassicChildren 经典布局，开启切割菜单时，菜单数据传入到 navMenu 下的菜单中
@@ -16,6 +17,7 @@
 declare type MittType<T = any> = {
 	openSetingsDrawer?: string;
 	restoreDefault?: string;
+	refreshUserInfo: T;
 	setSendColumns: T;
 	setSendColumnsChildren: T;
 	setSendClassicChildren: T;