标签：请假 实现 同意 dd 学生 学习 完成 拒绝

老师页面

需要的数据所有学生的数据

需要完成的功能  

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>

标签：请假,实现,同意,dd,学生,学习,完成,拒绝
来源： https://www.cnblogs.com/hu-yan-123/p/15220860.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。