hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-10 19:36:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

提交授课记录相关功能

Browse Source
This commit is contained in:
weinan2087
2022-12-28 15:44:28 +08:00
parent 5691500f20
commit 07562e53ee
1 changed files with 126 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

193
src/views/course/Mylecnotes.vue
View File

@@ -1,104 +1,163 @@
<template> <template>
<div style="padding: 12px 32px 10px 12px;"> <div style="padding: 12px 32px 10px 12px;">
<div style="display: flex;justify-content: flex-start;"> <div style="display: flex;justify-content: flex-start;">
<div style="margin-left:10px"><el-input placeholder="名称关键字" clearable></el-input></div> <div style="margin-left:10px"><el-input v-model="keyword" placeholder="输入课程名称搜索" clearable></el-input></div>
<div style="padding-left: 10px;"><el-button type="primary" icon="el-icon-search">搜索</el-button></div> <div style="padding-left: 10px;"><el-button @click="recordList()" type="primary" icon="el-icon-search">搜索</el-button></div>
<div style="padding: 0px 5px;"><el-button icon="el-icon-refresh-right" type="primary" >重置</el-button></div> <div style="padding: 0px 5px;"><el-button icon="el-icon-refresh-right" @click="keyword = ''" type="primary" >重置</el-button></div>
</div> </div>
<div class="Export"> <div class="Export">
<div style="padding-left: 10px;"><el-button type="primary" icon="el-icon-search" size="small" round>导出</el-button></div> <div style="padding-left: 10px;"><el-button type="primary" @click="exportFile()" icon="el-icon-search" size="small" round>导出</el-button></div>
<div style="padding: 0px 5px;"><el-button icon="el-icon-refresh-right" type="primary" size="small" round>导出学员信息</el-button></div> <!-- <div style="padding: 0px 5px;"><el-button icon="el-icon-refresh-right" type="primary" size="small" round>导出学员信息</el-button></div> -->
</div> </div>
<div style="margin-top:20px;"> <div style="margin-top:20px;">
<el-table :data="pageData" border stripe> <el-table :data="pageData" border stripe>
<el-table-column <el-table-column
label="课程时间" label="课程时间"
prop="time" prop="courseTime"
width="200px"> width="200px">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="课程名称" label="课程名称"
prop="courseName" prop="courseName"
width="200px"> width="200px">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="开课场地" label="开课场地"
prop="sysType" prop="address"
width="240px"> width="240px">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="所属课程" label="所属课程"
prop="status" prop="parentCourse"
width="120px"> width="120px">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="所属项目" label="所属项目"
prop="courseUser" prop="parentProject"
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
label="所属路径" label="所属路径"
prop="auditTime" prop="parentRoute"
width="200px" width="200px"
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
label="学习总人数" label="学习总人数"
prop="auditRemark" prop="studentNumber"
width="100px" width="100px"
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
label="时长(分钟)" label="时长(分钟)"
width="100px"
prop="studynum"
></el-table-column>
<el-table-column
label="评分"
width="100px" width="100px"
prop="pf" prop="period"
></el-table-column>
<el-table-column
label="评分"
width="100px"
prop="score"
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
label="操作" label="操作"
align="center" align="center"
width="110px" width="150px"
prop="cz" prop="cz"
fixed="right" fixed="right"
></el-table-column> >
<!-- <template v-slot="scope">
<el-button type="primary" size="small">导出学员信息</el-button>
</template> -->
</el-table-column>
</el-table> </el-table>
</div> </div>
<el-pagination
background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="pageInfo.page"
:page-sizes="[10, 20, 30, 40]"
:page-size="pageInfo.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="pageInfo.total"
></el-pagination>
</div> </div>
</template> </template>
<script> <script>
import apiCourse from '../../api/boe/courseRecord.js';
import { mapGetters } from 'vuex';
export default { export default {
data(){ data(){
return { return {
pageData:[{ pageData:[],
time:'2022-10-30 13:00:00', keyword:'',
courseName:'时间管理', pageInfo:{},
sysType:'核心能力大楼培训',
status:'管理者课程',
courseUser:'管理者进阶-腾飞班K1',
auditTime:'产品经理路径管理',
auditRemark:'35',
studynum:'120',
pf:'4.5',
cz:'导出学员信息'
},
{
time:'2022-10-30 13:00:00',
courseName:'时间管理',
sysType:'核心能力大楼培训',
status:'管理者课程',
courseUser:'管理者进阶-腾飞班K1',
auditTime:'产品经理路径管理',
auditRemark:'35',
studynum:'120',
pf:'4.5',
cz:'导出学员信息'
}
]
} }
} },
mounted() {
this.recordList(1);
},
computed: {
...mapGetters(['userInfo'])
},
methods: {
exportFile(){
let req = {
teacherId: this.userInfo.sysId
// teacherId:"70F80F4E-34BA-10AB-894A-8FA812B19637"
}
apiCourse.courseRecordExport(req).then(res=>{
const link = document.createElement('a');// 创建a标签
let blob = new Blob([res.data],{type: 'application/vnd.ms-excel'}); // 设置文件类型
link.style.display = "none";
link.href = URL.createObjectURL(blob); // 创建URL
link.setAttribute("download", "授课记录.xls");
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
})
},
recordList(pageIndex){
let req = {
//     teacherId:"70F80F4E-34BA-10AB-894A-8FA812B19637",
teacherId: this.userInfo.sysId,
keyword:this.keyword,
    page:pageIndex,
    pageSize:10
}
apiCourse.courseRecordList(req).then(res=>{
if(res.status == 200) {
this.pageData = res.result.list;
this.pageInfo = res.result.pageInfo;
} else {
this.$message({
type: 'error',
message: res.message
});
}
})
},
// 每页显示的条数事件
handleSizeChange(val){
this.pageInfo.pageSize = val;
this.recordList(1);
},
// 显示制定页的数据
handleCurrentChange(val){
this.pageInfo.pageIndex = val;
this.recordList(this.pageInfo.pageIndex);
},
},
} }
</script> </script>
@@ -107,4 +166,4 @@ export default {
display: flex; display: flex;
padding-top: 10px; padding-top: 10px;
} }
</style> </style>