mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-11 11:56:44 +08:00
685 lines
24 KiB
Vue
685 lines
24 KiB
Vue
<template>
|
||
<div class="u-page">
|
||
<div style="padding: 2px 0px 10px 0px;">
|
||
<el-row :gutter="20">
|
||
<!-- <el-col :span="6">
|
||
<el-cascader placeholder="资源归属" clearable v-model="resOwner" :props="defaultProps" :options="resOwnerListMap"></el-cascader>
|
||
</el-col> -->
|
||
<el-col :span="6" >
|
||
<el-cascader placeholder="内容分类" clearable v-model="sysTypeList" :props="defaultTypeProps" :options="sysTypeListMap"></el-cascader>
|
||
</el-col>
|
||
<el-col :span="4">
|
||
<el-input placeholder="创建人" v-model="params.createUser" clearable></el-input>
|
||
</el-col>
|
||
<el-col :span="4">
|
||
<el-input placeholder="名称" v-model="params.keyword" clearable></el-input>
|
||
</el-col>
|
||
<!--
|
||
<el-col :span="4">
|
||
<el-select v-model="params.publish" placeholder="是否发布" clearable>
|
||
<el-option label="全部" :value="null"></el-option>
|
||
<el-option label="已发布" :value="true"></el-option>
|
||
<el-option label="未发布" :value="false"></el-option>
|
||
</el-select>
|
||
</el-col>
|
||
-->
|
||
<el-col :span="8">
|
||
<el-button type="primary" @click="getsearch()" icon="el-icon-search">搜索</el-button>
|
||
<el-button icon="el-icon-refresh-right" type="primary" @click="reset">重置</el-button>
|
||
</el-col>
|
||
</el-row>
|
||
|
||
</div>
|
||
<!-- <div style="padding-left">
|
||
|
||
</div> -->
|
||
<el-table :data="pageData" border stripe>
|
||
<el-table-column label="序号" type="index" width="50"></el-table-column>
|
||
<el-table-column label="名称" prop="name" show-overflow-tooltip width="200px">
|
||
<template slot-scope="scope">
|
||
<span class="previewStyle" @click="viewTopic(scope.row)">{{ scope.row.name }}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="内容分类" prop="sysType" sortable width="240px">
|
||
<template slot-scope="scope">
|
||
<span v-if="scope.row.sysType1 != ''">{{sysTypeName(scope.row.sysType1)}}</span>
|
||
<span v-if="scope.row.sysType2 != ''">/{{sysTypeName(scope.row.sysType2)}}</span>
|
||
<span v-if="scope.row.sysType3 != ''">/{{sysTypeName(scope.row.sysType3)}}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<!-- <el-table-column label="资源归属" sortable prop="author" width="240px">
|
||
<template slot-scope="scope">
|
||
<span>{{resOwnerName(scope.row.resOwner1)}}</span>
|
||
<span v-if="scope.row.resOwner2 != ''">/{{resOwnerName(scope.row.resOwner2)}}</span>
|
||
<span v-if="scope.row.resOwner3 != ''">/{{resOwnerName(scope.row.resOwner3)}}</span>
|
||
</template>
|
||
</el-table-column> -->
|
||
<!-- <el-table-column label="授课方式" prop="type" width="120px">
|
||
<template slot-scope="scope">
|
||
{{ courseType(scope.row.type)}}
|
||
</template>
|
||
</el-table-column> -->
|
||
<el-table-column label="状态" prop="status" width="120px">
|
||
<template slot-scope="scope">
|
||
<!-- 1，未提交 2.已提交 = 未审核 5 已审核 3.不通过-->
|
||
<span v-if="scope.row.status == 1">未提交</span>
|
||
<span v-if="scope.row.status == 2">待审核</span>
|
||
<span v-if="scope.row.status == 5">已审核</span>
|
||
<span v-if="scope.row.status == 3">审核未通过</span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="转审" width="130px">
|
||
<template slot-scope="scope">
|
||
<el-tag v-if="scope.row.auditForward == 2">已转审</el-tag>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="创建人" prop="sysCreateBy"></el-table-column>
|
||
<el-table-column label="创建时间" prop="sysCreateTime" width="200px" show-overflow-tooltip></el-table-column>
|
||
<el-table-column label="操作" width="180px" fixed="right">
|
||
<template slot-scope="scope">
|
||
<el-button @click="toExamine(scope.row)" type="text">审核</el-button>
|
||
<el-button v-if="scope.row.auditForward == 1" @click="toReferral(scope.row)" type="text">邀请审核</el-button>
|
||
<el-button @click="toPreview(scope.row)" type="text">预览</el-button>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
<div v-if="pageData.length > 0" style="text-align: center;margin-top: 50px;">
|
||
<el-pagination
|
||
background
|
||
@size-change="handleSizeChange"
|
||
@current-change="handleCurrentChange"
|
||
:current-page="page.pageIndex"
|
||
:page-sizes="[10, 20, 30, 40]"
|
||
:page-size="page.pageSize"
|
||
layout="total, sizes, prev, pager, next, jumper"
|
||
:total="page.count"
|
||
></el-pagination>
|
||
</div>
|
||
<div style="height: 100px;"></div>
|
||
<!--邀请审核-->
|
||
<!-- <el-dialog custom-class="g-dialog" title="邀请教师审核课程" :visible.sync="inviteTeacher.dlgShow">
|
||
<div style="display: flex;justify-content:flex-start;padding-bottom: 10px;">
|
||
<div style="padding: 0px 5px;"><el-input placeholder="姓名" v-model="inviteTeacher.params.name"></el-input></div>
|
||
<div style="padding: 0px 5px;"><el-button @click="findTeachers()" icon="el-icon-search" type="primary" size="small">搜索</el-button></div>
|
||
</div>
|
||
<div>
|
||
<el-table max-height="500" border :data="inviteTeacher.list" style="width: 100%">
|
||
<el-table-column prop="name" label="姓名" width="180"></el-table-column>
|
||
<el-table-column prop="sex" label="性别"></el-table-column>
|
||
<el-table-column prop="code" label="工号"></el-table-column>
|
||
<el-table-column prop="orgInfo" label="组织"></el-table-column>
|
||
<el-table-column prop="orgInfo" label="选择">
|
||
<template slot-scope="scope">
|
||
<el-radio v-model="scope.row.checked">选择</el-radio>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
<template #footer>
|
||
<el-button @click="inviteTeacher.dlgShow = false">取 消</el-button>
|
||
<el-button type="primary" @click="enSure">确认</el-button>
|
||
</template>
|
||
</el-dialog> -->
|
||
<!-- 审核 -->
|
||
<el-dialog title="审核" :visible.sync="dialogVisible" width="900px" custom-class="g-dialog" @close="examin={}">
|
||
<div v-show="expandDetails">
|
||
<div v-if="examin.detailType == 10"><auditCourse1 :showTest="true" :isDetails="false" :id="examin.examineId"></auditCourse1></div>
|
||
<div v-if="examin.detailType == 20"><auditCourse2 :showTest="true" :isDetails="false" :id="examin.examineId"></auditCourse2></div>
|
||
</div>
|
||
<div style="border-top: 1px solid #eee; background-color: #eee; padding: 5px;">
|
||
<div style="text-align: center;margin-bottom: 10px;">
|
||
<el-button @click="expandDetails = !expandDetails">{{expandDetails? '详情折叠':'详情展开'}}</el-button>
|
||
<!-- <el-button @click="isExamine = 1">直接审核</el-button> -->
|
||
<!-- <el-button @click="isExamine = 2">邀请审核</el-button> -->
|
||
</div>
|
||
|
||
<el-form label-width="80px" v-if="isExamine === 1">
|
||
<el-form-item label="审核">
|
||
<el-radio-group v-model="auditInfo.pass">
|
||
<el-radio :label="true">通过</el-radio>
|
||
<el-radio :label="false">不通过</el-radio>
|
||
</el-radio-group>
|
||
<span v-if="auditInfo.pass" style="margin-left: 50px; color: #1381e8; ">审核通过提交后同时会发布课程</span>
|
||
</el-form-item>
|
||
<el-form-item label="审核意见"><el-input v-model="auditInfo.remark" type="textarea" rows="3"></el-input></el-form-item>
|
||
</el-form>
|
||
<!-- <div v-if="isExamine === 2">
|
||
<div style="display: flex;justify-content:flex-start;padding-bottom: 10px;">
|
||
<div style="padding: 0px 5px;"><el-input placeholder="姓名" v-model="inviteTeacher.params.name"></el-input></div>
|
||
<div style="padding: 0px 5px;"><el-button @click="findTeachers()" icon="el-icon-search" type="primary" >搜索</el-button></div>
|
||
</div>
|
||
<div>
|
||
<el-table v-if="inviteTeacher.list.length !== 0" max-height="500" border :data="inviteTeacher.list" style="width: 100%;margin-bottom: 10px;">
|
||
<el-table-column prop="name" label="姓名" width="180"></el-table-column>
|
||
<el-table-column prop="code" label="工号"></el-table-column>
|
||
<el-table-column prop="orgInfo" label="组织"></el-table-column>
|
||
<el-table-column prop="orgInfo" label="选择">
|
||
<template slot-scope="scope">
|
||
<el-radio v-model="scope.row.checked">选择</el-radio>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
<div>审核记录：</div>
|
||
<el-table max-height="500" border :data="inviteTeacher.list" style="width: 100%;">
|
||
<el-table-column prop="name" label="姓名" width="180"></el-table-column>
|
||
<el-table-column prop="code" label="工号"></el-table-column>
|
||
<el-table-column prop="orgInfo" label="组织"></el-table-column>
|
||
<el-table-column prop="type" label="审核状态"></el-table-column>
|
||
<el-table-column prop="text" label="备注"></el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</div> -->
|
||
</div>
|
||
<span slot="footer" class="dialog-footer">
|
||
<el-button @click="dialogVisible = false;examin={}">取 消</el-button>
|
||
<el-button :loading="btnLoading" type="primary" @click="examineData(true)">提交</el-button>
|
||
<!-- <el-button type="primary" @click="examineData(true)">提交并发布</el-button> -->
|
||
</span>
|
||
</el-dialog>
|
||
<el-dialog title="课程详情" :visible.sync="showDetails" @close="examin = {};" width="900px" custom-class="g-dialog">
|
||
<div v-if="examin.detailType == 10"><auditCourse1 :showTest="true" :isDetails="false" :isShow="false" :id="examin.examineId"></auditCourse1></div>
|
||
<div v-if="examin.detailType == 20"><auditCourse2 :showTest="true" :isDetails="false" :isShow="false" :id="examin.examineId"></auditCourse2></div>
|
||
<span slot="footer" class="dialog-footer">
|
||
<el-button @click="showDetails = false;examin = {};">取 消</el-button>
|
||
</span>
|
||
</el-dialog>
|
||
<!--邀请审核-->
|
||
<el-dialog title="请选择教师" :visible.sync="teacherInfo.show" :close-on-click-modal="false" :append-to-body="true" width="500px" custom-class="g-dialog">
|
||
<div style="height: 200px;padding-right: 30px;">
|
||
<el-form label-width="100px" @submit.native.prevent >
|
||
<el-form-item label="姓名或工号">
|
||
<el-input v-model="teacherInfo.name" maxlength="10" placeholder="请输入教师姓名或工号" @keyup.enter.native="keyupEnter">
|
||
<el-button @click="findUser" slot="append" icon="el-icon-search">搜索</el-button>
|
||
</el-input>
|
||
</el-form-item>
|
||
</el-form>
|
||
<div style="padding: 0px 20px 0 100px;margin-bottom: 20px;">
|
||
<el-radio-group v-model="selectedTeacher" v-if="teacherInfo.list.length > 0">
|
||
<el-radio v-for="(u,uidx) in teacherInfo.list" :key="uidx" :label="u.aid">{{u.name+'('+u.code+')'}}</el-radio>
|
||
</el-radio-group>
|
||
<span v-else>请先搜索教师,再选择</span>
|
||
</div>
|
||
<div style="padding-left: 20px;display:flex;">
|
||
<div style="width:84px;font-size: 14px;color: #606266;font-weight: 700;text-align: right;margin-right: 12px;margin-top: 10px;">邀请说明</div>
|
||
<el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="referralData.remark" maxlength="200" show-word-limit></el-input>
|
||
</div>
|
||
</div>
|
||
<span slot="footer" class="dialog-footer">
|
||
<el-button @click="teacherInfo.show= false">取 消</el-button>
|
||
<el-button @click="submitReferral()" type="primary" >转审</el-button>
|
||
</span>
|
||
</el-dialog>
|
||
</div>
|
||
</template>
|
||
<script>
|
||
import courseForm from '@/components/Course/courseForm.vue';
|
||
import manager from '@/components/Study/manager.vue';
|
||
import QRCode from 'qrcodejs2';
|
||
import auditCourse1 from '@/components/Course/auditCourse1.vue';
|
||
import auditCourse2 from '@/components/Course/auditCourse2.vue';
|
||
import adminPage from '@/components/Administration/adminPage.vue';
|
||
import {courseType} from '../../utils/tools.js';
|
||
import apiCourse from '../../api/modules/course.js';
|
||
import apiCourseAudit from '../../api/modules/courseAudit.js';
|
||
import apiUser from '@/api/system/user.js'
|
||
import { mapGetters,mapActions} from 'vuex';
|
||
export default {
|
||
name: 'manageCourse',
|
||
components: {courseForm, manager, auditCourse1, auditCourse2,adminPage },
|
||
computed: {
|
||
...mapGetters(['resOwnerMap','sysTypeMap']),
|
||
},
|
||
data() {
|
||
return {
|
||
btnLoading:false,
|
||
selectedTeacher:'',
|
||
teacherInfo:{
|
||
show:false,
|
||
list:[],
|
||
load:false,
|
||
name:'',
|
||
},
|
||
referralData:{
|
||
teacherId:'',
|
||
teacherName:'',
|
||
remark:'',
|
||
courseId:'',
|
||
},
|
||
sysTypeList: [],
|
||
sysTypeListMap:[],
|
||
resOwnerListMap:[],
|
||
showDetails:false,
|
||
examin:{
|
||
detailType: '',
|
||
examineId: '',
|
||
auditId:'',
|
||
examineName: '',
|
||
},
|
||
paperJson:{items:[]},
|
||
courseType: courseType,
|
||
page: {
|
||
pageIndex: 1,//第几页
|
||
pageSize: 10, // 每页多少条
|
||
count: 0
|
||
},
|
||
resOwner: [],
|
||
defaultProps:{
|
||
value: 'code',
|
||
label: 'name',
|
||
},
|
||
defaultTypeProps:{
|
||
value: 'id',
|
||
label: 'name',
|
||
},
|
||
manageStudyData: {},
|
||
expandDetails: false,
|
||
qrcode: '',
|
||
isExamine: 1,
|
||
auditInfo: {
|
||
pass: true,
|
||
remark: ''
|
||
},
|
||
detailType: 1,
|
||
dialogVisible: false,
|
||
qrcodeShow: false,
|
||
currentPage4: 4,
|
||
inviteTeacher: {
|
||
//邀请
|
||
dlgShow: false,
|
||
params: { name: '' },
|
||
list: []
|
||
},
|
||
manageStudy: {
|
||
dlgShow: false
|
||
},
|
||
params: {},
|
||
pageData:[],
|
||
courseChooseShow: false,
|
||
courseChooseId: '',
|
||
weike: {
|
||
onlyRequired: false,
|
||
dlgShow: false,
|
||
fileType: '',
|
||
info: {
|
||
shebei: ''
|
||
}
|
||
},
|
||
biaoke: {
|
||
dlgShow: false
|
||
},
|
||
recommend: {
|
||
dlgShow: false,
|
||
},
|
||
catalogs: {
|
||
addNewZhang: false,
|
||
addNewCell: false,
|
||
}
|
||
};
|
||
},
|
||
mounted() {
|
||
this.searchData();
|
||
this.getResOwnerTree().then(rs=>{
|
||
this.resOwnerListMap=rs;
|
||
});
|
||
this.getSysTypeTree().then(rs=>{
|
||
this.sysTypeListMap=rs;
|
||
})
|
||
this.loadResOwners();
|
||
this.loadSysTypes();
|
||
},
|
||
methods: {
|
||
submitReferral(){ // 转审
|
||
if(this.selectedTeacher == '') {
|
||
this.$message.warning('请选择教师！')
|
||
return
|
||
}
|
||
let teacherData = this.teacherInfo.list.find(item => item.aid == this.selectedTeacher);
|
||
this.referralData.teacherId = teacherData.aid;
|
||
this.referralData.teacherName=teacherData.name;
|
||
apiCourse.auditAppoint(this.referralData).then(res=>{
|
||
if(res.status == 200) {
|
||
this.$message.success('转审成功！');
|
||
this.searchData();
|
||
this.teacherInfo.show= false;
|
||
} else {
|
||
this.$message.error(res.message);
|
||
}
|
||
})
|
||
},
|
||
toReferral(row){
|
||
this.teacherInfo.list = [];
|
||
this.referralData={
|
||
teacherId:'',
|
||
courseId:row.id,
|
||
auditId:row.auditId,
|
||
teacherName:'',
|
||
remark:'',
|
||
};
|
||
this.selectedTeacher = '';
|
||
this.teacherInfo.name = '';
|
||
this.teacherInfo.show = true;
|
||
},
|
||
keyupEnter(){ // 转审选择教师
|
||
this.findUser();
|
||
return false;
|
||
},
|
||
findUser(){
|
||
this.teacherInfo.load=false;
|
||
this.teacherInfo.list=[];
|
||
this.selectedTeacher=[];
|
||
var name=this.teacherInfo.name;
|
||
var regPos = /^\d+(\.\d+)?$/; //非负浮点数
|
||
if(regPos.test(name)){
|
||
//console.log("数字");
|
||
apiUser.getByLoginName(name).then(rs=>{
|
||
if(rs.status==200){
|
||
//因为根据工号查询，只会是一个人，所有会有null情况，而json会返回空字符串
|
||
if(rs.result!=''){
|
||
this.teacherInfo.list.push(rs.result);
|
||
}else{
|
||
this.$message.error("查无此用户")
|
||
}
|
||
this.teacherInfo.load=true;
|
||
}else{
|
||
this.$message.error(rs.message);
|
||
}
|
||
})
|
||
}else{
|
||
// console.log("非数字");
|
||
apiUser.findByName(name).then(rs=>{
|
||
if(rs.status==200){
|
||
if(rs.result.length==0){
|
||
return this.$message.error(rs.message);
|
||
}
|
||
this.teacherInfo.list=rs.result;
|
||
this.teacherInfo.load=true;
|
||
}else{
|
||
this.$message.error(rs.message);
|
||
}
|
||
})
|
||
}
|
||
},
|
||
getsearch(){
|
||
this.params.pageIndex= 1;
|
||
this.searchData();
|
||
},
|
||
reset(){
|
||
this.resOwner = ''
|
||
this.params.sysType = ''
|
||
this.params.createUser = ''
|
||
this.params.keyword = ''
|
||
this.params.type = ''
|
||
this.params.publish = ''
|
||
this.sysTypeList = [];
|
||
this.params.sysType1 = '';
|
||
this.params.sysType2 = '';
|
||
this.params.sysType3 = '';
|
||
this.params.pageIndex= 1;
|
||
this.searchData();
|
||
},
|
||
...mapActions({
|
||
getResOwnerTree:'resOwner/getResOwnerTree',
|
||
loadResOwners:'resOwner/loadResOwners',
|
||
getSysTypeTree:'sysType/getSysTypeTree',
|
||
loadSysTypes:'sysType/loadSysTypes'
|
||
}),
|
||
resOwnerName(code){
|
||
if(code==''){return '';}
|
||
return this.resOwnerMap.get(code);
|
||
},
|
||
sysTypeName(code){
|
||
if(code==''){return '';}
|
||
return this.sysTypeMap.get(code);
|
||
},
|
||
//预览跳转页面
|
||
toPreview(row) {
|
||
// if(row.type == 10) {
|
||
// window.open(`${this.webBaseUrl}/course/microPreview?id=${row.id}`);
|
||
// } else{
|
||
window.open(`${this.webBaseUrl}/course/rePreview?id=${row.id}`);
|
||
// }
|
||
|
||
},
|
||
//直接审核
|
||
examineData(flag) {
|
||
console.log('提交')
|
||
let params = {
|
||
auditId:this.examin.auditId,//审核记录的id
|
||
from:1,
|
||
courseId:this.examin.examineId,//课程id,
|
||
title:this.examin.examineName,//课程的名称,
|
||
pass: this.auditInfo.pass,//Boolean 是否通过,
|
||
remark: this.auditInfo.remark// 备注
|
||
}
|
||
this.btnLoading=true;
|
||
apiCourseAudit.hrbpAuditSubmit(params).then(res=>{
|
||
if(res.status === 200) {
|
||
this.$message.success('操作成功！');
|
||
this.dialogVisible = false;
|
||
this.searchData();
|
||
this.$store.dispatch('refrashReviewed');
|
||
}else{
|
||
this.$message.error(res.message);
|
||
}
|
||
this.btnLoading=false;
|
||
})
|
||
|
||
},
|
||
// 课程查询
|
||
async searchData() {
|
||
this.params.resOwner1 = this.resOwner[0];
|
||
this.params.resOwner2 = this.resOwner[1];
|
||
this.params.resOwner3 = this.resOwner[2];
|
||
this.params.auditStatus = 1;
|
||
this.params.pageIndex = this.page.pageIndex;
|
||
this.params.pageSize = this.page.pageSize;
|
||
this.params.sysType1 = this.sysTypeList[0];
|
||
this.params.sysType2 = this.sysTypeList[1];
|
||
this.params.sysType3 = this.sysTypeList[2];
|
||
try {
|
||
const {result, status,message} = await apiCourse.auditList(this.params);
|
||
if(status === 200) {
|
||
this.pageData = result.list;
|
||
this.page.count = result.count;
|
||
} else {
|
||
this.$message.error(message)
|
||
}
|
||
} catch (error) {
|
||
console.log(error);
|
||
}
|
||
},
|
||
viewTopic(row) {
|
||
this.examin.detailType = row.type;
|
||
this.examin.examineId = row.id;
|
||
this.examin.examineName = row.name;
|
||
this.showDetails = true;
|
||
},
|
||
editCurriculum(row) {
|
||
this.editData = row;
|
||
},
|
||
jumpDetails() {
|
||
// 跳转打开新页面
|
||
let routeData = this.$router.resolve({ path: '/course/detail'});
|
||
window.open(this.webBaseUrl+routeData.href, '_blank');
|
||
},
|
||
toExamine(row) {
|
||
this.examin.detailType = row.type;
|
||
this.examin.auditId=row.auditId;
|
||
this.examin.examineId = row.id;
|
||
this.examin.examineName = row.name;
|
||
this.auditInfo.pass=true;//审核状态重置回true
|
||
this.auditInfo.remark = '';
|
||
this.auditInfo.pass=true;//审核状态重置回true
|
||
this.dialogVisible = true;
|
||
},
|
||
enSure() {
|
||
// 确认事件
|
||
},
|
||
handleSizeChange(val) {
|
||
this.page.pageSize = val;
|
||
this.page.pageIndex = 1;
|
||
this.searchData();
|
||
},
|
||
handleCurrentChange(val) {
|
||
this.page.pageIndex = val;
|
||
this.searchData();
|
||
},
|
||
// chooseInvite(row) {
|
||
// //邀请老师审核
|
||
// this.inviteTeacher.dlgShow = true;
|
||
// },
|
||
// findTeachers() {
|
||
// this.inviteTeacher.list = [
|
||
// { id: '1', name: '李玉冰', type:'通过',text: '实用',sex: '男', code: '1023123', orgInfo: '教育技术中心', checked: false },
|
||
// { id: '2', name: '李玉冰', type:'未通过',text: '内容在调整',sex: '男', code: '1023123', orgInfo: '教育技术中心', checked: false },
|
||
// { id: '3', name: '李玉冰', type:'驳回',text: '内容重复',sex: '男', code: '1023123', orgInfo: '教育技术中心', checked: false }
|
||
// ];
|
||
// },
|
||
// 关闭弹框,清除已经生成的二维码
|
||
closeCode() {
|
||
this.$refs.qrcode.innerHTML = '';
|
||
},
|
||
showManageStudy(row) {
|
||
this.manageStudyData = row;
|
||
this.manageStudy.dlgShow = true;
|
||
},
|
||
releaseData(row) {
|
||
this.$confirm('正在发布考试, 是否继续?', '提示', {
|
||
confirmButtonText: '确定',
|
||
cancelButtonText: '取消',
|
||
type: 'warning'
|
||
})
|
||
.then(() => {
|
||
this.pageData.list.forEach((item, index) => {
|
||
if (item.id === row.id) {
|
||
item.collectNumber = 1;
|
||
}
|
||
});
|
||
this.$message({
|
||
type: 'success',
|
||
message: '发布成功!'
|
||
});
|
||
})
|
||
.catch(() => {
|
||
this.$message({
|
||
type: 'info',
|
||
message: '已取消删除'
|
||
});
|
||
});
|
||
},
|
||
showChooseCourse() {
|
||
this.courseChooseShow = true;
|
||
},
|
||
chooseCourseType(item, idx) {
|
||
this.courseChooseId = item.id;
|
||
},
|
||
toInputCourse() {
|
||
if (this.courseChooseId == '1') {
|
||
this.showWeike();
|
||
} else if (this.courseChooseId == '2') {
|
||
this.showBiaoke();
|
||
}
|
||
this.courseChooseShow = false;
|
||
},
|
||
newHandleClick() {},
|
||
showRecords(item) {
|
||
this.recommend.dlgShow = true;
|
||
},
|
||
showWeike() {
|
||
this.weike.dlgShow = true;
|
||
},
|
||
showBiaoke() {
|
||
this.biaoke.dlgShow = true;
|
||
},
|
||
setTop(item, idx) {
|
||
let msg = '已设置置顶';
|
||
if (item.isTop) {
|
||
item.isTop = false;
|
||
msg = '已取消置顶';
|
||
} else {
|
||
item.isTop = true;
|
||
}
|
||
this.$message({ message: msg, type: 'success', offset: 50 });
|
||
},
|
||
delItem(item, idx) {
|
||
this.$confirm('您确定要删除所选课程吗？', '删除提示', {
|
||
confirmButtonText: '确定',
|
||
cancelButtonText: '取消',
|
||
type: 'warning'
|
||
})
|
||
.then(() => {
|
||
this.items.splice(idx, 1);
|
||
this.$message({ type: 'success', message: '删除成功!', offset: 50 });
|
||
})
|
||
.catch(() => {
|
||
this.$message({ type: 'info', message: '已取消删除', offset: 50 });
|
||
});
|
||
},
|
||
showAddCatalogZhang(bal) {
|
||
this.catalogs.addNewZhang = bal;
|
||
},
|
||
saveNewCatalogZhang() {
|
||
this.catalogs.addNewZhang = false;
|
||
},
|
||
filterType(value, row) {
|
||
return row.type === value;
|
||
},
|
||
filterStatus(value, row) {
|
||
return row.status === value;
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.el-col {
|
||
padding: 0 0 0 10px !important;
|
||
}
|
||
.grid-content {
|
||
padding-right: 0px;
|
||
}
|
||
.course-types {
|
||
display: flex;
|
||
justify-content: center;
|
||
padding: 15px;
|
||
|
||
.course-type {
|
||
margin: 10px;
|
||
text-align: center;
|
||
padding: 5px;
|
||
cursor: pointer;
|
||
img {
|
||
width: 110px;
|
||
height: 110px;
|
||
}
|
||
.info {
|
||
padding-top: 10px;
|
||
}
|
||
}
|
||
.choose {
|
||
border: 2px solid #008000;
|
||
}
|
||
}
|
||
|
||
.el-aside {
|
||
padding: 5px 10px;
|
||
}
|
||
.cctree {
|
||
.cctree-chapter {
|
||
.cctree-chapter-name {
|
||
border-bottom: 1px solid #dddddd;
|
||
}
|
||
.cctree-chapter-cells {
|
||
margin: 0px;
|
||
list-style-type: circle;
|
||
padding: 0px;
|
||
.cctree-chapter-cell {
|
||
line-height: 30px;
|
||
list-style-type: circle;
|
||
padding-left: 25px;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</style>
|