# 页面设计: 租户管理/创作者中心 (Tenant Management)

> **路由**: `/me/management/*`
> **布局**: `LayoutMain` (复用门户布局，采用侧边栏分栏结构)
> **结构**: 与个人中心一致的左侧导航布局，保持视觉与操作连续性

## 1. 布局结构 (Structure)

管理模块直接集成在 C 端门户中，作为“创作者中心”存在。

- **导航栏**: 复用全局 `TopNavbar`，用户可通过头像下拉菜单的“管理入口”进入。
- **页面框架**: 
  - **左侧 (Sidebar)**: 独立于个人中心的管理菜单（内容管理、订单管理、租户设置）。
  - **右侧 (Main)**: 管理列表或表单容器，背景为 `bg-white` 圆角卡片。

---

## 2. 核心功能模块

### 2.1 管理概览 (Dashboard) `/me/management`
- **核心指标卡片 (Key Metrics)**:
  - **总关注用户**: 显示累计粉丝数及较前一日的增长变化 (+/-)。
  - **订单收益**:
    - [累计总收益]: 账户所有已结算金额。
    - [近30天收益]: 动态展示最近一个月的收入规模。
  - **订单统计**:
    - [累计订单量]: 总成交笔数。
    - [待处理订单]: 待发货或退款申请中的实时数量提示。
  - **内容表现**: 累计阅读量 (PV) 与 获赞总数。
- **趋势分析图表 (Charts)**:
  - **收益/订单趋势**: 支持切换 [近7天] / [近30天] 的柱状图，直观展示收入波动。
  - **粉丝增长曲线**: 折线图展示每日新增粉丝趋势。
- **快捷入口**: [发布新内容] [处理退款申请]。
- **公告通知**: 创作者专属公告（如：平台分成比例调整通知）。

### 2.2 内容管理 (Content Management) `/me/management/contents`
- **列表展示**:
  - **字段**: 封面 | **曲种/剧目** | 价格 | 状态 | 阅读/收益 | 操作。
  - **状态说明 (Audit Status)**:
    - `已发布`: 绿色，正常在线。
    - `审核中`: 橙色，平台正在处理。
    - `驳回`: 红色。**交互**: 点击状态标签弹出气泡或弹窗显示具体的“驳回原因”，支持一键进入编辑。
    - `草稿`: 灰色。
- **发布编辑器 (WYSIWYG Editor - 戏曲定制版)**:
  - **头部元数据 (Metadata)**:
    - **曲种**: (必选) 下拉选择后台配置的曲种 (如 京剧/越剧)。
    - **标题组合**: 
      - [剧目名] (必填, 如《锁麟囊》) 
      - [选段名] (可选, 如"春秋亭") 
      - [附加信息] (可选, 如"程砚秋")
      - *预览*: 自动拼接展示 `《锁麟囊》春秋亭 (程砚秋)`。
  - **工具栏功能**:
    - **基础排版**: H1/H2/H3, 加粗, 下划线, 列表, 居中/对齐。
    - **戏曲专用**:
      - **剧本模式**: 专门的 [角色: 台词] 格式块，自动悬挂缩进。
      - **唱段属性**: 插入音频时可选填 **定调 (Key)** (如 C大调/D大调) 和 **板式** (如 原板/流水)。
      - **注音工具**: 支持给生僻字添加拼音标注 (Ruby)，解决尖团音等阅读障碍。
    - **媒体 (仅支持上传)**: 图片, 视频 (支持断点续传), 音频, 附件。**不支持外链**。
    - **操作**: 撤销, 重做, 清除格式, 插入分割线。
  - **交互体验**:
    - **自动保存**: 编辑器右上角实时显示状态 "正在保存..." / "所有更改已保存"。
    - **大文件支持**: 针对高清戏曲视频优化上传稳定性。
- **发布属性设置 (Publish Settings)**:
  - **位置**: 右侧栏 (宽屏) 或 底部抽屉 (窄屏)，点击 [发布设置] 展开。
  - **字段**:
    - **封面图**: (必填) 点击上传，支持裁切预览。
    - **摘要**: (可选) 自动提取前 50 字或手动输入。
    - **戏曲属性**: 
      - **主定调**: 下拉选择 (C/D/E/F/G/A/B 等)。
      - **行当**: 生/旦/净/末/丑。
    - **标签**: (可选) 搜索并多选，支持新增。
    - **价格策略**: 
      - Radio Group: [免费] | [付费] | [会员免费]。
      - **付费设置**:
        - **价格**: 输入金额 (¥)。
        - **试看/试听**: 
          - Switch 开关 [开启试看]。
          - 输入时长: 默认 `60` 秒 (支持自定义，针对戏曲长视频建议设为 3-5 分钟)。
  - **操作**: [存草稿] [立即发布]。

### 2.3 订单管理 (Order Management) `/me/management/orders`
- **列表展示**:
  - 记录所有购买该租户内容的订单。
  - **字段**: 订单号 | 内容标题 | 买家昵称 | 实付金额 | 下单时间 | 状态。
- **管理干预 (Order Intervention)**:
  - **状态流转**: 
    - 正常: `已支付` -> `已完成`。
    - 退款: `退款申请中` (买家发起) -> `已退款` (同意) / `退款拒绝`。
  - **操作按钮**:
    - [查看详情]: 弹窗显示买家信息与支付凭证。
    - [处理退款]: (仅针对退款申请) 弹出审核框，选择 [同意退款] 或 [拒绝]。
    - [发送私信]: 快速联系买家。

### 2.4 租户资料设置 (Tenant Settings) `/me/management/settings`
- **内容**:
  - 修改租户主页的封面图 (Cover)、名称、简介。
  - 资质材料上传（用于等级提升或认证）。
- **同步**: 此处修改后，租户公开主页 (`/tenants/:id`) 同步更新。

---

## 3. 交互细节与权限

### 3.1 权限拦截
- **访问控制**: 非租户管理员访问 `/me/management` 直接跳转至“租户申请”页或 403。
- **身份显示**: 在管理页面顶部显著位置显示“当前正在管理：[租户名称]”，防止多账号混淆。

### 3.2 适老化管理体验
- **大按钮**: 所有的“发布”、“编辑”按钮均采用 `h-12` 以上高度。
- **状态感知**: 每一个操作（如保存草稿）都有明确的 Toast 反馈。
- **自动保存**: 编辑器支持本地离线保存，防止误关闭导致内容丢失。