# 后台模块模板

## 列表页模板

```text
页面容器
├── 页面标题/面包屑
├── 筛选区
│   ├── 常用筛选项
│   ├── 查询
│   ├── 重置
│   └── 更多筛选
├── 操作区
│   ├── 新增
│   ├── 导出/导入
│   └── 批量操作
├── 表格区
│   ├── 选择列
│   ├── 业务字段列
│   ├── 状态列
│   └── 操作列
└── 分页区
```

## 列表页基础行为

- 查询：使用当前筛选条件刷新列表，并回到第 1 页。
- 重置：清空筛选条件，刷新列表，并回到第 1 页。
- 页码变化：刷新当前页数据。
- 页大小变化：更新页大小，并回到第 1 页。
- 批量操作：无选中项时禁用或提示。
- 危险操作：删除、停用、批量删除、批量停用必须二次确认。

## 表单页模板

```text
页面容器/弹窗/抽屉
├── 基础信息
├── 规则配置
├── 适用范围
├── 其他设置
└── 底部操作
    ├── 取消
    └── 保存
```

## 详情页模板

```text
页面容器
├── 返回/标题/顶部操作
├── 基础信息
├── 状态或流程信息
├── Tab/分组内容
└── 明细表格/操作记录
```

## 公共组件建议

- `PageContainer`：统一页面边距、背景和标题区。
- `SearchPanel`：统一筛选项布局、查询、重置和更多筛选。
- `DataTable`：统一表格、分页、加载态和空状态。
- `StatusTag`：统一状态文案和颜色。
- `ConfirmAction`：统一危险操作确认。
- `FormSection`：统一表单分组标题和间距。

公共组件应优先表达稳定结构，不承载过多业务判断。