el-step和el-popover连用实现多级审核流程信息展示

在Element UI库中，`el-step` 和 `el-popover` 结合可以用来创建一个多级审核流程的信息展示组件。`el-step` 通常用于表示任务的各个阶段，而 `el-popover` 可以作为每个步骤的详细描述或上下文相关的辅助信息，当用户点击某个步骤时，它会显示出来。

以下是实现这种效果的一般步骤：

1. 首先，在HTML结构中，创建一个包含多个 `el-step` 的列表，每个 `el-step` 代表一个审核环节，并设置一个关联的自定义元素（如 `data-content` 或者一个事件处理器）触发 `el-popover` 的显示：

<el-row>
  <el-col :span="4" v-for="(step, index) in auditStages" :key="index">
    <el-step :active="isCurrentStep(index)" :process-title="step.title" @click="showPopover(step)">
      <!-- 标题和状态内容 -->
      <template slot="title">{{ step.title }}</template>
    </el-step>
    <el-popover v-model="popoverVisible[index]" placement="top-start" width="200" trigger="click">
      <!-- 审核详情内容 -->
      <div>{{ step.content }}</div>
    </el-popover>
  </el-col>
</el-row>

2. 在Vue组件内部，维护一个数组 `auditStages` 存储各个步骤数据，`isCurrentStep()` 函数检查当前步是否处于当前查看状态，`showPopover()` 函数控制 `el-popover` 的显示和隐藏。

3. 使用 Vue 的数据绑定 (`v-model`) 和事件监听 (`@click`) 来关联步进状态和弹出框的可见性。