Merge branch 'test' of https://git.code.tencent.com/lian-cbtc/jl-client into test
This commit is contained in:
joylink_cuiweidong
commit
f0cb7a11cf
@ -75,5 +75,6 @@ export default {
|
|||||||
deviceManage: 'Device management',
|
deviceManage: 'Device management',
|
||||||
iscsDraw: 'Iscs Draw',
|
iscsDraw: 'Iscs Draw',
|
||||||
iscsSystem: 'Iscs System',
|
iscsSystem: 'Iscs System',
|
||||||
studentManage: 'Student manage'
|
studentManage: 'Student manage',
|
||||||
|
examDetail: 'Exam detail'
|
||||||
};
|
};
|
||||||
|
|||||||
@ -32,7 +32,7 @@ export default {
|
|||||||
|
|
||||||
save: '保存',
|
save: '保存',
|
||||||
updata: '更新',
|
updata: '更新',
|
||||||
updateObj: '修改名称',
|
updateObj: '修改',
|
||||||
updateObjAxis: '更新坐标',
|
updateObjAxis: '更新坐标',
|
||||||
saveAs: '另存为',
|
saveAs: '另存为',
|
||||||
publish: '发布',
|
publish: '发布',
|
||||||
|
|||||||
@ -79,5 +79,6 @@ export default {
|
|||||||
studentManage: '学生管理',
|
studentManage: '学生管理',
|
||||||
competitionManage: '竞赛管理',
|
competitionManage: '竞赛管理',
|
||||||
refereeJManage: '仿真管理',
|
refereeJManage: '仿真管理',
|
||||||
homeJsxt: '首页'
|
homeJsxt: '首页',
|
||||||
|
examDetail: '考试详情'
|
||||||
};
|
};
|
||||||
|
|||||||
@ -121,6 +121,7 @@ const DeviceManage = () => import('@/views/system/deviceManage/index');
|
|||||||
const MapSort = () => import('@/views/publish/publishMap/mapSort');
|
const MapSort = () => import('@/views/publish/publishMap/mapSort');
|
||||||
const StudentManage = () => import('@/views/studentManage');
|
const StudentManage = () => import('@/views/studentManage');
|
||||||
|
|
||||||
|
const CompetitionDetail = () => import('@/views/jsxt/competition/examDetail');
|
||||||
const CompetitionManage = () => import('@/views/jsxt/competition/index');
|
const CompetitionManage = () => import('@/views/jsxt/competition/index');
|
||||||
const RefereeList = () => import('@/views/jsxt/refereeList/index');
|
const RefereeList = () => import('@/views/jsxt/refereeList/index');
|
||||||
const homeJsxt = () => import('@/views/jsxt/home/index');
|
const homeJsxt = () => import('@/views/jsxt/home/index');
|
||||||
@ -1006,6 +1007,15 @@ export const JSXT = [
|
|||||||
icon: 'design',
|
icon: 'design',
|
||||||
hidden: true
|
hidden: true
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'examDetail',
|
||||||
|
component: CompetitionDetail,
|
||||||
|
meta: {
|
||||||
|
il8n: 'router.examDetail',
|
||||||
|
icon: 'design',
|
||||||
|
hidden: true
|
||||||
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|||||||
348
src/views/jsxt/competition/examDetail.vue
Normal file
348
src/views/jsxt/competition/examDetail.vue
Normal file
@ -0,0 +1,348 @@
|
|||||||
|
<template>
|
||||||
|
<div class="joylink-card">
|
||||||
|
<div class="card-title">
|
||||||
|
<b>{{ $t('exam.nameOfTestPaper') +': ' + examDetails.name }}</b>
|
||||||
|
</div>
|
||||||
|
<div class="card_content">
|
||||||
|
<el-scrollbar wrap-class="scrollbar-wrapper">
|
||||||
|
<p class="list-item">
|
||||||
|
<span class="list-label">{{ $t('exam.examStartTime') +':' }}</span>
|
||||||
|
<span v-if="examDetails.startTime" class="list-elem">
|
||||||
|
{{ examDetails.startTime }} - {{ examDetails.endTime }}</span>
|
||||||
|
<span v-else class="list-elem">{{ $t('exam.theExamIsReadyAnyTime') }}</span>
|
||||||
|
</p>
|
||||||
|
<p class="list-item">
|
||||||
|
<span class="list-label">{{ $t('exam.testExplanation') + ':' }}</span>
|
||||||
|
<span class="list-elem">{{ examDetails.remarks }}</span>
|
||||||
|
</p>
|
||||||
|
<p class="list-item">
|
||||||
|
<span class="list-label">{{ $t('exam.examTimeAvailable') + ':' }}</span>
|
||||||
|
<span class="list-elem" v-html="parseInt(examDetails.duration) / 60 + $t('exam.minutes')" />
|
||||||
|
</p>
|
||||||
|
<p class="list-item">
|
||||||
|
<span class="list-label">{{ $t('exam.fullMarksInTheExam') + ':' }}</span>
|
||||||
|
<span class="list-elem">{{ examDetails.fullPoint }}</span>
|
||||||
|
</p>
|
||||||
|
<p class="list-item">
|
||||||
|
<span class="list-label">{{ $t('exam.passMarkTheExam') + ':' }}</span>
|
||||||
|
<span class="list-elem">{{ examDetails.passingPoint }}</span>
|
||||||
|
</p>
|
||||||
|
<p class="list-item">
|
||||||
|
<span class="list-label">{{ $t('exam.examinationRules') + ':' }}</span>
|
||||||
|
<span class="list-elem">
|
||||||
|
<p class="list-table">
|
||||||
|
<el-table :data="examDetails.examDefinitionRulesVOList" border show-summary>
|
||||||
|
<el-table-column prop="name" :label="this.$t('exam.trainingType')" width="180" />
|
||||||
|
<el-table-column prop="num" :label="this.$t('exam.numberOfQuestions')" />
|
||||||
|
<el-table-column prop="point" :label="this.$t('exam.score')" />
|
||||||
|
<el-table-column prop="chapterIdLong" :label="this.$t('exam.totalScore')" />
|
||||||
|
</el-table>
|
||||||
|
</p>
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
<div class="btn-start">
|
||||||
|
<el-button :disabled="disabled" type="primary" @click="exmaStart">{{ $t('exam.startTheExam') }}</el-button>
|
||||||
|
<el-button :disabled="disabled" @click="back">{{ $t('global.back') }}</el-button>
|
||||||
|
</div>
|
||||||
|
</el-scrollbar>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import { examNotify, examNotifyNew } from '@/api/simulation';
|
||||||
|
import { getExamLessonDetail } from '@/api/management/exam';
|
||||||
|
import { generateExamList } from '@/api/management/userexam';
|
||||||
|
import { getPublishLessonDetail } from '@/api/jmap/lesson';
|
||||||
|
import { PermissionType } from '@/scripts/ConstDic';
|
||||||
|
import { mapGetters } from 'vuex';
|
||||||
|
import { launchFullscreen } from '@/utils/screen';
|
||||||
|
import { UrlConfig } from '@/scripts/ConstDic';
|
||||||
|
import LangStorage from '@/utils/lang';
|
||||||
|
import { getPublishMapInfo } from '@/api/jmap/map';
|
||||||
|
import ConstConfig from '@/scripts/ConstConfig';
|
||||||
|
import CMD from '@/scripts/cmdPlugin/CommandEnum';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'ExamDetailView',
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
disabled: false,
|
||||||
|
examDetails: {
|
||||||
|
lessonId: '',
|
||||||
|
name: '',
|
||||||
|
remarks: '',
|
||||||
|
examDefinitionRulesVOList: [],
|
||||||
|
startTime: '',
|
||||||
|
endTime: '',
|
||||||
|
fullPoint: '',
|
||||||
|
passingPoint: '',
|
||||||
|
duration: 0,
|
||||||
|
type: ''
|
||||||
|
},
|
||||||
|
typeList: [],
|
||||||
|
examList: [],
|
||||||
|
trainingOperateTypeMap: {},
|
||||||
|
drawWay: false,
|
||||||
|
lineCode: '' // 线路对应的皮肤
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapGetters('trainingList', [
|
||||||
|
'trainingList'
|
||||||
|
])
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
'$route.params.examId': function (val) {
|
||||||
|
this.loadInitPage(val);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async mounted() {
|
||||||
|
// this.loadInitPage(this.$route.params.examId);
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
async getList() {
|
||||||
|
this.typeList = [];
|
||||||
|
for (const val in ConstConfig.ConstSelect.trainingDeviceType) {
|
||||||
|
this.typeList.push({name: LangStorage.getLang() == 'en' ? ConstConfig.ConstSelect.trainingDeviceType[val].enlabel : ConstConfig.ConstSelect.trainingDeviceType[val].label, code: val});
|
||||||
|
}
|
||||||
|
this.trainingOperateTypeMap = {
|
||||||
|
Switch: [],
|
||||||
|
Section: [],
|
||||||
|
Signal: [],
|
||||||
|
Stand: [],
|
||||||
|
Station: [],
|
||||||
|
ControlConvertMenu: [],
|
||||||
|
TrainWindow: []
|
||||||
|
};
|
||||||
|
let ele;
|
||||||
|
for ( ele in CMD['Switch']) {
|
||||||
|
this.trainingOperateTypeMap['Switch'].push(CMD['Switch'][ele]);
|
||||||
|
}
|
||||||
|
for ( ele in CMD['Section']) {
|
||||||
|
this.trainingOperateTypeMap['Section'].push(CMD['Section'][ele]);
|
||||||
|
}
|
||||||
|
for ( ele in CMD['Signal']) {
|
||||||
|
this.trainingOperateTypeMap['Signal'].push(CMD['Signal'][ele]);
|
||||||
|
}
|
||||||
|
for ( ele in CMD['Stand']) {
|
||||||
|
this.trainingOperateTypeMap['Stand'].push(CMD['Stand'][ele]);
|
||||||
|
}
|
||||||
|
for ( ele in CMD['Station']) {
|
||||||
|
this.trainingOperateTypeMap['Station'].push(CMD['Station'][ele]);
|
||||||
|
}
|
||||||
|
for ( ele in CMD['ControlConvertMenu']) {
|
||||||
|
this.trainingOperateTypeMap['ControlConvertMenu'].push(CMD['ControlConvertMenu'][ele]);
|
||||||
|
}
|
||||||
|
for ( ele in CMD['Train']) {
|
||||||
|
this.trainingOperateTypeMap['TrainWindow'].push(CMD['Train'][ele]);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async loadInitPage(examId) {
|
||||||
|
if (examId) {
|
||||||
|
try {
|
||||||
|
const response = await getPublishMapInfo(this.$route.query.mapId);
|
||||||
|
if (response.data) {
|
||||||
|
this.drawWay = response.data.drawWay;
|
||||||
|
this.lineCode = response.data.lineCode;
|
||||||
|
this.typeList = [];
|
||||||
|
await this.getList();
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
this.$message.error(this.$t('error.getMapDataFailed'));
|
||||||
|
}
|
||||||
|
const res = await getExamLessonDetail(examId);
|
||||||
|
this.examDetails = res.data;
|
||||||
|
this.examDetails.examDefinitionRulesVOList.forEach((res, index) => {
|
||||||
|
res.chapterIdLong = Number(res.num) * Number(res.point);
|
||||||
|
this.typeList.forEach(v => {
|
||||||
|
if (res.trainingType == v.code) {
|
||||||
|
this.examDetails.examDefinitionRulesVOList[index].name = v.name;
|
||||||
|
if (res.operateType) {
|
||||||
|
this.trainingOperateTypeMap[res.trainingType].forEach(item => {
|
||||||
|
if ((item.code || item.value) === res.operateType) {
|
||||||
|
this.examDetails.examDefinitionRulesVOList[index].name = `${this.examDetails.examDefinitionRulesVOList[index].name}-${item.name || item.label}`;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
buy() {
|
||||||
|
getPublishLessonDetail({ id: this.examDetails.lessonId }).then((res) => {
|
||||||
|
this.$router.push({
|
||||||
|
path: `${UrlConfig.trainingPlatform.pay}/${this.examDetails.lessonId}`,
|
||||||
|
query: { permissionType: PermissionType.EXAM, lessonId: this.examDetails.lessonId, prdType: res.data.prdType, mapId: res.data.mapId }
|
||||||
|
});
|
||||||
|
}).catch(() => {
|
||||||
|
this.$messageBox(this.$t('error.obtainCourseDetailsFailed'));
|
||||||
|
});
|
||||||
|
|
||||||
|
},
|
||||||
|
async examDetail() {
|
||||||
|
const data = this.examDetails;
|
||||||
|
try {
|
||||||
|
const response = await generateExamList(data.id);
|
||||||
|
this.examList = response.data.userExamQuestionsVOs;
|
||||||
|
this.userExam = response.data;
|
||||||
|
const list = response.data.userExamQuestionsVOs;
|
||||||
|
await this.$store.dispatch('exam/setUsedTime', this.userExam.usedTime);
|
||||||
|
await this.$store.dispatch('exam/setTotalTime', this.userExam.duration);
|
||||||
|
await this.$store.dispatch('trainingList/setTrainingList', list);
|
||||||
|
} catch (error) {
|
||||||
|
// 判断是否有考试权限，如果没有权限则跳到购买页面，否则报错
|
||||||
|
if (error.code === 500004) {
|
||||||
|
this.$confirm( this.$t('tip.noCourseAuthority'), this.$t('tip.hint'), {
|
||||||
|
cancelButtonText: this.$t('global.cancel'),
|
||||||
|
confirmButtonText: this.$t('global.confirm'),
|
||||||
|
type: 'warning',
|
||||||
|
center: true
|
||||||
|
}).then(() => {
|
||||||
|
this.buy();
|
||||||
|
}).catch(() => { });
|
||||||
|
} else if (error.code === 500005) {
|
||||||
|
this.$messageBox(this.$t('tip.notWithinTheScopeOfTheExamination'));
|
||||||
|
} else {
|
||||||
|
this.$messageBox(`${error.message}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async exmaStart() {
|
||||||
|
this.disabled = true;
|
||||||
|
await this.examDetail();
|
||||||
|
if (this.examList.length && !this.drawWay) {
|
||||||
|
examNotify({ examId: this.$route.params.examId }).then(resp => {
|
||||||
|
const query = {
|
||||||
|
group: resp.data,
|
||||||
|
trainingId: this.examList[0].trainingId,
|
||||||
|
userExamId: this.userExam.id,
|
||||||
|
examQuestionId: this.examList[0].id,
|
||||||
|
subSystem: this.$route.query.subSystem,
|
||||||
|
examId: this.$route.params.examId,
|
||||||
|
mapId: this.$route.query.mapId,
|
||||||
|
lineCode: this.lineCode
|
||||||
|
};
|
||||||
|
this.$router.push({ path: `${UrlConfig.display}/exam`, query: query });
|
||||||
|
launchFullscreen();
|
||||||
|
}).catch(error => {
|
||||||
|
this.disabled = false;
|
||||||
|
this.$messageBox( this.$t('error.createSimulationFailed') + `: ${error.message}`);
|
||||||
|
});
|
||||||
|
} else if (this.examList.length && this.drawWay) {
|
||||||
|
examNotifyNew({ examId: this.$route.params.examId }).then(resp => {
|
||||||
|
const query = {
|
||||||
|
group: resp.data,
|
||||||
|
trainingId: this.examList[0].trainingId,
|
||||||
|
userExamId: this.userExam.id,
|
||||||
|
examQuestionId: this.examList[0].id,
|
||||||
|
subSystem: this.$route.query.subSystem,
|
||||||
|
examId: this.$route.params.examId,
|
||||||
|
mapId: this.$route.query.mapId,
|
||||||
|
lineCode: this.lineCode
|
||||||
|
};
|
||||||
|
this.$router.push({ path: `${UrlConfig.displayNew}/exam`, query: query });
|
||||||
|
launchFullscreen();
|
||||||
|
}).catch(error => {
|
||||||
|
this.disabled = false;
|
||||||
|
this.$messageBox( this.$t('error.createSimulationFailed') + `: ${error.message}`);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
this.disabled = false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
back() {
|
||||||
|
this.disabled = true;
|
||||||
|
setTimeout(() => {
|
||||||
|
this.$router.push({ path: `${UrlConfig.trainingPlatform.course}/${this.$route.query.subSystem}`, query: {lessonId: this.examDetails.lessonId}});
|
||||||
|
}, 100);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
||||||
|
@import "src/styles/mixin.scss";
|
||||||
|
.joylink-card{
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
.card-title{
|
||||||
|
height: 47px;
|
||||||
|
line-height: 47px;
|
||||||
|
text-align: center;
|
||||||
|
border-bottom: 1px solid #e6e6e6;
|
||||||
|
}
|
||||||
|
.card_content{
|
||||||
|
padding:50px;
|
||||||
|
padding-right: 0;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu li {
|
||||||
|
border-right: solid white 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
line-height: 22px;
|
||||||
|
margin: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.noList {
|
||||||
|
text-align: center;
|
||||||
|
padding-top: 20px;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-buy {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
padding-right: 50px;
|
||||||
|
transform: translateY(-30px);
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ {
|
||||||
|
.el-table__footer-wrapper {
|
||||||
|
.is-leaf:nth-child(3) {
|
||||||
|
font-size: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-weight: bold
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-item {
|
||||||
|
font-size: 16px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-label {
|
||||||
|
display: -moz-inline-box;
|
||||||
|
display: inline-block;
|
||||||
|
text-align: right;
|
||||||
|
width: 120px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-table {
|
||||||
|
padding-top: 10px;
|
||||||
|
padding-left: 120px;
|
||||||
|
width: calc(100% - 80px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-elem {
|
||||||
|
color: #808080 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-start {
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue
Block a user