Commit 8b7ce0b0 authored by 黄奎's avatar 黄奎
parents 9689b99a 78ac306a
......@@ -19,112 +19,216 @@
cursor: pointer;
}
.setCt {
margin-bottom: 12px;
}
.setCt:after {
content: "020";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.papPub_Left {
display: inline-block;
width: 104px;
line-height: 34px;
}
.f1 {
float: left;
}
.pcomRow {
align-items: center;
}
.selectClass {
width: 1026px;
border: 1px dashed #E1E1E5;
padding-top: 12px;
border-radius: 4px;
padding: 12px 4px 0 4px;
margin-top: 5px;
}
.selectClass span {
display: inline-block;
background: #F2F5FA;
padding: 0 10px;
height: 26px;
line-height: 26px;
border-radius: 14px;
color: #181E33;
margin-left: 10px;
margin-bottom: 12px;
position: relative;
font-size: 12px;
}
.selectClass span i {
position: absolute;
right: -8px;
top: -10px;
display: none;
color: gray;
cursor: pointer;
}
.selectClass span:hover i {
display: block;
}
.paper_QuesDes{
font-size: 12px;
color: #A8A8B3;
display: block;
margin:0 0 15px 28px;
}
</style>
<template>
<div class="page-body">
发布考试
<div class="row">
<q-btn color="accent" size="sm" @click="showClassStu" class="q-mr-md" label="选择学员"  /><br />
<template v-if="postMsg.StudentList&&postMsg.StudentList.length>0">
<span v-for="(item,index) in postMsg.StudentList" :key="index"
style="padding-left:5px;">{{item.GuestName}}</span>
</template>
<div style="margin:5px 0 10px 0">发布考试</div>
<div class="setCt">
<span class="papPub_Left f1">发放对象</span>
<div class="f1" style="margin-top:5px;">
<q-btn color="accent" size="sm" @click="showClassStu" class="q-mr-md" label="选择学员"  /><br />
<div class="selectClass" v-if="postMsg.StudentList&&postMsg.StudentList.length>0">
<span v-for="(item,index) in postMsg.StudentList" :key="index" style="padding-left:5px;">{{item.GuestName}} <i
class="iconfont icon-shanchu1"></i>
</span>
</div>
</div>
</div>
<div class="row">
<q-input filled stack-label maxlength="30" :dense="false" v-model="postMsg.ExamStartTime"
class="col-6 q-pb-lg q-pr-lg" label="开始时间" />
<q-input filled stack-label maxlength="30" :dense="false" v-model="postMsg.ExamEndTime" class="col-6 q-pb-lg"
label="结束时间" />
<div class="setCt">
<span class="papPub_Left f1">发放时间</span>
<div class="f1">
<q-input filled v-model="postMsg.ExamStartTime" mask="####-##-## ##:##:##" label="开始时间" ref="StartTime"
:rules="[val => !!val || '请选择开始时间']">
<template v-slot:append>
<q-icon name="event" class="cursor-pointer">
<q-popup-proxy ref="qDateProxy" transition-show="scale" transition-hide="scale">
<div class="q-gutter-md row items-start">
<q-date v-model="postMsg.ExamStartTime" mask="YYYY-MM-DD HH:mm:ss"></q-date>
<q-time v-model="postMsg.ExamStartTime" format24h mask="YYYY-MM-DD HH:mm:ss"/>
</div>
<q-btn v-close-popup label="关闭" color="primary" flat style="float:right" />
</q-popup-proxy>
</q-icon>
</template>
</q-input>
</div>
</div>
<div class="row">
<q-input filled bottom-slots maxlength="10" v-model="postMsg.ExamTimes" label="考试限时" class="col-6 q-pb-lg q-pr-lg"
:dense="false">
<template v-slot:append>
分钟
</template>
</q-input>
<q-input filled bottom-slots maxlength="10" v-model="postMsg.SubmitTimes" label="限时提交" class="col-6 q-pb-lg "
:dense="false">
<template v-slot:append>
分钟内不允许提交
</template>
</q-input>
<div class="setCt">
<span class="papPub_Left f1">结束时间</span>
<div class="f1">
<q-input filled v-model="postMsg.ExamEndTime" mask="####-##-## ##:##:##" label="结束时间" ref="ExamEndTime"
:rules="[val => !!val || '请选择结束时间']">
<template v-slot:append>
<q-icon name="event" class="cursor-pointer">
<q-popup-proxy ref="qDateProxy2" transition-show="scale" transition-hide="scale">
<div class="q-gutter-md row items-start">
<q-date v-model="postMsg.ExamEndTime" mask="YYYY-MM-DD HH:mm:ss"></q-date>
<q-time v-model="postMsg.ExamEndTime" format24h mask="YYYY-MM-DD HH:mm:ss"/>
</div>
<q-btn v-close-popup label="关闭" color="primary" flat style="float:right" />
</q-popup-proxy>
</q-icon>
</template>
</q-input>
</div>
</div>
<div class="row">
<q-input filled bottom-slots maxlength="10" v-model="postMsg.EnterTimes" label="限时进入"
class="col-6 q-pb-lg q-pr-lg" :dense="false">
<template v-slot:append>
分钟后不允许参加考试
</template>
</q-input>
<div class="setCt">
<span class="papPub_Left f1">考试限时</span>
<div class="f1">
<q-input filled bottom-slots maxlength="10" v-model="postMsg.ExamTimes" label="考试限时"
:dense="false">
<template v-slot:append>
<span style="font-size:12px;">分钟</span>
</template>
</q-input>
</div>
</div>
防作弊设置
<br />
<div class="row">
<q-checkbox size="xs" v-model="postMsg.IsQuestionRandom" :true-value="1" :false-value="0" label="题目乱序"
class="col-6 q-pb-lg q-pr-lg" />
<q-checkbox size="xs" v-model="postMsg.IsOptionRandom" :true-value="1" :false-value="0" label="选项乱序"
class="col-6 q-pb-lg " />
<div class="setCt">
<span class="papPub_Left f1">限时提交</span>
<div class="f1">
<q-input filled bottom-slots maxlength="10" v-model="postMsg.SubmitTimes" label="限时提交"
:dense="false">
<template v-slot:append>
<span style="font-size:12px;">分钟内不允许提交</span>
</template>
</q-input>
</div>
</div>
<div class="row">
<span class="col-6 q-pb-lg q-pr-lg">
<div class="setCt">
<span class="papPub_Left f1">限时进入</span>
<div class="f1">
<q-input filled bottom-slots maxlength="10" v-model="postMsg.EnterTimes" label="限时进入"
:dense="false">
<template v-slot:append>
<span style="font-size:12px;">分钟后不允许参加考试</span>
</template>
</q-input>
</div>
</div>
<div class="setCt">
<span class="papPub_Left f1">防作弊设置</span>
<div class="f1">
<q-checkbox size="xs" v-model="postMsg.IsQuestionRandom" :true-value="1" :false-value="0" label="题目乱序" />
<div class="paper_QuesDes">学生接收到的题目显示顺序不同</div>
<q-checkbox size="xs" v-model="postMsg.IsOptionRandom" :true-value="1" :false-value="0" label="选项乱序" />
<div class="paper_QuesDes">学生接收到的题目选项顺序不同</div>
<q-checkbox size="xs" v-model="postMsg.IsLeaveAnswer" :true-value="1" :false-value="0" label="学生离开作答页面" />
<template>
<span style="position:relative;top:2px;">
<el-input style="width:100px;" size="small" v-model="postMsg.LeaveTimes"
&nbsp;<el-input style="width:80px;" size="small" v-model="postMsg.LeaveTimes"
@keyup.native="checkInteger(postMsg,'LeaveTimes')" maxlength="5"></el-input>
&nbsp;&nbsp;次,系统强制收卷
&nbsp;次,系统强制收卷
</span>
</template>
</span>
<q-checkbox size="xs" v-model="postMsg.IsDisableMultiTerminal" :true-value="1" :false-value="0" label="禁止学生多终端考试"
class="col-6 q-pb-lg " />
</div>
<div class="row">
<span class="col-6 q-pb-lg q-pr-lg">
<div class="paper_QuesDes">系统强制收卷后,教师重新发放试卷,学生可以继续作答</div>
<div style="margin-bottom:15px;"><q-checkbox size="xs" v-model="postMsg.IsDisableMultiTerminal" :true-value="1" :false-value="0" label="禁止学生多终端考试" /></div>
<q-checkbox size="xs" v-model="postMsg.IsExamType" :true-value="1" :false-value="0" label="只允许" />
<template>
<span style="position:relative;top:2px;">
<el-select style="width:100px;" size="small" v-model="postMsg.ExamTypeValue">
&nbsp;<el-select style="width:80px;" size="small" v-model="postMsg.ExamTypeValue">
<el-option :value="1" label="App"></el-option>
<el-option :value="2" label="PC"></el-option>
</el-select> &nbsp;&nbsp;考试
</el-select> &nbsp;考试
</span>
</template>
</span>
</div>
<div class="row">
<q-input filled bottom-slots maxlength="100" v-model="postMsg.ExamNotice" label="考试须知(换成UeEditor)"
class="col-6 q-pb-lg q-pr-lg" :dense="false">
</q-input>
</div>
</div>
高级设置
<br />
<div class="row">
<q-checkbox size="xs" v-model="postMsg.IsAutoSubmit" :true-value="1" :false-value="0" label="考试到达截止时间后自动提交"
class="col-6 q-pb-lg q-pr-lg" />
<div class="setCt">
<span class="papPub_Left f1">考试须知</span>
<UeEditor v-model="postMsg.ExamNotice" :config="config" style="margin:30px 0 0 110px" ref="UE_Title"></UeEditor>
</div>
评分设置
<br />
<div class="row">
<q-checkbox size="xs" v-model="postMsg.FillInIsSubject" :true-value="1" :false-value="0" label="填空类型的题目设为主观题"
class="col-6 q-pb-lg q-pr-lg" />
<q-checkbox size="xs" v-model="postMsg.FillInIsIgnore" :true-value="1" :false-value="0" label="填空题答案不区分大小写"
class="col-6 q-pb-lg " />
<div style="margin:20px 0">高级设置</div>
<div class="setCt">
<span class="papPub_Left f1">交卷设置</span>
<q-checkbox size="xs" v-model="postMsg.IsAutoSubmit" :true-value="1" :false-value="0" label="考试到达截止时间后自动提交" />
</div>
<div class="row">
<q-checkbox size="xs" v-model="postMsg.IsHalfScore" :true-value="1" :false-value="0" label="多选题未选全给一半分"
class="col-6 q-pb-lg q-pr-lg" />
<div class="setCt">
<span class="papPub_Left f1">评分设置</span>
<div class="f1">
<q-checkbox size="xs" v-model="postMsg.FillInIsSubject" :true-value="1" :false-value="0" label="填空类型的题目设为主观题" />
<div class="paper_QuesDes">填空题类型的包括填空题、分录题、资料题,设为主观题后需教师手动批阅</div>
<q-checkbox size="xs" v-model="postMsg.FillInIsIgnore" :true-value="1" :false-value="0" label="填空题答案不区分大小写" />
<div class="paper_QuesDes">勾选后,英文大写和小写都可以得分</div>
<q-checkbox size="xs" v-model="postMsg.IsHalfScore" :true-value="1" :false-value="0" label="多选题未选全给一半分" />
<div class="paper_QuesDes">不勾选时全选对才给分</div>
</div>
</div>
<div class="row">
<q-btn color="accent" size="sm" @click="setPublishExam" class="q-mr-md" label="发布考试"  />
<q-btn color="accent" @click="setPublishExam" class="q-mr-md" label="发布考试"  />
</div>
<classstutreeForm v-if="isShowClassStu"  @close="closeClassStuForm"  @success="getClassStuList">
</classstutreeForm>
</div>
</template>
<script>
import UeEditor from '../../components/editor/UeEditor'
import classstutreeForm from '../../components/exam/classstutree-form'
import {
savePublishExam,
......@@ -132,7 +236,8 @@
} from '../../api/teacher/index';
export default {
components: {
classstutreeForm
classstutreeForm,
UeEditor
},
meta: {
title: "发布考试"
......@@ -163,6 +268,11 @@
IsHalfScore: 1, //多选题未选全给一半分(1-是)
StudentList: [],
},
config: {
initialFrameWidth: null,
initialFrameHeight: 80,
},
isShowClassStu: false, //是否显示学员弹窗
}
},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment