Rights页面

一、页面的基本渲染

• 通过路由展示权限列表组件

• 使用面包屑导航和卡片试图绘制基本页面结构

二、页面的table表格的渲染

• 思路

  • 使用API接口请求权限列表的数据

  • 使用table组件渲染请求到的数据

• 重点

  • 使用v-if按需渲染权限等级的标签

<el-table-column label="权限等级" prop="level">
    <template slot-scope="scope">
        <el-tag v-if="scope.row.level == 0">一级</el-tag>
        <el-tag v-else-if="scope.row.level == 1" type="success">二级</el-tag>
        <el-tag v-else type="warning">三级</el-tag>
    </template>
</el-table-column>