lingling
/
welfare-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

题目列表页面优化，课件页面标题显示、题目新增页面标题显示、课程新增预留课时

This commit is contained in:
18571350067 2022-01-20 18:33:38 +08:00
parent bc386d6c32
commit 390cf5720f
4 changed files with 100 additions and 83 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/views/course/CourseAdd.vue
View File

@ -26,7 +26,7 @@
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<!-- 课件大小 --> <!-- 课时 -->
<a-col :span="9"> <a-col :span="9">
<a-form-item label="课时" :label-col="{ span: 4 }" :wrapper-col="{ span: 10 }"> <a-form-item label="课时" :label-col="{ span: 4 }" :wrapper-col="{ span: 10 }">
<a-input-number id="hour" v-model="dataValue" :min="1" :max="1000" @change="onChange" :style="{ display: 'ln', width: '100%' }" /> <a-input-number id="hour" v-model="dataValue" :min="1" :max="1000" @change="onChange" :style="{ display: 'ln', width: '100%' }" />
@ -165,6 +165,7 @@ export default {
}, },
save() { save() {
this.form.hour = this.dataValue;
this.form.coverPath = JSON.stringify(this.fileList) this.form.coverPath = JSON.stringify(this.fileList)
courseAdd(this.form).then((res) => { courseAdd(this.form).then((res) => {
if (res.code == 200) { if (res.code == 200) {

3
src/views/course/CoursewareAddOrUpdate.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<a-card :bordered="false" title="添加课件"> <a-card :bordered="false" :title="pageName">
<template slot="extra"> <template slot="extra">
<a-button @click="goback">返回</a-button> <a-button @click="goback">返回</a-button>
<a-button type="primary" @click="save">保存</a-button> <a-button type="primary" @click="save">保存</a-button>
@ -217,6 +217,7 @@ import { dictionaryDropDown } from '@/api/sys/dictionaryItem'
export default { export default {
data() { data() {
return { return {
pageName: this.$route.query.coursewareId ? '课件编辑' : '课件新增',
// treeData: [], // treeData: [],
ifResources : this.$route.query.ifResources, ifResources : this.$route.query.ifResources,
coursewareClassfiy: [], coursewareClassfiy: [],

3
src/views/course/question/QuestionAdd.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<a-card :bordered="false" title="新增习题"> <a-card :bordered="false" :title="pageName">
<template slot="extra"> <template slot="extra">
<a-button size="small" @click="close">返回</a-button> <a-button size="small" @click="close">返回</a-button>
<a-button size="small" type="primary" @click="queding">确定</a-button> <a-button size="small" type="primary" @click="queding">确定</a-button>
@ -167,6 +167,7 @@ export default {
components: {}, components: {},
data() { data() {
return { return {
pageName : this.$route.query.id ? "习题编辑" : "题目新增",
isactive:this.$route.query.isactive, isactive:this.$route.query.isactive,
quesitonList: [], quesitonList: [],
checkedValues: [], checkedValues: [],

170
src/views/course/question/QuestionList.vue
View File

@ -6,6 +6,9 @@
<div class="questionLeft"> <div class="questionLeft">
<h1 class="questionNumber">题序</h1> <h1 class="questionNumber">题序</h1>
<!-- 题目序号 --> <!-- 题目序号 -->
<div v-if="quesitonList.length == 0" style="height:300px">
<a-empty description="暂无题目" />
</div>
<div v-for="(item, index) in quesitonList" :key="item" class="questionLeftItem" @click="quesionId(item, index)" :class="{ active_color: index == isactive }"> <div v-for="(item, index) in quesitonList" :key="item" class="questionLeftItem" @click="quesionId(item, index)" :class="{ active_color: index == isactive }">
{{ index + 1 }} {{ index + 1 }}
</div> </div>
@ -31,6 +34,9 @@
</b> </b>
<a-divider :style="{ backgroundColor: '#000' }" /> <a-divider :style="{ backgroundColor: '#000' }" />
<div class="question"> <div class="question">
<div v-if="quesitonList.length == 0" style="height:200px">
<a-empty description="暂无题目" />
</div>
<h1 class="questionName" v-if="quesitonList != null && quesitonList.length != 0"> <h1 class="questionName" v-if="quesitonList != null && quesitonList.length != 0">
（{{ questionDetail.questionTypeName }}）{{ questionDetail.questionName }} （{{ questionDetail.questionTypeName }}）{{ questionDetail.questionName }}
<span v-if="!courseId" class="edit" @click="edit(questionDetail.id)">编辑</span> <span v-if="!courseId" class="edit" @click="edit(questionDetail.id)">编辑</span>
@ -76,93 +82,101 @@
</template> </template>
<script> <script>
import { getQuestionListByCourseId } from '@/api/course/course' import { getQuestionListByCourseId } from '@/api/course/course';
import { getQuestionDeatil, deleteQuestion, importTemplate } from '@/api/course/question/question' import { getQuestionDeatil, deleteQuestion, importTemplate } from '@/api/course/question/question';
import { ossUpload } from '@/api/sys/oss' import { ossUpload } from '@/api/sys/oss';
import axios from 'axios' import axios from 'axios';
import storage from 'store' import storage from 'store';
import { ACCESS_TOKEN } from '@/store/mutation-types' import { ACCESS_TOKEN } from '@/store/mutation-types';
export default { export default {
props:{ props: {
courseId:{ courseId: {
type: String, type: String,
} },
}, },
data() { data() {
return { return {
title:"题库管理", title: '题库管理',
quesitonList: [], quesitonList: [],
questionDetail: {}, questionDetail: {},
isactive: 1, isactive: 1,
visible: false, visible: false,
add:'add', add: 'add',
} };
}, },
created: function () { created: function () {
this.getQuestion() this.getQuestion();
}, },
methods: { methods: {
getQuestion() { getQuestion() {
// 查询所有题目id列表 // 查询所有题目id列表
getQuestionListByCourseId({ id: this.$route.query.id || this.courseId }).then((res) => { getQuestionListByCourseId({ id: this.$route.query.id || this.courseId }).then(res => {
this.quesitonList = res.data this.quesitonList = res.data;
if (!res.data) return if (!res.data) return;
let questionId = 0, index = 0; let questionId = 0,
if(this.$route.query.questionId){ index = 0;
questionId = this.$route.query.questionId if (this.$route.query.questionId) {
questionId = this.$route.query.questionId;
index = this.$route.query.isactive; index = this.$route.query.isactive;
} else if(this.$route.query.opt){ } else if (this.$route.query.opt) {
questionId = this.quesitonList[this.quesitonList.length-1]; questionId = this.quesitonList[this.quesitonList.length - 1];
index = this.quesitonList.length-1; index = this.quesitonList.length - 1;
} else{ } else {
questionId = this.quesitonList[0]; questionId = this.quesitonList[0];
index = 0; index = 0;
} }
this.quesionId(questionId, index) this.quesionId(questionId, index);
}) });
}, },
//题目ID查看题目 //题目ID查看题目
quesionId: function (i, index) { quesionId: function (i, index) {
if (this.quesitonList != null && this.quesitonList.length != 0) { if (this.quesitonList != null && this.quesitonList.length != 0) {
//ID不为空则执行下面 //ID不为空则执行下面
this.isactive = index this.isactive = index;
this.questionId = i this.questionId = i;
getQuestionDeatil({ id: i }).then((res) => { getQuestionDeatil({ id: i }).then(res => {
this.questionDetail = res.data this.questionDetail = res.data;
//获取题目的名称 //获取题目的名称
if (this.questionDetail.questionType == '1') this.questionDetail.questionTypeName = '单选题' if (this.questionDetail.questionType == '1')
if (this.questionDetail.questionType == '2') this.questionDetail.questionTypeName = '多选题' this.questionDetail.questionTypeName = '单选题';
if (this.questionDetail.questionType == '3') this.questionDetail.questionTypeName = '判断题' if (this.questionDetail.questionType == '2')
if (this.questionDetail.questionType == '4') this.questionDetail.questionTypeName = '简答题' this.questionDetail.questionTypeName = '多选题';
if (this.questionDetail.questionType == '5') this.questionDetail.questionTypeName = '填空题' if (this.questionDetail.questionType == '3')
this.questionDetail.questionTypeName = '判断题';
if (this.questionDetail.questionType == '4')
this.questionDetail.questionTypeName = '简答题';
if (this.questionDetail.questionType == '5')
this.questionDetail.questionTypeName = '填空题';
if(this.questionDetail.questionType == 3 && this.questionDetail.rightAnswers == 1) { if (this.questionDetail.questionType == 3 && this.questionDetail.rightAnswers == 1) {
this.questionDetail.rightAnswers = '正确' this.questionDetail.rightAnswers = '正确';
} else { } else if (
this.questionDetail.rightAnswers = '错误' this.questionDetail.questionType == 3 &&
this.questionDetail.rightAnswers == 0
) {
this.questionDetail.rightAnswers = '错误';
} }
});
})
} }
}, },
//关闭按钮 //关闭按钮
questionColse() { questionColse() {
this.$router.push({ this.$router.push({
path: '/course/CourseList/'+this.$route.query.type, path: '/course/CourseList/' + this.$route.query.type,
query: { query: {
courseName: this.$route.query.courseName, courseName: this.$route.query.courseName,
pageNum: this.$route.query.pageNum, pageNum: this.$route.query.pageNum,
}, },
}) });
}, },
questionSave() { questionSave() {
this.$router.push({ this.$router.push({
@ -172,9 +186,9 @@ export default {
isactive: this.isactive, isactive: this.isactive,
// id: this.questionId, // id: this.questionId,
opt: this.add, opt: this.add,
types : this.$route.query.type, types: this.$route.query.type,
}, },
}) });
}, },
edit(record) { edit(record) {
this.$router.push({ this.$router.push({
@ -184,76 +198,76 @@ export default {
isactive: this.isactive, isactive: this.isactive,
questionType: this.questionDetail.questionType, questionType: this.questionDetail.questionType,
courseId: this.$route.query.id, courseId: this.$route.query.id,
types : this.$route.query.type, types: this.$route.query.type,
}, },
}) });
}, },
//删除 //删除
del(id) { del(id) {
deleteQuestion({ id: id }).then((res) => { deleteQuestion({ id: id }).then(res => {
if (res.code == 200) { if (res.code == 200) {
this.getQuestion() this.getQuestion();
this.$message.success('删除成功！') this.$message.success('删除成功！');
} else { } else {
this.getQuestion() this.getQuestion();
this.$message.error('后台报错了~') this.$message.error('后台报错了~');
} }
}) });
}, },
//批量导入 //批量导入
questionBatch() { questionBatch() {
this.$refs.inputFile.click() this.$refs.inputFile.click();
}, },
questionBatchImport() { questionBatchImport() {
if (!this.$refs.inputFile.value || this.$refs.inputFile.value === '') return if (!this.$refs.inputFile.value || this.$refs.inputFile.value === '') return;
const data = new FormData() const data = new FormData();
data.append('file', this.$refs.inputFile.files[0]) data.append('file', this.$refs.inputFile.files[0]);
data.append('sourceId', 'questionImport') data.append('sourceId', 'questionImport');
data.append('fileType', 'excel') data.append('fileType', 'excel');
const header = {} const header = {};
header['Content-Type'] = 'multipart/form-data' header['Content-Type'] = 'multipart/form-data';
header[ACCESS_TOKEN] = storage.get(ACCESS_TOKEN) header[ACCESS_TOKEN] = storage.get(ACCESS_TOKEN);
axios axios
.post(ossUpload(), data, { headers: header }) .post(ossUpload(), data, { headers: header })
.then((res) => { .then(res => {
this.$refs.inputFile.value = '' this.$refs.inputFile.value = '';
if (res.data.code === 200) { if (res.data.code === 200) {
let params = { fileUrl: res.data.url, courseId: this.$route.query.id } let params = { fileUrl: res.data.url, courseId: this.$route.query.id };
importTemplate(params).then((res1) => { importTemplate(params).then(res1 => {
this.$message.success('题目导入成功!') this.$message.success('题目导入成功!');
this.getQuestion() this.getQuestion();
}) });
} else { } else {
this.$message.error(res.data.msg) this.$message.error(res.data.msg);
} }
}) })
.catch((err) => { .catch(err => {
this.$refs.inputFile.value = '' this.$refs.inputFile.value = '';
this.$message.error(res) this.$message.error(res);
}) });
}, },
showModal() { showModal() {
this.visible = true this.visible = true;
}, },
handleOk(e) { handleOk(e) {
this.visible = false this.visible = false;
}, },
// 下载模板 // 下载模板
questionBatchDownload() { questionBatchDownload() {
window.location.href = '/dawa/sys/oss/show?id=1' window.location.href = '/dawa/sys/oss/show?id=1';
}, },
//下载示例模板 //下载示例模板
questionBatchDownloadDemo() { questionBatchDownloadDemo() {
window.location.href = '/dawa/sys/oss/show?id=2' window.location.href = '/dawa/sys/oss/show?id=2';
}, },
}, },
} };
</script> </script>
<style scoped> <style scoped>