学生请假系统学习二

学生页面对应的组件

<template>
  <div>
    <add-Leave></add-Leave>

    <el-table :data="list" border style="width: 100%">
      <el-table-column fixed prop="username" label="姓名" width="150"></el-table-column>
      <el-table-column prop="reason" label="请假理由" width="120"></el-table-column>
      <el-table-column prop="start" label="开始时间" width="120"></el-table-column>
      <el-table-column prop="end" label="结束时间" width="120"></el-table-column>
      <el-table-column prop="extend" label="附件" width="300"></el-table-column>
      <el-table-column fixed="right" label="状态">
        <template slot-scope="scope">
          <el-button type="warning" v-if="scope.row.type == 1">待审批</el-button>
          <el-button type="danger" v-else-if="scope.row.type == 3">已拒绝</el-button>
          <el-button type="success" v-else>成功按钮</el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

标签：请假,学生,学习,按钮,组件,对应,页面
来源： https://www.cnblogs.com/hu-yan-123/p/15216676.html