一、概述

本功能模块是组织管理模块，用户可以通过点击用户头像进入该模块，实现对组织的创建、加入和管理。

### 二、用户使用旅程

1. 用户点击用户头像，从下拉菜单选择进入组织页面。
2. 已创建或加入组织的用户会看到组织列表和一个"New Organization"按钮。
3. 没有创建或加入组织的用户只会看到一个"New Organization"按钮。
4. 用户从组织列表中点击组织图标，进入具体组织的页面。
5. 默认展示组织内成员列表，即"People"页面。
6. 组织创建者可以通过上方的横向tab切换至"Resource"，"Billing"，"Setting"页面。
7. 管理员和viewer用户只能切换至"Resource"页面。

### 三、实现逻辑

1. 用户点击用户头像后，系统判断用户是否已创建或加入组织。
2. 根据用户的组织状态，展示不同的页面内容和按钮。
3. 用户点击组织图标后，系统跳转至具体组织的页面。
4. 根据用户的角色，展示不同的页面内容和可切换的tab。

### 四、相关页面

#### Organization页面
- 本页面主要展示用户的组织列表和"New Organization"按钮。
- 组织列表包括已创建或加入的组织。
- 组织图标可点击，点击后进入具体组织的页面。

#### 组织页面
- 本页面展示具体组织的内容和功能。
- 默认展示组织内成员列表，即"People"页面。
- 组织创建者可通过上方的横向tab切换至"Resource"，"Billing"，"Setting"页面。
- 管理员和viewer用户只能切换至"Resource"页面。

#### People页面和resource页面详见 IAM PRD

#### Setting页面
- 本页面包括2个子页面：General和API Key Management。
- General页面包括与GitHub一致的内容（general info & delete organization 按钮）。

- API Key Management页面包括与OpenAI一致的内容。


#### Billing页面
- 本页面包括以下3个子页面：Payment Information，Invoice History，API Key Usage。
- 页面内容与GitHub一致。

### 五、功能详细描述

#### Organization Management模块
- 本模块的作用是实现组织的创建、加入和管理。

##### 组织列表展示

- 功能描述：展示用户已创建或加入的组织列表。
- 使用步骤：用户点击用户头像，选择进入组织页面。
- 功能点：
1. 展示已创建或加入的组织列表。
2. 组织图标可点击，点击后进入具体组织的页面。
- 异常情况及处理：无
- 涉及字段：组织名称、组织图标

##### 组织页面展示

- 功能描述：展示具体组织的内容和功能。
- 使用步骤：用户从组织列表中点击组织图标，进入具体组织的页面。
- 功能点：
1. 默认展示组织内成员列表，即"People"页面。
2. 组织创建者可通过上方的横向tab切换至"Resource"，"Billing"，"Setting"页面。
3. 管理员和viewer用户只能切换至"Resource"页面。
- 异常情况及处理：无
- 涉及字段：组织成员列表、横向tab

##### Setting页面

- 功能描述：展示组织的设置内容。
- 使用步骤：用户点击组织页面上的"Setting" tab。
- 功能点：
1. 包括2个子页面：General和API Key Management。
2. General页面内容与GitHub一致。
3. API Key Management页面内容与OpenAI一致。
- 异常情况及处理：无
- 涉及字段：设置内容、API Key管理

##### Billing页面

- 功能描述：展示组织的账单信息。
- 使用步骤：用户点击组织页面上的"Billing" tab。
- 功能点：
1. 包括以下3个子页面：Payment Information，Invoice History，API Key Usage。
2. 页面内容与GitHub一致。
- 异常情况及处理：无
- 涉及字段：账单信息、发票历史、API Key使用情