Commit f1a8b15d authored by 黄奎's avatar 黄奎

。。

parent c8cb8124
...@@ -48,7 +48,7 @@ ...@@ -48,7 +48,7 @@
props: { props: {
paperData: Array, paperData: Array,
saveId: Number, saveId: Number,
isShowJx: Boolean isShowJx: Boolean,
}, },
setup(props, ctx) { setup(props, ctx) {
let data = reactive({ let data = reactive({
......
...@@ -157,6 +157,7 @@ ...@@ -157,6 +157,7 @@
} }
.chooseNum { .chooseNum {
/* background: yellow; */
width: 50rpx; width: 50rpx;
height: 50rpx; height: 50rpx;
text-align: center; text-align: center;
......
...@@ -5,42 +5,27 @@ ...@@ -5,42 +5,27 @@
<view class="name"> <view class="name">
<view> {{ changeNumToHan(sortIndex) }}{{ data.GroupName }} </view> <view> {{ changeNumToHan(sortIndex) }}{{ data.GroupName }} </view>
<view class="ExamIndex_Box"> <view class="ExamIndex_Box">
<text class="Single_Before">{{ ExamIndex }}</text <text class="Single_Before">{{ ExamIndex }}</text>/<text class="Exam_Total">{{ data.DetailsList.length
>/<text class="Exam_Total">{{ data.DetailsList.length }}</text> }}</text>
</view> </view>
</view> </view>
<swiper <swiper class="swiper-box" :style="{
class="swiper-box"
:style="{
height: `calc(100vh - 300rpx - ${statusBarHeight}px)`, height: `calc(100vh - 300rpx - ${statusBarHeight}px)`,
}" }" :autoplay="autoplay" :current="current" @change="onchange">
:autoplay="autoplay"
:current="current"
@change="onchange"
>
<swiper-item v-if="sortIndex != 1"></swiper-item> <swiper-item v-if="sortIndex != 1"></swiper-item>
<swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1"> <swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1">
<view class="item1" :style="{height: `calc(100vh - 390rpx - ${statusBarHeight}px)`}"> <view class="item1" :style="{ height: `calc(100vh - 390rpx - ${statusBarHeight}px)` }">
<view class="flex"> <view class="flex">
<view>{{ index1 + 1 }}</view> <view>{{ index1 + 1 }}</view>
<view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text> <view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{ item1.Score }}</text>
</view> </view>
<view <view v-for="(item2, index2) in item1.QuestionContentObj" :key="index2" class="flex item2"
v-for="(item2, index2) in item1.QuestionContentObj" style="align-items: center;">
:key="index2"
class="flex item2"
style="align-items: center;"
>
<view class="chooseNum">{{ index2 + 1 }}</view> <view class="chooseNum">{{ index2 + 1 }}</view>
<template v-if="isOperate"> <template v-if="isOperate">
<view class="chooseName"> <view class="chooseName">
<input <input type="text" v-model="item2.Content" @input="getIsRes(item1)"
type="text" :placeholder="'请填写第 ' + (index2 + 1) + ' 空答案'" class="input" />
v-model="item2.Content"
@input="getIsRes(item1)"
:placeholder="'请填写第 ' + (index2 + 1) + ' 空答案'"
class="input"
/>
</view> </view>
</template> </template>
<template v-else> <template v-else>
...@@ -51,11 +36,7 @@ ...@@ -51,11 +36,7 @@
<view> <view>
您的答案: 您的答案:
<template v-if="item1.AnswerList && item1.AnswerList.length > 0"> <template v-if="item1.AnswerList && item1.AnswerList.length > 0">
<view <view v-for="(cItem, cIndex) in item1.AnswerList" class="flex" style="margin-top: 20rpx">
v-for="(cItem, cIndex) in item1.AnswerList"
class="flex"
style="margin-top: 20rpx"
>
<view class="chooseNum">{{ cIndex + 1 }}</view> <view class="chooseNum">{{ cIndex + 1 }}</view>
<view class="viewAnswerContent"> <view class="viewAnswerContent">
{{ cItem == "" ? "未作答" : cItem }} {{ cItem == "" ? "未作答" : cItem }}
...@@ -63,22 +44,19 @@ ...@@ -63,22 +44,19 @@
</view> </view>
</template> </template>
</view> </view>
<view style="margin:25rpx 0;" v-if="item1.StudentScore!=''||item1.StudentScore===0"> <view style="margin:25rpx 0;" v-if="item1.StudentScore != '' || item1.StudentScore === 0">
<text style="color:#8c8a94">您的得分:</text> <text style="color:#8c8a94">您的得分:</text>
<text class="isTrueAnswer" v-if="item1.StudentScore>0">{{item1.StudentScore}}</text> <text class="isTrueAnswer" v-if="item1.StudentScore > 0">{{ item1.StudentScore }}</text>
<text class="isNotAnswer" v-else>{{item1.StudentScore}}</text> <text class="isNotAnswer" v-else>{{ item1.StudentScore }}</text>
</view> </view>
<view style="word-wrap: break-word" v-if="item1.AnswerParse"> <view style="word-wrap: break-word" v-if="item1.AnswerParse">
<text style="color: #8c8a94">解析:</text> <text style="color: #8c8a94">解析:</text>
<view <view style="color: #000; display: inline-block" v-html="item1.AnswerParse"></view>
style="color: #000; display: inline-block"
v-html="item1.AnswerParse"
></view>
</view> </view>
</view> </view>
</view> </view>
<view class="AnswerBtn clear"> <view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view> <view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex != 1 || sortIndex != 1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view> <view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view> </view>
</swiper-item> </swiper-item>
...@@ -167,12 +145,12 @@ export default { ...@@ -167,12 +145,12 @@ export default {
}); });
}, },
//点击上一题 //点击上一题
getBeforeExam(){ getBeforeExam() {
data.current = data.current-1; data.current = data.current - 1;
}, },
//点击下一题 //点击下一题
getNextExam(){ getNextExam() {
data.current = data.current+1; data.current = data.current + 1;
} }
}; };
onMounted(() => { onMounted(() => {
...@@ -193,30 +171,36 @@ export default { ...@@ -193,30 +171,36 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{ .AnswerBtn {
margin-top: 20rpx; margin-top: 20rpx;
} }
.clear{ clear:both}
.AnswerBtnFirst{ .clear {
width:250rpx; clear: both
height:60rpx; }
.AnswerBtnFirst {
width: 250rpx;
height: 60rpx;
text-align: center; text-align: center;
line-height: 60rpx; line-height: 60rpx;
border-radius: 10rpx; border-radius: 10rpx;
border:1px solid #00ACF9; border: 1px solid #00ACF9;
color:#00ACF9; color: #00ACF9;
float:left; float: left;
} }
.AnswerBtnSecond{
width:250rpx; .AnswerBtnSecond {
height:60rpx; width: 250rpx;
height: 60rpx;
text-align: center; text-align: center;
line-height: 60rpx; line-height: 60rpx;
border-radius: 10rpx; border-radius: 10rpx;
background-color: #00ACF9; background-color: #00ACF9;
color:#fff; color: #fff;
float:right; float: right;
} }
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -227,6 +211,7 @@ export default { ...@@ -227,6 +211,7 @@ export default {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.isTrueAnswer { .isTrueAnswer {
color: green !important; color: green !important;
} }
...@@ -234,12 +219,14 @@ export default { ...@@ -234,12 +219,14 @@ export default {
.isNotAnswer { .isNotAnswer {
color: red !important; color: red !important;
} }
.AnswerContent { .AnswerContent {
font-size: 30rpx; font-size: 30rpx;
padding: 25rpx; padding: 25rpx;
background-color: #f4f4f4; background-color: #f4f4f4;
border-radius: 5px; border-radius: 5px;
} }
.ExamIndex_Box { .ExamIndex_Box {
margin-right: 40rpx; margin-right: 40rpx;
} }
...@@ -254,7 +241,7 @@ export default { ...@@ -254,7 +241,7 @@ export default {
width: 100%; width: 100%;
border-bottom: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;
padding-bottom: 5px; padding-bottom: 5px;
font-size:30rpx; font-size: 30rpx;
} }
.Exam_Total { .Exam_Total {
...@@ -307,17 +294,18 @@ export default { ...@@ -307,17 +294,18 @@ export default {
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #111111; color: #111111;
width:100%; width: 100%;
} }
.input { .input {
box-sizing: border-box; box-sizing: border-box;
border-bottom: 2rpx solid #000; border-bottom: 2rpx solid #000;
height:70rpx; height: 70rpx;
font-size:26rpx; font-size: 26rpx;
} }
.Exam_Score{
color:#999999; .Exam_Score {
font-size:28rpx; color: #999999;
font-size: 28rpx;
} }
</style> </style>
...@@ -5,86 +5,56 @@ ...@@ -5,86 +5,56 @@
<view class="name"> <view class="name">
<view> <view>
{{ changeNumToHan(sortIndex) }}{{ data.GroupName }} {{ changeNumToHan(sortIndex) }}{{ data.GroupName }}
<text class="Exam_Score" <text class="Exam_Score">{{ data.DetailsList.length }}道,{{ data.GScore }}分)</text>
>(共{{ data.DetailsList.length }}道,{{ data.GScore }}分)</text
>
</view> </view>
<view class="ExamIndex_Box"> <view class="ExamIndex_Box">
<text class="Single_Before">{{ ExamIndex }}</text <text class="Single_Before">{{ ExamIndex }}</text>/<text class="Exam_Total">{{ data.DetailsList.length
>/<text class="Exam_Total">{{ data.DetailsList.length }}</text> }}</text>
</view> </view>
</view> </view>
<swiper <swiper class="swiper-box" :style="{
class="swiper-box"
:style="{
height: `calc(100vh - 300rpx - ${statusBarHeight}px)`, height: `calc(100vh - 300rpx - ${statusBarHeight}px)`,
}" }" :autoplay="autoplay" :current="current" @change="onchange">
:autoplay="autoplay"
:current="current"
@change="onchange"
>
<swiper-item v-if="sortIndex != 1"></swiper-item> <swiper-item v-if="sortIndex != 1"></swiper-item>
<swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1"> <swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1">
<view class="item1" :style="{height: `calc(100vh - 390rpx - ${statusBarHeight}px)`}"> <view class="item1" :style="{ height: `calc(100vh - 390rpx - ${statusBarHeight}px)` }">
<view class="flex"> <view class="flex">
<view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text> <view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{ item1.Score }}</text>
</view> </view>
<view <view v-for="(item2, index2) in item1.QuestionContentObj" :key="index2"
v-for="(item2, index2) in item1.QuestionContentObj" class="item2 flex flex_start_center">
:key="index2"
class="item2 flex flex_start_center"
>
<template v-if="isOperate"> <template v-if="isOperate">
<view <view class="chooseNum" :class="{ myAnswer: item2.IsAnswer }" @click="change(item1, item2)">{{
class="chooseNum" item2.ShowName
:class="{ myAnswer: item2.IsAnswer }" }}
@click="change(item1, item2)"
>{{ item2.ShowName }}
</view> </view>
<view <view class="chooseName" @click="change(item1, item2)" v-html="item2.Content"></view>
class="chooseName"
@click="change(item1, item2)"
v-html="item2.Content"
></view>
</template> </template>
<template v-else> <template v-else>
<view <view class="chooseNum" :class="{ isTrueAnswer: item2.IsAnswer }">{{ item2.Name }}
class="chooseNum"
:class="{ isTrueAnswer: item2.IsAnswer }"
>{{ item2.Name }}
</view> </view>
<view <view class="chooseName" :class="{ isTrueAnswer: item2.IsAnswer }" v-html="item2.Content">
class="chooseName"
:class="{ isTrueAnswer: item2.IsAnswer }"
v-html="item2.Content"
>
</view> </view>
</template> </template>
</view> </view>
<view class="AnswerContent" v-if="!isOperate"> <view class="AnswerContent" v-if="!isOperate">
<view> <view>
<text style="color: #8c8a94">正确答案:</text> <text style="color: #8c8a94">正确答案:</text>
<text class="isTrueAnswer">{{ item1.Answer }}</text <text class="isTrueAnswer">{{ item1.Answer }}</text>
>
<text> <text>
您的答案: 您的答案:
<template v-if="item1.StundetAnswer != ''"> <template v-if="item1.StundetAnswer != ''">
<text <text v-if="item1.Answer == item1.StundetAnswer" class="isTrueAnswer">
v-if="item1.Answer == item1.StundetAnswer"
class="isTrueAnswer"
>
{{ item1.StundetAnswer }},回答正确 {{ item1.StundetAnswer }},回答正确
</text> </text>
<text v-else class="isNotAnswer" <text v-else class="isNotAnswer">{{ item1.StundetAnswer }},回答错误</text>
>{{ item1.StundetAnswer }},回答错误</text
>
</template> </template>
<template v-else> <template v-else>
<text>未作答</text> <text>未作答</text>
</template> </template>
</text> </text>
</view> </view>
<view style="margin: 20rpx 0" v-if="item1.StudentScore!=''||item1.StudentScore===0"> <view style="margin: 20rpx 0" v-if="item1.StudentScore != '' || item1.StudentScore === 0">
<text style="color: #8c8a94">您的得分:</text> <text style="color: #8c8a94">您的得分:</text>
<text class="isTrueAnswer" v-if="item1.StudentScore > 0">{{ <text class="isTrueAnswer" v-if="item1.StudentScore > 0">{{
item1.StudentScore item1.StudentScore
...@@ -93,15 +63,12 @@ ...@@ -93,15 +63,12 @@
</view> </view>
<view style="word-wrap: break-word" v-if="item1.AnswerParse"> <view style="word-wrap: break-word" v-if="item1.AnswerParse">
<text style="color: #8c8a94">解析:</text> <text style="color: #8c8a94">解析:</text>
<view <view style="color: #000; display: inline-block" v-html="item1.AnswerParse"></view>
style="color: #000; display: inline-block"
v-html="item1.AnswerParse"
></view>
</view> </view>
</view> </view>
</view> </view>
<view class="AnswerBtn clear"> <view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view> <view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex != 1 || sortIndex != 1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view> <view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view> </view>
</swiper-item> </swiper-item>
...@@ -193,12 +160,12 @@ export default { ...@@ -193,12 +160,12 @@ export default {
} }
}, },
//点击上一题 //点击上一题
getBeforeExam(){ getBeforeExam() {
data.current = data.current-1; data.current = data.current - 1;
}, },
//点击下一题 //点击下一题
getNextExam(){ getNextExam() {
data.current = data.current+1; data.current = data.current + 1;
} }
}; };
onMounted(() => { onMounted(() => {
...@@ -217,34 +184,40 @@ export default { ...@@ -217,34 +184,40 @@ export default {
...methods, ...methods,
}; };
}, },
onLoad() {}, onLoad() { },
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{ .AnswerBtn {
margin-top: 20rpx; margin-top: 20rpx;
} }
.clear{ clear:both}
.AnswerBtnFirst{ .clear {
width:250rpx; clear: both
height:60rpx; }
.AnswerBtnFirst {
width: 250rpx;
height: 60rpx;
text-align: center; text-align: center;
line-height: 60rpx; line-height: 60rpx;
border-radius: 10rpx; border-radius: 10rpx;
border:1px solid #00ACF9; border: 1px solid #00ACF9;
color:#00ACF9; color: #00ACF9;
float:left; float: left;
} }
.AnswerBtnSecond{
width:250rpx; .AnswerBtnSecond {
height:60rpx; width: 250rpx;
height: 60rpx;
text-align: center; text-align: center;
line-height: 60rpx; line-height: 60rpx;
border-radius: 10rpx; border-radius: 10rpx;
background-color: #00ACF9; background-color: #00ACF9;
color:#fff; color: #fff;
float:right; float: right;
} }
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -336,8 +309,9 @@ export default { ...@@ -336,8 +309,9 @@ export default {
font-weight: 500; font-weight: 500;
color: #111111; color: #111111;
} }
.Exam_Score{
color:#999999; .Exam_Score {
font-size:28rpx; color: #999999;
font-size: 28rpx;
} }
</style> </style>
...@@ -8,17 +8,20 @@ ...@@ -8,17 +8,20 @@
<text class="Exam_Score">(共{{ data.DetailsList.length }}道,{{ data.GScore }}分)</text> <text class="Exam_Score">(共{{ data.DetailsList.length }}道,{{ data.GScore }}分)</text>
</view> </view>
<view class="ExamIndex_Box"> <view class="ExamIndex_Box">
<text class="Single_Before">{{ ExamIndex }}</text>/<text <text class="Single_Before">{{ ExamIndex }}</text>/<text class="Exam_Total">{{
class="Exam_Total">{{ data.DetailsList.length }}</text> data.DetailsList.length
}}</text>
</view> </view>
</view> </view>
<swiper class="swiper-box" :style="{height: `calc(100vh - 300rpx - ${statusBarHeight}px)`}" :autoplay="autoplay" :current="current" @change="onchange" :skip-hidden-item-layout="true" <swiper class="swiper-box" :style="{ height: `calc(100vh - 300rpx - ${statusBarHeight}px)` }"
:autoplay="autoplay" :current="current" @change="onchange" :skip-hidden-item-layout="true"
:disable-programmatic-animation="true"> :disable-programmatic-animation="true">
<swiper-item v-if="sortIndex != 1"></swiper-item> <swiper-item v-if="sortIndex != 1"></swiper-item>
<swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1"> <swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1">
<view class="item1" :style="{height: `calc(100vh - 390rpx - ${statusBarHeight}px)`}"> <view class="item1" :style="{ height: `calc(100vh - 390rpx - ${statusBarHeight}px)` }">
<view class="flex flex_start_center"> <view class="flex flex_start_center">
<view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text> <view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{ item1.Score
}}</text>
</view> </view>
<view v-for="(item2, index2) in item1.QuestionContentObj" :key="index2" <view v-for="(item2, index2) in item1.QuestionContentObj" :key="index2"
class="flex item2 flex_start_center"> class="flex item2 flex_start_center">
...@@ -52,19 +55,22 @@ ...@@ -52,19 +55,22 @@
</template> </template>
</text> </text>
</view> </view>
<view style="margin:20rpx 0;" v-if="item1.StudentScore!=''||item1.StudentScore===0"> <view style="margin:20rpx 0;" v-if="item1.StudentScore != '' || item1.StudentScore === 0">
<text style="color:#8c8a94">您的得分:</text> <text style="color:#8c8a94">您的得分:</text>
<text class="isTrueAnswer" v-if="item1.StudentScore>0">{{item1.StudentScore}}</text> <text class="isTrueAnswer" v-if="item1.StudentScore > 0">{{ item1.StudentScore }}</text>
<text class="isNotAnswer" v-else>{{item1.StudentScore}}</text> <text class="isNotAnswer" v-else>{{ item1.StudentScore }}</text>
</view> </view>
<view style="margin-top: 20rpx; word-wrap: break-word" class="flex" v-if="item1.AnswerParse"> <view style="margin-top: 20rpx; word-wrap: break-word" class="flex"
v-if="item1.AnswerParse">
<text style="color: #8c8a94;flex-shrink: 0;">解析:</text> <text style="color: #8c8a94;flex-shrink: 0;">解析:</text>
<view style="color: #000" v-html="item1.AnswerParse"></view> <view style="color: #000" v-html="item1.AnswerParse"></view>
</view> </view>
</view> </view>
</view> </view>
<view class="AnswerBtn clear"> <view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view> <view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex != 1 || sortIndex != 1">
上一题
</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view> <view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view> </view>
</swiper-item> </swiper-item>
...@@ -78,7 +84,7 @@ ...@@ -78,7 +84,7 @@
</template> </template>
<script> <script>
import { import {
ref, ref,
reactive, reactive,
toRefs, toRefs,
...@@ -87,11 +93,11 @@ ...@@ -87,11 +93,11 @@
watch, watch,
computed, computed,
onMounted, onMounted,
} from "vue"; } from "vue";
import { import {
changeNumToHan changeNumToHan
} from "../../utils/index"; } from "../../utils/index";
export default { export default {
props: { props: {
paperData: Object, paperData: Object,
sort: Number, sort: Number,
...@@ -123,11 +129,13 @@ ...@@ -123,11 +129,13 @@
if (props.startIndex) { if (props.startIndex) {
data.current = props.startIndex - 1; data.current = props.startIndex - 1;
data.ExamIndex = props.startIndex; data.ExamIndex = props.startIndex;
console.log('666')
} }
} else { } else {
if (props.startIndex) { if (props.startIndex) {
data.current = props.startIndex; data.current = props.startIndex;
data.ExamIndex = props.startIndex; data.ExamIndex = props.startIndex;
// console.log('77777777777777')
} }
} }
...@@ -175,12 +183,12 @@ ...@@ -175,12 +183,12 @@
}); });
}, },
//点击上一题 //点击上一题
getBeforeExam(){ getBeforeExam() {
data.current = data.current-1; data.current = data.current - 1;
}, },
//点击下一题 //点击下一题
getNextExam(){ getNextExam() {
data.current = data.current+1; data.current = data.current + 1;
} }
}; };
onMounted(() => { onMounted(() => {
...@@ -199,34 +207,40 @@ ...@@ -199,34 +207,40 @@
...methods, ...methods,
}; };
}, },
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{ .AnswerBtn {
margin-top: 20rpx; margin-top: 20rpx;
} }
.clear{ clear:both}
.AnswerBtnFirst{ .clear {
width:250rpx; clear: both
height:60rpx; }
.AnswerBtnFirst {
width: 250rpx;
height: 60rpx;
text-align: center; text-align: center;
line-height: 60rpx; line-height: 60rpx;
border-radius: 10rpx; border-radius: 10rpx;
border:1px solid #00ACF9; border: 1px solid #00ACF9;
color:#00ACF9; color: #00ACF9;
float:left; float: left;
} }
.AnswerBtnSecond{
width:250rpx; .AnswerBtnSecond {
height:60rpx; width: 250rpx;
height: 60rpx;
text-align: center; text-align: center;
line-height: 60rpx; line-height: 60rpx;
border-radius: 10rpx; border-radius: 10rpx;
background-color: #00ACF9; background-color: #00ACF9;
color:#fff; color: #fff;
float:right; float: right;
} }
.name {
.name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
font-family: PingFang SC; font-family: PingFang SC;
...@@ -235,75 +249,75 @@ ...@@ -235,75 +249,75 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.isTrueAnswer { .isTrueAnswer {
color: green !important; color: green !important;
} }
.isNotAnswer { .isNotAnswer {
color: red !important; color: red !important;
} }
.AnswerContent { .AnswerContent {
font-size: 28rpx; font-size: 28rpx;
padding: 25rpx; padding: 25rpx;
background-color: #f4f4f4; background-color: #f4f4f4;
border-radius: 5px; border-radius: 5px;
} }
.Single_Before { .Single_Before {
font-size: 30rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
color: #da7878; color: #da7878;
} }
.ExamIndex_Box { .ExamIndex_Box {
margin-right: 40rpx; margin-right: 40rpx;
} }
.Exam_Total { .Exam_Total {
font-size: 25rpx; font-size: 25rpx;
color: gray; color: gray;
} }
.answerSheet { .answerSheet {
font-size: 30rpx; font-size: 30rpx;
margin-left: 20rpx; margin-left: 20rpx;
color: #000; color: #000;
} }
.swiper-box { .swiper-box {
box-sizing: border-box; box-sizing: border-box;
} }
.num { .num {
font-size: 30rpx; font-size: 30rpx;
font-family: PingFang SC; font-family: PingFang SC;
color: #111111; color: #111111;
} }
.item { .item {
/* margin-bottom: 40rpx; */ /* margin-bottom: 40rpx; */
position: relative; position: relative;
} }
.item1 { .item1 {
/* margin: 25rpx 0; */ /* margin: 25rpx 0; */
align-items: center; align-items: center;
} }
.item2 { .item2 {
padding-left: 25rpx; padding-left: 25rpx;
margin: 30rpx 0; margin: 30rpx 0;
} }
.myAnswer { .myAnswer {
background-color: #00acf9 !important; background-color: #00acf9 !important;
color: #ffffff !important; color: #ffffff !important;
} }
.chooseNum { .chooseNum {
width: 50rpx; width: 50rpx;
height: 50rpx; height: 50rpx;
text-align: center; text-align: center;
...@@ -315,16 +329,17 @@ ...@@ -315,16 +329,17 @@
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #111111; color: #111111;
} }
.chooseName { .chooseName {
font-size: 30rpx; font-size: 30rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #111111; color: #111111;
} }
.Exam_Score{
color:#999999; .Exam_Score {
font-size:28rpx; color: #999999;
} font-size: 28rpx;
}
</style> </style>
...@@ -2,69 +2,37 @@ ...@@ -2,69 +2,37 @@
<view> <view>
<van-nav-bar fixed> <van-nav-bar fixed>
<template #left> <template #left>
<van-icon <van-icon name="cross" style="font-size: 32rpx; color: #111" @click="back" />
name="cross"
style="font-size: 32rpx; color: #111"
@click="back"
/>
</template> </template>
<template #title> <template #title>
<view <view style="
style="
font-size: 32rpx; font-size: 32rpx;
color: #111; color: #111;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 800; font-weight: 800;
" ">答题卡</view>
>答题卡</view
>
</template> </template>
</van-nav-bar> </van-nav-bar>
<view class="answer-sheets"> <view class="answer-sheets">
<view v-for="(item, index) in questionList" :key="index" class="item"> <view v-for="(item, index) in questionList" :key="index" class="item">
<view class="name"> <view class="name">
{{ changeNumToHan(index + 1) }}、{{ item.GroupName }}</view {{ changeNumToHan(index + 1) }}、{{ item.GroupName }}</view>
>
<view class="flex flex_wrap"> <view class="flex flex_wrap">
<view <view v-for="(item1, index1) in item.DetailsList" :key="index1" class="flex flex_wrap">
v-for="(item1, index1) in item.DetailsList" <view class="item1-1" v-if="
:key="index1"
class="flex flex_wrap"
>
<view
class="item1-1"
v-if="
item1.QuestionTypeKey === 'reading-comprehensio' || item1.QuestionTypeKey === 'reading-comprehensio' ||
item1.QuestionTypeKey === 'listening' item1.QuestionTypeKey === 'listening'
" " @click="chooseTopic(index, index1)">{{ index1 + 1 }}.</view>
@click="chooseTopic(index, index1)" <view class="item1" :class="{ isRes: item1.IsRes }" v-else @click="chooseTopic(index, index1)">{{ index1 + 1
>{{ index1 + 1 }}.</view }}</view>
>
<view
class="item1"
:class="{ isRes: item1.IsRes }"
v-else
@click="chooseTopic(index, index1)"
>{{ index1 + 1 }}</view
>
<view <view v-if="
v-if="
item1.QuestionTypeKey === 'reading-comprehensio' || item1.QuestionTypeKey === 'reading-comprehensio' ||
item1.QuestionTypeKey === 'listening' item1.QuestionTypeKey === 'listening'
" " class="flex flex_wrap">
class="flex flex_wrap" <view v-for="(item2, index2) in item1.QuestionContentObj" :key="index2">
> <view class="item1" :class="{ isRes: item2.IsRes }" @click="chooseTopic(index, index1)">{{ index2 + 1 }}
<view </view>
v-for="(item2, index2) in item1.QuestionContentObj"
:key="index2"
>
<view
class="item1"
:class="{ isRes: item2.IsRes }"
@click="chooseTopic(index, index1)"
>{{ index2 + 1 }}</view
>
</view> </view>
</view> </view>
</view> </view>
...@@ -182,6 +150,7 @@ export default { ...@@ -182,6 +150,7 @@ export default {
height: calc(100vh - 300rpx); height: calc(100vh - 300rpx);
overflow-y: auto; overflow-y: auto;
} }
.name, .name,
.num { .num {
font-size: 28rpx; font-size: 28rpx;
...@@ -189,13 +158,16 @@ export default { ...@@ -189,13 +158,16 @@ export default {
font-weight: 800; font-weight: 800;
color: #111111; color: #111111;
} }
.num { .num {
width: 100rpx; width: 100rpx;
text-align: center; text-align: center;
} }
.item { .item {
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
.item1-1 { .item1-1 {
width: 690rpx; width: 690rpx;
margin: 22rpx 0 0 0; margin: 22rpx 0 0 0;
...@@ -204,6 +176,7 @@ export default { ...@@ -204,6 +176,7 @@ export default {
font-weight: 600; font-weight: 600;
color: #111111; color: #111111;
} }
.item1 { .item1 {
width: 55rpx; width: 55rpx;
height: 55rpx; height: 55rpx;
...@@ -219,6 +192,7 @@ export default { ...@@ -219,6 +192,7 @@ export default {
align-items: center; align-items: center;
box-sizing: border-box; box-sizing: border-box;
} }
.item2 { .item2 {
width: 44rpx; width: 44rpx;
height: 44rpx; height: 44rpx;
...@@ -232,10 +206,12 @@ export default { ...@@ -232,10 +206,12 @@ export default {
font-weight: bold; font-weight: bold;
color: #111111; color: #111111;
} }
.choose { .choose {
background-color: #00acf9 !important; background-color: #00acf9 !important;
color: #ffffff !important; color: #ffffff !important;
} }
.submitBox { .submitBox {
width: 750rpx; width: 750rpx;
height: 150rpx; height: 150rpx;
...@@ -246,6 +222,7 @@ export default { ...@@ -246,6 +222,7 @@ export default {
box-sizing: border-box; box-sizing: border-box;
padding-top: 40rpx; padding-top: 40rpx;
} }
.submit { .submit {
width: 600rpx; width: 600rpx;
height: 70rpx; height: 70rpx;
...@@ -260,6 +237,7 @@ export default { ...@@ -260,6 +237,7 @@ export default {
color: #fff; color: #fff;
margin: 0 auto; margin: 0 auto;
} }
.isRes { .isRes {
background-color: #00acf9 !important; background-color: #00acf9 !important;
color: #ffffff !important; color: #ffffff !important;
......
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
}, },
"pages": [{ "pages": [{
"path": "pages/index/index", "path": "pages/index/index",
// "path": "pages/index/index2",//查看考试
"style": { "style": {
"navigationStyle": "custom" "navigationStyle": "custom"
} }
...@@ -198,6 +199,7 @@ ...@@ -198,6 +199,7 @@
"borderStyle": "black", "borderStyle": "black",
"backgroundColor": "#ffffff", "backgroundColor": "#ffffff",
"list": [{ "list": [{
// "pagePath": "pages/index/index2",//查看考试
"pagePath": "pages/index/index", "pagePath": "pages/index/index",
"iconPath": "static/image/index.png", "iconPath": "static/image/index.png",
"selectedIconPath": "static/image/index_a.png", "selectedIconPath": "static/image/index_a.png",
......
...@@ -166,6 +166,7 @@ ...@@ -166,6 +166,7 @@
//获取答案改变后的数据 //获取答案改变后的数据
getAnswerChange(val, index) { getAnswerChange(val, index) {
data.dataList[index] = val; data.dataList[index] = val;
// console.log('kkkkkkkkkkkkk',val)
}, },
//获取单词错题 //获取单词错题
getWrongWord(){ getWrongWord(){
......
This diff is collapsed.
...@@ -95,6 +95,7 @@ ...@@ -95,6 +95,7 @@
jumpPage() { jumpPage() {
uni.reLaunch({ uni.reLaunch({
url: "/pages/index/index", url: "/pages/index/index",
// url: "/pages/index/index2",//跳转查看考试
}); });
clearTimeout(); clearTimeout();
}, },
......
<template> <template>
<uni-shadow-root class="vant-icon-index"><view :class="computed.rootClass({ classPrefix, name })" :style="computed.rootStyle({ customStyle, color, size })" @click="onClick"> <uni-shadow-root class="vant-icon-index">
<view :class="computed.rootClass({ classPrefix, name })" :style="computed.rootStyle({ customStyle, color, size })"
@click="onClick">
<van-info v-if="info !== null || dot" :dot="dot" :info="info" custom-class="van-icon__info"></van-info> <van-info v-if="info !== null || dot" :dot="dot" :info="info" custom-class="van-icon__info"></van-info>
<image v-if="computed.isImage(name)" :src="name" mode="aspectFit" class="van-icon__image"></image> <image v-if="computed.isImage(name)" :src="name" mode="aspectFit" class="van-icon__image"></image>
</view></uni-shadow-root> </view>
</uni-shadow-root>
</template> </template>
<wxs src="./index.wxs" module="computed"></wxs> <wxs src="./index.wxs" module="computed"></wxs>
<script> <script>
import VanInfo from '../info/index.vue' import VanInfo from '../info/index.vue'
global['__wxVueOptions'] = {components:{'van-info': VanInfo}} global['__wxVueOptions'] = { components: { 'van-info': VanInfo } }
global['__wxRoute'] = 'vant/icon/index' global['__wxRoute'] = 'vant/icon/index'
import { VantComponent } from '../common/component'; import { VantComponent } from '../common/component';
...@@ -1005,7 +1008,7 @@ export default global['__wxComponents']['vant/icon/index'] ...@@ -1005,7 +1008,7 @@ export default global['__wxComponents']['vant/icon/index']
font-style: normal; font-style: normal;
font-display: auto; font-display: auto;
font-family: vant-icon; font-family: vant-icon;
src: url(https://at.alicdn.com/t/font_2553510_7cds497uxwn.woff2?t=1621320123079) format("woff2"),url(https://at.alicdn.com/t/font_2553510_7cds497uxwn.woff?t=1621320123079) format("woff"),url(https://at.alicdn.com/t/font_2553510_7cds497uxwn.ttf?t=1621320123079) format("truetype"); src: url(https://at.alicdn.com/t/font_2553510_7cds497uxwn.woff2?t=1621320123079) format("woff2"), url(https://at.alicdn.com/t/font_2553510_7cds497uxwn.woff?t=1621320123079) format("woff"), url(https://at.alicdn.com/t/font_2553510_7cds497uxwn.ttf?t=1621320123079) format("truetype");
} }
.vant-icon-index { .vant-icon-index {
......
...@@ -9,9 +9,9 @@ const defaultOptions = { ...@@ -9,9 +9,9 @@ const defaultOptions = {
top: 0, top: 0,
color: WHITE, color: WHITE,
safeAreaInsetTop: false, safeAreaInsetTop: false,
onClick: () => {}, onClick: () => { },
onOpened: () => {}, onOpened: () => { },
onClose: () => {}, onClose: () => { },
}; };
function parseOptions(message) { function parseOptions(message) {
if (message == null) { if (message == null) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment