|
@@ -0,0 +1,114 @@
|
|
|
+<template>
|
|
|
+ <NavHeader/>
|
|
|
+ <bread-crumb/>
|
|
|
+ <div class="w-1200px m-auto">
|
|
|
+ <div class="relative -mt-40px flex justify-end">
|
|
|
+ <button type="button" class="back-btn" @click="linkTo('process')">返回</button>
|
|
|
+ </div>
|
|
|
+ <div class="w-full h-869px bg-hex-FFF pt-25px">
|
|
|
+ <h3 class="text-18px text-center">详情</h3>
|
|
|
+ <div class="mt-70px pl-300px">
|
|
|
+ <div class="flex">
|
|
|
+ <h3 class="w-80px text-right text-16px leading-20px text-hex-949494 font-bold mr-30px">考试名称</h3>
|
|
|
+ <div class="flex-1 text-16px leading-20px">联考</div>
|
|
|
+ </div>
|
|
|
+ <div class="mt-40px flex">
|
|
|
+ <h3 class="w-80px text-right text-16px leading-20px text-hex-949494 font-bold mr-30px">考试时间</h3>
|
|
|
+ <div class="flex-1 text-16px leading-20px">2022-11-23 至 2022-12-12</div>
|
|
|
+ </div>
|
|
|
+ <div class="mt-40px flex">
|
|
|
+ <h3 class="w-80px text-right text-16px leading-20px text-hex-949494 font-bold mr-30px">考试类型</h3>
|
|
|
+ <div class="flex-1 text-16px leading-20px">联考</div>
|
|
|
+ </div>
|
|
|
+ <div class="mt-40px flex">
|
|
|
+ <h3 class="w-80px text-right text-16px leading-20px text-hex-949494 font-bold mr-30px">联考学校</h3>
|
|
|
+ <div class="flex-1 text-16px leading-20px">蒙阴市中小学 蒙阴市中小学 蒙阴市中小学 蒙阴市中小学</div>
|
|
|
+ </div>
|
|
|
+ <div class="mt-40px flex">
|
|
|
+ <h3 class="w-80px text-right text-16px leading-20px text-hex-949494 font-bold mr-30px">考试年级</h3>
|
|
|
+ <div class="flex-1 text-16px leading-20px">一年级</div>
|
|
|
+ </div>
|
|
|
+ <div class="mt-40px flex">
|
|
|
+ <h3 class="w-80px text-right text-16px leading-20px text-hex-949494 font-bold mr-30px">考试科目</h3>
|
|
|
+ <div class="flex-1 text-16px leading-20px">语文 数学 英语 物理 化学 生物 地理</div>
|
|
|
+ </div>
|
|
|
+ <div class="mt-40px flex">
|
|
|
+ <h3 class="w-80px text-right text-16px leading-20px text-hex-949494 font-bold mr-30px">考试形式</h3>
|
|
|
+ <div class="flex-1 text-16px leading-20px">线上考试</div>
|
|
|
+ </div>
|
|
|
+ <div class="mt-40px flex">
|
|
|
+ <h3 class="w-80px text-right text-16px leading-20px text-hex-949494 font-bold mr-30px">阅卷流程</h3>
|
|
|
+ <div class="flex-1 text-16px leading-20px">先上传后划块</div>
|
|
|
+ </div>
|
|
|
+ <div class="mt-40px flex">
|
|
|
+ <h3 class="text-16px leading-20px w-80px text-right text-hex-949494 font-bold mr-30px">状态</h3>
|
|
|
+ <div class="flex-1 text-16px leading-20px">
|
|
|
+ <span class="inline-block align-middle">进行中</span>
|
|
|
+ <div class="inline-block align-middle ml-10px process-state">
|
|
|
+ <h3 class="state-line">
|
|
|
+ <span style="width: 11%;"></span>
|
|
|
+ </h3>
|
|
|
+ </div>
|
|
|
+ <span class="ml-10px inline-block align-middle">11%</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<route lang="json">
|
|
|
+{
|
|
|
+ "meta":{
|
|
|
+ "title":"阅卷流程详情",
|
|
|
+ "breadcrumb": true
|
|
|
+ }
|
|
|
+}
|
|
|
+</route>
|
|
|
+<script setup>
|
|
|
+import { useRouter } from "vue-router";
|
|
|
+const router = useRouter();
|
|
|
+console.log(router,87)
|
|
|
+const linkTo = (name) => {
|
|
|
+ router.push({ name });
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+.back-btn {
|
|
|
+ width: 90px;
|
|
|
+ height: 36px;
|
|
|
+ background: #fff;
|
|
|
+ border: 1px solid #003eee;
|
|
|
+ border-radius: 4px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #003eee;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.process-state {
|
|
|
+ width: 140px;
|
|
|
+
|
|
|
+ .state-line {
|
|
|
+ width: 100%;
|
|
|
+ height: 5px;
|
|
|
+ background: #e2e2e2;
|
|
|
+ border-radius: 3px;
|
|
|
+
|
|
|
+ span {
|
|
|
+ display: block;
|
|
|
+ height: 5px;
|
|
|
+ background: #003eee;
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .state-info {
|
|
|
+ position: absolute;
|
|
|
+ top: 8px;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 13px;
|
|
|
+ color: #003eee;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|