parent
6dd02d5d25
commit
db7146e1b9
8 changed files with 1448 additions and 17 deletions
@ -0,0 +1,521 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-form :disabled="isDetail"> |
||||||
|
<el-card shadow="hover" class="mgb20"> |
||||||
|
<div class="flex-between"> |
||||||
|
<div class="per_title" v-preventReClick @click="goback()"> |
||||||
|
<i class="el-icon-arrow-left"></i> |
||||||
|
<span class="per_back">返回</span> |
||||||
|
<span class="per_school">{{isDetail ? '查看' : (id ? '更新' : '创建')}}考核</span> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<el-button type="primary" size="small" round class="mag" v-preventReClick @click="upload" v-show="!isDetail">{{id ? '更新' : '创建'}}</el-button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
|
||||||
|
<el-card shadow="hover" class="mgr20 mgb20"> |
||||||
|
<div> |
||||||
|
<p class="mgb20">实验名称</p> |
||||||
|
<el-input |
||||||
|
placeholder="请输入实验名称" |
||||||
|
v-model="experimentalName" |
||||||
|
clearable |
||||||
|
class="assName_input" |
||||||
|
@change="judgeExpName" |
||||||
|
></el-input> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
|
||||||
|
<el-card shadow="hover" class="mgb20"> |
||||||
|
<div> |
||||||
|
<p class="mgb20">发布方式</p> |
||||||
|
<el-radio :disabled="id ? true : false" v-model="type" label="1" class="fons">手动发布</el-radio> |
||||||
|
<el-radio :disabled="id ? true : false" v-model="type" label="2" class="fons">定时发布</el-radio> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
<!-- 根据发布方式判断时间的显示 --> |
||||||
|
<el-card shadow="hover" class="mgb20"> |
||||||
|
<div> |
||||||
|
<p class="mgb20">实验时间</p> |
||||||
|
<!-- 手动发布显示 --> |
||||||
|
<div v-if="type==1"> |
||||||
|
实验时长： |
||||||
|
<el-input size="small" v-model="duration.day" placeholder class="dateinput"></el-input> 天 |
||||||
|
<el-input size="small" v-model="duration.hour" placeholder class="dateinput"></el-input> 小时 |
||||||
|
<el-input size="small" v-model="duration.minute" placeholder class="dateinput"></el-input> 分 |
||||||
|
</div> |
||||||
|
|
||||||
|
<!-- 定时发布显示 --> |
||||||
|
<div v-if="type==2" class="addAssess"> |
||||||
|
<span class="mgr10">开始时间:</span> |
||||||
|
<el-date-picker |
||||||
|
size="small" |
||||||
|
v-model="date" |
||||||
|
type="datetimerange" |
||||||
|
range-separator="-" |
||||||
|
start-placeholder="开始日期" |
||||||
|
end-placeholder="结束日期" |
||||||
|
:picker-options="pickerOptions" |
||||||
|
></el-date-picker> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
|
||||||
|
<!-- 实训项目模块 --> |
||||||
|
<el-card shadow="hover" class="mgb20"> |
||||||
|
<div class="flex-between mgb20"> |
||||||
|
<span>实训项目</span> |
||||||
|
<el-button type="primary" size="small" round @click="toProject">自定义实验项目</el-button> |
||||||
|
</div> |
||||||
|
<!-- 实训项目表格 --> |
||||||
|
<el-table :data="projectData" class="table" stripe header-align="center"> |
||||||
|
<!-- 单选实训项目ID --> |
||||||
|
<el-table-column width="60" label="选择" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-radio v-model="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"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
{{projectPermissionsList[scope.row.projectPermissions]}} |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="creater" label="创建人" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
{{roleStatus(scope.row.founder)}} |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="creationTime" 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> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<div class="pagination"> |
||||||
|
<el-pagination |
||||||
|
background |
||||||
|
:page-size="pageSize" |
||||||
|
@current-change="handleCurrentChange" |
||||||
|
layout="total,prev, pager, next" |
||||||
|
:total="totals" |
||||||
|
></el-pagination> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
|
||||||
|
<el-card shadow="hover" class="mgr20 mgb20"> |
||||||
|
<div> |
||||||
|
<p class="mgb20">考试班级</p> |
||||||
|
<div style="display: inline-block;margin-bottom: 10px"> |
||||||
|
<el-input v-model="keyword" size="small" placeholder="请输入班级名称" clearable></el-input> |
||||||
|
</div> |
||||||
|
<el-tree ref="class" :data="classId" show-checkbox node-key="id" :props="defaultProps"></el-tree> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
</el-form> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
id: '', |
||||||
|
systemId: this.$config.systemId, |
||||||
|
isDetail: true, |
||||||
|
userId: this.$store.state.userLoginId, |
||||||
|
cacheData: this.$store.state.addClass, |
||||||
|
keyword: '', |
||||||
|
searchTimer: null, |
||||||
|
duration: { |
||||||
|
day: '', |
||||||
|
hour: '', |
||||||
|
minute: '' |
||||||
|
}, |
||||||
|
date: '', //时间 |
||||||
|
experimentDuration: '0d0h0m', |
||||||
|
experimentalNumber: 0, |
||||||
|
projectId: '', |
||||||
|
projectName: '', |
||||||
|
status: '', |
||||||
|
surplusTime: '', |
||||||
|
experimentalName: '',//实验名称 |
||||||
|
type: '1', |
||||||
|
isCode: '0', //是否设置邀请码 |
||||||
|
startTime: '0000-00-00 00:00:00', //开始时间 |
||||||
|
stopTime: '0000-00-00 00:00:00', //结束时间 |
||||||
|
classId: [], |
||||||
|
defaultProps: { |
||||||
|
children: 'children', |
||||||
|
label: 'className' |
||||||
|
}, |
||||||
|
currPage: 1, |
||||||
|
projectData: [], |
||||||
|
invRepeat: false, |
||||||
|
pickerOptions: { |
||||||
|
disabledDate: time => { |
||||||
|
return time.getTime() < new Date().getTime() - 86400000 |
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
projectPermissionsList: ['练习','考核','竞赛'], |
||||||
|
projectQueryData: { |
||||||
|
userId: this.$store.state.userLoginId, |
||||||
|
systemId: this.$config.systemId |
||||||
|
}, |
||||||
|
pageNo: 1, |
||||||
|
pageSize: 5, |
||||||
|
totals: 0, |
||||||
|
multipleSelection: [], |
||||||
|
isToProject: false, |
||||||
|
expNameRepeat: false |
||||||
|
}; |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
keyword: function(val) { |
||||||
|
clearTimeout(this.searchTimer) |
||||||
|
this.searchTimer = setTimeout(() => { |
||||||
|
this.getData() |
||||||
|
},500) |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted() { |
||||||
|
this.date = [this.formatDate("yyyy-MM-dd hh:mm:ss",new Date(new Date().getTime() + 300000)),this.formatDate("yyyy-MM-dd hh:mm:ss",new Date(new Date().getTime() + 300000))] |
||||||
|
this.id = this.$route.query.id |
||||||
|
this.isDetail = Boolean(this.$route.query.show) |
||||||
|
this.id && this.getData() |
||||||
|
this.getProjectData() |
||||||
|
this.recoveryData() |
||||||
|
this.getClass() |
||||||
|
}, |
||||||
|
beforeDestroy(){ |
||||||
|
if(!this.isToProject){ |
||||||
|
this.$store.commit("addClassData", { addClass : {} }) |
||||||
|
} |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
keyword: function(val) { |
||||||
|
clearTimeout(this.searchTimer) |
||||||
|
this.searchTimer = setTimeout(() => { |
||||||
|
this.getClass() |
||||||
|
},500) |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
getProjectData(){ |
||||||
|
let data = this.projectQueryData |
||||||
|
data.pageNo = this.pageNo |
||||||
|
data.pageSize = this.pageSize |
||||||
|
data.projectName = '' |
||||||
|
this.$get(this.api.queryAllManagements,data).then(res => { |
||||||
|
this.projectData = res.pageInfo.list |
||||||
|
this.totals = res.pageInfo.total |
||||||
|
}).catch(res => {}); |
||||||
|
}, |
||||||
|
getClass(){ |
||||||
|
this.$get(`${this.api.getMineClass}?userId=${this.userId}&className=${this.keyword}`).then(res => { |
||||||
|
let list = res.list |
||||||
|
list.map(n => { |
||||||
|
n.id = n.classId |
||||||
|
}) |
||||||
|
this.classId = list |
||||||
|
}).catch(res => {}); |
||||||
|
}, |
||||||
|
recoveryData(){ |
||||||
|
if(JSON.stringify(this.cacheData) != '{}'){ |
||||||
|
let info = this.cacheData |
||||||
|
this.experimentDuration = info.experimentDuration |
||||||
|
this.experimentalName = info.experimentalName |
||||||
|
this.projectId = info.projectId |
||||||
|
this.startTime = info.startTime |
||||||
|
this.stopTime = info.stopTime |
||||||
|
this.surplusTime = info.surplusTime |
||||||
|
this.type = String(info.type) |
||||||
|
this.expNameRepeat = info.expNameRepeat |
||||||
|
|
||||||
|
this.formatDuration() |
||||||
|
} |
||||||
|
}, |
||||||
|
upload() { |
||||||
|
// return console.log(11) |
||||||
|
if(!this.experimentalName) return this.$message.warning('请填写实验名称') |
||||||
|
if(this.expNameRepeat) return this.$message.warning('实验名称重复，请重新输入') |
||||||
|
if(this.type == 1){ |
||||||
|
this.status = 1 |
||||||
|
}else{ |
||||||
|
if(new Date().getTime() > new Date(this.startTime).getTime()) return this.$message.warning('开始时间不能早于当前时间') |
||||||
|
this.status = 1 |
||||||
|
let timestamp = new Date(new Date(this.stopTime).getTime() - new Date(this.startTime).getTime()) |
||||||
|
let minute = 1000 * 60 |
||||||
|
let hour = minute * 60 |
||||||
|
let day = hour * 24 |
||||||
|
this.experimentDuration = `${Math.floor(timestamp / day)}d${Math.floor(timestamp % day / hour)}h${Math.floor(timestamp % day % hour / minute)}m` |
||||||
|
} |
||||||
|
if(this.type == 1 && this.experimentDuration == '0d0h0m') return this.$message.warning('请填写实验时长') |
||||||
|
if(this.type == 2 && this.startTime == '0000-00-00 00:00:00') return this.$message.warning('请填写实验时间') |
||||||
|
if(!this.projectId) return this.$message.warning('请选择实训项目') |
||||||
|
let classId = this.$refs.class.getCheckedKeys() |
||||||
|
if(!classId.length) return this.$message.warning('请选择考试班级') |
||||||
|
|
||||||
|
this.projectName = this.projectData.find(n => n.projectId == this.projectId).projectName |
||||||
|
|
||||||
|
let data = { |
||||||
|
id: this.id, |
||||||
|
experimentDuration: this.experimentDuration, |
||||||
|
creationTime: this.id ? this.creationTime : this.formatDate("yyyy-MM-dd hh:mm:ss"), |
||||||
|
experimentalName: this.experimentalName, |
||||||
|
classId: classId.join(), |
||||||
|
experimentalNumber: this.experimentalNumber, |
||||||
|
isCode: this.isCode, |
||||||
|
projectId: this.projectId, |
||||||
|
projectName: this.projectName, |
||||||
|
status: Number(this.status), |
||||||
|
surplusTime: this.surplusTime, |
||||||
|
type: Number(this.type), |
||||||
|
userId: this.userId, |
||||||
|
systemId: this.systemId |
||||||
|
} |
||||||
|
if(this.type == 2){ |
||||||
|
data.startTime = this.startTime |
||||||
|
data.stopTime = this.stopTime |
||||||
|
}else{ |
||||||
|
data.startTime = '0000-00-00 00:00:00' |
||||||
|
data.stopTime = '0000-00-00 00:00:00' |
||||||
|
} |
||||||
|
if(this.id){ |
||||||
|
this.$post(this.api.editAssessment, data).then(res => { |
||||||
|
this.$message.success('修改成功'); |
||||||
|
this.$router.back() |
||||||
|
}) |
||||||
|
.catch(err => { |
||||||
|
}); |
||||||
|
}else{ |
||||||
|
this.$post(this.api.saveAssesment, data).then(res => { |
||||||
|
this.$message.success('创建成功'); |
||||||
|
this.$router.back() |
||||||
|
}) |
||||||
|
.catch(err => { |
||||||
|
}); |
||||||
|
} |
||||||
|
}, |
||||||
|
getData() { |
||||||
|
this.$get(this.api.expInfo + this.id) |
||||||
|
.then(res => { |
||||||
|
if(res.errmessage == 'success'){ |
||||||
|
let info = res.ExperimentalTeaching |
||||||
|
this.creationTime = info.creationTime |
||||||
|
this.experimentDuration = info.experimentDuration |
||||||
|
this.experimentalName = info.experimentalName |
||||||
|
this.experimentalNumber = info.experimentalNumber |
||||||
|
this.projectId = info.projectId |
||||||
|
this.projectName = info.projectName |
||||||
|
this.startTime = info.startTime |
||||||
|
this.status = info.status |
||||||
|
this.stopTime = info.stopTime |
||||||
|
this.surplusTime = info.surplusTime |
||||||
|
this.type = String(info.type) |
||||||
|
|
||||||
|
this.formatDuration() |
||||||
|
}else{ |
||||||
|
this.$message.error('查询失败'); |
||||||
|
} |
||||||
|
}) |
||||||
|
.catch(err => { |
||||||
|
|
||||||
|
}); |
||||||
|
}, |
||||||
|
formatDuration(){ |
||||||
|
let duration = this.experimentDuration.replace(/\D+/g,',').split(',') |
||||||
|
this.duration = { |
||||||
|
day: duration[0], |
||||||
|
hour: duration[1], |
||||||
|
minute: duration[2] |
||||||
|
} |
||||||
|
this.date = [this.startTime,this.stopTime] |
||||||
|
}, |
||||||
|
handleCacheData(){ |
||||||
|
let data = { |
||||||
|
id: this.id, |
||||||
|
experimentDuration: this.experimentDuration, |
||||||
|
experimentalName: this.experimentalName, |
||||||
|
projectId: this.projectId, |
||||||
|
startTime: this.startTime, |
||||||
|
stopTime: this.stopTime, |
||||||
|
surplusTime: this.surplusTime, |
||||||
|
type: this.type, |
||||||
|
expNameRepeat: this.expNameRepeat |
||||||
|
} |
||||||
|
this.$store.commit("addClassData", { addClass : data}) |
||||||
|
this.isToProject = true |
||||||
|
}, |
||||||
|
toProject(){ |
||||||
|
this.handleCacheData() |
||||||
|
this.$router.push('/project') |
||||||
|
}, |
||||||
|
showProject(row){ |
||||||
|
this.handleCacheData() |
||||||
|
this.$router.push(`/addproject?id=${row.projectId}&show=1`) |
||||||
|
}, |
||||||
|
goback() { |
||||||
|
if(this.isDetail){ |
||||||
|
this.$router.back() |
||||||
|
}else{ |
||||||
|
this.$confirm('确定返回？未更新的信息将不会保存。', '提示', { |
||||||
|
type: 'warning' |
||||||
|
}) |
||||||
|
.then(() => { |
||||||
|
this.$router.back() |
||||||
|
}) |
||||||
|
.catch(() => {}); |
||||||
|
} |
||||||
|
}, |
||||||
|
handleCurrentChange(val){ |
||||||
|
this.pageNo = val |
||||||
|
this.getProjectData() |
||||||
|
}, |
||||||
|
judgeExpName(){ |
||||||
|
this.$get(this.api.checkAssessmentName, { experimentalName: this.experimentalName,userId: this.userId }) |
||||||
|
.then(res => { |
||||||
|
if(res.errmessage != 'success') { |
||||||
|
this.$message.warning('实验名称重复，请重新输入') |
||||||
|
this.expNameRepeat = true |
||||||
|
}else{ |
||||||
|
this.expNameRepeat = false |
||||||
|
} |
||||||
|
}) |
||||||
|
.catch(err => {}); |
||||||
|
}, |
||||||
|
}, |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scope> |
||||||
|
.makeupList /deep/.el-upload-list__item { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
.dateinput { |
||||||
|
width: 100px; |
||||||
|
display: inline-block; |
||||||
|
} |
||||||
|
.mgb20-container { |
||||||
|
width: 98%; |
||||||
|
} |
||||||
|
.makeupList { |
||||||
|
display: flex; |
||||||
|
} |
||||||
|
.makeupList /deep/.el-upload--text { |
||||||
|
width: 100px; |
||||||
|
display: inline-block; |
||||||
|
height: 38px; |
||||||
|
display: flex; |
||||||
|
border: none; |
||||||
|
} |
||||||
|
.makeupList /deep/.el-upload-list { |
||||||
|
} |
||||||
|
|
||||||
|
.makeupList /deep/.el-icon-upload-success { |
||||||
|
} |
||||||
|
.mgb20-container1 /deep/ .el-checkbox__inner { |
||||||
|
border-radius: 50%; |
||||||
|
} |
||||||
|
.mgb20-container1 /deep/ .el-tree .el-icon-caret-right { |
||||||
|
background: #9278ff; |
||||||
|
border-radius: 50%; |
||||||
|
color: #fff; |
||||||
|
margin-right: 5px; |
||||||
|
} |
||||||
|
|
||||||
|
.mgb20-container1 /deep/.el-tree-node .is-leaf + .el-checkbox .el-checkbox__inner { |
||||||
|
display: inline-block; |
||||||
|
} |
||||||
|
.mgb20-container1 /deep/.el-tree-node .el-checkbox__input > .el-checkbox__inner { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
.mgb20-container1 /deep/ .el-tree-node__label { |
||||||
|
color: #333333; |
||||||
|
font-size: 18px; |
||||||
|
} |
||||||
|
|
||||||
|
.mgb20-container1 /deep/.el-tree-node__content { |
||||||
|
height: 30px; |
||||||
|
} |
||||||
|
|
||||||
|
.mgb20-container1 /deep/.is-leaf { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
.el-row { |
||||||
|
margin-bottom: 20px; |
||||||
|
padding: 20px 16px; |
||||||
|
} |
||||||
|
.mg20 { |
||||||
|
margin-left: 20px; |
||||||
|
margin-top: 20px; |
||||||
|
} |
||||||
|
/* .mgb20 { |
||||||
|
position: relative; |
||||||
|
} */ |
||||||
|
.mag { |
||||||
|
margin-right: 20px; |
||||||
|
} |
||||||
|
.mgr10 { |
||||||
|
margin-right: 10px; |
||||||
|
} |
||||||
|
.mgr20 { |
||||||
|
margin-top: 10px; |
||||||
|
} |
||||||
|
.assName_input { |
||||||
|
width: 300px; |
||||||
|
} |
||||||
|
.foot_btn { |
||||||
|
text-align: right; |
||||||
|
margin-top: 20px; |
||||||
|
} |
||||||
|
.mgb20-input1 { |
||||||
|
margin-left: 800px; |
||||||
|
display: inline-block; |
||||||
|
position: absolute; |
||||||
|
right: 0px; |
||||||
|
} |
||||||
|
/* .mgb200 { |
||||||
|
background-color: #9076ff; |
||||||
|
color: #fff; |
||||||
|
} */ |
||||||
|
.makeupList { |
||||||
|
display: inline-block; |
||||||
|
} |
||||||
|
.btninput { |
||||||
|
position: relative; |
||||||
|
|
||||||
|
margin-bottom: 30px; |
||||||
|
} |
||||||
|
.classcard { |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
.classspan { |
||||||
|
display: inline-block; |
||||||
|
height: 25px; |
||||||
|
width: 80px; |
||||||
|
background-color: #9076ff; |
||||||
|
border-radius: 10px; |
||||||
|
text-align: center; |
||||||
|
line-height: 25px; |
||||||
|
color: #fff; |
||||||
|
margin-right: 10px; |
||||||
|
float: left; |
||||||
|
} |
||||||
|
.fade-enter-active, |
||||||
|
.fade-leave-active { |
||||||
|
transition: opacity 0.5s; |
||||||
|
} |
||||||
|
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ { |
||||||
|
opacity: 0; |
||||||
|
} |
||||||
|
.addAssess /deep/ .row{ |
||||||
|
padding: 0; |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
|
.addAssess .row /deep/ .el-form-item{ |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,434 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-card shadow="hover" class="mgb20"> |
||||||
|
<div> |
||||||
|
<div class="flex-center mgb20"> |
||||||
|
<p class="hr_tag"></p> |
||||||
|
<span>筛选</span> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<el-form label-width="80px"> |
||||||
|
<div> |
||||||
|
<el-form-item label="实验时间" class="userRadio"> |
||||||
|
<el-radio-group v-model="form.month" @change="getData"> |
||||||
|
<el-radio v-for="(item,index) in dateList" :key="index" :label="item.id" border>{{item.name}}</el-radio> |
||||||
|
</el-radio-group> |
||||||
|
<el-date-picker v-model="date" align="right" unlink-panels type="daterange" style="margin-left: 10px;" |
||||||
|
start-placeholder="开始日期" end-placeholder="结束日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" clearable></el-date-picker> |
||||||
|
</el-form-item> |
||||||
|
</div> |
||||||
|
<div class="flex-between no-mb"> |
||||||
|
<div class="flex-center"> |
||||||
|
<el-form-item label="发布类型"> |
||||||
|
<el-select v-model="form.type" clearable placeholder="请选择发布类型" @change="getData"> |
||||||
|
<el-option v-for="(item,index) in typeList" :key="index" :label="item.name" :value="item.value"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="考核状态"> |
||||||
|
<el-select v-model="form.status" clearable placeholder="请选择考核状态" @change="getData"> |
||||||
|
<el-option v-for="(item,index) in statusList" :key="index" :label="item.name" :value="item.value"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<el-form-item> |
||||||
|
<el-input placeholder="请输入实验班级/项目名称" prefix-icon="el-icon-search" v-model="keyword" clearable @keyup.enter.native="onSearch"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</el-form> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
|
||||||
|
<el-card shadow="hover" class="mgb20"> |
||||||
|
<div class="flex-between mgb20"> |
||||||
|
<div class="flex-center"> |
||||||
|
<p class="hr_tag"></p> |
||||||
|
<span>实验教学列表</span> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<el-button |
||||||
|
type="primary" |
||||||
|
size="small" |
||||||
|
icon="el-icon-plus" |
||||||
|
round |
||||||
|
@click="add" |
||||||
|
class="bt_one" |
||||||
|
>创建实验</el-button> |
||||||
|
<el-button |
||||||
|
type="primary" |
||||||
|
size="small" |
||||||
|
icon="el-icon-delete" |
||||||
|
round |
||||||
|
class="bt_one" |
||||||
|
@click="delAllData" |
||||||
|
>批量删除</el-button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<el-table ref="table" :data="customerData" class="table" stripe header-align="center" @selection-change="handleSelectionChange" row-key="id"> |
||||||
|
<el-table-column type="selection" :selectable="row => row.status!=2" width="50" align="center" :reserve-selection="true"></el-table-column> |
||||||
|
<el-table-column type="index" width="60" label="序号" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
{{scope.$index + (pageNo - 1) * pageSize + 1}} |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="className" label="实验班级" align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="experimentalName" label="实验教学名称" min-width="120" align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="projectName" label="项目名称" align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="experimentalNumber" label="实验人数" align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="experimentDuration" label="实验时长" align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="adminName" label="发布类型" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span>{{types[scope.row.type]}}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="creationTime" width="150" label="创建时间" align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="startTime" width="150" label="起始时间" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span>{{transferTime(scope.row.startTime,scope.row.type)}}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="stopTime" width="150" label="结束时间" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span>{{transferTime(scope.row.stopTime,scope.row.type)}}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="surplusTime" label="倒计时" align="center"> |
||||||
|
<!-- <template slot-scope="scope"> |
||||||
|
<span v-if="scope.row.status == 2" v-countdown="scope.row.surplusTime">{{scope.row.surplusTime}}</span> |
||||||
|
<span v-else>00:00:00</span> |
||||||
|
</template> --> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="实验状态" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span>{{status[scope.row.status]}}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="操作" align="center" width="170"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<template v-if="scope.row.status == 1"> |
||||||
|
<el-button type="text" @click="start(scope.row)">启动</el-button> |
||||||
|
<el-button type="text" @click="edit(scope.row)">修改</el-button> |
||||||
|
</template> |
||||||
|
<template v-else-if="scope.row.status == 2"> |
||||||
|
<el-button type="text" @click="finish(scope.row)">提前结束</el-button> |
||||||
|
</template> |
||||||
|
<template v-else-if="scope.row.status == 3"> |
||||||
|
<el-button type="text" @click="show(scope.row)">查看成绩</el-button> |
||||||
|
</template> |
||||||
|
<el-button v-if="scope.row.status == 1 || scope.row.status == 3" type="text" @click="delData(scope.row)">删除</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<div class="pagination"> |
||||||
|
<el-pagination background layout="total, prev, pager, next" :total="totals" @current-change="handleCurrentChange" :current-page="pageNo"> |
||||||
|
</el-pagination> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import bus from '../common/bus'; |
||||||
|
import axios from 'axios'; |
||||||
|
export default { |
||||||
|
name: 'dashboard', |
||||||
|
data() { |
||||||
|
return { |
||||||
|
name: sessionStorage.getItem('ms_username'), |
||||||
|
userId: this.$store.state.userLoginId, |
||||||
|
systemList: [ |
||||||
|
{ |
||||||
|
id: 1, |
||||||
|
label: 'Python实验系统' |
||||||
|
},{ |
||||||
|
id: 2, |
||||||
|
label: '跨国仿真系统' |
||||||
|
},{ |
||||||
|
id: 3, |
||||||
|
label: '期权期货系统' |
||||||
|
},{ |
||||||
|
id: 4, |
||||||
|
label: 'Python金融建模教学系统' |
||||||
|
},{ |
||||||
|
id: 5, |
||||||
|
label: 'Python数据可视化教学系统' |
||||||
|
}, |
||||||
|
], |
||||||
|
keyword: '', |
||||||
|
typeList: [ |
||||||
|
{ |
||||||
|
value: '', |
||||||
|
name: '不限' |
||||||
|
}, |
||||||
|
{ |
||||||
|
value: 1, |
||||||
|
name: '手动发布' |
||||||
|
}, |
||||||
|
{ |
||||||
|
value: 2, |
||||||
|
name: '定时发布' |
||||||
|
} |
||||||
|
], |
||||||
|
status: ['','待开始','进行中','已完成'], |
||||||
|
types: ['','手动发布','定时发布'], |
||||||
|
statusList: [ |
||||||
|
{ |
||||||
|
value: '', |
||||||
|
name: '不限' |
||||||
|
}, |
||||||
|
{ |
||||||
|
value: 1, |
||||||
|
name: '待开始' |
||||||
|
}, |
||||||
|
{ |
||||||
|
value: 2, |
||||||
|
name: '进行中' |
||||||
|
}, |
||||||
|
{ |
||||||
|
value: 3, |
||||||
|
name: '已完成' |
||||||
|
} |
||||||
|
], |
||||||
|
customerData: [], |
||||||
|
form: { |
||||||
|
type: '', |
||||||
|
status: '', |
||||||
|
startTime: '', |
||||||
|
stopTime: '', |
||||||
|
month: '', |
||||||
|
searchContent: '' |
||||||
|
}, |
||||||
|
multipleSelection: [], |
||||||
|
dateList: [ |
||||||
|
{ |
||||||
|
id: '', |
||||||
|
name: '不限' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 1, |
||||||
|
name: '近一个月' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 3, |
||||||
|
name: '近三个月' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 6, |
||||||
|
name: '近六个月' |
||||||
|
} |
||||||
|
], |
||||||
|
date: [], |
||||||
|
pageNo: 1, |
||||||
|
pageSize: 10, |
||||||
|
totals: 0, |
||||||
|
ruleIds: [], |
||||||
|
timerList: [], |
||||||
|
timer: null |
||||||
|
}; |
||||||
|
}, |
||||||
|
directives: { |
||||||
|
countdown: { |
||||||
|
bind: function(el,binding,vnode) { |
||||||
|
let that = vnode.context |
||||||
|
let time = binding.value |
||||||
|
let timer = setInterval(() => { |
||||||
|
let timeList = time.split(':') |
||||||
|
let total = Number.parseInt(timeList[0] * 60 * 60) + Number.parseInt(timeList[1] * 60) + Number.parseInt(timeList[2]) |
||||||
|
if(total > 0){ |
||||||
|
--total |
||||||
|
let hours = Math.floor(total / (60 * 60)) |
||||||
|
let minutes = Math.floor(total % (60 * 60) / 60) |
||||||
|
let seconds = Math.floor(total % (60 * 60) % 60) |
||||||
|
time = `${that.formateTime(hours)}:${that.formateTime(minutes)}:${that.formateTime(seconds)}` |
||||||
|
}else{ |
||||||
|
clearInterval(timer) |
||||||
|
} |
||||||
|
console.log(11,time) |
||||||
|
el.innerHTML = time |
||||||
|
},1000) |
||||||
|
that.timerList.push(timer) |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
'form.month': function(val){ |
||||||
|
if(val){ |
||||||
|
let unit = 24 * 60 * 60 * 1000 |
||||||
|
this.date = [this.formatDate('yyyy-MM-dd',new Date(new Date().getTime() - unit * 30 * val)),this.formatDate('yyyy-MM-dd',new Date(new Date().getTime() + unit))] |
||||||
|
}else{ |
||||||
|
this.date = [] |
||||||
|
} |
||||||
|
}, |
||||||
|
date: function(val){ |
||||||
|
if(val){ |
||||||
|
this.form.startTime = val[0] |
||||||
|
this.form.stopTime = val[1] |
||||||
|
}else{ |
||||||
|
this.form.startTime = '' |
||||||
|
this.form.stopTime = '' |
||||||
|
} |
||||||
|
this.getData() |
||||||
|
}, |
||||||
|
keyword: function(val) { |
||||||
|
clearTimeout(this.searchTimer) |
||||||
|
this.searchTimer = setTimeout(() => { |
||||||
|
this.getData() |
||||||
|
},500) |
||||||
|
} |
||||||
|
}, |
||||||
|
computed: { |
||||||
|
role() { |
||||||
|
return this.name === 'admin' ? '超级管理员' : '普通用户'; |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted() { |
||||||
|
this.getData() |
||||||
|
this.timer = setInterval(this.getData,1000) |
||||||
|
this.$once('hook:beforeDestroy',() => { |
||||||
|
clearInterval(this.timer) |
||||||
|
}) |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
getData() { |
||||||
|
// return |
||||||
|
let data = { |
||||||
|
type: this.form.type, |
||||||
|
startTime: this.form.startTime, |
||||||
|
stopTime: this.form.stopTime, |
||||||
|
month: this.form.month, |
||||||
|
searchContent: this.encodeString(this.keyword), |
||||||
|
status: this.form.status, |
||||||
|
pageNum: this.pageNo, |
||||||
|
pageSize: this.pageSize, |
||||||
|
userId: this.userId, |
||||||
|
} |
||||||
|
this.$post(this.api.assessmentByScreen,data).then(res => { |
||||||
|
this.customerData = res.list.list |
||||||
|
this.totals = res.list.totalCount |
||||||
|
}).catch(res => {}); |
||||||
|
}, |
||||||
|
permission(){ |
||||||
|
this.$router.push('/permission') |
||||||
|
}, |
||||||
|
add(){ |
||||||
|
this.$router.push('addAssessment') |
||||||
|
}, |
||||||
|
edit(row){ |
||||||
|
this.$router.push(`addAssessment?id=${row.id}`) |
||||||
|
}, |
||||||
|
show(row){ |
||||||
|
this.$store.commit('addExperimentData',{experimentData: { |
||||||
|
id: row.id, |
||||||
|
name: row.projectName, |
||||||
|
class: row.experimentalClassName, |
||||||
|
systemId: this.systemId, |
||||||
|
projectId: row.projectId, |
||||||
|
experimentalName: row.experimentalName |
||||||
|
}}) |
||||||
|
this.$router.push('experimentTeach') |
||||||
|
}, |
||||||
|
start(row){ |
||||||
|
let data = { |
||||||
|
id: row.id, |
||||||
|
startTime: this.formatDate("yyyy-MM-dd hh:mm:ss",new Date()), |
||||||
|
status: 2 |
||||||
|
} |
||||||
|
this.$post(this.api.editAssessment,data).then(res => { |
||||||
|
if(res.errmessage == 'success') { |
||||||
|
this.$message.success('启动成功！') |
||||||
|
this.getData() |
||||||
|
} |
||||||
|
}).catch(res => {}); |
||||||
|
}, |
||||||
|
finish(row){ |
||||||
|
this.$confirm('确定要提前结束吗？', '提示', { |
||||||
|
type: 'warning' |
||||||
|
}) |
||||||
|
.then(() => { |
||||||
|
let data = { |
||||||
|
id: row.id, |
||||||
|
stopTime: this.formatDate("yyyy-MM-dd hh:mm:ss",new Date()), |
||||||
|
status: 3 |
||||||
|
} |
||||||
|
this.$post(this.api.editAssessment,data).then(res => { |
||||||
|
if(res.errmessage == 'success') { |
||||||
|
this.$message.success('提前结束成功！') |
||||||
|
this.getData() |
||||||
|
} |
||||||
|
}).catch(res => {}); |
||||||
|
}) |
||||||
|
.catch(() => {}) |
||||||
|
}, |
||||||
|
delData(row) { |
||||||
|
this.$confirm('确定要删除吗？', '提示', { |
||||||
|
type: 'warning' |
||||||
|
}) |
||||||
|
.then(() => { |
||||||
|
this.$post(`${this.api.deleteBatchIds}?ids=${row.id}`).then(res => { |
||||||
|
this.$message.success('删除成功'); |
||||||
|
this.getData() |
||||||
|
}).catch(res => {}); |
||||||
|
}) |
||||||
|
.catch(() => {}); |
||||||
|
}, |
||||||
|
delAllData() { |
||||||
|
if(this.multipleSelection.length != ''){ |
||||||
|
let newArr = this.multipleSelection |
||||||
|
let delList = newArr.map(item => { |
||||||
|
return `ids=${item.id}` |
||||||
|
}) |
||||||
|
|
||||||
|
this.$confirm('确定要删除吗？', '提示', { |
||||||
|
type: 'warning' |
||||||
|
}) |
||||||
|
.then(() => { |
||||||
|
let data = delList.join('&') |
||||||
|
this.$del(`${this.api.deleteBatchIds}?${data}`).then(res => { |
||||||
|
this.$refs.table.clearSelection() |
||||||
|
this.$message.success('删除成功'); |
||||||
|
this.getData() |
||||||
|
}).catch(res => {}); |
||||||
|
}) |
||||||
|
.catch(() => {}); |
||||||
|
}else{ |
||||||
|
this.$message.error('请先选择数据 ！'); |
||||||
|
} |
||||||
|
}, |
||||||
|
handleSelectionChange(val) { |
||||||
|
this.multipleSelection = val; |
||||||
|
}, |
||||||
|
onSearch(){ |
||||||
|
this.pageNo = 1 |
||||||
|
this.getData() |
||||||
|
}, |
||||||
|
handleCurrentChange(val) { |
||||||
|
this.pageNo = val; |
||||||
|
this.getData(); |
||||||
|
}, |
||||||
|
transferTime(date,type){ |
||||||
|
if(date == '0000-00-00 00:00:00') return '---' |
||||||
|
return date |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped> |
||||||
|
.mag{ |
||||||
|
margin-right: 20px; |
||||||
|
} |
||||||
|
/deep/.el-tabs__nav-wrap::after{ |
||||||
|
display: none; |
||||||
|
} |
||||||
|
.no-mb /deep/.el-form-item{ |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,440 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-card shadow="hover" class="mgb20"> |
||||||
|
<div> |
||||||
|
<div class="flex-center mgb20"> |
||||||
|
<p class="hr_tag"></p> |
||||||
|
<span>筛选</span> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<el-form label-width="80px"> |
||||||
|
<div> |
||||||
|
<el-form-item label="实验时间" class="userRadio"> |
||||||
|
<el-radio-group v-model="form.month" @change="getData"> |
||||||
|
<el-radio v-for="(item,index) in dateList" :key="index" :label="item.id" border>{{item.name}}</el-radio> |
||||||
|
</el-radio-group> |
||||||
|
<el-date-picker v-model="date" align="right" unlink-panels type="daterange" style="margin-left: 10px;" |
||||||
|
start-placeholder="开始日期" end-placeholder="结束日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" clearable></el-date-picker> |
||||||
|
</el-form-item> |
||||||
|
</div> |
||||||
|
<div class="flex-between no-mb"> |
||||||
|
<div class="flex-center"> |
||||||
|
<el-form-item label="发布类型"> |
||||||
|
<el-select v-model="form.type" clearable placeholder="请选择发布类型" @change="getData"> |
||||||
|
<el-option v-for="(item,index) in typeList" :key="index" :label="item.name" :value="item.value"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="实验状态"> |
||||||
|
<el-select v-model="form.status" clearable placeholder="请选择实验状态" @change="getData"> |
||||||
|
<el-option v-for="(item,index) in statusList" :key="index" :label="item.name" :value="item.value"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<el-form-item> |
||||||
|
<el-input placeholder="请输入竞赛组别/竞赛名称" prefix-icon="el-icon-search" v-model="keyword" clearable @keyup.enter.native="onSearch"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</el-form> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
|
||||||
|
<el-card shadow="hover" class="mgb20"> |
||||||
|
<div class="flex-between mgb20"> |
||||||
|
<div class="flex-center"> |
||||||
|
<p class="hr_tag"></p> |
||||||
|
<span>竞赛实验列表</span> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<el-button |
||||||
|
type="primary" |
||||||
|
size="small" |
||||||
|
icon="el-icon-plus" |
||||||
|
round |
||||||
|
@click="add" |
||||||
|
class="bt_one" |
||||||
|
>创建实验</el-button> |
||||||
|
<el-button |
||||||
|
type="primary" |
||||||
|
size="small" |
||||||
|
icon="el-icon-delete" |
||||||
|
round |
||||||
|
class="bt_one" |
||||||
|
@click="delAllData" |
||||||
|
>批量删除</el-button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<el-table ref="table" :data="customerData" class="table" stripe header-align="center" @selection-change="handleSelectionChange" row-key="id"> |
||||||
|
<el-table-column type="selection" :selectable="row => row.status!=2" width="50" align="center" :reserve-selection="true"></el-table-column> |
||||||
|
<el-table-column type="index" width="60" label="序号" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
{{scope.$index + (pageNo - 1) * pageSize + 1}} |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="experimentalName" label="竞赛名称" min-width="120" align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="experimentalClassName" label="竞赛组别" align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="projectName" label="项目名称" align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="experimentalNumber" label="实验人数" align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="experimentDuration" label="实验时长" align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="邀请码" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span>{{scope.row.isCode == 0 ? scope.row.invitationCode : ''}}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="adminName" label="发布类型" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span>{{types[scope.row.type]}}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="creationTime" width="150" label="创建时间" align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="startTime" width="150" label="起始时间" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span>{{transferTime(scope.row.startTime,scope.row.type)}}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="stopTime" width="150" label="结束时间" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span>{{transferTime(scope.row.stopTime,scope.row.type)}}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="surplusTime" label="倒计时" align="center"> |
||||||
|
<!-- <template slot-scope="scope"> |
||||||
|
<span v-if="scope.row.status == 2" v-countdown="scope.row.surplusTime">{{scope.row.surplusTime}}</span> |
||||||
|
<span v-else>00:00:00</span> |
||||||
|
</template> --> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="实验状态" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span>{{status[scope.row.status]}}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="操作" align="center" width="170"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<template v-if="scope.row.status == 1"> |
||||||
|
<el-button type="text" @click="start(scope.row)">启动</el-button> |
||||||
|
<el-button type="text" @click="edit(scope.row)">修改</el-button> |
||||||
|
</template> |
||||||
|
<template v-else-if="scope.row.status == 2"> |
||||||
|
<el-button type="text" @click="finish(scope.row)">提前结束</el-button> |
||||||
|
</template> |
||||||
|
<template v-else-if="scope.row.status == 3"> |
||||||
|
<el-button type="text" @click="show(scope.row)">查看成绩</el-button> |
||||||
|
</template> |
||||||
|
<el-button v-if="scope.row.status == 1 || scope.row.status == 3" type="text" @click="delData(scope.row)">删除</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<div class="pagination"> |
||||||
|
<el-pagination background layout="total, prev, pager, next" :total="totals" @current-change="handleCurrentChange" :current-page="pageNo"> |
||||||
|
</el-pagination> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import bus from '../common/bus'; |
||||||
|
import axios from 'axios'; |
||||||
|
export default { |
||||||
|
name: 'dashboard', |
||||||
|
data() { |
||||||
|
return { |
||||||
|
name: sessionStorage.getItem('ms_username'), |
||||||
|
schoolId: this.$store.state.schoolId, |
||||||
|
systemId: this.$config.systemId, |
||||||
|
systemList: [ |
||||||
|
{ |
||||||
|
id: 1, |
||||||
|
label: 'Python实验系统' |
||||||
|
},{ |
||||||
|
id: 2, |
||||||
|
label: '跨国仿真系统' |
||||||
|
},{ |
||||||
|
id: 3, |
||||||
|
label: '期权期货系统' |
||||||
|
},{ |
||||||
|
id: 4, |
||||||
|
label: 'Python金融建模教学系统' |
||||||
|
},{ |
||||||
|
id: 5, |
||||||
|
label: 'Python数据可视化教学系统' |
||||||
|
}, |
||||||
|
], |
||||||
|
keyword: '', |
||||||
|
typeList: [ |
||||||
|
{ |
||||||
|
value: '', |
||||||
|
name: '不限' |
||||||
|
}, |
||||||
|
{ |
||||||
|
value: 1, |
||||||
|
name: '手动发布' |
||||||
|
}, |
||||||
|
{ |
||||||
|
value: 2, |
||||||
|
name: '定时发布' |
||||||
|
} |
||||||
|
], |
||||||
|
status: ['','待开始','进行中','已完成'], |
||||||
|
types: ['','手动发布','定时发布'], |
||||||
|
statusList: [ |
||||||
|
{ |
||||||
|
value: '', |
||||||
|
name: '不限' |
||||||
|
}, |
||||||
|
{ |
||||||
|
value: 1, |
||||||
|
name: '待开始' |
||||||
|
}, |
||||||
|
{ |
||||||
|
value: 2, |
||||||
|
name: '进行中' |
||||||
|
}, |
||||||
|
{ |
||||||
|
value: 3, |
||||||
|
name: '已完成' |
||||||
|
} |
||||||
|
], |
||||||
|
customerData: [], |
||||||
|
form: { |
||||||
|
type: '', |
||||||
|
status: '', |
||||||
|
startTime: '', |
||||||
|
stopTime: '', |
||||||
|
month: '', |
||||||
|
searchContent: '' |
||||||
|
}, |
||||||
|
multipleSelection: [], |
||||||
|
dateList: [ |
||||||
|
{ |
||||||
|
id: '', |
||||||
|
name: '不限' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 1, |
||||||
|
name: '近一个月' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 3, |
||||||
|
name: '近三个月' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 6, |
||||||
|
name: '近六个月' |
||||||
|
} |
||||||
|
], |
||||||
|
date: [], |
||||||
|
pageNo: 1, |
||||||
|
pageSize: 10, |
||||||
|
totals: 0, |
||||||
|
ruleIds: [], |
||||||
|
timerList: [], |
||||||
|
timer: null |
||||||
|
}; |
||||||
|
}, |
||||||
|
directives: { |
||||||
|
countdown: { |
||||||
|
bind: function(el,binding,vnode) { |
||||||
|
let that = vnode.context |
||||||
|
let time = binding.value |
||||||
|
let timer = setInterval(() => { |
||||||
|
let timeList = time.split(':') |
||||||
|
let total = Number.parseInt(timeList[0] * 60 * 60) + Number.parseInt(timeList[1] * 60) + Number.parseInt(timeList[2]) |
||||||
|
if(total > 0){ |
||||||
|
--total |
||||||
|
let hours = Math.floor(total / (60 * 60)) |
||||||
|
let minutes = Math.floor(total % (60 * 60) / 60) |
||||||
|
let seconds = Math.floor(total % (60 * 60) % 60) |
||||||
|
time = `${that.formateTime(hours)}:${that.formateTime(minutes)}:${that.formateTime(seconds)}` |
||||||
|
}else{ |
||||||
|
clearInterval(timer) |
||||||
|
} |
||||||
|
console.log(11,time) |
||||||
|
el.innerHTML = time |
||||||
|
},1000) |
||||||
|
that.timerList.push(timer) |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
'form.month': function(val){ |
||||||
|
if(val){ |
||||||
|
let unit = 24 * 60 * 60 * 1000 |
||||||
|
this.date = [this.formatDate('yyyy-MM-dd',new Date(new Date().getTime() - unit * 30 * val)),this.formatDate('yyyy-MM-dd',new Date(new Date().getTime() + unit))] |
||||||
|
}else{ |
||||||
|
this.date = [] |
||||||
|
} |
||||||
|
}, |
||||||
|
date: function(val){ |
||||||
|
if(val){ |
||||||
|
this.form.startTime = val[0] |
||||||
|
this.form.stopTime = val[1] |
||||||
|
}else{ |
||||||
|
this.form.startTime = '' |
||||||
|
this.form.stopTime = '' |
||||||
|
} |
||||||
|
this.getData() |
||||||
|
}, |
||||||
|
keyword: function(val) { |
||||||
|
clearTimeout(this.searchTimer) |
||||||
|
this.searchTimer = setTimeout(() => { |
||||||
|
this.getData() |
||||||
|
},500) |
||||||
|
} |
||||||
|
}, |
||||||
|
computed: { |
||||||
|
role() { |
||||||
|
return this.name === 'admin' ? '超级管理员' : '普通用户'; |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted() { |
||||||
|
this.getData() |
||||||
|
this.timer = setInterval(this.getData,1000) |
||||||
|
this.$once('hook:beforeDestroy',() => { |
||||||
|
clearInterval(this.timer) |
||||||
|
}) |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
getData() { |
||||||
|
let data = { |
||||||
|
type: this.form.type, |
||||||
|
startTime: this.form.startTime, |
||||||
|
stopTime: this.form.stopTime, |
||||||
|
month: this.form.month, |
||||||
|
searchContent: this.encodeString(this.keyword), |
||||||
|
status: this.form.status, |
||||||
|
page: this.pageNo, |
||||||
|
size: this.pageSize, |
||||||
|
systemId: this.systemId, |
||||||
|
schoolId: this.schoolId ? this.schoolId : '' |
||||||
|
} |
||||||
|
this.$get(this.api.expList,data).then(res => { |
||||||
|
this.customerData = res.list.list |
||||||
|
this.totals = res.list.totalCount |
||||||
|
}).catch(res => {}); |
||||||
|
}, |
||||||
|
permission(){ |
||||||
|
this.$router.push('/permission') |
||||||
|
}, |
||||||
|
add(){ |
||||||
|
this.$router.push('addMatch') |
||||||
|
}, |
||||||
|
edit(row){ |
||||||
|
this.$router.push(`addMatch?id=${row.id}`) |
||||||
|
}, |
||||||
|
show(row){ |
||||||
|
this.$store.commit('addExperimentData',{experimentData: { |
||||||
|
id: row.id, |
||||||
|
name: row.projectName, |
||||||
|
class: row.experimentalClassName, |
||||||
|
systemId: this.systemId, |
||||||
|
projectId: row.projectId, |
||||||
|
experimentalName: row.experimentalName |
||||||
|
}}) |
||||||
|
this.$router.push('experimentTeach') |
||||||
|
}, |
||||||
|
start(row){ |
||||||
|
let data = { |
||||||
|
id: row.id, |
||||||
|
startTime: this.formatDate("yyyy-MM-dd hh:mm:ss",new Date()), |
||||||
|
status: 2 |
||||||
|
} |
||||||
|
this.$post(this.api.expUpdate,data).then(res => { |
||||||
|
if(res.errmessage == 'success') { |
||||||
|
this.$message.success('启动成功！') |
||||||
|
this.getData() |
||||||
|
} |
||||||
|
}).catch(res => {}); |
||||||
|
}, |
||||||
|
finish(row){ |
||||||
|
this.$confirm('确定要提前结束吗？', '提示', { |
||||||
|
type: 'warning' |
||||||
|
}) |
||||||
|
.then(() => { |
||||||
|
let data = { |
||||||
|
id: row.id, |
||||||
|
stopTime: this.formatDate("yyyy-MM-dd hh:mm:ss",new Date()), |
||||||
|
status: 3 |
||||||
|
} |
||||||
|
this.$post(this.api.expUpdate,data).then(res => { |
||||||
|
if(res.errmessage == 'success') { |
||||||
|
this.$message.success('提前结束成功！') |
||||||
|
this.getData() |
||||||
|
} |
||||||
|
}).catch(res => {}); |
||||||
|
}) |
||||||
|
.catch(() => {}) |
||||||
|
}, |
||||||
|
delData(row) { |
||||||
|
this.$confirm('确定要删除吗？', '提示', { |
||||||
|
type: 'warning' |
||||||
|
}) |
||||||
|
.then(() => { |
||||||
|
this.$post(this.api.expDelete,[row.id]).then(res => { |
||||||
|
this.$message.success('删除成功'); |
||||||
|
this.getData() |
||||||
|
}).catch(res => {}); |
||||||
|
}) |
||||||
|
.catch(() => {}); |
||||||
|
}, |
||||||
|
delAllData() { |
||||||
|
if(this.multipleSelection.length != ''){ |
||||||
|
let newArr = this.multipleSelection |
||||||
|
let delList = newArr.map(item => { |
||||||
|
return item.id |
||||||
|
}) |
||||||
|
|
||||||
|
this.$confirm('确定要删除吗？', '提示', { |
||||||
|
type: 'warning' |
||||||
|
}) |
||||||
|
.then(() => { |
||||||
|
let data = delList |
||||||
|
this.$post(this.api.expDelete,data).then(res => { |
||||||
|
this.$refs.table.clearSelection() |
||||||
|
this.$message.success('删除成功'); |
||||||
|
this.getData() |
||||||
|
}).catch(res => {}); |
||||||
|
}) |
||||||
|
.catch(() => {}); |
||||||
|
}else{ |
||||||
|
this.$message.error('请先选择数据 ！'); |
||||||
|
} |
||||||
|
}, |
||||||
|
handleSelectionChange(val) { |
||||||
|
this.multipleSelection = val; |
||||||
|
}, |
||||||
|
onSearch(){ |
||||||
|
this.pageNo = 1 |
||||||
|
this.getData() |
||||||
|
}, |
||||||
|
handleCurrentChange(val) { |
||||||
|
this.pageNo = val; |
||||||
|
this.getData(); |
||||||
|
}, |
||||||
|
transferTime(date,type){ |
||||||
|
if(date == '0000-00-00 00:00:00') return '---' |
||||||
|
return date |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped> |
||||||
|
.mag{ |
||||||
|
margin-right: 20px; |
||||||
|
} |
||||||
|
/deep/.el-tabs__nav-wrap::after{ |
||||||
|
display: none; |
||||||
|
} |
||||||
|
.no-mb /deep/.el-form-item{ |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue