kubbo/dvcp_v2_wechat_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

考试记录

Browse Source
This commit is contained in:
liuye
2023-02-14 17:38:03 +08:00
parent bb744c49b9
commit 9a8227e43c
1 changed files with 27 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/project/qujing/AppMine/testList.vue
View File

@@ -5,11 +5,12 @@
<div class="top" @click="toTestResult(item.id)"> <div class="top" @click="toTestResult(item.id)">
<div class="flex-left"> <div class="flex-left">
<h3>{{item.examinationName}}</h3> <h3>{{item.examinationName}}</h3>
<p class="mar-b16">共<span>{{item.allSubjectNumber}}</span>题,预计<span>10</span>分钟</p> <p class="mar-b16">共<span>{{item.allSubjectNumber}}</span>题,预计<span>{{item.allSubjectNumber*2}}</span>分钟</p>
<p>{{item.passNumber}}人通过/{{item.examinationNumber}}人参与</p> <p>{{item.passNumber}}人通过/{{item.examinationNumber}}人参与</p>
</div> </div>
<div class="flex-right"> <div class="flex-right" v-if="item.myRecord.assessmentType != null">
<img :src="statusImgList[item.assessmentType]" alt="" /> <img :src="statusImgList[item.myRecord.assessmentType]" alt="" />
<div :class="`score-type`+item.myRecord.assessmentType">{{ item.myRecord.score }}</div>
</div> </div>
</div> </div>
<div class="bottom" @click="toTestForm(item.id)">重新考试</div> <div class="bottom" @click="toTestForm(item.id)">重新考试</div>
@@ -87,7 +88,7 @@ export default {
position: relative; position: relative;
display: flex; display: flex;
.flex-left { .flex-left {
width: calc(100% - 204px); width: calc(100% - 200px);
h3 { h3 {
width: 100%; width: 100%;
line-height: 48px; line-height: 48px;
@@ -111,9 +112,29 @@ export default {
} }
} }
.flex-right { .flex-right {
position: relative;
img { img {
width: 160px; width: 200px;
height: 160px; height: 200px;
}
div {
width: 100px;
line-height: 56px;
text-align: center;
font-family: PingFangSC-Medium;
font-weight: 500;
font-size: 40px;
text-align: center;
position: absolute;
top: 60px;
left: 50%;
margin-left: -50px;
}
.score-type0, .score-type1, .score-type2 {
color: #0FC484;
}
.score-type3 {
color: #E23C3C;
} }
} }
} }