luoluo
/
ry_zhky
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

去考试

Browse Source
pg_adapter
dshclm 1 year ago
parent 3574f207e1
commit 576c35be9d
1 changed files with 93 additions and 77 deletions
Show Stats Download Patch File Download Diff File

170
ruoyi-admin/src/main/resources/templates/system/elExam/onlineExam/toExam.html
Unescape View File

@ -4,6 +4,7 @@
<th:block th:include="include :: header('考试')" /> <th:block th:include="include :: header('考试')" />
<th:block th:include="include :: select2-css" /> <th:block th:include="include :: select2-css" />
<th:block th:include="include :: datetimepicker-css" /> <th:block th:include="include :: datetimepicker-css" />
<th:block th:include="include :: element-css" />
</head> </head>
<style> <style>
.select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice { .select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
@ -19,93 +20,108 @@
margin: 5px 0 0 6px; margin: 5px 0 0 6px;
padding: 0 6px; padding: 0 6px;
} }
.pre-exam div {
line-height: 42px;
color: #555555;
}
</style> </style>
<body> <body>
<div class="main-content"> <div class="main-content" id="app">
<form class="form-horizontal" id="form-user-edit" th:object="${exam}"> <div class="app-container">
<input name="id" type="hidden" th:field="*{id}" /> <el-row :gutter="24">
<div class="row">
<div class="col-sm-6"> <el-col :span="24" style="margin-bottom: 20px">
<div class="form-group">
<label class="col-sm-4 control-label">考试名称：</label> <el-alert
<div class="col-sm-8"> title="点击`开始考试`后将自动进入考试，请诚信考试！"
<span>[[${exam.title}]]</span> type="error"
</div> style="margin-bottom: 10px"
</div> >
</div> </el-alert>
</div>
<div class="row"> <el-card class="pre-exam">
<div class="col-sm-6"> <div><strong>考试名称：</strong>[[${ exam.title }]]</div>
<div class="form-group"> <div><strong>考试时长：</strong>[[${ exam.totalTime }]]分钟</div>
<label class="col-sm-4 control-label">考试时长：</label> <div><strong>试卷总分：</strong>[[${ exam.totalScore }]]分</div>
<div class="col-sm-8"> <div><strong>及格分数：</strong>[[${ exam.qualifyScore }]]分</div>
<div class="input-group"> <div><strong>考试描述：</strong>[[${ exam.content }]]</div>
<span>[[${exam.totalTime}]]分钟</span> <div><strong>开放类型：</strong>[[${ exam.openType}]]</div>
</div>
</div> </el-card>
</div>
</div> </el-col>
</div> <el-col :span="24">
<div class="row">
<div class="col-sm-6"> <el-button :loading="loading" type="primary" icon="el-icon-caret-right" onclick="pass()">
<div class="form-group"> 开始考试
<label class="col-sm-4 control-label">试卷总分：</label> </el-button>
<div class="col-sm-8">
<div class="input-group"> <el-button onclick="closeItem()">
<span>[[${exam.totalScore}]]</span> 返回
</div> </el-button>
</div>
</div> </el-col>
</div>
</div> </el-row>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">及格分数：</label>
<div class="col-sm-8">
<span>[[${exam.qualifyScore}]]</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">考试描述：</label>
<div class="col-sm-8">
<span>[[${exam.content}]]</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">开放类型：</label>
<div class="col-sm-8">
<select name="sex" disabled class="form-control m-b" th:with="type=${@dict.getType('sys_open_type')}">
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="*{openType}"></option>
</select>
</div>
</div>
</div>
</div>
</form>
</div>
<div class="row">
<div class="col-sm-offset-5 col-sm-10">
<button type="button" class="btn btn-sm btn-primary" onclick="pass()"><i class="fa fa-check"></i>开始考试</button>&nbsp;
<button type="button" class="btn btn-sm btn-danger" onclick="closeItem()"><i class="fa fa-reply-all"></i>返回</button>
</div> </div>
</div> </div>
<th:block th:include="include :: footer" /> <th:block th:include="include :: footer" />
<th:block th:include="include :: select2-js" /> <th:block th:include="include :: select2-js" />
<th:block th:include="include :: element-js" />
<th:block th:include="include :: datetimepicker-js" /> <th:block th:include="include :: datetimepicker-js" />
<script type="text/javascript"> <script type="text/javascript">
var app = new Vue({
el: '#app',
data:{
detailData: {},
postForm: {
examId: '',
password: ''
},
rules: {
password: [
{ required: true, message: '考试密码不能为空！' }
]
},
loading: false
},
created() {
// this.postForm.examId = this.$route.params.examId
// this.fetchData()
console.log('[[${exam.id}]]')
},
methods: {
fetchData() {
fetchDetail(this.postForm.examId).then(response => {
this.detailData = response.data
})
},
handleCreate() {
const that = this
this.loading = true
createPaper(this.postForm).then(response => {
console.log(response)
if (response.code === 0) {
setTimeout(function () {
this.loading = false
that.dialogVisible = false
that.$router.push({name: 'StartExam', params: {id: response.data.id}})
}, 1000)
}
}).catch(() => {
this.loading = false
})
},
}
})
</script> </script>
</body> </body>

Write Preview
Loading…
Cancel
Save