---

背景

在后台管理系统中，存在大量重复相似的页面：

例如：

在列表页面中，通常列表包含以下部分：

• 数据统计项

• 高级搜索

• 列表：列表中包含表头、固定列、操作下拉、分页器

然而在 elements 组件中，组件的粒度划分更加小，通常像这种列表组件，包含的 elements 组件有：

• <el-statistic> 统计数值 组件
• 高级搜索框：
  • 实际为 <el-form > 表单组件，通常包含常见的 Form 表单组件：下拉、搜索、远程搜索、单选/多选、switch 开关、上传、按钮等
• 表格组件中，包含以下 element 组件：
  • <el-table> 表格组件；
  • <el-pagination> 分页组件：实现对列表内容页面动态切换；
  • <el-dropdown-menu> 下拉菜单组件： 实现对列表操作的统一管理；
  • <el-dialog> 弹窗组件： 弹窗显示不同操作的内容表单；
  • <el-form > 表单组件：通常包含常见的 Form 表单组件：下拉、搜索、远程搜索、单选/多选、switch 开关、上传、按钮等`，用于提交不同操作内容。