老师页面
需要的数据所有学生的数据
需要完成的功能
1,同意
2,拒绝
3,实现分页
4,实现按照,同意,拒绝,和等待审批 的分类查询
5,实现模糊搜索
,6, 完成单个新增学生
7,完成批量新增学生
完成功能1和2
<template> <div> <el-select v-model="type" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option> </el-select> <el-input v-model="key" placeholder="输入名字查询"></el-input> <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 label="开始时间" width="120"> <template slot-scope="scope">{{scope.row.start|filterdate("yyyy-mm-dd hh: dd: ss")}}</template> </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"> <span v-if="scope.row.type == 1"> <el-button type="danger" @click="changeitem(scope.row._id,3)">拒绝</el-button> <el-button type="success">同意</el-button> </span> <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> <el-pagination background layout="prev, pager, next" :total="count" :page-size="shownum" @current-change="changepage" ></el-pagination> </div> </template>