<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>
