|
|
@ -2,66 +2,63 @@
|
|
|
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
|
|
|
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
|
|
|
|
<head>
|
|
|
|
<head>
|
|
|
|
<th:block th:include="include :: header('详情')" />
|
|
|
|
<th:block th:include="include :: header('详情')" />
|
|
|
|
|
|
|
|
<th:block th:include="include :: element-css" />
|
|
|
|
</head>
|
|
|
|
</head>
|
|
|
|
<body class="white-bg">
|
|
|
|
<body class="white-bg">
|
|
|
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content" >
|
|
|
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content" id="app">
|
|
|
|
<tbody th:each="columns : ${list}">
|
|
|
|
<div>
|
|
|
|
<div style="border-bottom: 1px solid #ccc;line-height: 41px;box-sizing: border-box">
|
|
|
|
<el-card v-for="item in paperList" style="margin-bottom: 10px; line-height: 30px;">
|
|
|
|
<div class="row">
|
|
|
|
|
|
|
|
<div class="col-sm-6">
|
|
|
|
<el-row :gutter="20">
|
|
|
|
<div class="form-group">
|
|
|
|
<el-col :span="12">
|
|
|
|
<label class="col-sm-4 control-label">考试时间:</label>
|
|
|
|
考试时间:{{ formatDate(item.createTime) }}
|
|
|
|
<div class="col-sm-8">
|
|
|
|
</el-col>
|
|
|
|
<span class="date">[[${#dates.format(columns.updateTime, 'yyyy-MM-dd hh:MM:ss')}]]</span>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<el-col :span="12">
|
|
|
|
</div>
|
|
|
|
考试用时:{{ item.userTime }}分钟
|
|
|
|
</div>
|
|
|
|
</el-col>
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
<el-col :span="12">
|
|
|
|
<label class="col-sm-4 control-label">考试用时:</label>
|
|
|
|
考试得分:{{ item.userScore }}
|
|
|
|
<div class="col-sm-8">
|
|
|
|
</el-col>
|
|
|
|
<span class="date">[[${columns.userTime}]]分钟</span>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<el-col :span="12">
|
|
|
|
</div>
|
|
|
|
是否合格:{{ item.userScore > item.qualifyScore ?'是':'否' }}
|
|
|
|
</div>
|
|
|
|
</el-col>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
<el-col :span="12">
|
|
|
|
<div class="col-sm-6">
|
|
|
|
考试状态:{{ item.state | paperStateFilter }}
|
|
|
|
<div class="form-group">
|
|
|
|
</el-col>
|
|
|
|
<label class="col-sm-4 control-label">考试得分:</label>
|
|
|
|
|
|
|
|
<div class="col-sm-8">
|
|
|
|
</el-row>
|
|
|
|
<span class="date">[[${columns.userScore}]]</span>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</el-card>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
|
|
<label class="col-sm-4 control-label">及格分:</label>
|
|
|
|
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
|
|
|
<span class="date">[[${columns.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 th:if="${columns.state} eq 0 ">考试中</span>
|
|
|
|
|
|
|
|
<span th:if="${columns.state} eq 1 ">待阅卷</span>
|
|
|
|
|
|
|
|
<span th:if="${columns.state} eq 2 ">已完成</span>
|
|
|
|
|
|
|
|
<span th:if="${columns.state} eq 3 ">弃考</span>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</tbody>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<th:block th:include="include :: footer" />
|
|
|
|
<th:block th:include="include :: footer" />
|
|
|
|
|
|
|
|
<th:block th:include="include :: element-js" />
|
|
|
|
<script th:inline="javascript">
|
|
|
|
<script th:inline="javascript">
|
|
|
|
|
|
|
|
var app = new Vue({
|
|
|
|
|
|
|
|
el: '#app',
|
|
|
|
|
|
|
|
data: {
|
|
|
|
|
|
|
|
paperList: []
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
mounted(){
|
|
|
|
|
|
|
|
this.paperList = [[${list}]];
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
methods:{
|
|
|
|
|
|
|
|
formatDate(dateString) {
|
|
|
|
|
|
|
|
const date = new Date(dateString);
|
|
|
|
|
|
|
|
const year = date.getFullYear();
|
|
|
|
|
|
|
|
const month = ('0' + (date.getMonth() + 1)).slice(-2);
|
|
|
|
|
|
|
|
const day = ('0' + date.getDate()).slice(-2);
|
|
|
|
|
|
|
|
const hours = ('0' + date.getHours()).slice(-2);
|
|
|
|
|
|
|
|
const minutes = ('0' + date.getMinutes()).slice(-2);
|
|
|
|
|
|
|
|
const seconds = ('0' + date.getSeconds()).slice(-2);
|
|
|
|
|
|
|
|
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
})
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|
|
</html>
|
|
|
|