学生生请假系统学习六
导出数据形成一个表格
1:在Teacher.vue页面新建一个按钮 绑定事件
<el-button type="primary" @click="exportLeaveList">导出请假信息</el-button>
2:引入导出excel的方法
import {exportExcel} from "../until/excel"
3:完善事件
exportLeaveList(){ //第一个参数表头 第二个内容 第三个文件名称 exportExcel(this.header,this.allList.map(item=>{ if(item.type==1){ item.type="待审批"; }else if(item.type==2){ item.type="已同意"; }else{ item.type="已拒绝"; } return item; }),"学生请假信息.xlsx") }
4:完善数据
data() { return { allList: [], header:[ { title: '姓名', dataIndex: 'username', key: 'username', className: 'text-monospace', }, { title: '请假理由', dataIndex: 'leavereason', key: 'leavereason', }, { title: '开始时间', dataIndex: 'start', key: 'start', }, { title: '结束时间', dataIndex: 'end', key: 'end', }, { title: '状态', dataIndex: 'type', key: 'type', } ] }; },