| | |
| | | <tr class="table-tr-bc"> |
| | | <td class="tl-cn table-th-bc" rowspan="2">Speaker 1</td> |
| | | <td class="bor-b-n"> |
| | | <input type="radio" name="ball" value="a" id="1" v-model="radioOne[0].value[0].userAnswer" /> A. I can |
| | | <input type="radio" name="ball" value="a" id="1" v-model="radioOne[0].value[0].userAnswer" @change="savaRadioOne" /> A. I can |
| | | understand my foreign colleagues because they are straightforward. |
| | | <img :src="radioOne[0].value[0].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[0].userAnswer === 'a'"> |
| | | </td> |
| | | </tr> |
| | | <tr class="table-tr-bc"> |
| | | <td class="bor-t-n"> |
| | | <input type="radio" name="ball" value="b" id="2" v-model="radioOne[0].value[0].userAnswer" /> B. My |
| | | <input type="radio" name="ball" value="b" id="2" v-model="radioOne[0].value[0].userAnswer" @change="savaRadioOne" /> B. My |
| | | foreign |
| | | colleagues just nod and agree with me when we have a discussion. |
| | | <img :src="radioOne[0].value[0].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[0].userAnswer === 'b' "> |
| | |
| | | <tr class="table-tr-bc"> |
| | | <td class="tl-cn table-th-bc" rowspan="2">Speaker 2</td> |
| | | <td class="bor-b-n"> |
| | | <input type="radio" name="ballOne" value="a" id="3" v-model="radioOne[0].value[1].userAnswer" /> A. My |
| | | <input type="radio" name="ballOne" value="a" id="3" v-model="radioOne[0].value[1].userAnswer" @change="savaRadioOne" /> A. My |
| | | foreign |
| | | boss closely oversees our work and criticizes us for our mistakes. |
| | | <img :src="radioOne[0].value[1].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[1].userAnswer === 'a'"> |
| | |
| | | </tr> |
| | | <tr class="table-tr-bc"> |
| | | <td class="bor-t-n"> |
| | | <input type="radio" name="ballOne" value="b" id="4" v-model="radioOne[0].value[1].userAnswer" /> B. My |
| | | <input type="radio" name="ballOne" value="b" id="4" v-model="radioOne[0].value[1].userAnswer" @change="savaRadioOne" /> B. My |
| | | foreign |
| | | boss is very hands-off and gives us a lot freedom to do things. |
| | | <img :src="radioOne[0].value[1].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[1].userAnswer === 'b'"> |
| | |
| | | <tr class="table-tr-bc"> |
| | | <td class="tl-cn table-th-bc" rowspan="2">Speaker 3</td> |
| | | <td class="bor-b-n"> |
| | | <input type="radio" name="ballTwo" value="a" id="5" v-model="radioOne[0].value[2].userAnswer" /> A. My |
| | | <input type="radio" name="ballTwo" value="a" id="5" v-model="radioOne[0].value[2].userAnswer" @change="savaRadioOne" /> A. My |
| | | Chinese |
| | | colleagues always stay late in the ofice or bring work home. |
| | | <img :src="radioOne[0].value[2].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[2].userAnswer === 'a'"> |
| | |
| | | </tr> |
| | | <tr class="table-tr-bc"> |
| | | <td class="bor-t-n"> |
| | | <input type="radio" name="ballTwo" value="b" id="6" v-model="radioOne[0].value[2].userAnswer" /> B. My |
| | | <input type="radio" name="ballTwo" value="b" id="6" v-model="radioOne[0].value[2].userAnswer" @change="savaRadioOne" /> B. My |
| | | Chinese |
| | | colleagues manage to get their work done during working hours. |
| | | <img :src="radioOne[0].value[2].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[2].userAnswer === 'b'"> |
| | |
| | | <tr class="table-tr-bc"> |
| | | <td class="tl-cn table-th-bc" rowspan="2">Speaker 4</td> |
| | | <td class="bor-b-n"> |
| | | <input type="radio" name="ballThree" value="a" id="7" v-model="radioOne[0].value[3].userAnswer" /> A. |
| | | <input type="radio" name="ballThree" value="a" id="7" v-model="radioOne[0].value[3].userAnswer" @change="savaRadioOne" /> A. |
| | | My Chinese |
| | | colleagues deal with issues more objectively |
| | | <img :src="radioOne[0].value[3].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[3].userAnswer === 'a'"> |
| | |
| | | </tr> |
| | | <tr class="table-tr-bc"> |
| | | <td class="bor-t-n"> |
| | | <input type="radio" name="ballThree" value="b" id="8" v-model="radioOne[0].value[3].userAnswer" /> B. |
| | | <input type="radio" name="ballThree" value="b" id="8" v-model="radioOne[0].value[3].userAnswer" @change="savaRadioOne" /> B. |
| | | My Chinese |
| | | colleagues are likely to take things personally |
| | | <img :src="radioOne[0].value[3].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[3].userAnswer === 'b'"> |
| | |
| | | if (dropdownData) { |
| | | this.dropdownData = JSON.parse(dropdownData); |
| | | } |
| | | |
| | | |
| | | const radioOne = localStorage.getItem("englis-chapter02-radioOne"); |
| | | if (radioOne) { |
| | | this.radioOne = JSON.parse(radioOne); |
| | | } |
| | | this.getPath(); |
| | | }, |
| | | methods: { |
| | |
| | | citem.isRight = null |
| | | } |
| | | } |
| | | this.savaRadioOne() |
| | | } |
| | | this.savaRadioOne() |
| | | }, |
| | | changeRadioOne() { |
| | | for (let index = 0; index < this.radioOne.length; index++) { |