118 lines
3.9 KiB
Vue
118 lines
3.9 KiB
Vue
<template>
|
|
<a-card :bordered="false" title="课程列表">
|
|
<div class="table-page-search-wrapper">
|
|
<SearchCom :form="queryParam" :list="queryOptions" @search="handleRefresh" @reset="
|
|
() => {
|
|
;(queryParam = {}), handleRefresh()
|
|
}
|
|
"></SearchCom>
|
|
<div style="width: 100%; height: 32px; margin-bottom: 8px">
|
|
<a-button type="primary" @click="courseAdd">新建课程</a-button>
|
|
</div>
|
|
</div>
|
|
<s-table ref="table" size="default" rowKey="id" :columns="columns" :data="loadData" :pageNum="Number(this.$route.query.PageNum) || 1">
|
|
<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 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>
|
|
</template>
|
|
|
|
<script>
|
|
import { STable, SearchCom } from '@/components'
|
|
import { getCourseList, deleteCourse } from '@/api/course/course'
|
|
import { dictionaryDropDown } from '@/api/sys/dictionaryItem'
|
|
|
|
export default {
|
|
components: {
|
|
STable,
|
|
SearchCom,
|
|
},
|
|
data() {
|
|
return {
|
|
dictCourseTag: [],
|
|
queryParam: { courseName: this.$route.query.courseName || '' },
|
|
queryOptions: [
|
|
{ type: 'input', placeholder: '课程名称', key: 'courseName' },
|
|
{ type: 'select', placeholder: '请选择标签', key: 'tag', options: [] },
|
|
],
|
|
loadData: (parameter) => {
|
|
return getCourseList(Object.assign(parameter, this.queryParam)).then((res) => {
|
|
return res
|
|
})
|
|
},
|
|
columns: [
|
|
{ title: '课程编号', width: '160px', align: 'center', dataIndex: 'courseCode', key: 'courseCode' },
|
|
{ title: '课程名称', width: 'auto', align: 'center', dataIndex: 'courseName', key: 'courseName' },
|
|
{ title: '课时/分', width: '160px', align: 'center', dataIndex: 'hour', key: 'hour' },
|
|
{ title: '数量', width: '160px', align: 'center', dataIndex: 'questionCount', key: 'questionCount' },
|
|
{ title: '操作', key: 'operation', width: '300px', align: 'center', scopedSlots: { customRender: 'action' } },
|
|
],
|
|
}
|
|
},
|
|
created() {
|
|
this.dictionaryDropDown()
|
|
},
|
|
methods: {
|
|
// 获取数据词典
|
|
dictionaryDropDown() {
|
|
this.formLoading = false
|
|
|
|
//课程标签字典
|
|
dictionaryDropDown({ dictionaryCode: '0008' }).then((res) => {
|
|
const tagList = res.data
|
|
for (let i = 0; i < tagList.length; i++) {
|
|
tagList[i].id = tagList[i].value.toString()
|
|
}
|
|
this.queryOptions[1].options = tagList
|
|
})
|
|
},
|
|
handleRefresh() {
|
|
this.$refs.table.refresh(true)
|
|
},
|
|
detail(record) {
|
|
this.$router.push({ path: '/course/CourseDetail', query: { id: record.id } })
|
|
},
|
|
courseWare(record) {
|
|
this.$router.push({ path: '/course/CoursewareList', query: { id: record.id } })
|
|
},
|
|
del(record) {
|
|
deleteCourse({ ids: record.id }).then((res) => {
|
|
if (res.code == 200) this.$refs.table.refresh(true)
|
|
})
|
|
},
|
|
|
|
//题库
|
|
courseQuestion(record) {
|
|
this.$router.push({
|
|
path: '/course/question/QuestionList',
|
|
query: {
|
|
id: record.id,
|
|
courseName: this.queryParam.courseName,
|
|
pageNum: this.$refs.table.localPagination.current,
|
|
},
|
|
})
|
|
},
|
|
|
|
//課程新增
|
|
courseAdd() {
|
|
this.$router.push({
|
|
path: '/course/CourseAdd',
|
|
query: {
|
|
courseName: this.queryParam.courseName,
|
|
},
|
|
})
|
|
},
|
|
},
|
|
}
|
|
</script> |