|
|
|
|
@ -1,76 +1,92 @@ |
|
|
|
|
<template> |
|
|
|
|
<div> |
|
|
|
|
<el-form :disabled="isDetail"> |
|
|
|
|
<el-card shadow="hover" class="m-b-20"> |
|
|
|
|
<el-card shadow="hover" |
|
|
|
|
class="m-b-20"> |
|
|
|
|
<div class="flex-between"> |
|
|
|
|
<el-page-header @back="goBack" :content="isDetail ? '查看' : (form.id ? '更新' : '创建') + '教学实验'"></el-page-header> |
|
|
|
|
<el-page-header @back="goBack" |
|
|
|
|
:content="isDetail ? '查看' : (form.id ? '更新' : '创建') + '教学实验'"></el-page-header> |
|
|
|
|
<div> |
|
|
|
|
<el-button type="primary" @click="save(0)" v-show="!isDetail">{{ form.id ? "更新" : "创建" }}</el-button> |
|
|
|
|
<el-button type="primary" |
|
|
|
|
@click="save(0)" |
|
|
|
|
v-show="!isDetail">{{ form.id ? "更新" : "创建" }}</el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-card> |
|
|
|
|
|
|
|
|
|
<el-card shadow="hover" class="mgr20 m-b-20"> |
|
|
|
|
<el-card shadow="hover" |
|
|
|
|
class="mgr20 m-b-20"> |
|
|
|
|
<div> |
|
|
|
|
<p class="m-b-20">考核名称</p> |
|
|
|
|
<el-input |
|
|
|
|
placeholder="请输入考核名称" |
|
|
|
|
<el-input placeholder="请输入考核名称" |
|
|
|
|
v-model.trim="form.experimentalName" |
|
|
|
|
clearable |
|
|
|
|
maxlength="15" |
|
|
|
|
class="inline-input" |
|
|
|
|
></el-input> |
|
|
|
|
class="inline-input"></el-input> |
|
|
|
|
</div> |
|
|
|
|
</el-card> |
|
|
|
|
|
|
|
|
|
<el-card shadow="hover" class="m-b-20"> |
|
|
|
|
<el-card shadow="hover" |
|
|
|
|
class="m-b-20"> |
|
|
|
|
<div> |
|
|
|
|
<p class="m-b-20">发布方式</p> |
|
|
|
|
<el-radio-group v-model="form.type" :disabled="form.id ? true : false"> |
|
|
|
|
<el-radio-group v-model="form.type" |
|
|
|
|
:disabled="form.id ? true : false"> |
|
|
|
|
<el-radio :label="1">手动发布</el-radio> |
|
|
|
|
<el-radio :label="2">定时发布</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
</el-card> |
|
|
|
|
<!-- 根据发布方式判断时间的显示 --> |
|
|
|
|
<el-card shadow="hover" class="m-b-20"> |
|
|
|
|
<el-card shadow="hover" |
|
|
|
|
class="m-b-20"> |
|
|
|
|
<div> |
|
|
|
|
<p class="m-b-20">实验时间</p> |
|
|
|
|
<!-- 手动发布显示 --> |
|
|
|
|
<div class="date-inputs" v-if="form.type==1"> |
|
|
|
|
<div class="date-inputs" |
|
|
|
|
v-if="form.type==1"> |
|
|
|
|
实验时长： |
|
|
|
|
<el-input type="number" min="0" v-model.trim="duration.day" placeholder></el-input> |
|
|
|
|
<el-input type="number" |
|
|
|
|
min="0" |
|
|
|
|
v-model.trim="duration.day" |
|
|
|
|
placeholder></el-input> |
|
|
|
|
天 |
|
|
|
|
<el-input type="number" min="0" v-model.trim="duration.hour" placeholder></el-input> |
|
|
|
|
<el-input type="number" |
|
|
|
|
min="0" |
|
|
|
|
v-model.trim="duration.hour" |
|
|
|
|
placeholder></el-input> |
|
|
|
|
小时 |
|
|
|
|
<el-input type="number" min="0" v-model.trim="duration.minute" placeholder></el-input> |
|
|
|
|
<el-input type="number" |
|
|
|
|
min="0" |
|
|
|
|
v-model.trim="duration.minute" |
|
|
|
|
placeholder></el-input> |
|
|
|
|
分 |
|
|
|
|
</div> |
|
|
|
|
<!-- 定时发布显示 --> |
|
|
|
|
<div v-if="form.type==2" class="addAssess"> |
|
|
|
|
<div v-if="form.type==2" |
|
|
|
|
class="addAssess"> |
|
|
|
|
<span class="mgr10">开始时间:</span> |
|
|
|
|
<el-date-picker |
|
|
|
|
size="small" |
|
|
|
|
<el-date-picker size="small" |
|
|
|
|
v-model="date" |
|
|
|
|
type="datetimerange" |
|
|
|
|
range-separator="-" |
|
|
|
|
start-placeholder="开始日期" |
|
|
|
|
end-placeholder="结束日期" |
|
|
|
|
:picker-options="pickerOptions" |
|
|
|
|
></el-date-picker> |
|
|
|
|
:picker-options="pickerOptions"></el-date-picker> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-card> |
|
|
|
|
<el-card shadow="hover" class="mgr20 m-b-20"> |
|
|
|
|
<el-card shadow="hover" |
|
|
|
|
class="mgr20 m-b-20"> |
|
|
|
|
<div> |
|
|
|
|
<p class="m-b-20">课程</p> |
|
|
|
|
<div class="inline-input"> |
|
|
|
|
<el-select v-model="form.curriculumId" @change="initData"> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in curriculumList" |
|
|
|
|
:key="item.cid" |
|
|
|
|
<el-select v-model="form.mallId" |
|
|
|
|
@change="initData"> |
|
|
|
|
<el-option v-for="item in curriculumList" |
|
|
|
|
:key="item.mallId" |
|
|
|
|
:label="item.curriculumName" |
|
|
|
|
:value="item.cid"> |
|
|
|
|
:value="item.mallId"> |
|
|
|
|
</el-option> |
|
|
|
|
</el-select> |
|
|
|
|
<!-- <el-select v-model="form.curriculumId" @change="initData"> |
|
|
|
|
@ -85,54 +101,76 @@ |
|
|
|
|
</div> |
|
|
|
|
</el-card> |
|
|
|
|
<!-- 实训项目模块 --> |
|
|
|
|
<el-card shadow="hover" class="m-b-20"> |
|
|
|
|
<el-card shadow="hover" |
|
|
|
|
class="m-b-20"> |
|
|
|
|
<div class="flex-between m-b-20"> |
|
|
|
|
<span>实训项目</span> |
|
|
|
|
<div style="display: inline-flex;"> |
|
|
|
|
<div> |
|
|
|
|
<el-input placeholder="请输入项目名称" prefix-icon="el-icon-search" v-model.trim="keyword" clearable></el-input> |
|
|
|
|
<el-input placeholder="请输入项目名称" |
|
|
|
|
prefix-icon="el-icon-search" |
|
|
|
|
v-model.trim="keyword" |
|
|
|
|
clearable></el-input> |
|
|
|
|
</div> |
|
|
|
|
<el-button style="margin-left: 5px" type="primary" round @click="toProject">自定义实验项目</el-button> |
|
|
|
|
<el-button style="margin-left: 5px" |
|
|
|
|
type="primary" |
|
|
|
|
round |
|
|
|
|
@click="toProject">自定义实验项目</el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 实训项目表格 --> |
|
|
|
|
<el-table :data="projectData" class="table" stripe header-align="center"> |
|
|
|
|
<el-table :data="projectData" |
|
|
|
|
class="table" |
|
|
|
|
stripe |
|
|
|
|
header-align="center"> |
|
|
|
|
<!-- 单选实训项目ID --> |
|
|
|
|
<el-table-column width="60" label="选择" align="center"> |
|
|
|
|
<el-table-column width="60" |
|
|
|
|
label="选择" |
|
|
|
|
align="center"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
<el-radio v-model="form.projectId" :label="scope.row.projectId"> </el-radio> |
|
|
|
|
<el-radio v-model="form.projectId" |
|
|
|
|
:label="scope.row.projectId"> </el-radio> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column prop="projectName" label="项目名称" align="center"></el-table-column> |
|
|
|
|
<el-table-column prop="auth" label="项目权限" align="center"> |
|
|
|
|
<el-table-column prop="projectName" |
|
|
|
|
label="项目名称" |
|
|
|
|
align="center"></el-table-column> |
|
|
|
|
<el-table-column prop="auth" |
|
|
|
|
label="项目权限" |
|
|
|
|
align="center"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
{{ permissionsKeys[scope.row.permissions] }} |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<!-- <el-table-column prop="createUser" label="创建人" align="center"></el-table-column> --> |
|
|
|
|
<el-table-column prop="founder" label="创建人" align="center"> |
|
|
|
|
<el-table-column prop="founder" |
|
|
|
|
label="创建人" |
|
|
|
|
align="center"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
{{ scope.row.createUser }} |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column prop="createTime" label="创建时间" align="center"></el-table-column> |
|
|
|
|
<el-table-column label="操作" align="center"> |
|
|
|
|
<el-table-column prop="createTime" |
|
|
|
|
label="创建时间" |
|
|
|
|
align="center"></el-table-column> |
|
|
|
|
<el-table-column label="操作" |
|
|
|
|
align="center"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
<el-button type="text" @click="showProject(scope.row)">查看</el-button> |
|
|
|
|
<el-button type="text" |
|
|
|
|
@click="showProject(scope.row)">查看</el-button> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
</el-table> |
|
|
|
|
<div class="pagination"> |
|
|
|
|
<el-pagination |
|
|
|
|
background |
|
|
|
|
<el-pagination background |
|
|
|
|
:page-size="pageSize" |
|
|
|
|
@current-change="handleCurrentChange" |
|
|
|
|
layout="total,prev, pager, next" |
|
|
|
|
:total="total" |
|
|
|
|
></el-pagination> |
|
|
|
|
:total="total"></el-pagination> |
|
|
|
|
</div> |
|
|
|
|
</el-card> |
|
|
|
|
<el-card shadow="hover" class="mgr20 m-b-20"> |
|
|
|
|
<el-card shadow="hover" |
|
|
|
|
class="mgr20 m-b-20"> |
|
|
|
|
<div> |
|
|
|
|
<p class="m-b-20">考核发布</p> |
|
|
|
|
<el-radio-group v-model="form.isSpecify"> |
|
|
|
|
@ -140,18 +178,19 @@ |
|
|
|
|
<el-radio :label="0">无指定范围</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
<div v-show="form.isSpecify == 1" style="padding-top: 24px;"> |
|
|
|
|
<div v-show="form.isSpecify == 1" |
|
|
|
|
style="padding-top: 24px;"> |
|
|
|
|
<p class="m-b-20">班级名称</p> |
|
|
|
|
<el-input |
|
|
|
|
placeholder="请输入班级名称" |
|
|
|
|
<el-input placeholder="请输入班级名称" |
|
|
|
|
v-model.trim="filterClassName" |
|
|
|
|
class="inline-input m-b-20" |
|
|
|
|
clearable> |
|
|
|
|
<el-button slot="append" icon="el-icon-search"></el-button> |
|
|
|
|
<el-button slot="append" |
|
|
|
|
icon="el-icon-search"></el-button> |
|
|
|
|
</el-input> |
|
|
|
|
<div v-show="tagList.length" class="m-b-20"> |
|
|
|
|
<el-tag |
|
|
|
|
v-for="(tag, index) in tagList" |
|
|
|
|
<div v-show="tagList.length" |
|
|
|
|
class="m-b-20"> |
|
|
|
|
<el-tag v-for="(tag, index) in tagList" |
|
|
|
|
:key="index" |
|
|
|
|
closable |
|
|
|
|
@close="handleCloseTag(tag)" |
|
|
|
|
@ -160,8 +199,7 @@ |
|
|
|
|
</el-tag> |
|
|
|
|
</div> |
|
|
|
|
<div class="tree-con"> |
|
|
|
|
<student-tree |
|
|
|
|
ref="tree" |
|
|
|
|
<student-tree ref="tree" |
|
|
|
|
node-key="id" |
|
|
|
|
show-checkbox |
|
|
|
|
highlight-current |
|
|
|
|
@ -177,7 +215,9 @@ |
|
|
|
|
</div> |
|
|
|
|
</el-card> |
|
|
|
|
<!-- 邀请码 --> |
|
|
|
|
<el-card v-if="form.isSpecify == 0" shadow="hover" class="m-b-20"> |
|
|
|
|
<el-card v-if="form.isSpecify == 0" |
|
|
|
|
shadow="hover" |
|
|
|
|
class="m-b-20"> |
|
|
|
|
<div style="margin-bottom: 10px"> |
|
|
|
|
<p class="m-b-20">设置邀请码</p> |
|
|
|
|
<el-radio-group v-model="form.isEnableCode"> |
|
|
|
|
@ -186,8 +226,13 @@ |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
<div v-if="form.isEnableCode == 1"> |
|
|
|
|
<el-input style="display: inline-block;width: auto;margin-right: 10px" type="number" v-model.trim="form.invitationCode" maxlength="6" placeholder="请设置6个数字"></el-input> |
|
|
|
|
<el-button type="text" @click="createInv">随机</el-button> |
|
|
|
|
<el-input style="display: inline-block;width: auto;margin-right: 10px" |
|
|
|
|
type="number" |
|
|
|
|
v-model.trim="form.invitationCode" |
|
|
|
|
maxlength="6" |
|
|
|
|
placeholder="请设置6个数字"></el-input> |
|
|
|
|
<el-button type="text" |
|
|
|
|
@click="createInv">随机</el-button> |
|
|
|
|
</div> |
|
|
|
|
</el-card> |
|
|
|
|
</el-form> |
|
|
|
|
@ -218,6 +263,7 @@ export default { |
|
|
|
|
type: 1, // 发布类型(1、手动发布 2、定时发布) |
|
|
|
|
experimentDuration: "0d0h0m", |
|
|
|
|
curriculumId: "", |
|
|
|
|
mallId: '', |
|
|
|
|
projectId: "", |
|
|
|
|
isSpecify: 1, // 考核发布(1、指定范围 0、无指定范围) |
|
|
|
|
isEnableCode: 0, //是否设置邀请码 |
|
|
|
|
@ -397,48 +443,33 @@ export default { |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
getschoolCourse () { // 获取课程 |
|
|
|
|
this.$get(this.api.getSchoolEffectiveCourse).then(res => { |
|
|
|
|
this.curriculumList = res.data; |
|
|
|
|
this.$get(this.api.getSchoolEffectiveCourse).then(({ data }) => { |
|
|
|
|
this.curriculumList = data; |
|
|
|
|
if (this.curriculumList.length) { |
|
|
|
|
if (this.form.curriculumId){ |
|
|
|
|
for(let i=0;i<this.curriculumList.length; i++) { |
|
|
|
|
if(this.curriculumList[i].cid == this.form.curriculumId){ |
|
|
|
|
this.getProjectData(); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}else{ |
|
|
|
|
this.form.curriculumId = this.curriculumList[0].cid; |
|
|
|
|
for(let i=0;i<this.curriculumList.length; i++) { |
|
|
|
|
this.cidList.push(this.curriculumList[i].cid) |
|
|
|
|
} |
|
|
|
|
this.getProjectData(); |
|
|
|
|
} |
|
|
|
|
if (!this.form.mallId) this.form.mallId = data[0].mallId |
|
|
|
|
this.getProjectData() |
|
|
|
|
} |
|
|
|
|
this.$nextTick(() => { |
|
|
|
|
this.updateTime = 0 |
|
|
|
|
}) |
|
|
|
|
}).catch(err => { |
|
|
|
|
console.log(err); |
|
|
|
|
}); |
|
|
|
|
}).catch(err => { }); |
|
|
|
|
}, |
|
|
|
|
getProjectData () { |
|
|
|
|
const curItem = this.curriculumList.find(e => e.cid === this.form.curriculumId) |
|
|
|
|
const curItem = this.curriculumList.find(e => e.mallId === this.form.mallId) |
|
|
|
|
console.log("🚀 ~ file: index.vue:471 ~ getProjectData ~ curItem:", curItem) |
|
|
|
|
let data = { |
|
|
|
|
pageNum: this.page, |
|
|
|
|
pageSize: this.pageSize, |
|
|
|
|
cid:this.form.curriculumId, |
|
|
|
|
cid: curItem.cid, |
|
|
|
|
projectName: this.keyword, |
|
|
|
|
systemId: curItem ? curItem.systemId : 1, |
|
|
|
|
permissions: 1 |
|
|
|
|
permissions: 1, |
|
|
|
|
mallId: this.form.mallId |
|
|
|
|
} |
|
|
|
|
this.$post(this.api.projectListByCourseId,data).then(res => { |
|
|
|
|
let { status, data } = res; |
|
|
|
|
if (status === 200 && data.records) { |
|
|
|
|
this.$post(this.api.projectListByCourseId, data).then(({ data }) => { |
|
|
|
|
this.projectData = data.records |
|
|
|
|
this.total = data.total |
|
|
|
|
} |
|
|
|
|
}).catch(err => { |
|
|
|
|
}); |
|
|
|
|
}).catch(err => { }) |
|
|
|
|
}, |
|
|
|
|
handlePage () { |
|
|
|
|
let result = this.projectDataAll.slice((this.page - 1) * this.pageSize, this.page * this.pageSize); |
|
|
|
|
@ -496,6 +527,9 @@ export default { |
|
|
|
|
this.form.classId = classId.toString(); |
|
|
|
|
this.form.stuInfo = stuInfo; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const curItem = this.curriculumList.find(e => e.mallId === this.form.mallId) |
|
|
|
|
this.form.curriculumId = curItem.cid |
|
|
|
|
this.submiting = true |
|
|
|
|
if (this.form.id) { |
|
|
|
|
this.$post(this.api.modifyAssessment, this.form).then(res => { |
|
|
|
|
@ -621,7 +655,7 @@ export default { |
|
|
|
|
height: 400px; |
|
|
|
|
max-height: 400px; |
|
|
|
|
width: 100%; |
|
|
|
|
border: 1px solid #DCDFE6; |
|
|
|
|
border: 1px solid #dcdfe6; |
|
|
|
|
border-radius: 4px; |
|
|
|
|
padding: 10px 10px 10px 40px; |
|
|
|
|
overflow: auto; |
|
|
|
|
@ -630,7 +664,7 @@ export default { |
|
|
|
|
.el-tree-node__expand-icon { |
|
|
|
|
padding: 2px; |
|
|
|
|
color: #fff; |
|
|
|
|
background-color: #9278FF; |
|
|
|
|
background-color: #9278ff; |
|
|
|
|
border-radius: 30px; |
|
|
|
|
margin: 0 10px; |
|
|
|
|
} |
|
|
|
|
@ -643,7 +677,7 @@ export default { |
|
|
|
|
.el-checkbox__inner { |
|
|
|
|
width: 18px; |
|
|
|
|
height: 18px; |
|
|
|
|
border: 1px solid #9278FF; |
|
|
|
|
border: 1px solid #9278ff; |
|
|
|
|
border-radius: 20px; |
|
|
|
|
} |
|
|
|
|
.el-checkbox__inner::after { |
|
|
|
|
|
