|
@@ -9,13 +9,13 @@
|
|
|
<view class="sv-empty" v-else-if="!questions || questions.length === 0">暂无问卷题目</view>
|
|
<view class="sv-empty" v-else-if="!questions || questions.length === 0">暂无问卷题目</view>
|
|
|
|
|
|
|
|
<view class="sv-form" v-else>
|
|
<view class="sv-form" v-else>
|
|
|
- <view class="sv-q" v-for="(q, qi) in questions" :key="'q' + qi">
|
|
|
|
|
|
|
+ <view class="sv-q" v-for="(q, qi) in questions" :key="getQKey(qi)">
|
|
|
<text class="sv-q-label">{{ qi + 1 }}. {{ q.text }}</text>
|
|
<text class="sv-q-label">{{ qi + 1 }}. {{ q.text }}</text>
|
|
|
<view class="sv-options">
|
|
<view class="sv-options">
|
|
|
<view
|
|
<view
|
|
|
class="sv-opt"
|
|
class="sv-opt"
|
|
|
v-for="(o, oi) in q.options"
|
|
v-for="(o, oi) in q.options"
|
|
|
- :key="'o' + qi + '_' + oi"
|
|
|
|
|
|
|
+ :key="getOptKey(qi, oi)"
|
|
|
:class="{ 'sv-opt-active': isSelected(qi, oi) }"
|
|
:class="{ 'sv-opt-active': isSelected(qi, oi) }"
|
|
|
@click="toggleOpt(qi, oi, q)">
|
|
@click="toggleOpt(qi, oi, q)">
|
|
|
<text class="sv-opt-text">{{ o.text }}</text>
|
|
<text class="sv-opt-text">{{ o.text }}</text>
|
|
@@ -51,6 +51,8 @@ export default {
|
|
|
this.loadQuestions()
|
|
this.loadQuestions()
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+ getQKey: function(qi) { return 'q' + qi },
|
|
|
|
|
+ getOptKey: function(qi, oi) { return 'o' + qi + '_' + oi },
|
|
|
isSelected(qi, oi) {
|
|
isSelected(qi, oi) {
|
|
|
var ans = this.answers[qi]
|
|
var ans = this.answers[qi]
|
|
|
return ans && ans.indexOf(oi) !== -1
|
|
return ans && ans.indexOf(oi) !== -1
|