frame/parts/leave.vue

<template>
  <div id="leave">
    <el-table :data="tableData" border style="width: 100%">
      <el-table-column align="center" prop="starttime" label="请假开始时间"> </el-table-column>
      <el-table-column align="center" prop="endtime" label="请假结束时间"> </el-table-column>
      <el-table-column align="center" prop="stuname" label="学生姓名"> </el-table-column>
      <el-table-column align="center" prop="reason" label="请假理由"> </el-table-column>
      <el-table-column align="center" label="请假类型">
        <template slot-scope="scope">
          <span>{{ scope.row.type === '0' ? '请假' : '退出' }}</span>
        </template>
      </el-table-column>
      <el-table-column align="center" label="状态">
        <template slot-scope="scope">
          <span>{{ scope.row.status === '0' ? '审核中' : scope.row.status === '1' ? '审核通过' : scope.row.status === '2' ? '审核拒绝' : '' }}</span>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
import { mapState, createNamespacedHelpers } from 'vuex';
export default {
  name: 'leave',
  props: {
    tableData: { type: Array },
  },
  components: {},
  data: () => ({}),
  created() {},
  computed: {},
  methods: {},
};
</script>

<style lang="less" scoped></style>