witAvatar 用户头像组件

witAvatar 是一个用户头像组件，集成了头像显示、用户名展示和下拉菜单功能，支持修改密码和退出登录操作，并可根据系统配置控制公司信息的显示。

用法实例

<template>
  <witAvatar />
</template>

<script lang="ts" setup>
import witAvatar from '@/library/components/witAvatar'
</script>

API

组件

组件名	描述
witAvatar	用户头像组件，包含头像、用户名和操作菜单

属性

属性名	类型	默认值	描述
-	-	-	组件无自定义属性，依赖状态管理获取用户信息

方法

方法名	描述	参数类型
-	-	-

事件

事件名	描述	参数
-	-	-

功能特性

用户信息展示

• 显示用户头像图片
• 展示用户昵称
• 根据系统配置控制头像显示（公司信息开关）

操作菜单

• 修改密码功能入口
• 退出登录功能入口
• 下拉菜单交互效果
• 菜单激活状态反馈

国际化支持

• 集成国际化翻译功能
• 支持多语言切换
• 菜单项文字自动适应语言环境

系统配置集成

• 读取系统配置控制公司信息显示
• 支持本地存储的配置信息
• 组件加载时自动初始化配置

修改密码功能

• 集成修改密码弹窗组件
• 支持密码修改交互流程

退出登录功能

• 调用用户状态管理的退出方法
• 跳转登录页面
• 刷新页面确保状态重置

TIP

1. 组件依赖用户状态管理和系统配置管理
2. 头像显示受系统配置中的 sys_config:login_switch_company 控制
3. 退出登录后会自动跳转到登录页面并刷新页面
4. 修改密码功能需要配合 updatePassword 组件使用
5. 组件支持响应式布局，适配不同屏幕尺寸