780 lines
21 KiB
Vue
780 lines
21 KiB
Vue
<template>
|
||
<div class="mod-config">
|
||
<el-form
|
||
:inline="true"
|
||
:model="dataForm"
|
||
@keyup.enter.native="getDataList()"
|
||
>
|
||
<el-form-item label="平台分类">
|
||
<el-cascader
|
||
clearable
|
||
:props="{
|
||
label: 'title',
|
||
value: 'id',
|
||
checkStrictly: true
|
||
}"
|
||
v-model="selectType"
|
||
:options="options"
|
||
@change="handleChange"
|
||
>
|
||
</el-cascader>
|
||
</el-form-item>
|
||
<el-form-item label="题目名称">
|
||
<el-input
|
||
v-model="query.courseName"
|
||
placeholder="题目名称"
|
||
clearable
|
||
></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="考题名称">
|
||
<el-input
|
||
v-model="query.courseName"
|
||
placeholder="考题名称"
|
||
clearable
|
||
></el-input>
|
||
</el-form-item>
|
||
|
||
<el-form-item>
|
||
<el-button
|
||
size="mini"
|
||
@click="
|
||
pageIndex = 1;
|
||
getDataList();
|
||
"
|
||
>查询</el-button
|
||
>
|
||
<el-button type="primary" size="mini" @click="addOrUpdateHandle()"
|
||
>新增考题</el-button
|
||
>
|
||
<el-button type="primary" size="mini" @click="addOrUpdateHandle()"
|
||
>导入考题</el-button
|
||
>
|
||
</el-form-item>
|
||
</el-form>
|
||
<el-table
|
||
:data="dataList"
|
||
border
|
||
v-loading="dataListLoading"
|
||
style="width: 100%;"
|
||
>
|
||
<!-- <el-table-column min-width="155px
|
||
" prop="delFlag" header-align="center" align="center" label="状态">
|
||
<template slot-scope="scope">
|
||
<el-switch :active-value=1 :inactive-value=0 style="display: block" v-model="scope.row.delFlag" disabled
|
||
@change="SwitchChange(scope.row)" active-color="#13ce66" inactive-color="#ff4949" active-text="未删"
|
||
inactive-text="已删">
|
||
</el-switch>
|
||
</template>
|
||
</el-table-column> -->
|
||
|
||
<el-table-column
|
||
prop="title"
|
||
header-align="center"
|
||
align="center"
|
||
label="题目"
|
||
>
|
||
</el-table-column>
|
||
|
||
<el-table-column
|
||
prop="sort"
|
||
header-align="center"
|
||
align="center"
|
||
label="关联课程"
|
||
width="200"
|
||
>
|
||
<template slot-scope="scope"> </template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
width="100"
|
||
header-align="center"
|
||
align="center"
|
||
label="试题类型"
|
||
><template slot-scope="scope">单选题</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
width="100"
|
||
header-align="center"
|
||
align="center"
|
||
label="答案"
|
||
><template slot-scope="scope">单选题</template>
|
||
</el-table-column>
|
||
|
||
<el-table-column
|
||
fixed="right"
|
||
header-align="center"
|
||
align="center"
|
||
width="180"
|
||
label="操作"
|
||
>
|
||
<template slot-scope="scope">
|
||
<div>
|
||
<el-button
|
||
type="text"
|
||
size="small"
|
||
@click="addOrUpdateHandle(scope.row)"
|
||
>修改</el-button
|
||
>
|
||
|
||
<el-button
|
||
type="text"
|
||
size="small"
|
||
@click="deleteHandle(scope.row.id)"
|
||
>删除</el-button
|
||
>
|
||
</div>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
<el-pagination
|
||
@size-change="sizeChangeHandle"
|
||
@current-change="currentChangeHandle"
|
||
:current-page="pageIndex"
|
||
:page-sizes="[10, 20, 50, 100]"
|
||
:page-size="pageSize"
|
||
:total="totalPage"
|
||
style="padding: 30px 0; text-align: center;"
|
||
layout="total, sizes, prev, pager, next, jumper"
|
||
>
|
||
</el-pagination>
|
||
<!-- 弹窗, 新增 / 修改 -->
|
||
<add-or-update
|
||
v-if="addOrUpdateVisible"
|
||
ref="addOrUpdate"
|
||
:relationProducts="relationProducts"
|
||
@pclose="pclose"
|
||
@showProTable="showProTable"
|
||
@refreshDataList="getDataList"
|
||
></add-or-update>
|
||
<commonShopTable
|
||
v-if="shopTableVisible"
|
||
ref="commonShopTable"
|
||
:currentId="courseId"
|
||
currentType="courseLinkPro"
|
||
@linkList="linkList"
|
||
@close="closeShopTable"
|
||
></commonShopTable>
|
||
<el-dialog
|
||
title="课程引用一览"
|
||
:visible.sync="resListVisible"
|
||
width="60%"
|
||
@close="closeLink"
|
||
>
|
||
<div>
|
||
<div v-if="resList.length > 0">
|
||
<div style="margin-bottom:20px">
|
||
当前课程共有 {{ resList.length }} 个标签引用
|
||
</div>
|
||
<div v-for="(item, index) in resList" :key="index">
|
||
{{ index + 1 }}、 {{ item.title }}
|
||
<span v-if="item.isLast != 1">
|
||
<span v-for="(item1, index1) in item.children" :key="index1">
|
||
> {{ item1.title }}
|
||
<span v-if="item1.isLast != 1">
|
||
<span v-for="(item2, index2) in item1.children" :key="index2">
|
||
> {{ item2.title }}
|
||
<span v-if="item2.isLast != 1">
|
||
<span
|
||
v-for="(item3, index3) in item2.children"
|
||
:key="index3"
|
||
>
|
||
> {{ item3.title }}</span
|
||
>
|
||
</span>
|
||
</span>
|
||
</span>
|
||
</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div v-else>这门课程还没有被标签引用哦~</div>
|
||
</div>
|
||
<span slot="footer" class="dialog-footer">
|
||
<el-button type="primary" @click="closeLink">好 的</el-button>
|
||
</span>
|
||
</el-dialog>
|
||
<!-- 教务主任设置 -->
|
||
<el-dialog
|
||
title="教务主任管理"
|
||
:visible.sync="directorShow"
|
||
width="40%"
|
||
@close="closeDirector"
|
||
>
|
||
<div class="">
|
||
<h3>当前操作的课程：{{ optCourse.title }}</h3>
|
||
<el-form ref="director" :model="director" label-width="100px">
|
||
<el-form-item label="主任设置:" prop="director">
|
||
<el-select
|
||
v-model="director.director"
|
||
filterable
|
||
remote
|
||
clearable
|
||
reserve-keyword
|
||
placeholder="请输入手机号"
|
||
:remote-method="remoteMethod"
|
||
:loading="remoteMethodLoading"
|
||
>
|
||
<el-option
|
||
v-for="item in userList"
|
||
:key="item.tel"
|
||
:label="item.tel"
|
||
:value="item.id"
|
||
>
|
||
</el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="副主任设置:" prop="ddirector">
|
||
<el-select
|
||
v-model="director.ddirector"
|
||
filterable
|
||
remote
|
||
clearable
|
||
reserve-keyword
|
||
placeholder="请输入手机号"
|
||
:remote-method="remoteMethod"
|
||
:loading="remoteMethodLoading"
|
||
>
|
||
<el-option
|
||
v-for="item in userList"
|
||
:key="item.tel"
|
||
:label="item.tel"
|
||
:value="item.id"
|
||
>
|
||
</el-option>
|
||
</el-select>
|
||
<span v-show="isSameOne" style="color:red"
|
||
>主任和副主任不可以是同一个人</span
|
||
>
|
||
</el-form-item></el-form
|
||
>
|
||
</div>
|
||
<span slot="footer" class="dialog-footer">
|
||
<el-button type="primary" @click="saveDirector">提 交</el-button>
|
||
</span>
|
||
</el-dialog>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import commonShopTable from "./questionBank/shopproductTable.vue";
|
||
import AddOrUpdate from "./questionBank/add.vue";
|
||
|
||
export default {
|
||
data() {
|
||
return {
|
||
selectType: [],
|
||
shopTableVisible: false,
|
||
director: {
|
||
director: null,
|
||
ddirector: null
|
||
},
|
||
directorShow: false,
|
||
remoteMethodLoading: false,
|
||
miniClassVisible: false,
|
||
personSeting: false,
|
||
userList: [],
|
||
options: [
|
||
{
|
||
id: "all",
|
||
title: "全部",
|
||
children: undefined
|
||
},
|
||
{
|
||
id: 1,
|
||
title: "医学",
|
||
children: []
|
||
},
|
||
{
|
||
id: 2,
|
||
title: "国学",
|
||
children: []
|
||
}
|
||
],
|
||
courseId: "0",
|
||
dataForm: {
|
||
key: ""
|
||
},
|
||
relationProducts: [],
|
||
query: {
|
||
type: "",
|
||
categoryId: "",
|
||
sociologyId: "",
|
||
courseName: ""
|
||
},
|
||
dataList: [],
|
||
delFlag: false,
|
||
pageIndex: 1,
|
||
pageSize: 10,
|
||
totalPage: 0,
|
||
dataListLoading: false,
|
||
dataListSelections: [],
|
||
addOrUpdateVisible: false,
|
||
urlList: {
|
||
medicalList: "/master/courseMedical/getCourseMedicalList", //医学
|
||
sociologyList: "/master/courseSociology/getCourseSociologyList" //国学
|
||
},
|
||
resList: [],
|
||
resListVisible: false,
|
||
optCourse: {}
|
||
};
|
||
},
|
||
components: {
|
||
AddOrUpdate,
|
||
commonShopTable
|
||
},
|
||
props:['course'],
|
||
activated() {
|
||
if (this.$route.query.upPageInde != null) {
|
||
this.pageIndex = this.$route.query.upPageIndex;
|
||
console.log(this.pageIndex);
|
||
}
|
||
this.getDataList();
|
||
this.getTreeList(this.urlList.medicalList, 1);
|
||
this.getTreeList(this.urlList.sociologyList, 2);
|
||
},
|
||
methods: {
|
||
delPro(val) {
|
||
console.log(val, this.relationProducts);
|
||
let list = this.relationProducts;
|
||
|
||
this.relationProducts = list.slice(1, 1);
|
||
},
|
||
saveDirector() {
|
||
if (
|
||
this.director.director == this.director.ddirector &&
|
||
this.director.director != null
|
||
) {
|
||
this.$message.error("主任与副主任不能是同一人");
|
||
return;
|
||
}
|
||
var director = 0;
|
||
var ddirector = 0;
|
||
if (this.director.director) {
|
||
director = this.director.director;
|
||
}
|
||
if (this.director.ddirector) {
|
||
ddirector = this.director.ddirector;
|
||
}
|
||
this.$http({
|
||
url: this.$http.adornUrl("/master/course/editCourseDirector"),
|
||
method: "post",
|
||
data: this.$http.adornData({
|
||
courseId: this.optCourse.id,
|
||
director: director, //主任，清空时传0
|
||
ddirector: ddirector //副主任，清空时传0
|
||
})
|
||
})
|
||
.then(res => {
|
||
if (res.data.code == 0) {
|
||
this.$message.success("操作成功！");
|
||
this.closeDirector();
|
||
}
|
||
})
|
||
.catch(e => {
|
||
this.$message.error("获取课程信息失败");
|
||
_info = null;
|
||
});
|
||
},
|
||
closeDirector() {
|
||
this.directorShow = false;
|
||
setTimeout(() => {
|
||
this.$nextTick(() => {
|
||
this.$refs["director"].resetFields();
|
||
this.director = {
|
||
director: null,
|
||
ddirector: null
|
||
};
|
||
this.userList = [];
|
||
this.optCourse = {};
|
||
console.log("director关闭了吗", this.director);
|
||
});
|
||
}, 200);
|
||
},
|
||
async showDirectorShow(data) {
|
||
this.optCourse = data;
|
||
var obj = await this.getDirectorInfo(data.id);
|
||
console.log("教务信息", obj);
|
||
if (obj) {
|
||
// console.log("有绑定", obj.data.director.tel);
|
||
if (obj.data.director != null) {
|
||
var list = this.userList.map(item => {
|
||
return item.id;
|
||
});
|
||
console.log("list", list);
|
||
var i = list.find(function(elem) {
|
||
return elem == obj.data.director.id;
|
||
});
|
||
if (!i) {
|
||
this.userList.push({
|
||
id: obj.data.director.id,
|
||
tel: obj.data.director.tel
|
||
});
|
||
}
|
||
this.director.director = obj.data.director.id;
|
||
} else {
|
||
// this.director.director = null;
|
||
}
|
||
if (obj.data.ddirector != null) {
|
||
console.log("jinlailema");
|
||
var list = this.userList.map(item => {
|
||
return item.id;
|
||
});
|
||
console.log("list", list);
|
||
var i = list.find(function(elem) {
|
||
return elem == obj.data.ddirector.id;
|
||
});
|
||
if (!i) {
|
||
this.userList.push({
|
||
id: obj.data.ddirector.id,
|
||
tel: obj.data.ddirector.tel
|
||
});
|
||
}
|
||
this.director.ddirector = obj.data.ddirector.id;
|
||
} else {
|
||
// this.ddirector.director = null;
|
||
}
|
||
} else {
|
||
console.log("没有绑定");
|
||
this.director = {
|
||
director: null,
|
||
ddirector: null
|
||
};
|
||
}
|
||
this.directorShow = true;
|
||
},
|
||
// 检索教务信息
|
||
getDirectorInfo(id) {
|
||
return new Promise((resolve, reject) => {
|
||
this.$http({
|
||
url: this.$http.adornUrl("/master/course/getCourseDirector"),
|
||
method: "post",
|
||
data: this.$http.adornData({
|
||
courseId: id
|
||
})
|
||
})
|
||
.then(res => {
|
||
resolve(res);
|
||
// if (res.code === 0) {
|
||
// _info = res.director;
|
||
// console.log('教务信息++++res', res.director)
|
||
// }
|
||
})
|
||
.catch(e => {
|
||
this.$message.error("获取课程信息失败");
|
||
reject(e);
|
||
});
|
||
});
|
||
},
|
||
// 搜索用户列表
|
||
remoteMethod(query) {
|
||
if (query !== "") {
|
||
this.remoteMethodLoading = true;
|
||
this.$http({
|
||
url: this.$http.adornUrl("/book/user/getUserList"),
|
||
method: "post",
|
||
data: this.$http.adornData({
|
||
page: 1,
|
||
limit: 10,
|
||
key: query
|
||
})
|
||
})
|
||
.then(({ data }) => {
|
||
if (data && data.code === 0) {
|
||
this.userList = data.user.records;
|
||
this.remoteMethodLoading = false;
|
||
}
|
||
})
|
||
.catch(e => {
|
||
this.userList = [];
|
||
this.remoteMethodLoading = false;
|
||
});
|
||
} else {
|
||
this.userList = [];
|
||
}
|
||
},
|
||
pclose() {
|
||
// this.relationProducts = [];
|
||
this.courseId = null;
|
||
this.addOrUpdateVisible = false;
|
||
console.log("关闭了 ");
|
||
},
|
||
closeShopTable() {
|
||
|
||
this.shopTableVisible = false;
|
||
console.log("关闭了 ");
|
||
},
|
||
linkList(data) {
|
||
console.log("父级", data);
|
||
if (data && data.length > 0) {
|
||
this.relationProducts = data;
|
||
console.log('this.relationProducts at line 506:', this.relationProducts)
|
||
}
|
||
},
|
||
showProTable(data) {
|
||
console.log("data", data);
|
||
this.$nextTick(() => {
|
||
this.shopTableVisible=true;
|
||
// this.$refs.commonShopTable.open();
|
||
});
|
||
},
|
||
closeLink() {
|
||
this.resListVisible = false;
|
||
this.resList = [];
|
||
},
|
||
showLinkTags(row) {
|
||
this.$http({
|
||
url: this.$http.adornUrl("/master/course/getCourseLableLinkList"),
|
||
method: "post",
|
||
data: this.$http.adornData({
|
||
courseId: row.id
|
||
})
|
||
}).then(res => {
|
||
this.resListVisible = true;
|
||
if (res.data.code == 0 && res.data.resList.length > 0) {
|
||
this.resList = res.data.resList;
|
||
}
|
||
// console.log(row, "row" , res.data.resList,this.resList);
|
||
});
|
||
},
|
||
handleChange(value) {
|
||
console.log(value, "989999999");
|
||
},
|
||
async getTreeList(treeList, type) {
|
||
this.dataListLoading = true;
|
||
await this.$http({
|
||
url: this.$http.adornUrl(treeList),
|
||
method: "get"
|
||
}).then(({ data }) => {
|
||
console.log("🚀 ~ getDataList ~ data:", data);
|
||
if (data && data.code === 0) {
|
||
if (type == 1) {
|
||
this.options[type].children = data.Medicals;
|
||
} else if (type == 2) {
|
||
this.options[type].children = data.sociologys;
|
||
}
|
||
|
||
// this.totalPage = data.page.totalCount
|
||
} else {
|
||
this.options[type].children = [];
|
||
// this.totalPage = 0
|
||
}
|
||
this.dataListLoading = false;
|
||
});
|
||
|
||
console.log("this.options at line 333:", this.options);
|
||
},
|
||
// 获取数据列表
|
||
getDataList() {
|
||
this.relationProducts = [];
|
||
var data = {
|
||
page: this.pageIndex,
|
||
limit: this.pageSize,
|
||
courseName: this.query.courseName //关键字
|
||
};
|
||
|
||
if (this.selectType.length == 0) {
|
||
data.type = 0;
|
||
data.medicalId = "";
|
||
data.sociologyId = "";
|
||
} else if (this.selectType.length >= 1) {
|
||
data.type = this.selectType[0] == "all" ? 0 : this.selectType[0];
|
||
if (this.selectType.length == 1) {
|
||
data.medicalId = "";
|
||
data.sociologyId = "";
|
||
}
|
||
if (this.selectType.length > 1) {
|
||
if (this.selectType[0] == 1) {
|
||
data.medicalId = this.selectType[this.selectType.length - 1];
|
||
data.sociologyId = "";
|
||
}
|
||
if (this.selectType[0] == 2) {
|
||
data.medicalId = "";
|
||
data.sociologyId = this.selectType[this.selectType.length - 1];
|
||
}
|
||
}
|
||
}
|
||
|
||
this.dataListLoading = true;
|
||
this.$http({
|
||
url: this.$http.adornUrl("/master/course/getCourseList"),
|
||
method: "post",
|
||
data: this.$http.adornData(data)
|
||
}).then(({ data }) => {
|
||
if (data && data.code === 0) {
|
||
this.dataList = data.page.records;
|
||
this.totalPage = data.page.total;
|
||
} else {
|
||
this.dataList = [];
|
||
this.totalPage = 0;
|
||
}
|
||
this.dataListLoading = false;
|
||
});
|
||
},
|
||
// 每页数
|
||
sizeChangeHandle(val) {
|
||
this.pageSize = val;
|
||
this.pageIndex = 1;
|
||
this.getDataList();
|
||
},
|
||
// 当前页
|
||
currentChangeHandle(val) {
|
||
this.pageIndex = val;
|
||
this.getDataList();
|
||
},
|
||
// 多选
|
||
selectionChangeHandle(val) {
|
||
this.dataListSelections = val;
|
||
},
|
||
// 新增 / 修改
|
||
addOrUpdateHandle(row) {
|
||
this.addOrUpdateVisible = true;
|
||
row ? (this.courseId = row.id) : "";
|
||
// this.courseId = row.id
|
||
this.$nextTick(() => {
|
||
this.$refs.addOrUpdate.init(row);
|
||
});
|
||
},
|
||
// 删除
|
||
deleteHandle(id) {
|
||
var ids = id
|
||
? [id]
|
||
: this.dataListSelections.map(item => {
|
||
return item.id;
|
||
});
|
||
this.$confirm(
|
||
`确定对[id=${ids.join(",")}]进行[${id ? "删除" : "批量删除"}]操作?`,
|
||
"提示",
|
||
{
|
||
confirmButtonText: "确定",
|
||
cancelButtonText: "取消",
|
||
type: "warning"
|
||
}
|
||
).then(() => {
|
||
this.$http({
|
||
url: this.$http.adornUrl("/master/course/delCourse?id=" + ids),
|
||
method: "post"
|
||
// data: this.$http.adornData(ids, false)
|
||
}).then(({ data }) => {
|
||
if (data && data.code === 0) {
|
||
this.$message({
|
||
message: "操作成功",
|
||
type: "success",
|
||
duration: 1500,
|
||
onClose: () => {
|
||
this.getDataList();
|
||
}
|
||
});
|
||
} else {
|
||
this.$message.error(data.msg);
|
||
}
|
||
});
|
||
});
|
||
},
|
||
// 开关变化
|
||
SwitchChange(event) {
|
||
/*点击时他会自动把你绑定的值变更，直接去请求数据就可以了*/
|
||
var parms = {
|
||
delFlag: event.delFlag,
|
||
id: event.id
|
||
};
|
||
this.$http({
|
||
url: this.$http.adornUrl("/book/book/update"),
|
||
method: "post",
|
||
data: parms
|
||
})
|
||
.then(res => {
|
||
this.$message({
|
||
message: "成功",
|
||
type: "success"
|
||
});
|
||
this.loading = false;
|
||
this.getDataList();
|
||
})
|
||
.catch(error => {
|
||
this.loading = false;
|
||
console.log(error);
|
||
});
|
||
console.log(event);
|
||
},
|
||
chapterHandle(id, row) {
|
||
if (row.novel == "") {
|
||
this.$alert("请上传电子书文件后在进行此操作", "提示", {
|
||
confirmButtonText: "好的"
|
||
});
|
||
return false;
|
||
}
|
||
this.$http({
|
||
url: this.$http.adornUrl("/book/book/getChapter"),
|
||
method: "get",
|
||
params: this.$http.adornParams({
|
||
id: id
|
||
})
|
||
}).then(res => {
|
||
this.$message({
|
||
message: "成功",
|
||
type: "success"
|
||
});
|
||
this.loading = false;
|
||
this.getDataList();
|
||
});
|
||
},
|
||
contentHandle(id) {
|
||
this.$http({
|
||
url: this.$http.adornUrl("/book/bookchaptercontent/getBookVoices"),
|
||
method: "get",
|
||
params: this.$http.adornParams({
|
||
id: id
|
||
})
|
||
}).then(res => {
|
||
this.$message({
|
||
message: "成功",
|
||
type: "success"
|
||
});
|
||
this.loading = false;
|
||
this.getDataList();
|
||
});
|
||
},
|
||
voicesHandle(id) {
|
||
//allVoices
|
||
this.$http({
|
||
// url: this.$http.adornUrl('/book/bookchaptercontent/allVoices'),
|
||
url: this.$http.adornUrl("/book/bookchaptercontent/AllVOices"),
|
||
method: "get",
|
||
params: this.$http.adornParams({
|
||
id: id
|
||
})
|
||
}).then(res => {
|
||
console.log("book/bookchaptercontent/AllVOices");
|
||
this.$message({
|
||
message: "成功",
|
||
type: "success"
|
||
});
|
||
this.loading = false;
|
||
this.getDataList();
|
||
});
|
||
}
|
||
},
|
||
computed: {
|
||
isSameOne() {
|
||
if (
|
||
this.director.ddirector == this.director.director &&
|
||
this.director.ddirector != null
|
||
) {
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
<style lang="less" scoped>
|
||
.el-select-dropdown__item.selected {
|
||
/deep/ .el-select-dropdown__item.selected {
|
||
color: #149f97;
|
||
}
|
||
}
|
||
.flexbox {
|
||
display: flex;
|
||
}
|
||
</style>
|