# 企业我的页面功能说明

## 功能概述

本功能为企业用户提供了专门的"我的"页面和企业信息展示页面，实现了根据用户类型显示不同内容的功能。

## 页面结构

### 1. 企业我的页面 (`pages/mine/company-mine.vue`)
- **功能**: 企业用户的个人中心页面
- **特点**: 
  - 显示企业头像、名称和信息完整度
  - 包含服务专区（实名认证、通知与提醒）
  - 提供退出登录功能
  - 点击头像区域可跳转到企业信息页面

### 2. 企业信息展示页面 (`pages/mine/company-info.vue`)
- **功能**: 显示详细的企业信息
- **特点**:
  - 显示企业头像编辑功能
  - 展示完整的企业信息（名称、统一社会代码、注册地点等）
  - 支持编辑各项企业信息
  - 包含企业联系人和法人信息

### 3. 修改后的我的页面 (`pages/mine/mine.vue`)
- **功能**: 根据用户类型显示不同的内容
- **特点**:
  - 企业用户显示企业信息卡片
  - 求职者用户显示个人简历信息
  - 自动根据 `userInfo.isCompanyUser` 字段判断用户类型

## 用户类型判断

系统通过 `userInfo.isCompanyUser` 字段来判断用户类型：
- `0` = 企业用户
- `1` = 求职者
- `2` = 网格员
- `3` = 政府人员

## 页面跳转逻辑

### 从我的页面跳转
- **企业用户**: 点击头像区域 → 跳转到企业信息页面 (`/pages/mine/company-info`)
- **求职者用户**: 点击头像区域 → 跳转到简历页面 (`/packageA/pages/myResume/myResume`)

### 企业信息页面功能
- 点击头像 → 编辑头像（调用相册选择图片）
- 点击各项信息 → 跳转到对应的编辑页面（需要后续开发）

## 路由配置

新增的路由配置：
```json
{
    "path": "pages/mine/company-mine",
    "style": {
        "navigationBarTitleText": "我的",
        "navigationStyle": "custom"
    }
},
{
    "path": "pages/mine/company-info",
    "style": {
        "navigationBarTitleText": "企业信息",
        "navigationStyle": "custom"
    }
}
```

## 测试页面

创建了测试页面 `pages/test/company-mine-test.vue` 用于测试功能：
- 用户类型切换测试
- 页面跳转测试
- 用户信息显示

## 样式特点

### 企业信息卡片
- 白色背景，圆角设计
- 阴影效果，现代化UI
- 头像圆形显示
- 信息完整度显示

### 企业信息页面
- 清晰的信息层级
- 可点击的编辑区域
- 统一的视觉风格

## 数据流

1. 用户登录时设置 `userInfo.isCompanyUser` 字段
2. 我的页面根据此字段判断显示内容
3. 企业用户点击头像跳转到企业信息页面
4. 企业信息页面展示详细的企业数据

## 后续开发建议

1. **编辑功能**: 为每个信息项创建对应的编辑页面
2. **数据接口**: 连接真实的企业信息API
3. **头像上传**: 完善头像上传功能
4. **表单验证**: 添加企业信息编辑的表单验证
5. **权限控制**: 根据用户权限控制可编辑的字段

## 使用方法

1. 在测试页面切换用户类型为企业用户
2. 访问我的页面，查看企业信息卡片
3. 点击头像区域跳转到企业信息页面
4. 在企业信息页面查看详细的企业信息

## 注意事项

- 确保用户类型字段正确设置
- 企业信息数据需要从后端API获取
- 头像上传功能需要配置服务器接口
- 编辑页面需要根据实际需求进行开发