# 个人中心说明

## 功能位置

个人中心功能已从左侧菜单栏移除，但保留在顶部导航栏右侧。

## 访问方式

### 1. 通过顶部导航栏
- 点击顶部右侧的 **用户图标** (👤)
- 自动跳转到个人信息页面

### 2. 直接路由访问
- 路径：`/config/profile/info`
- 虽然左侧菜单不显示，但路由仍然有效

## 功能特性

### 个人信息管理
- ✅ 查看和编辑个人资料
- ✅ 头像管理
- ✅ 基本信息（姓名、邮箱、手机号等）
- ✅ 工作信息（部门、职位、角色等）
- ✅ 密码修改
- ✅ 账户安全信息

### 分标签页组织
1. **基本信息** - 个人资料、联系方式、个人简介
2. **工作信息** - 企业、部门、职位、角色
3. **安全信息** - 密码修改、登录历史、安全设置

## 设计理念

将个人中心从左侧菜单移除的原因：

1. **提高可访问性**
   - 个人信息是高频访问功能
   - 放在顶部右侧更符合用户习惯

2. **简化菜单结构**
   - 中心配置管理系统专注于系统级配置
   - 个人中心属于用户个人功能，独立展示更合理

3. **统一用户体验**
   - 大部分系统的个人中心都在顶部导航栏
   - 符合主流设计模式

## 相关文件

- `/components/config/PersonalInfo.tsx` - 个人信息组件
- `/components/Navigation.tsx` - 顶部导航栏（包含个人中心图标）
- `/types/profile.ts` - 个人中心类型定义
- `/App.tsx` - 路由处理

## 数据存储

个人信息数据存储在 localStorage：
```typescript
'smart_agriculture_user_profile'
```

## 使用建议

- 定期更新个人信息保持准确性
- 定期修改密码提高账户安全性
- 及时更新联系方式确保消息可达
