Skip to content

E
educationStu
Commit d636ab64 authored by zhengke's avatar zhengke
Browse files
Options

修改

parent 95dc6497
Show whitespace changes
Inline Side-by-side
Showing with 1593 additions and 980 deletions
src/components/subject/Calculation.vue
View file @ d636ab64
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
> >
<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"> <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>
...@@ -47,7 +47,6 @@ ...@@ -47,7 +47,6 @@
item1.Answer item1.Answer
}}</view> }}</view>
</template> </template>
</view>
<view <view
class="AnswerContent" class="AnswerContent"
v-if="!isOperate" v-if="!isOperate"
...@@ -72,6 +71,11 @@ ...@@ -72,6 +71,11 @@
></view> ></view>
</view> </view>
</view> </view>
</view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper> </swiper>
...@@ -162,6 +166,14 @@ export default { ...@@ -162,6 +166,14 @@ export default {
} }
context.emit("answerChange", data.data); context.emit("answerChange", data.data);
}, },
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -182,6 +194,30 @@ export default { ...@@ -182,6 +194,30 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -226,7 +262,7 @@ export default { ...@@ -226,7 +262,7 @@ export default {
} }
.Single_Before { .Single_Before {
font-size: 28rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
color: #da7878; color: #da7878;
} }
......
src/components/subject/Cloze.vue
View file @ d636ab64
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
}" :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"> <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>
...@@ -69,12 +69,16 @@ ...@@ -69,12 +69,16 @@
</view> </view>
</template> </template>
</view> </view>
</view>
<view class="AnswerContent" v-if="!isOperate&&item1.AnswerParse" style="margin-top:20px;"> <view class="AnswerContent" v-if="!isOperate&&item1.AnswerParse" style="margin-top:20px;">
<view style="margin-top: 20rpx; word-wrap: break-word"> <view style="word-wrap: break-word;display: flex;align-items: center;" >
<text style="color: #8c8a94">解析：</text> <text style="color: #8c8a94">解析：</text>
<text style="color: #000">{{ item1.AnswerParse }}</text> <view style="color: #000" v-html="item1.AnswerParse"></view>
</view>
</view>
</view> </view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view> </view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
...@@ -174,6 +178,14 @@ ...@@ -174,6 +178,14 @@
} }
}); });
}); });
},
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
} }
}; };
onMounted(() => { onMounted(() => {
...@@ -195,6 +207,31 @@ ...@@ -195,6 +207,31 @@
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -265,6 +302,7 @@ ...@@ -265,6 +302,7 @@
.item1 { .item1 {
align-items: center; align-items: center;
overflow: auto;
} }
.item2 { .item2 {
......
src/components/subject/Dataquestion.vue
View file @ d636ab64
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
> >
<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"> <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>
...@@ -51,7 +51,6 @@ ...@@ -51,7 +51,6 @@
<view class="viewAnswerContent" v-html="item2.Content"></view> <view class="viewAnswerContent" v-html="item2.Content"></view>
</template> </template>
</view> </view>
</view>
<view class="AnswerContent" v-if="!isOperate"> <view class="AnswerContent" v-if="!isOperate">
<view> <view>
您的答案： 您的答案：
...@@ -81,6 +80,11 @@ ...@@ -81,6 +80,11 @@
></view> ></view>
</view> </view>
</view> </view>
</view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper> </swiper>
...@@ -169,6 +173,14 @@ export default { ...@@ -169,6 +173,14 @@ export default {
}); });
context.emit("answerChange", data.data); context.emit("answerChange", data.data);
}, },
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -189,6 +201,30 @@ export default { ...@@ -189,6 +201,30 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -255,6 +291,7 @@ export default { ...@@ -255,6 +291,7 @@ export default {
.item1 { .item1 {
align-items: center; align-items: center;
overflow-y: auto;
} }
.item2 { .item2 {
...@@ -276,7 +313,7 @@ export default { ...@@ -276,7 +313,7 @@ export default {
} }
.chooseName { .chooseName {
font-size: 28rpx; font-size: 30rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #111111; color: #111111;
......
src/components/subject/EntryProblem.vue
View file @ d636ab64
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
> >
<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"> <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>
...@@ -51,7 +51,6 @@ ...@@ -51,7 +51,6 @@
<view class="viewAnswerContent" v-html="item2.Content"></view> <view class="viewAnswerContent" v-html="item2.Content"></view>
</template> </template>
</view> </view>
</view>
<view class="AnswerContent" v-if="!isOperate"> <view class="AnswerContent" v-if="!isOperate">
<view> <view>
您的答案： 您的答案：
...@@ -81,6 +80,11 @@ ...@@ -81,6 +80,11 @@
></view> ></view>
</view> </view>
</view> </view>
</view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper> </swiper>
...@@ -174,6 +178,14 @@ export default { ...@@ -174,6 +178,14 @@ export default {
}); });
context.emit("answerChange", data.data); context.emit("answerChange", data.data);
}, },
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -194,6 +206,30 @@ export default { ...@@ -194,6 +206,30 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -236,7 +272,7 @@ export default { ...@@ -236,7 +272,7 @@ export default {
} }
.Single_Before { .Single_Before {
font-size: 28rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
color: #da7878; color: #da7878;
} }
...@@ -258,6 +294,7 @@ export default { ...@@ -258,6 +294,7 @@ export default {
.item1 { .item1 {
align-items: center; align-items: center;
overflow-y: auto;
} }
.item2 { .item2 {
......
src/components/subject/FillInTheBlanks.vue
View file @ d636ab64
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
> >
<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"> <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>
...@@ -47,7 +47,6 @@ ...@@ -47,7 +47,6 @@
<view class="viewAnswerContent" v-html="item2.Content"></view> <view class="viewAnswerContent" v-html="item2.Content"></view>
</template> </template>
</view> </view>
</view>
<view class="AnswerContent" v-if="!isOperate"> <view class="AnswerContent" v-if="!isOperate">
<view> <view>
您的答案： 您的答案：
...@@ -77,6 +76,11 @@ ...@@ -77,6 +76,11 @@
></view> ></view>
</view> </view>
</view> </view>
</view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper> </swiper>
...@@ -162,6 +166,14 @@ export default { ...@@ -162,6 +166,14 @@ export default {
return e.Content != "" && e.Content; return e.Content != "" && e.Content;
}); });
}, },
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -181,6 +193,30 @@ export default { ...@@ -181,6 +193,30 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -243,6 +279,7 @@ export default { ...@@ -243,6 +279,7 @@ export default {
.item1 { .item1 {
align-items: center; align-items: center;
overflow: auto;
} }
.item2 { .item2 {
......
src/components/subject/ListenTopic.vue
View file @ d636ab64
...@@ -8,25 +8,20 @@ ...@@ -8,25 +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 class="Single_Before">{{ ExamIndex }}</text>/<text
>/<text class="Exam_Total">{{ data.DetailsList.length }}</text> class="Exam_Total">{{ data.DetailsList.length }}</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" :skip-hidden-item-layout="true">
:autoplay="autoplay"
:current="current"
@change="onchange"
:skip-hidden-item-layout="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"> <view class="item1">
<view class="flex flex_start_center"> <view class="flex flex_start_center">
<audio style="text-align: left" poster="https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/7fbf26a0-4f4a-11eb-b680-7980c8a877b8.png" :src="item1.Src" name="日语听力" :action="audioAction" controls></audio> <audio style="text-align: left"
poster="https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/7fbf26a0-4f4a-11eb-b680-7980c8a877b8.png"
:src="item1.Src" name="日语听力" :action="audioAction" controls></audio>
<!-- <view <!-- <view
class="audioBox flex flex_center_center" class="audioBox flex flex_center_center"
@click="audioManage(item1.Src)" @click="audioManage(item1.Src)"
...@@ -45,170 +40,100 @@ ...@@ -45,170 +40,100 @@
/> />
</view> --> </view> -->
</view> </view>
<view <view class="questionView" :style="{
class="questionView" height: `calc(100vh - 549rpx)`,
:style="{ }">
height: `calc(100vh - 334rpx - ${statusBarHeight}px)`, <view v-for="(item2, index2) in item1.QuestionContentObj" :key="index2" class="item2">
}"
>
<view
v-for="(item2, index2) in item1.QuestionContentObj"
:key="index2"
class="item2"
>
<view class="flex questionTitle"> <view class="flex questionTitle">
<view <view>{{ index2 + 1 }}、({{
>{{ index2 + 1 }}、({{
item2.QuestionName.slice(0, 2) item2.QuestionName.slice(0, 2)
}})</view }})</view>
>
<view v-html="item2.SubTitle"></view> <view v-html="item2.SubTitle"></view>
<text class=".Exam_Score">（{{item1.Score}}）</text> <text class=".Exam_Score">（{{item1.Score}}）</text>
</view> </view>
<view v-for="(item3, index3) in item2.SubAnwser" :key="index3"> <view v-for="(item3, index3) in item2.SubAnwser" :key="index3">
<!-- 单选 、判断--> <!-- 单选 、判断-->
<view <view class="flex flex_start_center item3" v-if="
class="flex flex_start_center item3"
v-if="
item2.QuestionKey === 'single' || item2.QuestionKey === 'single' ||
item2.QuestionKey === 'judge' item2.QuestionKey === 'judge'
" ">
>
<template v-if="isOperate"> <template v-if="isOperate">
<view <view class="chooseNum" :class="{ myAnswer: item3.IsAnswer }"
class="chooseNum" @click="singerChange(item2, item3)">{{ item3.Name }}
:class="{ myAnswer: item3.IsAnswer }"
@click="singerChange(item2, item3)"
>{{ item3.Name }}
</view> </view>
<view <view class="chooseName" @click="singerChange(item2, item3)"
class="chooseName" v-html="item3.Content"></view>
@click="singerChange(item2, item3)"
v-html="item3.Content"
></view>
</template> </template>
<template v-else> <template v-else>
<view <view class="chooseNum" :class="{ isTrueAnswer: item3.IsAnswer }">
class="chooseNum"
:class="{ isTrueAnswer: item3.IsAnswer }"
>
{{ item3.Name }} {{ item3.Name }}
</view> </view>
<view <view class="chooseName" :class="{ isTrueAnswer: item3.IsAnswer }"
class="chooseName" v-html="item3.Content"></view>
:class="{ isTrueAnswer: item3.IsAnswer }"
v-html="item3.Content"
></view>
</template> </template>
</view> </view>
<!-- 多选 --> <!-- 多选 -->
<view <view class="flex flex_start_center item3" v-if="item2.QuestionKey === 'multiple'">
class="flex flex_start_center item3"
v-if="item2.QuestionKey === 'multiple'"
>
<template v-if="isOperate"> <template v-if="isOperate">
<view <view class="chooseNum" :class="{ myAnswer: item3.IsAnswer }"
class="chooseNum" @click="multipleChange(item2, item3)">{{ item3.Name }}
:class="{ myAnswer: item3.IsAnswer }"
@click="multipleChange(item2, item3)"
>{{ item3.Name }}
</view> </view>
<view <view class="chooseName" @click="multipleChange(item2, item3)"
class="chooseName" v-html="item3.Content"></view>
@click="multipleChange(item2, item3)"
v-html="item3.Content"
></view>
</template> </template>
<template v-else> <template v-else>
<view <view class="chooseNum" :class="{ isTrueAnswer: item3.IsAnswer }">
class="chooseNum"
:class="{ isTrueAnswer: item3.IsAnswer }"
>
{{ item3.Name }} {{ item3.Name }}
</view> </view>
<view <view class="chooseName" :class="{ isTrueAnswer: item3.IsAnswer }"
class="chooseName" v-html="item3.Content"></view>
:class="{ isTrueAnswer: item3.IsAnswer }"
v-html="item3.Content"
></view>
</template> </template>
</view> </view>
<!-- 填空 --> <!-- 填空 -->
<view <view class="flex flex_start_center item3" v-if="item2.QuestionKey === 'fill-in'">
class="flex flex_start_center item3"
v-if="item2.QuestionKey === 'fill-in'"
>
<view class="chooseNum">{{ index3 + 1 }} </view> <view class="chooseNum">{{ index3 + 1 }} </view>
<template v-if="isOperate"> <template v-if="isOperate">
<input <input v-for="cItem in item2.SubAnwser" type="text" v-model="cItem.Content"
v-for="cItem in item2.SubAnwser" class="chooseName chooseName2" placeholder="请填写答案"
type="text" @input="AnswerChange(item2)" />
v-model="cItem.Content"
class="chooseName chooseName2"
placeholder="请填写答案"
@input="AnswerChange(item2)"
/>
</template> </template>
<template v-else> <template v-else>
<view <view v-for="cItem in item2.SubAnwser" class="viewAnswerContent"
v-for="cItem in item2.SubAnwser" v-html="cItem.Content"></view>
class="viewAnswerContent"
v-html="cItem.Content"
></view>
</template> </template>
</view> </view>
<!-- 简答 --> <!-- 简答 -->
<view <view class="flex flex_start_center item3"
class="flex flex_start_center item3" v-if="item2.QuestionKey === 'short-answer'">
v-if="item2.QuestionKey === 'short-answer'"
>
<template v-if="isOperate"> <template v-if="isOperate">
<textarea <textarea type="text" v-for="cItem in item2.SubAnwser"
type="text" v-model="cItem.Content" class="chooseName chooseName2"
v-for="cItem in item2.SubAnwser" placeholder="请填写答案" @input="AnswerChange(item2)" />
v-model="cItem.Content"
class="chooseName chooseName2"
placeholder="请填写答案"
@input="AnswerChange(item2)"
/>
</template> </template>
<template v-else> <template v-else>
<view <view v-for="cItem in item2.SubAnwser" class="viewAnswerContent"
v-for="cItem in item2.SubAnwser" v-html="cItem.Content"></view>
class="viewAnswerContent"
v-html="cItem.Content"
></view>
</template> </template>
</view> </view>
</view> </view>
<template <template v-if="!isOperate">
v-if="!isOperate"
>
<view class="AnswerContent"> <view class="AnswerContent">
<view> <view>
<text style="color: #8c8a94">正确答案：</text> <text style="color: #8c8a94">正确答案：</text>
<text class="isTrueAnswer">{{ <text class="isTrueAnswer">{{
item1.QuestionAnswerList[index2].SubAnswer item1.QuestionAnswerList[index2].SubAnswer
}}</text }}</text>，
>，
<text> <text>
您的答案： 您的答案：
<template <template v-if="item1.AnswerList && item1.AnswerList.length > 0">
v-if="item1.AnswerList && item1.AnswerList.length > 0" <text v-if="
>
<text
v-if="
item1.QuestionAnswerList[index2].SubAnswer == item1.QuestionAnswerList[index2].SubAnswer ==
item1.AnswerList[index2].SubAnswer item1.AnswerList[index2].SubAnswer
" " class="isTrueAnswer">
class="isTrueAnswer"
>
{{ item1.AnswerList[index2].SubAnswer }}，回答正确 {{ item1.AnswerList[index2].SubAnswer }}，回答正确
</text> </text>
<text v-else class="isNotAnswer"> <text v-else class="isNotAnswer">
<template <template v-if="item1.AnswerList[index2].SubAnswer != ''">
v-if="item1.AnswerList[index2].SubAnswer != ''"
>
{{ item1.AnswerList[index2].SubAnswer }}，回答错误 {{ item1.AnswerList[index2].SubAnswer }}，回答错误
</template> </template>
<template v-else> 未回答 </template> <template v-else> 未回答 </template>
...@@ -216,16 +141,11 @@ ...@@ -216,16 +141,11 @@
</template> </template>
</text> </text>
</view> </view>
<view <view style="margin-top: 20rpx"
style="margin-top: 20rpx" v-if="item1.AnswerList[index2].StudentScore!=''||item1.AnswerList[index2].StudentScore===0">
v-if="item1.AnswerList[index2].StudentScore!=''||item1.AnswerList[index2].StudentScore===0"
>
<text style="color: #8c8a94">您的得分：</text> <text style="color: #8c8a94">您的得分：</text>
<text <text class="isTrueAnswer"
class="isTrueAnswer" v-if="item1.AnswerList[index2].StudentScore > 0">{{ item1.AnswerList[index2].StudentScore }}</text>
v-if="item1.AnswerList[index2].StudentScore > 0"
>{{ item1.AnswerList[index2].StudentScore }}</text
>
<text class="isNotAnswer" v-else>{{ <text class="isNotAnswer" v-else>{{
item1.AnswerList[index2].StudentScore item1.AnswerList[index2].StudentScore
}}</text> }}</text>
...@@ -235,20 +155,15 @@ ...@@ -235,20 +155,15 @@
</view> </view>
</view> </view>
</view> </view>
<view <view class="AnswerContent" v-if="!isOperate && item1.AnswerParse">
class="AnswerContent"
v-if="
!isOperate &&
item1.AnswerParse
"
>
<view style="word-wrap: break-word"> <view style="word-wrap: break-word">
<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" </view>
v-html="item1.AnswerParse"
></view>
</view> </view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view> </view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
...@@ -259,7 +174,7 @@ ...@@ -259,7 +174,7 @@
</template> </template>
<script> <script>
import { import {
ref, ref,
reactive, reactive,
toRefs, toRefs,
...@@ -269,11 +184,13 @@ import { ...@@ -269,11 +184,13 @@ import {
computed, computed,
onMounted, onMounted,
onUnmounted, onUnmounted,
} from "vue"; } from "vue";
import { changeNumToHan } from "../../utils/index"; import {
const innerAudioContext = uni.createInnerAudioContext(); changeNumToHan
innerAudioContext.autoplay = true; } from "../../utils/index";
export default { const innerAudioContext = uni.createInnerAudioContext();
innerAudioContext.autoplay = true;
export default {
props: { props: {
paperData: Object, paperData: Object,
sort: Number, sort: Number,
...@@ -284,7 +201,9 @@ export default { ...@@ -284,7 +201,9 @@ export default {
ExamStatus: Number, ExamStatus: Number,
}, },
setup(props, context) { setup(props, context) {
let { refs } = getCurrentInstance(); let {
refs
} = getCurrentInstance();
console.log(163, refs); console.log(163, refs);
let data = reactive({ let data = reactive({
autoplay: false, autoplay: false,
...@@ -347,7 +266,7 @@ export default { ...@@ -347,7 +266,7 @@ export default {
uni.navigateBack(); uni.navigateBack();
}, },
//获取总时长 //获取总时长
getTotalTime(url){ getTotalTime(url) {
innerAudioContext.src = url; innerAudioContext.src = url;
var Inner = ''; var Inner = '';
innerAudioContext.onCanplay(() => { innerAudioContext.onCanplay(() => {
...@@ -442,6 +361,14 @@ export default { ...@@ -442,6 +361,14 @@ export default {
this.$emit("getBeforeTopic"); this.$emit("getBeforeTopic");
} }
}, },
//点击上一题
getBeforeExam() {
data.current = data.current - 1;
},
//点击下一题
getNextExam() {
data.current = data.current + 1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -463,10 +390,40 @@ export default { ...@@ -463,10 +390,40 @@ export default {
...methods, ...methods,
}; };
}, },
}; };
</script> </script>
<style> <style scoped>
.name { .AnswerBtn {
margin-top: 20rpx;
}
.clear {
clear: both
}
.AnswerBtnFirst {
width: 250rpx;
height: 60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border: 1px solid #00ACF9;
color: #00ACF9;
float: left;
}
.AnswerBtnSecond {
width: 250rpx;
height: 60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color: #fff;
float: right;
}
.name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
font-family: PingFang SC; font-family: PingFang SC;
...@@ -475,70 +432,71 @@ export default { ...@@ -475,70 +432,71 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.ExamIndex_Box { .ExamIndex_Box {
margin-right: 40rpx; margin-right: 40rpx;
} }
.Single_Before { .Single_Before {
font-size: 28rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
color: #da7878; color: #da7878;
} }
.isTrueAnswer { .isTrueAnswer {
color: green !important; color: green !important;
} }
.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;
} }
.viewAnswerContent { .viewAnswerContent {
width: 100%; width: 100%;
min-height: 44rpx; min-height: 44rpx;
border-bottom: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;
padding-bottom: 5px; padding-bottom: 5px;
} }
.Exam_Total { .Exam_Total {
font-size: 25rpx; font-size: 25rpx;
color: gray; color: gray;
} }
.swiper-box { .swiper-box {
height: calc(100vh - 270rpx); height: calc(100vh - 270rpx);
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;
} }
.questionView { .questionView {
overflow-y: auto; overflow-y: auto;
} }
.audioBox {
.audioBox {
width: 120rpx; width: 120rpx;
height: 30rpx; height: 30rpx;
background: #b4ddfe; background: #b4ddfe;
...@@ -548,25 +506,25 @@ export default { ...@@ -548,25 +506,25 @@ export default {
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #00acf9; color: #00acf9;
} }
.item2 { .item2 {
box-sizing: border-box; box-sizing: border-box;
margin: 30rpx 0; margin: 30rpx 0;
/* padding: 0 30rpx; */ /* padding: 0 30rpx; */
} }
.item3 { .item3 {
padding-left: 25rpx; padding-left: 25rpx;
margin: 20rpx 0; margin: 20rpx 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;
...@@ -578,33 +536,34 @@ export default { ...@@ -578,33 +536,34 @@ export default {
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;
} }
.chooseName2 { .chooseName2 {
flex-grow: 1; flex-grow: 1;
border-bottom: 1px solid #111; border-bottom: 1px solid #111;
} }
.questionTitle { .questionTitle {
font-size: 28rpx; font-size: 28rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #111111; color: #111111;
} }
.listen .van-count-down { .listen .van-count-down {
font-size: 22rpx !important; font-size: 22rpx !important;
color: #00acf9 !important; color: #00acf9 !important;
} }
.Exam_Score{
color:#999999; .Exam_Score {
font-size:28rpx; color: #999999;
} font-size: 28rpx;
}
</style> </style>
src/components/subject/MultipleChoice.vue
View file @ d636ab64
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
> >
<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"> <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>
...@@ -61,7 +61,6 @@ ...@@ -61,7 +61,6 @@
</view> </view>
</template> </template>
</view> </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>
...@@ -100,6 +99,11 @@ ...@@ -100,6 +99,11 @@
></view> ></view>
</view> </view>
</view> </view>
</view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper> </swiper>
...@@ -188,6 +192,14 @@ export default { ...@@ -188,6 +192,14 @@ export default {
this.$emit("getBeforeTopic"); this.$emit("getBeforeTopic");
} }
}, },
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -209,6 +221,30 @@ export default { ...@@ -209,6 +221,30 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
......
src/components/subject/Other.vue
View file @ d636ab64
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
}" :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"> <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>
...@@ -29,9 +29,8 @@ ...@@ -29,9 +29,8 @@
</view> </view>
</template> </template>
<template v-else> <template v-else>
<view class="viewAnswerContent" style="margin-top:20px;" v-html="item1.Answer"></view> <view class="viewAnswerContent" style="margin:20px 0;" v-html="item1.Answer"></view>
</template> </template>
</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>
...@@ -59,6 +58,11 @@ ...@@ -59,6 +58,11 @@
<view style="color: #000; display: inline-block" v-html="item1.AnswerParse"></view> <view style="color: #000; display: inline-block" v-html="item1.AnswerParse"></view>
</view> </view>
</view> </view>
</view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper> </swiper>
...@@ -150,6 +154,14 @@ ...@@ -150,6 +154,14 @@
} }
context.emit("answerChange", data.data); context.emit("answerChange", data.data);
}, },
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -170,6 +182,31 @@ ...@@ -170,6 +182,31 @@
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
padding:0 20px;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -212,7 +249,7 @@ ...@@ -212,7 +249,7 @@
} }
.Single_Before { .Single_Before {
font-size: 28rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
color: #da7878; color: #da7878;
} }
......
src/components/subject/SharingChoose.vue
View file @ d636ab64
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
}" :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="padding: 0 20px"> <view class="item1" style="padding: 0 20px" :style="{height: `calc(100vh - 390rpx - ${statusBarHeight}px)`}">
<view class="flex"> <view class="flex">
<template v-if="item1.QuestionContentObj[1] && item1.QuestionContentObj[1].length > 0"> <template v-if="item1.QuestionContentObj[1] && item1.QuestionContentObj[1].length > 0">
<view class="num">(1)</view> <view class="num">(1)</view>
...@@ -78,6 +78,10 @@ ...@@ -78,6 +78,10 @@
</view> </view>
</template> </template>
</view> </view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper> </swiper>
...@@ -203,6 +207,14 @@ ...@@ -203,6 +207,14 @@
} }
return Array; return Array;
}, },
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -223,6 +235,32 @@ ...@@ -223,6 +235,32 @@
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
padding:0 20px;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -266,7 +304,7 @@ ...@@ -266,7 +304,7 @@
} }
.Single_Before { .Single_Before {
font-size: 28rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
color: #da7878; color: #da7878;
} }
......
src/components/subject/SingleChoice.vue
View file @ d636ab64
...@@ -12,13 +12,11 @@ ...@@ -12,13 +12,11 @@
class="Exam_Total">{{ data.DetailsList.length }}</text> class="Exam_Total">{{ data.DetailsList.length }}</text>
</view> </view>
</view> </view>
<swiper class="swiper-box" :style="{ <swiper class="swiper-box" :style="{height: `calc(100vh - 300rpx - ${statusBarHeight}px)`}" :autoplay="autoplay" :current="current" @change="onchange" :skip-hidden-item-layout="true"
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"> <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>
...@@ -38,7 +36,6 @@ ...@@ -38,7 +36,6 @@
</view> </view>
</template> </template>
</view> </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>
...@@ -65,6 +62,11 @@ ...@@ -65,6 +62,11 @@
<view style="color: #000" v-html="item1.AnswerParse"></view> <view style="color: #000" v-html="item1.AnswerParse"></view>
</view> </view>
</view> </view>
</view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"> <swiper-item v-if="sortIndex != sortTotal">
<!-- 最后一页 --> <!-- 最后一页 -->
...@@ -172,6 +174,14 @@ ...@@ -172,6 +174,14 @@
url: "/pages/exam/answerSheet", url: "/pages/exam/answerSheet",
}); });
}, },
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -192,6 +202,30 @@ ...@@ -192,6 +202,30 @@
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -219,7 +253,7 @@ ...@@ -219,7 +253,7 @@
} }
.Single_Before { .Single_Before {
font-size: 28rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
color: #da7878; color: #da7878;
} }
......
src/components/subject/SingleChoiceNumber.vue
View file @ d636ab64
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
> >
<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"> <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>
...@@ -62,7 +62,6 @@ ...@@ -62,7 +62,6 @@
</view> </view>
</template> </template>
</view> </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>
...@@ -99,6 +98,11 @@ ...@@ -99,6 +98,11 @@
<view style="color: #000" v-html="item1.AnswerParse"></view> <view style="color: #000" v-html="item1.AnswerParse"></view>
</view> </view>
</view> </view>
</view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"> <swiper-item v-if="sortIndex != sortTotal">
<!-- 最后一页 --> <!-- 最后一页 -->
...@@ -202,6 +206,14 @@ export default { ...@@ -202,6 +206,14 @@ export default {
url: "/pages/exam/answerSheet", url: "/pages/exam/answerSheet",
}); });
}, },
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -222,6 +234,31 @@ export default { ...@@ -222,6 +234,31 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
padding:0 20px;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -249,7 +286,7 @@ export default { ...@@ -249,7 +286,7 @@ export default {
} }
.Single_Before { .Single_Before {
font-size: 28rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
color: #da7878; color: #da7878;
} }
......
src/components/subject/SortingProblem.vue
View file @ d636ab64
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
> >
<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="padding: 0 20px"> <view class="item1" style="padding: 0 20px" :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>
...@@ -116,6 +116,10 @@ ...@@ -116,6 +116,10 @@
</view> </view>
</template> </template>
</view> </view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper> </swiper>
...@@ -241,6 +245,14 @@ export default { ...@@ -241,6 +245,14 @@ export default {
} }
return Array; return Array;
}, },
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -261,6 +273,31 @@ export default { ...@@ -261,6 +273,31 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
padding:0 20px;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -302,7 +339,7 @@ export default { ...@@ -302,7 +339,7 @@ export default {
} }
.Single_Before { .Single_Before {
font-size: 28rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
color: #da7878; color: #da7878;
} }
...@@ -324,6 +361,7 @@ export default { ...@@ -324,6 +361,7 @@ export default {
.item1 { .item1 {
align-items: center; align-items: center;
overflow-y: auto;
} }
.item2 { .item2 {
......
src/components/subject/Spoken.vue
View file @ d636ab64
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
> >
<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"> <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>
...@@ -43,9 +43,8 @@ ...@@ -43,9 +43,8 @@
</view> </view>
</template> </template>
<template v-else> <template v-else>
<view class="viewAnswerContent" style="margin-top:15px;" v-html="item1.Answer"></view> <view class="viewAnswerContent" style="margin:20px 0;" v-html="item1.Answer"></view>
</template> </template>
</view>
<view class="AnswerContent" v-if="!isOperate"> <view class="AnswerContent" v-if="!isOperate">
<view> <view>
您的答案： 您的答案：
...@@ -66,6 +65,11 @@ ...@@ -66,6 +65,11 @@
></view> ></view>
</view> </view>
</view> </view>
</view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper> </swiper>
...@@ -153,6 +157,14 @@ export default { ...@@ -153,6 +157,14 @@ export default {
} }
context.emit("answerChange", data.data); context.emit("answerChange", data.data);
}, },
//点击上一题
getBeforeExam() {
data.current = data.current - 1;
},
//点击下一题
getNextExam() {
data.current = data.current + 1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -173,6 +185,31 @@ export default { ...@@ -173,6 +185,31 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
padding:0 20px;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -212,7 +249,7 @@ export default { ...@@ -212,7 +249,7 @@ export default {
} }
.Single_Before { .Single_Before {
font-size: 28rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
color: #da7878; color: #da7878;
} }
......
src/components/subject/easyQuestion.vue
View file @ d636ab64
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
> >
<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"> <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>
...@@ -47,7 +47,6 @@ ...@@ -47,7 +47,6 @@
item1.Answer item1.Answer
}}</view> }}</view>
</template> </template>
</view>
<view <view
class="AnswerContent" class="AnswerContent"
v-if="!isOperate" v-if="!isOperate"
...@@ -72,6 +71,11 @@ ...@@ -72,6 +71,11 @@
></view> ></view>
</view> </view>
</view> </view>
</view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper> </swiper>
...@@ -162,6 +166,14 @@ export default { ...@@ -162,6 +166,14 @@ export default {
} }
context.emit("answerChange", data.data); context.emit("answerChange", data.data);
}, },
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -182,6 +194,30 @@ export default { ...@@ -182,6 +194,30 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -226,7 +262,7 @@ export default { ...@@ -226,7 +262,7 @@ export default {
} }
.Single_Before { .Single_Before {
font-size: 28rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
color: #da7878; color: #da7878;
} }
......
src/components/subject/judge.vue
View file @ d636ab64
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
}" :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"> <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>
...@@ -36,7 +36,6 @@ ...@@ -36,7 +36,6 @@
</view> </view>
</template> </template>
</view> </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>
...@@ -64,6 +63,11 @@ ...@@ -64,6 +63,11 @@
<view style="color: #000; display: inline-block" v-html="item1.AnswerParse"></view> <view style="color: #000; display: inline-block" v-html="item1.AnswerParse"></view>
</view> </view>
</view> </view>
</view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper> </swiper>
...@@ -158,6 +162,14 @@ ...@@ -158,6 +162,14 @@
if (e.detail.current == 0 && data.sortIndex != 1) { if (e.detail.current == 0 && data.sortIndex != 1) {
this.$emit("getBeforeTopic"); this.$emit("getBeforeTopic");
} }
},
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
} }
}; };
onMounted(() => { onMounted(() => {
...@@ -179,6 +191,30 @@ ...@@ -179,6 +191,30 @@
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
......
src/components/subject/nounExplanation.vue
View file @ d636ab64
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
> >
<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"> <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>
...@@ -43,9 +43,8 @@ ...@@ -43,9 +43,8 @@
</view> </view>
</template> </template>
<template v-else> <template v-else>
<view class="viewAnswerContent">{{ item1.Answer }}</view> <view class="viewAnswerContent" style="margin-top:30rpx;">{{ item1.Answer }}</view>
</template> </template>
</view>
<view <view
class="AnswerContent" class="AnswerContent"
v-if="!isOperate" v-if="!isOperate"
...@@ -70,6 +69,11 @@ ...@@ -70,6 +69,11 @@
></view> ></view>
</view> </view>
</view> </view>
</view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper> </swiper>
...@@ -160,6 +164,14 @@ export default { ...@@ -160,6 +164,14 @@ export default {
} }
context.emit("answerChange", data.data); context.emit("answerChange", data.data);
}, },
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -180,6 +192,30 @@ export default { ...@@ -180,6 +192,30 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
......
src/components/subject/readingCompre.vue
View file @ d636ab64
...@@ -17,14 +17,17 @@ ...@@ -17,14 +17,17 @@
}" :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"> <view class="item1" :style="{height: `calc(100vh - 390rpx - ${statusBarHeight}px)`}">
<view class="flex"> <view class="flex">
<view class="num readTitle" :style="{ paddingBottom: `${questionH}rpx` }" <view class="num readTitle" v-html="item1.Title"></view><text
v-html="item1.Title"></view><text class="Exam_Score">（{{item1.Score}}）</text> class="Exam_Score">（{{item1.Score}}）</text>
</view> </view>
<view class="questionBox" :style="{ height: `${questionH}rpx` }"> <!-- <view class="questionBox" :style="{ height: `${questionH}rpx` }">
<view class="questionTotal" @touchstart="touchstart" @touchmove="touchmove" <view class="questionTotal" @touchstart="touchstart" @touchmove="touchmove"
@touchend="touchend">本阅读理解共5小题</view> @touchend="touchend">本阅读理解共5小题</view> -->
<view :style="{maxHeight: `calc(100vh - 450rpx - ${statusBarHeight}px)`}"
style="overflow-y: auto;">
<view style="margin:30rpx;" class="Exam_Score">本阅读理解共{{item1.QuestionContentObj.length}}小题</view>
<template v-if="isOperate"> <template v-if="isOperate">
<view class="questionView"> <view class="questionView">
<view v-for="(item2, index2) in item1.QuestionContentObj" :key="index2" <view v-for="(item2, index2) in item1.QuestionContentObj" :key="index2"
...@@ -33,13 +36,13 @@ ...@@ -33,13 +36,13 @@
<view style="white-space: nowrap">{{ index2 + 1 }}、({{ <view style="white-space: nowrap">{{ index2 + 1 }}、({{
item2.QuestionName.slice(0, 2) item2.QuestionName.slice(0, 2)
}})</view> }})</view>
<view v-html="item2.SubTitle"></view>（{{item2.SubScore}}） <view v-html="item2.SubTitle"></view><text class="Exam_Score">（{{item2.SubScore}}）</text>
</view> </view>
<view v-for="(item3, index3) in item2.SubAnwser" :key="index3"> <view v-for="(item3, index3) in item2.SubAnwser" :key="index3">
<!-- 单选 、判断--> <!-- 单选 、判断-->
<view class="flex flex_start_center item3" v-if=" <view class="flex flex_start_center item3" v-if="
item2.QuestionKey === 'single' || item2.QuestionKey === 'single' ||
item2.QuestionKey === 'judge' item2.QuestionKey === 'judge'||item2.QuestionKey === 'single-number'
"> ">
<view class="chooseNum" :class="{ myAnswer: item3.IsAnswer }" <view class="chooseNum" :class="{ myAnswer: item3.IsAnswer }"
@click="singerChange(item2, item3)">{{ item3.Name }} @click="singerChange(item2, item3)">{{ item3.Name }}
...@@ -80,12 +83,15 @@ ...@@ -80,12 +83,15 @@
<view v-for="(item2, index2) in item1.QuestionContentObj" :key="index2" <view v-for="(item2, index2) in item1.QuestionContentObj" :key="index2"
class="item2"> class="item2">
<view class="flex questionTitle"> <view class="flex questionTitle">
<view style="white-space: nowrap">{{ index2 + 1 }}、({{item2.QuestionName.slice(0, 2)}})</view> <view style="white-space: nowrap">
<view v-html="item2.SubTitle"></view>（{{item2.SubScore}}） {{ index2 + 1 }}、({{item2.QuestionName.slice(0, 2)}})
</view>
<view v-html="item2.SubTitle"></view><text class="Exam_Score">（{{item2.SubScore}}）</text>
</view> </view>
<view v-for="(item3, index3) in item2.SubAnwser" :key="index3"> <view v-for="(item3, index3) in item2.SubAnwser" :key="index3">
<!-- 单选 、判断--> <!-- 单选 、判断-->
<view class="flex item3" v-if="item2.QuestionKey === 'single' || item2.QuestionKey === 'judge'"> <view class="flex item3"
v-if="item2.QuestionKey === 'single' || item2.QuestionKey === 'judge'||item2.QuestionKey === 'single-number'">
<view class="chooseNum" :class="{ isTrueAnswer: item3.IsAnswer }"> <view class="chooseNum" :class="{ isTrueAnswer: item3.IsAnswer }">
{{ item3.Name }} {{ item3.Name }}
</view> </view>
...@@ -94,8 +100,7 @@ ...@@ -94,8 +100,7 @@
</view> </view>
<!-- 多选 --> <!-- 多选 -->
<view class="flex item3" <view class="flex item3" v-if="item2.QuestionKey === 'multiple'">
v-if="item2.QuestionKey === 'multiple'">
<view class="chooseNum" :class="{ isTrueAnswer: item3.IsAnswer }"> <view class="chooseNum" :class="{ isTrueAnswer: item3.IsAnswer }">
{{ item3.Name }} {{ item3.Name }}
</view> </view>
...@@ -103,49 +108,55 @@ ...@@ -103,49 +108,55 @@
v-html="item3.Content"></view> v-html="item3.Content"></view>
</view> </view>
<!-- 填空 --> <!-- 填空 -->
<view class="flex item3" <view class="flex item3" v-if="item2.QuestionKey === 'fill-in'">
v-if="item2.QuestionKey === 'fill-in'">
<view class="chooseNum">{{ index3 + 1 }} </view> <view class="chooseNum">{{ index3 + 1 }} </view>
<view v-html="item3.Content" class="chooseName"></view> <view v-html="item3.Content" class="chooseName"></view>
</view> </view>
<!-- 简答 --> <!-- 简答 -->
<view class="flex item3" <view class="flex item3" v-if="item2.QuestionKey === 'short-answer'">
v-if="item2.QuestionKey === 'short-answer'">
<view v-html="item3.Content" class="chooseName"></view> <view v-html="item3.Content" class="chooseName"></view>
</view> </view>
</view> </view>
<view class="AnswerContent"> <view class="AnswerContent">
<view> <view>
<text style="color: #8c8a94">正确答案：</text> <text style="color: #8c8a94">正确答案：</text>
<text class="isTrueAnswer">{{item1.QuestionAnswerList[index2].SubAnswer}}</text>， <text
class="isTrueAnswer">{{item1.QuestionAnswerList[index2].SubAnswer}}</text>，
<text>您的答案： <text>您的答案：
<template v-if="item1.AnswerList && item1.AnswerList.length>0"> <template v-if="item1.AnswerList && item1.AnswerList.length>0">
<text v-if="item1.QuestionAnswerList[index2].SubAnswer == item1.AnswerList[index2].SubAnswer" class="isTrueAnswer"> <text
v-if="item1.QuestionAnswerList[index2].SubAnswer == item1.AnswerList[index2].SubAnswer"
class="isTrueAnswer">
{{ item1.AnswerList[index2].SubAnswer }} {{ item1.AnswerList[index2].SubAnswer }}
</text> </text>
<text v-else class="isNotAnswer">{{item1.AnswerList[index2].SubAnswer}}，回答错误</text> <text v-if="item1.AnswerList[index2].SubAnswer!=''" class="isNotAnswer">{{item1.AnswerList[index2].SubAnswer}}，回答错误</text>
</template> <text v-if="item1.AnswerList[index2].SubAnswer==''" class="isNotAnswer">未作答</text>
<template v-else>
<text>未作答</text>
</template> </template>
</text> </text>
</view> </view>
<view style="margin-top:20rpx;" v-if="item1.AnswerList[index2].StudentScore!=''||item1.AnswerList[index2].StudentScore===0"> <view style="margin-top:20rpx;"
v-if="item1.AnswerList[index2].StudentScore!=''||item1.AnswerList[index2].StudentScore===0">
<text style="color:#8c8a94">您的得分：</text> <text style="color:#8c8a94">您的得分：</text>
<text class="isTrueAnswer" v-if="item1.AnswerList[index2].StudentScore>0">{{item1.AnswerList[index2].StudentScore}}</text> <text class="isTrueAnswer"
<text class="isNotAnswer" v-else>{{item1.AnswerList[index2].StudentScore}}</text> v-if="item1.AnswerList[index2].StudentScore>0">{{item1.AnswerList[index2].StudentScore}}</text>
<text class="isNotAnswer"
v-else>{{item1.AnswerList[index2].StudentScore}}</text>
</view> </view>
</view> </view>
</view> </view>
<view style="word-wrap: break-word; margin: 0 30rpx 30rpx 30rpx" <view style="word-wrap: break-word; margin: 0 30rpx 30rpx 30rpx;display: flex;align-items: center;"
class="AnswerContent" v-if="item1.AnswerParse"> class="AnswerContent" v-if="item1.AnswerParse">
<text style="color: #8c8a94">解析：</text> <text style="color: #8c8a94">解析：</text>
<text style="color: #000">{{ item1.AnswerParse }}</text> <view style="color: #000" v-html="item1.AnswerParse"></view>
</view> </view>
</view> </view>
</template> </template>
</view> </view>
</view> </view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper> </swiper>
...@@ -195,7 +206,7 @@ ...@@ -195,7 +206,7 @@
timeOutEvent: false, timeOutEvent: false,
statusBarHeight: 0, statusBarHeight: 0,
isOperate: props.isOperate, isOperate: props.isOperate,
ExamStatus:props.ExamStatus ExamStatus: props.ExamStatus
}); });
//判断是否是第一大题 //判断是否是第一大题
if (data.sortIndex === 1) { if (data.sortIndex === 1) {
...@@ -284,6 +295,14 @@ ...@@ -284,6 +295,14 @@
data.timeOutEvent = false; data.timeOutEvent = false;
clearTimeout(data.timer); clearTimeout(data.timer);
}, },
//点击上一题
getBeforeExam() {
data.current = data.current - 1;
},
//点击下一题
getNextExam() {
data.current = data.current + 1;
}
}; };
onMounted(() => { onMounted(() => {
console.log(361, data.data); console.log(361, data.data);
...@@ -305,6 +324,37 @@ ...@@ -305,6 +324,37 @@
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn {
margin-top: 30rpx;
padding:0 40rpx;
}
.clear {
clear: both
}
.AnswerBtnFirst {
width: 250rpx;
height: 60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border: 1px solid #00ACF9;
color: #00ACF9;
float: left;
}
.AnswerBtnSecond {
width: 250rpx;
height: 60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color: #fff;
float: right;
}
.item { .item {
/* margin-bottom: 40rpx; */ /* margin-bottom: 40rpx; */
position: relative; position: relative;
...@@ -322,6 +372,7 @@ ...@@ -322,6 +372,7 @@
box-sizing: border-box; box-sizing: border-box;
padding: 0 30rpx; padding: 0 30rpx;
} }
.isTrueAnswer { .isTrueAnswer {
color: green !important; color: green !important;
} }
...@@ -331,7 +382,7 @@ ...@@ -331,7 +382,7 @@
} }
.ExamIndex_Box { .ExamIndex_Box {
margin-right: 40rpx; margin-right: 48rpx;
} }
.Exam_Total { .Exam_Total {
...@@ -350,16 +401,21 @@ ...@@ -350,16 +401,21 @@
font-family: PingFang SC; font-family: PingFang SC;
color: #111111; color: #111111;
box-sizing: border-box; box-sizing: border-box;
} }
.readTitle img { .readTitle img {
max-width: 100%; max-width: 100%;
} }
.Single_Before {
font-size: 30rpx;
font-weight: bold;
color: #da7878;
}
.item1 { .item1 {
height: 100%; height: 100%;
align-items: center; align-items: center;
overflow-y: auto; /* overflow-y: auto; */
box-sizing: border-box; box-sizing: border-box;
padding: 0 30rpx; padding: 0 30rpx;
} }
...@@ -380,7 +436,7 @@ ...@@ -380,7 +436,7 @@
.questionView { .questionView {
height: 100%; height: 100%;
overflow-y: auto; /* overflow-y: auto; */
box-sizing: border-box; box-sizing: border-box;
padding-bottom: 80rpx; padding-bottom: 80rpx;
} }
...@@ -395,15 +451,14 @@ ...@@ -395,15 +451,14 @@
} }
.questionTitle { .questionTitle {
font-size: 26rpx; font-size: 28rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold;
color: #111111; color: #111111;
} }
.item2 { .item2 {
box-sizing: border-box; box-sizing: border-box;
margin-bottom: 60rpx; margin-bottom: 50rpx;
padding: 0 30rpx; padding: 0 30rpx;
} }
...@@ -419,6 +474,7 @@ ...@@ -419,6 +474,7 @@
.item3 { .item3 {
padding-left: 25rpx; padding-left: 25rpx;
margin: 20rpx 0; margin: 20rpx 0;
align-items: center;
} }
.chooseNum { .chooseNum {
...@@ -462,8 +518,9 @@ ...@@ -462,8 +518,9 @@
border-radius: 10rpx; border-radius: 10rpx;
font-size: 28rpx; font-size: 28rpx;
} }
.Exam_Score{
color:#999999; .Exam_Score {
font-size:28rpx; color: #999999;
font-size: 28rpx;
} }
</style> </style>
src/components/subject/shortAnswer.vue
View file @ d636ab64
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
> >
<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"> <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>
...@@ -46,7 +46,6 @@ ...@@ -46,7 +46,6 @@
<template v-else> <template v-else>
<view class="viewAnswerContent" v-html="item2.Answer"></view> <view class="viewAnswerContent" v-html="item2.Answer"></view>
</template> </template>
</view>
<view <view
class="AnswerContent" class="AnswerContent"
v-if="!isOperate" v-if="!isOperate"
...@@ -71,6 +70,11 @@ ...@@ -71,6 +70,11 @@
></view> ></view>
</view> </view>
</view> </view>
</view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper> </swiper>
...@@ -156,6 +160,14 @@ export default { ...@@ -156,6 +160,14 @@ export default {
} }
context.emit("answerChange", data.data); context.emit("answerChange", data.data);
}, },
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -176,6 +188,31 @@ export default { ...@@ -176,6 +188,31 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
......
src/pages/exam/examScore.vue
View file @ d636ab64
...@@ -110,9 +110,19 @@ export default { ...@@ -110,9 +110,19 @@ export default {
if (res) { if (res) {
if (res.Code == 1) { if (res.Code == 1) {
data.dataList = res.Data; data.dataList = res.Data;
let Remark = ''
if(res.Data.TotalScore>0&&res.Data.TotalScore<=60){
Remark='要加油哦'
}
if(res.Data.TotalScore>60&&res.Data.TotalScore<=90){
Remark='不错哦'
}
if(res.Data.TotalScore>90){
Remark='你好棒'
}
that.initCanvas( that.initCanvas(
res.Data.TotalScore, res.Data.TotalScore,
res.Data.StuComment, Remark,
res.Data.ExamScore res.Data.ExamScore
); );
} }
......
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