|
@@ -95,13 +95,18 @@
|
|
<view v-if="!bank.ques">
|
|
<view v-if="!bank.ques">
|
|
<view v-for="(item, index) in judge" :key="index" class="lisSty" @click="judgeSelect(index,bankIndex)">
|
|
<view v-for="(item, index) in judge" :key="index" class="lisSty" @click="judgeSelect(index,bankIndex)">
|
|
<view class="activeTI">{{ ast[index] }}</view>
|
|
<view class="activeTI">{{ ast[index] }}</view>
|
|
- {{ item }}
|
|
|
|
|
|
+ <view class="flex_auto">
|
|
|
|
+ {{ item }}
|
|
|
|
+ </view>
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view v-if="bank.ques">
|
|
<view v-if="bank.ques">
|
|
<view v-for="(item, index) in judge" :key="index" class="lisSty">
|
|
<view v-for="(item, index) in judge" :key="index" class="lisSty">
|
|
<text :class="{right:(index == bank.ques) || (index == bank.ans),wrong:(index == bank.ques) && (bank.ques != bank.ans)}" class="activeTI">{{ ast[index] }}</text>
|
|
<text :class="{right:(index == bank.ques) || (index == bank.ans),wrong:(index == bank.ques) && (bank.ques != bank.ans)}" class="activeTI">{{ ast[index] }}</text>
|
|
- {{ item }}
|
|
|
|
|
|
+ <view class="flex_auto">
|
|
|
|
+ {{ item }}
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -173,19 +178,30 @@
|
|
<view v-for="(ansItem,ansIndex) in bank.jsonStr" v-if="bank.current == ansIndex" :key="ansIndex">
|
|
<view v-for="(ansItem,ansIndex) in bank.jsonStr" v-if="bank.current == ansIndex" :key="ansIndex">
|
|
<template v-if="ansItem.type == 1">
|
|
<template v-if="ansItem.type == 1">
|
|
<view class="pad_8 titBox">
|
|
<view class="pad_8 titBox">
|
|
|
|
+ <view class="leftLetters">
|
|
|
|
+ <view class="btnType">
|
|
|
|
+ <text>单选</text>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
<view class="titles">
|
|
<view class="titles">
|
|
<rich-text :nodes="ansItem.content"></rich-text>
|
|
<rich-text :nodes="ansItem.content"></rich-text>
|
|
</view>
|
|
</view>
|
|
<view v-if="!bank.ques[ansIndex]">
|
|
<view v-if="!bank.ques[ansIndex]">
|
|
<view v-for="(option, childIndex) in ansItem.optionsList" :key="childIndex" class="lisSty" @click="radioSelectChild(option.optionsId,ansIndex,bankIndex)">
|
|
<view v-for="(option, childIndex) in ansItem.optionsList" :key="childIndex" class="lisSty" @click="radioSelectChild(option.optionsId,ansIndex,bankIndex)">
|
|
<view class="activeTI">{{ ast[childIndex] }}</view>
|
|
<view class="activeTI">{{ ast[childIndex] }}</view>
|
|
- <rich-text class="textChild" :nodes="option.content"></rich-text>
|
|
|
|
|
|
+ <view class="flex_auto">
|
|
|
|
+ <rich-text class="textChild" :nodes="option.content"></rich-text>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view v-if="bank.ques[ansIndex]">
|
|
<view v-if="bank.ques[ansIndex]">
|
|
<view v-for="(option, childIndex) in ansItem.optionsList" :key="childIndex" class="lisSty">
|
|
<view v-for="(option, childIndex) in ansItem.optionsList" :key="childIndex" class="lisSty">
|
|
<text :class="{right:(option.optionsId == bank.ques[ansIndex]) || (option.optionsId == bank.ans[ansIndex]),wrong:(option.optionsId == bank.ques[ansIndex]) && (bank.ques[ansIndex] != bank.ans[ansIndex])}" class="activeTI">{{ ast[childIndex] }}</text>
|
|
<text :class="{right:(option.optionsId == bank.ques[ansIndex]) || (option.optionsId == bank.ans[ansIndex]),wrong:(option.optionsId == bank.ques[ansIndex]) && (bank.ques[ansIndex] != bank.ans[ansIndex])}" class="activeTI">{{ ast[childIndex] }}</text>
|
|
- <rich-text :nodes="option.content"></rich-text>
|
|
|
|
|
|
+ <view class="flex_auto">
|
|
|
|
+ <rich-text :nodes="option.content"></rich-text>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -205,13 +221,21 @@
|
|
|
|
|
|
<template v-if="ansItem.type == 2">
|
|
<template v-if="ansItem.type == 2">
|
|
<view class="pad_8 titBox">
|
|
<view class="pad_8 titBox">
|
|
|
|
+ <view class="leftLetters">
|
|
|
|
+ <view class="btnType">
|
|
|
|
+ <text>多选</text>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
<view class="titles">
|
|
<view class="titles">
|
|
<rich-text :nodes="ansItem.content"></rich-text>
|
|
<rich-text :nodes="ansItem.content"></rich-text>
|
|
</view>
|
|
</view>
|
|
<view v-if="!bank.ques[ansIndex]">
|
|
<view v-if="!bank.ques[ansIndex]">
|
|
<view v-for="(option, childindex) in ansItem.optionsList" :key="childindex" class="lisSty" @click="checkboxSelectChild(bankIndex,ansIndex,childindex)">
|
|
<view v-for="(option, childindex) in ansItem.optionsList" :key="childindex" class="lisSty" @click="checkboxSelectChild(bankIndex,ansIndex,childindex)">
|
|
<view :class="{checked:option.checked}" class="activeTI">{{ ast[childindex] }}</view>
|
|
<view :class="{checked:option.checked}" class="activeTI">{{ ast[childindex] }}</view>
|
|
- <rich-text :nodes="option.content"></rich-text>
|
|
|
|
|
|
+ <view class="flex_auto">
|
|
|
|
+ <rich-text :nodes="option.content"></rich-text>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view v-if="!bank.ques[ansIndex]" class="submit_checkbox" @click="checkboxSubmitChild(bankIndex,ansIndex)">
|
|
<view v-if="!bank.ques[ansIndex]" class="submit_checkbox" @click="checkboxSubmitChild(bankIndex,ansIndex)">
|
|
@@ -220,7 +244,10 @@
|
|
<view v-if="bank.ques && bank.ques[ansIndex]">
|
|
<view v-if="bank.ques && bank.ques[ansIndex]">
|
|
<view v-for="(option, childindex) in ansItem.optionsList" :key="childindex" class="lisSty">
|
|
<view v-for="(option, childindex) in ansItem.optionsList" :key="childindex" class="lisSty">
|
|
<text :class="{right:right(bankIndex,ansIndex,option),wrong:wrong(bankIndex,ansIndex,option)}" class="activeTI">{{ ast[childindex] }}</text>
|
|
<text :class="{right:right(bankIndex,ansIndex,option),wrong:wrong(bankIndex,ansIndex,option)}" class="activeTI">{{ ast[childindex] }}</text>
|
|
- <rich-text :nodes="option.content"></rich-text>
|
|
|
|
|
|
+ <view class="flex_auto">
|
|
|
|
+ <rich-text :nodes="option.content"></rich-text>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -244,19 +271,30 @@
|
|
|
|
|
|
<template v-if="ansItem.type == 3">
|
|
<template v-if="ansItem.type == 3">
|
|
<view class="pad_8 titBox">
|
|
<view class="pad_8 titBox">
|
|
|
|
+ <view class="leftLetters">
|
|
|
|
+ <view class="btnType">
|
|
|
|
+ <text>判断</text>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
<view class="titles">
|
|
<view class="titles">
|
|
<rich-text :nodes="ansItem.content"></rich-text>
|
|
<rich-text :nodes="ansItem.content"></rich-text>
|
|
</view>
|
|
</view>
|
|
<view v-if="!bank.ques[ansIndex]">
|
|
<view v-if="!bank.ques[ansIndex]">
|
|
<view v-for="(option, childindex) in judge" :key="childindex" class="lisSty" @click="judgeSelectChild(ansIndex,childindex,bankIndex)">
|
|
<view v-for="(option, childindex) in judge" :key="childindex" class="lisSty" @click="judgeSelectChild(ansIndex,childindex,bankIndex)">
|
|
<view class="activeTI">{{ ast[childindex] }}</view>
|
|
<view class="activeTI">{{ ast[childindex] }}</view>
|
|
- {{ option }}
|
|
|
|
|
|
+ <view class="flex_auto">
|
|
|
|
+ {{ option }}
|
|
|
|
+ </view>
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view v-if="bank.ques[ansIndex]">
|
|
<view v-if="bank.ques[ansIndex]">
|
|
<view v-for="(option, childindex) in judge" :key="childindex" class="lisSty">
|
|
<view v-for="(option, childindex) in judge" :key="childindex" class="lisSty">
|
|
<text :class="{right:(childindex == bank.ques[ansIndex]) || (childindex == bank.ans[ansIndex]),wrong:(childindex == bank.ques[ansIndex]) && (bank.ques[ansIndex] != bank.ans[ansIndex])}" class="activeTI">{{ ast[childindex] }}</text>
|
|
<text :class="{right:(childindex == bank.ques[ansIndex]) || (childindex == bank.ans[ansIndex]),wrong:(childindex == bank.ques[ansIndex]) && (bank.ques[ansIndex] != bank.ans[ansIndex])}" class="activeTI">{{ ast[childindex] }}</text>
|
|
- {{ option }}
|
|
|
|
|
|
+
|
|
|
|
+ <view class="flex_auto">
|
|
|
|
+ {{ option }}
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -278,7 +316,12 @@
|
|
<!-- 简答题 -->
|
|
<!-- 简答题 -->
|
|
<template v-if="ansItem.type == 5">
|
|
<template v-if="ansItem.type == 5">
|
|
<view class="pad_8 titBox_title">
|
|
<view class="pad_8 titBox_title">
|
|
- <view>
|
|
|
|
|
|
+ <view class="leftLetters">
|
|
|
|
+ <view class="btnType">
|
|
|
|
+ <text>简答</text>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="titles">
|
|
<rich-text :nodes="ansItem.content"></rich-text>
|
|
<rich-text :nodes="ansItem.content"></rich-text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -1405,12 +1448,12 @@ export default {
|
|
|
|
|
|
&.right {
|
|
&.right {
|
|
color:#fff;
|
|
color:#fff;
|
|
- background:green;
|
|
|
|
|
|
+ background:#36C75A;
|
|
}
|
|
}
|
|
|
|
|
|
&.wrong {
|
|
&.wrong {
|
|
color:#fff;
|
|
color:#fff;
|
|
- background:red;
|
|
|
|
|
|
+ background:#FF3B30;
|
|
}
|
|
}
|
|
|
|
|
|
&.checked {
|
|
&.checked {
|
|
@@ -1420,7 +1463,11 @@ export default {
|
|
}
|
|
}
|
|
|
|
|
|
.submit_checkbox {
|
|
.submit_checkbox {
|
|
- margin:20rpx auto;
|
|
|
|
|
|
+ position:fixed;
|
|
|
|
+ left:0;
|
|
|
|
+ right:0;
|
|
|
|
+ bottom:120rpx;
|
|
|
|
+ margin: 20rpx auto;
|
|
width: 526rpx;
|
|
width: 526rpx;
|
|
height: 80rpx;
|
|
height: 80rpx;
|
|
background: rgba(0, 122, 255, 1);
|
|
background: rgba(0, 122, 255, 1);
|
|
@@ -1528,7 +1575,7 @@ export default {
|
|
text-align: center;
|
|
text-align: center;
|
|
line-height: 30rpx;
|
|
line-height: 30rpx;
|
|
color:#fff;
|
|
color:#fff;
|
|
- background:red;
|
|
|
|
|
|
+ background:#FF3B30;
|
|
border-radius:50%;
|
|
border-radius:50%;
|
|
}
|
|
}
|
|
|
|
|
|
@@ -1564,25 +1611,25 @@ export default {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+.leftLetters {
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ width: 220rpx;
|
|
|
|
+ .btnType {
|
|
|
|
+ padding: 5rpx 10rpx;
|
|
|
|
+ border: 1rpx solid #007aff;
|
|
|
|
+ border-radius: 10rpx;
|
|
|
|
+ background-color: rgba(0, 122, 255, 0.1);
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ color: #007aff;
|
|
|
|
+ margin-right: 15rpx;
|
|
|
|
+ }
|
|
|
|
+}
|
|
.firstLetter {
|
|
.firstLetter {
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
align-items: center;
|
|
margin-bottom: 30rpx;
|
|
margin-bottom: 30rpx;
|
|
- .leftLetters {
|
|
|
|
- display: flex;
|
|
|
|
- align-items: center;
|
|
|
|
- width: 220rpx;
|
|
|
|
- .btnType {
|
|
|
|
- padding: 5rpx 10rpx;
|
|
|
|
- border: 1rpx solid #007aff;
|
|
|
|
- border-radius: 10rpx;
|
|
|
|
- background-color: rgba(0, 122, 255, 0.1);
|
|
|
|
- font-size: 28rpx;
|
|
|
|
- color: #007aff;
|
|
|
|
- margin-right: 15rpx;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
}
|
|
}
|
|
.popupView {
|
|
.popupView {
|
|
height: 100%;
|
|
height: 100%;
|
|
@@ -1719,13 +1766,13 @@ export default {
|
|
&.isRight {
|
|
&.isRight {
|
|
border:1rpx solid #EEEEEE;
|
|
border:1rpx solid #EEEEEE;
|
|
color:#fff;
|
|
color:#fff;
|
|
- background: green;
|
|
|
|
|
|
+ background: #36C75A;
|
|
}
|
|
}
|
|
|
|
|
|
&.isWrong {
|
|
&.isWrong {
|
|
border:1rpx solid #EEEEEE;
|
|
border:1rpx solid #EEEEEE;
|
|
color:#fff;
|
|
color:#fff;
|
|
- background: red;
|
|
|
|
|
|
+ background: #FF3B30;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.answerInfos {
|
|
.answerInfos {
|