考试

pages/learnPath/examScore.vue

@@ -0,0 +1,133 @@
+<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>