| | |
| | | <!--pages/bookServices/examination/questionList/index.wxml--> |
| | | <view |
| | | class="question-list" |
| | | style="background-color:{{isNight ? '#222' : '#fff'}}" |
| | | > |
| | | <view class="question-list" style="background-color:{{isNight ? '#222' : '#fff'}}"> |
| | | <!-- 答题提示title --> |
| | | <view id="question-title" class="question-title" wx:if="{{questionTitle}}"> |
| | | <rich-text |
| | | class="substance" |
| | | nodes="{{questionTitle}}" |
| | | space="emsp" |
| | | ></rich-text> |
| | | <rich-text class="substance" nodes="{{questionTitle}}" space="emsp"></rich-text> |
| | | </view> |
| | | <!-- 题目列表 --> |
| | | <swiper |
| | | id="swiper" |
| | | class="swiper" |
| | | bindanimationfinish="changeSwiper" |
| | | current="{{currentIndex}}" |
| | | style="{{'height:'+height}}" |
| | | > |
| | | <swiper-item |
| | | wx:for="{{questionList}}" |
| | | wx:for-index="index" |
| | | wx:key="id" |
| | | style="overflow-y: auto" |
| | | > |
| | | <swiper id="swiper" class="swiper" bindanimationfinish="changeSwiper" current="{{currentIndex}}" style="{{'height:'+height}}"> |
| | | <swiper-item wx:for="{{questionList}}" wx:for-index="index" wx:key="id" style="overflow-y: auto"> |
| | | <!-- 题干 --> |
| | | <view |
| | | class="question-stem title-score" |
| | | style="color: {{isNight ? '#fff' : '#000'}}; font-size: {{sliderValue || 32}}rpx;" |
| | | > |
| | | <view class="question-stem title-score" style="color: {{isNight ? '#fff' : '#000'}}; font-size: {{sliderValue || 32}}rpx;"> |
| | | <!-- 题号 --> |
| | | <text>{{index+1}}.</text> |
| | | <!-- 听力题 --> |
| | | <view wx:if="{{item.questionType == 'singleChoice' && item.src}}"> |
| | | <rich-text nodes="{{item.stem.stemTxt }}" /> |
| | | <view |
| | | style="margin-top: {{item.stem.stemTxt ? '10rpx' : ''}};" |
| | | class="audio-play-box" |
| | | bind:tap="audioPlay" |
| | | data-src="{{item.src}}" |
| | | > |
| | | <image |
| | | src="{{isPlay ? '/static/images/resourceDetailsMyAudio/zanting@2x.png' : '/static/images/resourceDetailsMyAudio/play@2x.png'}}" |
| | | mode="aspectFit" |
| | | ></image> |
| | | <view style="margin-top: {{item.stem.stemTxt ? '10rpx' : ''}};" class="audio-play-box" bind:tap="audioPlay" data-src="{{item.src}}"> |
| | | <image src="{{isPlay ? '/static/images/resourceDetailsMyAudio/zanting@2x.png' : '/static/images/resourceDetailsMyAudio/play@2x.png'}}" mode="aspectFit"></image> |
| | | </view> |
| | | </view> |
| | | <!-- 仅文字 --> |
| | | <view |
| | | class="title-content text-space" |
| | | wx:elif="{{item.stemStyle == 'Txt' && item.questionType != 'completion'}}" |
| | | >{{item.stem.stemTxt}}</view |
| | | > |
| | | <view class="title-content text-space" wx:elif="{{item.stemStyle == 'Txt' && item.questionType != 'completion'}}">{{item.stem.stemTxt}}</view> |
| | | <!-- 仅图片 --> |
| | | <view wx:elif="{{item.stemStyle == 'Image'}}" class="title-content"> |
| | | <image src="{{item.stem.stemImage}}" mode="aspectFit" /> |
| | | </view> |
| | | <!-- 图片加文字 --> |
| | | <view |
| | | wx:elif="{{item.stemStyle == 'TxtAndImage'}}" |
| | | class="title-content text-space" |
| | | > |
| | | <view wx:elif="{{item.stemStyle == 'TxtAndImage'}}" class="title-content text-space"> |
| | | <view>{{item.stem.stemTxt}}</view> |
| | | <image src="{{item.stem.stemImage}}" mode="aspectFit" /> |
| | | </view> |
| | |
| | | </view> |
| | | <!-- 填空题 --> |
| | | <view wx:if="{{item.questionType == 'completion'}}"> |
| | | <view |
| | | class="completion-box" |
| | | wx:for="{{item.stem}}" |
| | | wx:for-item="inputItem" |
| | | wx:for-index="inputIndex" |
| | | wx:key="inputIndex" |
| | | > |
| | | <t-input |
| | | disabled="{{item.isComplete}}" |
| | | borderless |
| | | bind:change="onChangeInput" |
| | | data-value="{{item.option}}" |
| | | data-id="{{item.id}}" |
| | | data-index="{{inputItem.num}}" |
| | | class="title-input {{isNight ? 'input-night-color' : ''}}" |
| | | style="border: 2rpx solid rgba(220,220,220,1);border-radius: 12rpx;background-color:{{isNight ? '#000' : '#fff'}}; " |
| | | placeholder-style="{{placeholderstyle}}" |
| | | wx:if="{{inputItem.data == 'input'}}" |
| | | placeholder="请输入文字" |
| | | value="{{item.userAnswer[inputItem.num]}}" |
| | | ></t-input> |
| | | <view class="completion-box" wx:for="{{item.stem}}" wx:for-item="inputItem" wx:for-index="inputIndex" wx:key="inputIndex"> |
| | | <t-input disabled="{{submitStatus}}" borderless bind:change="onChangeInput" data-value="{{item.option}}" data-id="{{item.id}}" data-index="{{inputItem.num}}" class="title-input {{isNight ? 'input-night-color' : ''}}" style="border: 2rpx solid rgba(220,220,220,1);border-radius: 12rpx;background-color:{{isNight ? '#000' : '#fff'}}; " placeholder-style="{{placeholderstyle}}" wx:if="{{inputItem.data == 'input'}}" placeholder="请输入文字" value="{{item.userAnswer[inputItem.num]}}"></t-input> |
| | | <text wx:else class="text-space">{{inputItem}}</text> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <!-- 答题区域 --> |
| | | <view |
| | | class="question-answer {{item.questionType == 'shortAnswer' ? 'textarea-center' : ''}}" |
| | | > |
| | | <view class="question-answer {{item.questionType == 'shortAnswer' ? 'textarea-center' : ''}}"> |
| | | <!-- 单选题 --> |
| | | <t-radio-group |
| | | wx:if="{{item.questionType == 'singleChoice' || item.questionType == 'judge'}}" |
| | | defaultValue="{{item.userAnswer}}" |
| | | disabled="{{item.isComplete}}" |
| | | bind:change="onChangeRadio" |
| | | class="radio-group" |
| | | data-id="{{item.id}}" |
| | | > |
| | | <view |
| | | wx:for="{{questionOptions && questionOptions.length ? questionOptions[item.optionIndex] : item.option}}" |
| | | wx:for-item="contentItem" |
| | | wx:for-index="contentIndex" |
| | | wx:key="contentIndex" |
| | | > |
| | | <t-radio |
| | | value="{{contentItem.value}}" |
| | | icon="none" |
| | | placement="right" |
| | | borderless |
| | | style="background-color: {{isNight ? '#222' : '#fff'}}" |
| | | > |
| | | <view |
| | | style="font-size: {{sliderValue || 32}}rpx;" |
| | | class="radio-item {{!submitStatus && item.userAnswer == contentItem.value ? 'radio-active' : isNight ? 'night' :''}} {{item.userAnswer == contentItem.value && submitStatus ? item.isRight ? 'radio-correct' : 'radio-error' :''}}" |
| | | > |
| | | <t-radio-group wx:if="{{item.questionType == 'singleChoice' || item.questionType == 'judge'}}" defaultValue="{{item.userAnswer}}" disabled="{{submitStatus}}" bind:change="onChangeRadio" class="radio-group" data-id="{{item.id}}"> |
| | | <view wx:for="{{questionOptions && questionOptions.length ? questionOptions[item.optionIndex] : item.option}}" wx:for-item="contentItem" wx:for-index="contentIndex" wx:key="contentIndex"> |
| | | <t-radio value="{{contentItem.value}}" icon="none" placement="right" borderless style="background-color: {{isNight ? '#222' : '#fff'}}"> |
| | | <view style="font-size: {{sliderValue || 32}}rpx;" class="radio-item {{!submitStatus && item.userAnswer == contentItem.value ? 'radio-active' : isNight ? 'night' :''}} {{item.userAnswer == contentItem.value && submitStatus ? item.isRight ? 'radio-correct' : 'radio-error' :''}}"> |
| | | <!-- 仅文字 --> |
| | | <view wx:if="{{item.optionStyle == 'Txt'}}" class="text-space"> |
| | | {{contentItem.value}}、{{contentItem.txt}} |
| | |
| | | <image src="{{contentItem.img}}" mode="aspectFit" /> |
| | | </view> |
| | | <!-- 文字加图片 --> |
| | | <view |
| | | wx:if="{{item.optionStyle == 'TxtAndImage'}}" |
| | | class="fl-center" |
| | | class="TxtAndImage-box" |
| | | > |
| | | <view wx:if="{{item.optionStyle == 'TxtAndImage'}}" class="fl-center" class="TxtAndImage-box"> |
| | | <text class="text-space">{{contentItem.value}}、</text> |
| | | <view class="radio-textimg">{{contentItem.txt}}</view> |
| | | <image src="{{contentItem.img}}" mode="aspectFit" /> |
| | | </view> |
| | | <!-- 富文本 --> |
| | | <view |
| | | wx:if="{{item.optionStyle == 'RichText'}}" |
| | | class="judge-rich-box" |
| | | > |
| | | <view wx:if="{{item.optionStyle == 'RichText'}}" class="judge-rich-box"> |
| | | <text>{{contentItem.value}}、</text> |
| | | <rich-text |
| | | nodes="{{ contentItem.txt}}" |
| | | style="display: flex; align-items: center; width: 100%" |
| | | ></rich-text> |
| | | <rich-text nodes="{{ contentItem.txt}}" style="display: flex; align-items: center; width: 100%"></rich-text> |
| | | </view> |
| | | </view> |
| | | </t-radio> |
| | |
| | | </t-radio-group> |
| | | <view wx:if="{{item.questionType == 'linkage'}}"> |
| | | <!-- 特殊题 --> |
| | | <t-radio-group |
| | | defaultValue="{{item.questionTab}}" |
| | | disabled="{{item.isComplete}}" |
| | | bind:change="handeleOption" |
| | | class="radio-group" |
| | | data-value="{{item.questionTab}}" |
| | | data-id="{{item.id}}" |
| | | > |
| | | <view |
| | | wx:if="{{item.optionData}}" |
| | | wx:for="{{item.option}}" |
| | | wx:for-item="contentItem" |
| | | wx:for-index="contentIndex" |
| | | wx:key="contentIndex" |
| | | > |
| | | <t-radio |
| | | value="{{contentItem.value}}" |
| | | icon="none" |
| | | placement="right" |
| | | borderless |
| | | style="background-color: {{isNight ? '#222' : '#fff'}}" |
| | | > |
| | | <view |
| | | style="font-size: {{sliderValue || 32}}rpx;" |
| | | class="radio-item {{!submitStatus && item.questionTab == contentItem.value ? 'radio-active' : isNight ? 'night' :''}}" |
| | | > |
| | | <t-radio-group defaultValue="{{item.questionTab}}" disabled="{{submitStatus}}" bind:change="handeleOption" class="radio-group" data-value="{{item.questionTab}}" data-id="{{item.id}}"> |
| | | <view wx:if="{{item.optionData}}" wx:for="{{item.option}}" wx:for-item="contentItem" wx:for-index="contentIndex" wx:key="contentIndex"> |
| | | <t-radio value="{{contentItem.value}}" icon="none" placement="right" borderless style="background-color: {{isNight ? '#222' : '#fff'}}"> |
| | | <view style="font-size: {{sliderValue || 32}}rpx;" class="radio-item {{!submitStatus && item.questionTab == contentItem.value ? 'radio-active' : isNight ? 'night' :''}}"> |
| | | <!-- 仅文字 --> |
| | | <view class="text-space"> |
| | | {{contentItem.value}}、{{contentItem.txt}} |
| | |
| | | </view> |
| | | </t-radio-group> |
| | | <view class="title-content text-space">{{item.stem.stem}}</view> |
| | | <t-radio-group |
| | | defaultValue="{{item.userAnswer}}" |
| | | disabled="{{item.isComplete}}" |
| | | bind:change="onChangeRadio" |
| | | class="radio-group" |
| | | data-value="{{item.userAnswer}}" |
| | | data-id="{{item.id}}" |
| | | > |
| | | <view |
| | | wx:for="{{item.optionData[item.questionTab]}}" |
| | | wx:for-item="citem" |
| | | wx:for-index="cindex" |
| | | wx:key="cindex" |
| | | > |
| | | <t-radio |
| | | value="{{citem.value}}" |
| | | icon="none" |
| | | placement="right" |
| | | borderless |
| | | style="background-color: {{isNight ? '#222' : '#fff'}}" |
| | | > |
| | | <view |
| | | style="font-size: {{sliderValue || 32}}rpx;" |
| | | class="radio-item {{!submitStatus && item.userAnswer == citem.value ? 'radio-active' : isNight ? 'night' :''}}" |
| | | > |
| | | <t-radio-group defaultValue="{{item.userAnswer}}" disabled="{{submitStatus}}" bind:change="onChangeRadio" class="radio-group" data-value="{{item.userAnswer}}" data-id="{{item.id}}"> |
| | | <view wx:for="{{item.optionData[item.questionTab]}}" wx:for-item="citem" wx:for-index="cindex" wx:key="cindex"> |
| | | <t-radio value="{{citem.value}}" icon="none" placement="right" borderless style="background-color: {{isNight ? '#222' : '#fff'}}"> |
| | | <view style="font-size: {{sliderValue || 32}}rpx;" class="radio-item {{!submitStatus && item.userAnswer == citem.value ? 'radio-active' : isNight ? 'night' :''}}"> |
| | | <!-- 仅文字 --> |
| | | <view class="text-space"> |
| | | {{citem.value}}、{{citem.txt}} |
| | |
| | | </view> |
| | | |
| | | <!-- 多选题 --> |
| | | <t-checkbox-group |
| | | class="checkbox-group" |
| | | wx:elif="{{item.questionType == 'multipleChoice'}}" |
| | | t-class="box" |
| | | borderless |
| | | bind:change="onChangeRadio" |
| | | data-value="{{item.option}}" |
| | | data-id="{{item.id}}" |
| | | defaultValue="{{item.userAnswer}}" |
| | | > |
| | | <view |
| | | wx:for="{{item.option}}" |
| | | wx:for-item="contentItem" |
| | | wx:for-index="contentIndex" |
| | | wx:key="contentIndex" |
| | | > |
| | | <t-checkbox |
| | | disabled="{{item.isComplete}}" |
| | | icon="rectangle" |
| | | block="{{false}}" |
| | | class="t-checkbox" |
| | | value="{{contentItem.value}}" |
| | | style="background-color:{{isNight ? '#222' :'#F9F9F9'}}; " |
| | | > |
| | | <t-checkbox-group class="checkbox-group" wx:elif="{{item.questionType == 'multipleChoice'}}" t-class="box" borderless bind:change="onChangeRadio" data-value="{{item.option}}" data-id="{{item.id}}" defaultValue="{{item.userAnswer}}"> |
| | | <view wx:for="{{item.option}}" wx:for-item="contentItem" wx:for-index="contentIndex" wx:key="contentIndex"> |
| | | <t-checkbox disabled="{{submitStatus}}" icon="rectangle" block="{{false}}" class="t-checkbox" value="{{contentItem.value}}" style="background-color:{{isNight ? '#222' :'#F9F9F9'}}; "> |
| | | <!-- 仅文字 --> |
| | | <view |
| | | class="fl-center mh text-space" |
| | | wx:if="{{item.optionStyle == 'Txt'}}" |
| | | style="color:{{ isNight ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;" |
| | | > |
| | | <view class="fl-center mh text-space" wx:if="{{item.optionStyle == 'Txt'}}" style="color:{{ isNight ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;"> |
| | | <text>{{contentItem.value}}、</text> |
| | | <text class="check-text-box">{{contentItem.txt}}</text> |
| | | </view> |
| | | |
| | | <!-- 仅图片 --> |
| | | <view |
| | | wx:if="{{item.optionStyle == 'Image'}}" |
| | | class="fl-center mh" |
| | | > |
| | | <text |
| | | style="color:{{ isNight ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;" |
| | | >{{contentItem.value}}、</text |
| | | > |
| | | <view wx:if="{{item.optionStyle == 'Image'}}" class="fl-center mh"> |
| | | <text style="color:{{ isNight ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;">{{contentItem.value}}、</text> |
| | | <image src="{{contentItem.img}}" mode="aspectFit" /> |
| | | </view> |
| | | <!-- 文字加图片 --> |
| | | <view |
| | | wx:if="{{item.optionStyle == 'TxtAndImage'}}" |
| | | class="fl-center mh text-space" |
| | | > |
| | | <text |
| | | style="color:{{ isNight ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;" |
| | | >{{contentItem.value}}、</text |
| | | > |
| | | <text |
| | | style="color:{{ isNight ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;" |
| | | >{{contentItem.txt}}</text |
| | | > |
| | | <image |
| | | src="{{contentItem.img}}" |
| | | wx:if="{{contentItem.img}}" |
| | | mode="aspectFit" |
| | | /> |
| | | <view wx:if="{{item.optionStyle == 'TxtAndImage'}}" class="fl-center mh text-space"> |
| | | <text style="color:{{ isNight ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;">{{contentItem.value}}、</text> |
| | | <text style="color:{{ isNight ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;">{{contentItem.txt}}</text> |
| | | <image src="{{contentItem.img}}" wx:if="{{contentItem.img}}" mode="aspectFit" /> |
| | | </view> |
| | | <!-- 富文本 --> |
| | | <view |
| | | wx:if="{{item.optionStyle == 'RichText'}}" |
| | | class="check-rich-box mh" |
| | | > |
| | | <view wx:if="{{item.optionStyle == 'RichText'}}" class="check-rich-box mh"> |
| | | <text>{{contentItem.value}}、</text> |
| | | <rich-text |
| | | nodes="{{contentItem.txt}}" |
| | | class="multipleChoice" |
| | | ></rich-text> |
| | | <rich-text nodes="{{contentItem.txt}}" class="multipleChoice"></rich-text> |
| | | </view> |
| | | </t-checkbox> |
| | | </view> |
| | | </t-checkbox-group> |
| | | <!-- 简答 翻译 --> |
| | | <t-textarea |
| | | disabled="{{item.isComplete}}" |
| | | value="{{item.userAnswer}}" |
| | | bind:change="onChangeRadio" |
| | | data-value="{{item.option}}" |
| | | data-id="{{item.id}}" |
| | | class="option-textarea {{isNight ? 'textarea-night-color' :''}}" |
| | | wx:elif="{{item.questionType == 'shortAnswer'}}" |
| | | t-class="external-class" |
| | | placeholder="请输入文字" |
| | | bordered |
| | | maxlength="500" |
| | | disableDefaultPadding="{{true}}" |
| | | indicator |
| | | style="background-color:{{isNight ? '#000' : '#fff'}}; " |
| | | /> |
| | | <t-textarea disabled="{{submitStatus}}" value="{{item.userAnswer}}" bind:change="onChangeRadio" data-value="{{item.option}}" data-id="{{item.id}}" class="option-textarea {{isNight ? 'textarea-night-color' :''}}" wx:elif="{{item.questionType == 'shortAnswer'}}" t-class="external-class" placeholder="请输入文字" bordered maxlength="500" disableDefaultPadding="{{true}}" indicator style="background-color:{{isNight ? '#000' : '#fff'}}; " /> |
| | | </view> |
| | | </swiper-item> |
| | | <swiper-item wx:if="{{noData}}"> |