<!--pages/bookServices/examination/questionList/index.wxml-->
|
<view class="question-list" style="background-color:{{isNight ? '#000' : '#fff'}}">
|
<!-- 题型title -->
|
<view class="question-title" wx:if="{{questionList[showIndex].type}}" style="background-color:{{isNight ? '#000' : '#fff'}}">
|
<text class="title-name">{{questionList[showIndex].type}}</text><text class="title-score" style="color: {{isNight ? '#fff' : '#000'}};">(每题{{questionList[showIndex].score}}分)</text>
|
</view>
|
<!-- 题目列表 -->
|
<swiper class="swiper" bind:change="changeSwiper" current="{{currentIndex}}">
|
<swiper-item wx:for="{{questionList}}" wx:key="{{item.id}}">
|
<!-- 题干 -->
|
<view class="question-stem title-score" style="color: {{isNight ? '#fff' : '#000'}};">
|
<!-- 题号 -->
|
<text>{{item.number}}.</text>
|
<!-- 仅文字 -->
|
<view wx:if="{{item.stemStyle == 'Txt' && item.questionType != 'completion'}}">{{item.stem.stemTxt}}</view>
|
<!-- 仅图片 -->
|
<view wx:elif="{{item.stemStyle == 'Image'}}">
|
<t-image src="{{item.stem.stemImage}}" />
|
</view>
|
<!-- 图片加文字 -->
|
<view wx:elif="{{item.stemStyle == 'TxtAndImage'}}" class="title-TxtAndImage">
|
<text>{{item.stem.stemTxt}}</text>
|
<t-image src="{{item.stem.stemImage}}"></t-image>
|
</view>
|
<!-- 富文本 -->
|
<view wx:elif="{{item.stemStyle == 'RichText'}} " class="title-RichText">
|
<rich-text nodes="{{item.stem.stemTxt}}"></rich-text>
|
</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}}" bind:change="onChangeInput" data-value="{{item.option}}" data-id="{{item.id}}" data-index="{{inputItem.num}}" class="title-input" style="{{inputstyle}}" placeholder-style="{{placeholderstyle}}" wx:if="{{inputItem.data == 'input'}}" placeholder="请输入文字" value="{{item.userAnswer[inputItem.num]}}"></t-input>
|
<text wx:else>{{inputItem}}</text>
|
</view>
|
</view>
|
</view>
|
<!-- 答题区域 -->
|
<view class="question-answer">
|
<!-- 单选题 -->
|
<t-radio-group wx:if="{{item.questionType == 'singleChoice' || item.questionType == 'judge'}}" defaultValue="{{item.userAnswer}}" disabled="{{item.isComplete}}" bind:change="onChangeRadio" class="radio-group" data-value="{{item.option}}" data-id="{{item.id}}">
|
<view 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>
|
<view class="radio-item {{item.answer == contentItem.value && item.answer == item.userAnswer ? 'radio-correct' : item.userAnswer == contentItem.value && item.userAnswer != item.answer ?'radio-error' :''}}">
|
<!-- 仅文字 -->
|
<text wx:if="{{item.optionStyle == 'Txt'}}">{{contentItem.value}}、{{contentItem.txt}}</text>
|
<!-- 仅图片 -->
|
<view wx:if="{{item.optionStyle == 'Image'}}" class="fl-center">
|
<text>{{contentItem.value}}、</text>
|
<t-image src="{{contentItem.img}}"></t-image>
|
</view>
|
<!-- 文字加图片 -->
|
<view wx:if="{{item.optionStyle == 'TxtAndImage'}}" class="fl-center">
|
<text>{{contentItem.value}}、</text>
|
<text>{{contentItem.txt}}</text>
|
<t-image src="{{contentItem.img}}"></t-image>
|
</view>
|
<!-- 富文本 -->
|
<view wx:if="{{item.optionStyle == 'RichText'}}">
|
<text>{{contentItem.value}}、</text>
|
<rich-text nodes="{{contentItem.txt}}"></rich-text>
|
</view>
|
<text wx:if="{{item.answer == contentItem.value && item.answer == item.userAnswer}}">对</text>
|
<text wx:if="{{item.userAnswer == contentItem.value && item.userAnswer != item.answer}}">错</text>
|
</view>
|
</t-radio>
|
</view>
|
</t-radio-group>
|
<!-- 多选题 -->
|
<t-checkbox-group disabled="{{item.isComplete}}" 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 block="{{false}}" value="{{contentItem.value}}">
|
<!-- 仅文字 -->
|
<text wx:if="{{item.optionStyle == 'Txt'}}">{{contentItem.value}}、{{contentItem.txt}}</text>
|
<!-- 仅图片 -->
|
<view wx:if="{{item.optionStyle == 'Image'}}" class="fl-center">
|
<text>{{contentItem.value}}、</text>
|
<t-image src="{{contentItem.img}}"></t-image>
|
</view>
|
<!-- 文字加图片 -->
|
<view wx:if="{{item.optionStyle == 'TxtAndImage'}}" class="fl-center">
|
<text>{{contentItem.value}}、</text>
|
<text>{{contentItem.txt}}</text>
|
<t-image src="{{contentItem.img}}"></t-image>
|
</view>
|
<!-- 富文本 -->
|
<view wx:if="{{item.optionStyle == 'RichText'}}">
|
<text>{{contentItem.value}}、</text>
|
<rich-text nodes="{{contentItem.txt}}"></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" wx:elif="{{item.questionType == 'shortAnswer'}}" t-class="external-class" placeholder="请输入文字" bordered maxlength="500" disableDefaultPadding="{{true}}" indicator style="{{style}}" />
|
</view>
|
<!-- 解析 -->
|
<view class="analysis" wx:if="{{item.isComplete}}">
|
<view class="analysis-answer">
|
<view class="answer-correct answer-center">
|
<text class="analysis-title-box">正确答案：</text>
|
<rich-text nodes="{{item.answer}}" style="font-size: 40rpx"></rich-text>
|
</view>
|
<view class="answer-center marginL {{item.isRight ? 'answer-correct' : 'answer-error'}}" wx:if="{{item.questionType !== 'shortAnswer'}}">
|
<text class="analysis-title-box">您的答案：</text><text class="answer-text">{{item.userAnswer}}</text>
|
</view>
|
</view>
|
<view class="analysis-text" wx:if="{{item.analysisCon}}" style="color: {{isNight ? '#fff' : '#000'}};">
|
答案解析：<rich-text nodes="{{item.analysisCon}}" class="analysis-content"></rich-text>
|
</view>
|
</view>
|
</swiper-item>
|
<swiper-item>
|
<text>没有更多了。。。</text>
|
</swiper-item>
|
</swiper>
|
</view>
|
