mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-mobile.git
synced 2025-12-12 20:36:46 +08:00
134 lines
2.6 KiB
Vue
134 lines
2.6 KiB
Vue
<template>
|
||
<view class="externalexam">
|
||
<view class="title">
|
||
<view class="text">考试详情</view>
|
||
<img @click="$router.back(-1);" class="img" src="../../static/images/learnpath/return.png" alt="">
|
||
</view>
|
||
<view class="notice">
|
||
<view class="noticebox">
|
||
<view class="main">
|
||
<view class="e_title">
|
||
【考试】{{ datainfo.examinationName }}
|
||
</view>
|
||
<view class="et_detail">
|
||
数据来源：
|
||
<view class="et_time">
|
||
{{ datainfo.source ? datainfo.source : "-" }}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="noticebox">
|
||
<view class="btnbox">考试说明</view>
|
||
<view class="e_form">
|
||
{{
|
||
datainfo.examinationExplain
|
||
? datainfo.examinationExplain
|
||
: "暂无考试说明"
|
||
}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import { queryExternalExam } from "@/api/modules/growth.js"
|
||
export default {
|
||
data() {
|
||
return {
|
||
datainfo: {},
|
||
}
|
||
},
|
||
onLoad() {
|
||
queryExternalExam({
|
||
externalId: this.$route.query.courseId
|
||
}).then(res=>{
|
||
console.log(res,'res')
|
||
this.datainfo = res.data
|
||
})
|
||
},
|
||
methods: {
|
||
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.externalexam {
|
||
width: 100%;
|
||
background-color: #f2f5f7;
|
||
.title{
|
||
display: flex;
|
||
height: 88rpx;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background: #fff;
|
||
position: relative;
|
||
.text{
|
||
font-size: 18px;
|
||
font-weight: 600;
|
||
color: #323233;
|
||
}
|
||
.img{
|
||
position: absolute;
|
||
left: 2.5%;
|
||
width: 20rpx;
|
||
}
|
||
}
|
||
.notice {
|
||
width: 100%;
|
||
margin-top: 10px;
|
||
font-size: 14px;
|
||
}
|
||
.noticebox {
|
||
width: 100%;
|
||
background: #fff;
|
||
margin-bottom: 11.5px;
|
||
.main {
|
||
width: 90%;
|
||
margin: 0 auto;
|
||
padding-top: 18px;
|
||
padding-bottom: 18px;
|
||
}
|
||
}
|
||
.e_title {
|
||
margin-bottom: 14.5px;
|
||
font-weight: 600;
|
||
}
|
||
.et_detail {
|
||
display: flex;
|
||
margin-bottom: 11.5px;
|
||
align-items: center;
|
||
.et_time {
|
||
color: #6e7b84;
|
||
}
|
||
}
|
||
|
||
.btnbox {
|
||
width: 90%;
|
||
height: 50px;
|
||
border-bottom: 1px solid #f1f2f3;
|
||
display: flex;
|
||
align-items: center;
|
||
font-size: 16px;
|
||
font-weight: bold;
|
||
color: #0d233a;
|
||
line-height: 24px;
|
||
padding-left: 5%;
|
||
}
|
||
.e_form {
|
||
width: 90%;
|
||
min-height: 40px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
font-size: 12px;
|
||
color: #6e7b84;
|
||
margin-left: 5%;
|
||
line-height: 30px;
|
||
margin-top: 20px;
|
||
}
|
||
}
|
||
</style>
|