78 lines
2.8 KiB
Vue
78 lines
2.8 KiB
Vue
<template>
|
|
<page-header-wrapper :title="false">
|
|
<a-card :bordered="false">
|
|
<span style="font-size : 20px; margin-left :15px">课件信息</span>
|
|
<div class="button" style="width: 100%; height: 32px; margin-bottom: 8px; margin-left: 85%;">
|
|
<a-button type="primary" @click="goback">返回</a-button>
|
|
<a-button type="primary" @click="coursewareAdd">上传课件</a-button>
|
|
</div>
|
|
<s-table ref="table" size="default" rowKey="id" :columns="columns" :data="loadData">
|
|
<template slot="action" slot-scope="text, record">
|
|
<a href="javascript:;" @click="detail(record)">预览</a>
|
|
<a-divider type="vertical" />
|
|
<a href="javascript:;" @click="courseWare(record)">重新上传</a>
|
|
<a-divider type="vertical" />
|
|
<a-popconfirm title="是否删除?" @confirm="() => del(record)">
|
|
<a href="javascript:;">删除</a>
|
|
</a-popconfirm>
|
|
<a-divider type="vertical" />
|
|
<a href="javascript:;" @click="courseQuestion(record)">抽考题</a>
|
|
</template>
|
|
</s-table>
|
|
</a-card>
|
|
</page-header-wrapper>
|
|
</template>
|
|
<script>
|
|
import { STable, SearchCom } from '@/components'
|
|
import { getCoursewareListByCourseId } from '@/api/course/course'
|
|
import { deleteCourseware } from '@/api/course/courseware'
|
|
import { coursewareAdd } from '@/api/course/courseware'
|
|
|
|
export default {
|
|
components: {
|
|
STable,
|
|
SearchCom,
|
|
},
|
|
data() {
|
|
return {
|
|
queryParam: { id: this.$route.query.id },
|
|
|
|
loadData: (parameter) => {
|
|
return getCoursewareListByCourseId(Object.assign(parameter, this.queryParam)).then((res) => {
|
|
return res
|
|
})
|
|
},
|
|
columns: [
|
|
{ title: '课件名称', width: '160px', align: 'center', dataIndex: 'name', key: 'name' },
|
|
{ title: '课件分类',width: '300px',align: 'center', dataIndex: 'coursewareClassifyId', key: 'coursewareClassifyId',},
|
|
{ title: '课时/分', width: '160px', align: 'center', dataIndex: 'hour', key: 'hour' },
|
|
{ title: '课件大小', width: '160px', align: 'center', dataIndex: 'coursewareSize', key: 'coursewareSize' },
|
|
{ title: '操作', key: 'operation', width: '200px', align: 'center', scopedSlots: { customRender: 'action' } },
|
|
],
|
|
}
|
|
},
|
|
methods: {
|
|
//新增课件
|
|
coursewareAdd(){
|
|
this.$router.push({path:"/course/courseware/coursewareAdd",query:{}})
|
|
},
|
|
|
|
//返回
|
|
goback(){
|
|
this.$router.push({path:"/course/CourseList",query:{} })
|
|
},
|
|
|
|
// 刪除課件
|
|
del(record){
|
|
deleteCourseware({id:record.id}).then(res => {
|
|
if(res.code == 200) this.$refs.table.refresh(true);
|
|
});
|
|
},
|
|
// 抽考題
|
|
courseQuestion(record){
|
|
console.log("哈哈");
|
|
this.$router.push({path :'/course/question/examQuestion',query:{id : record.id} });
|
|
}
|
|
},
|
|
}
|
|
</script> |