118 lines
3.4 KiB
Markdown
118 lines
3.4 KiB
Markdown
|
# 企业我的页面功能说明
|
|||
|
|
|
|||
|
|
## 功能概述
|
|||
|
|
|
|||
|
|
本功能为企业用户提供了专门的"我的"页面和企业信息展示页面，实现了根据用户类型显示不同内容的功能。
|
|||
|
|
|
|||
|
|
## 页面结构
|
|||
|
|
|
|||
|
|
### 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获取
|
|||
|
|
- 头像上传功能需要配置服务器接口
|
|||
|
|
- 编辑页面需要根据实际需求进行开发
|