From 7d7744fe006714f6be0341d03d4de9b1e90d775d Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 23 五月 2025 22:45:09 +0800
Subject: [PATCH] 5.23 婴幼儿游戏活动实施（wb）
---
src/books/toddlerGameImplementation/view/components/chapter001.vue | 775 +++++++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 694 insertions(+), 81 deletions(-)
diff --git a/src/books/toddlerGameImplementation/view/components/chapter001.vue b/src/books/toddlerGameImplementation/view/components/chapter001.vue
index 0a346ae..6d191c2 100644
--- a/src/books/toddlerGameImplementation/view/components/chapter001.vue
+++ b/src/books/toddlerGameImplementation/view/components/chapter001.vue
@@ -272,7 +272,7 @@
</div> -->
</div>
<p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
- <ul v-for="(item, index) in unitQuestion.unitOne.slice(0, 2)" :key="index">
+ <ul v-for="(item, index) in unitQuestion.unitOne.slice(0, 2)" :key="'unitQuestion' + index">
<li>
{{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}銆�
</li>
@@ -287,7 +287,7 @@
<span class="c-g"> 绛旀锛歿{ item.answer }}</span>
<span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
item.userAnswer
- }}</span>
+ }}</span>
<span class="icon-box-big fl al-c">
<svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
@@ -321,7 +321,7 @@
</li>
</ul>
<div class="bodystyle">
- <ul v-for="(item, index) in unitQuestion.unitOne.slice(2, 4)" :key="index">
+ <ul v-for="(item, index) in unitQuestion.unitOne.slice(2, 4)" :key="'unitQuestion2' + index">
<li>
{{ index + 3 }}.锛堝崟閫夛級{{ item.txt }}銆�
</li>
@@ -336,7 +336,7 @@
<span class="c-g"> 绛旀锛歿{ item.answer }}</span>
<span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
item.userAnswer
- }}</span>
+ }}</span>
<span class="icon-box-big fl al-c">
<svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
@@ -355,7 +355,7 @@
</span>
</li>
</ul>
- <ul v-for="(item, index) in unitQuestion.unitOne.slice(4, 5)" :key="index">
+ <ul v-for="(item, index) in unitQuestion.unitOne.slice(4, 5)" :key="'unitQuestionCheck' + index">
<li>
{{ index + 5 }}.锛堝閫夛級{{ item.txt }}銆�
</li>
@@ -370,7 +370,7 @@
<span class="c-g"> 绛旀锛歿{ item.answer.join(',') }}</span>
<span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
item.userAnswer.length ? item.userAnswer.join(',') : ''
- }}</span>
+ }}</span>
<span class="icon-box-big fl al-c">
<svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
@@ -414,7 +414,22 @@
<p>
鐢熼暱鍙戣偛姝ｅ父鏄仴搴风殑閲嶈鏍囧織锛岃繖绉嶅彂鑲叉槸鏈変竴瀹氳寰嬬殑锛屾棦鏄繛缁殑锛屽張鏈夐樁娈垫�э紝鍗冲湪涓嶅悓骞撮緞闃舵锛屾湁鐫�涓嶅悓鐨勫彂鑲叉爣蹇椼�備互涓嬩簩缁寸爜涓憟鐜颁簡鏁欒偛閮ㄤ笌鑱斿悎鍥藉効绔ュ熀閲戜細鍏卞悓鎺ㄥ箍鐨�0锝�6宀佸効绔ョ殑鍙戝睍閲岀▼纰戯紝鏈夊姪浜庝綘浜嗚В鍜屽叧娉ㄥ┐骞煎効鐨勬棭鏈熸垚闀裤��
</p>
-
+ <!-- pdf 鏌ョ湅鍣� -->
+ <div class="pdf-text">
+ <div class="pdf-con">
+ <div class="pdf-view">
+ <span>
+ <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098" height="24.098">
+ <path
+ d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+ p-id="11010"></path>
+ </svg>
+ </span>
+ <span @click="toUrl(1)">聽鏂囨湰璧勬簮锛� 0锝�6聽宀佸効绔ュ彂灞曠殑閲岀▼纰�</span>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
@@ -597,7 +612,7 @@
</div>
<div class="bk2">
<p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
- <ul v-for="(item, index) in exampleOne.unitOne" :key="index">
+ <ul v-for="(item, index) in exampleOne.unitOne" :key="'exampleOne' + index">
<li>
{{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}銆�
</li>
@@ -612,7 +627,7 @@
<span class="c-g"> 绛旀锛歿{ item.answer }}</span>
<span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
item.userAnswer
- }}</span>
+ }}</span>
<span class="icon-box-big fl al-c">
<svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
@@ -807,7 +822,7 @@
</p>
<div class="bk2">
<p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
- <ul v-for="(item, index) in exampleTwo.unitOne" :key="index">
+ <ul v-for="(item, index) in exampleTwo.unitOne" :key="'exampleTwo' + index">
<li>
{{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}銆�
</li>
@@ -822,7 +837,7 @@
<span class="c-g"> 绛旀锛歿{ item.answer }}</span>
<span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
item.userAnswer
- }}</span>
+ }}</span>
<span class="icon-box-big fl al-c">
<svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
@@ -962,7 +977,7 @@
</p>
<p>鍚勭鍚勬牱鐨勬父鎴忚鐐硅櫧鐒朵笉灏界浉鍚岋紝浣嗗畠浠兘鏄墠浜哄疂璐电殑鎺㈢储缁忛獙锛屼篃淇冭繘浜嗘垜浠濠村辜鍎挎父鎴忕殑鐞嗚В銆傛棤璁哄湪鍝竴涓椂浠ｏ紝娓告垙濮嬬粓閮芥槸閲嶈鐨勪换鍔★紝鏄┐骞煎効鍦ㄥ彂灞曚箣璺笂涓嶅彲鎴栫己鐨勬垚闀挎椿鍔ㄣ��</p>
<p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
- <ul v-for="(item, index) in unitQuestionOne.unitTwo.slice(0, 3)" :key="index">
+ <ul v-for="(item, index) in unitQuestionOne.unitTwo.slice(0, 3)" :key="'unitQuestionOne' + index">
<li>
{{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}銆�
</li>
@@ -977,7 +992,7 @@
<span class="c-g"> 绛旀锛歿{ item.answer }}</span>
<span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
item.userAnswer
- }}</span>
+ }}</span>
<span class="icon-box-big fl al-c">
<svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
@@ -1010,7 +1025,7 @@
<li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
</ul>
<div class="bodystyle">
- <ul v-for="(item, index) in unitQuestionOne.unitTwo.slice(3, 5)" :key="index">
+ <ul v-for="(item, index) in unitQuestionOne.unitTwo.slice(3, 5)" :key="'unitQuestionOne2' + index">
<li>
{{ index + 4 }}.锛堝崟閫夛級{{ item.txt }}銆�
</li>
@@ -1025,7 +1040,7 @@
<span class="c-g"> 绛旀锛歿{ item.answer }}</span>
<span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
item.userAnswer
- }}</span>
+ }}</span>
<span class="icon-box-big fl al-c">
<svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
@@ -1044,7 +1059,7 @@
</span>
</li>
</ul>
- <ul v-for="(item, index) in unitQuestionOne.unitTwoChoice" :key="item.txt">
+ <ul v-for="(item, index) in unitQuestionOne.unitTwoChoice" :key="'unitTwoChoice' + index">
<li>
{{ index + 6 }}.锛堝閫夛級{{ item.txt }}銆�
</li>
@@ -1056,10 +1071,10 @@
</label>
</li>
<li v-if="unitQuestionOne.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
- <span class="c-g"> 绛旀锛�<span v-for="(answer, index) in item.answer"
- :key="'answer-' + index">{{ answer }}銆�</span></span>
+ <span class="c-g"> 绛旀锛�<span v-for="(answer, dindex) in item.answer" :key="dindex">{{ answer
+ }}銆�</span></span>
<span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛�<span
- v-for="(userAnswer, index) in item.userAnswer" :key="'userAnswer-' + index">{{
+ v-for="(userAnswer, eindex) in item.userAnswer" :key="eindex">{{
userAnswer }}銆�</span></span>
<span class="icon-box-big fl al-c">
<svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
@@ -1217,7 +1232,7 @@
<p>娓告垙涓哄┐骞煎効鎻愪緵浜嗕赴瀵岀殑鎺㈢储鏈轰細銆備粬浠湪娓告垙涓笌鐜绉瀬鍦颁簰鍔紝鈥滃搧鍛斥�濈幆澧冪殑鍚屾椂涔熷湪涓嶆柇鍦版帰绱㈠拰鍙戠幇鑷繁鐨勮繍鍔ㄦ綔鑳斤紝鍦ㄧН绱繍鍔ㄧ粡楠屼腑涓嶆柇淇冧娇韬綋鐨勬甯稿彂鑲层�傝繖瀵瑰┐骞煎効鐨勮韩蹇冨仴搴峰彂灞曞叿鏈夌Н鏋佺殑鎰忎箟銆�
</p>
<div class="bk2">
- <p><img class="rwmb-5" alt="" src="../../assets/images/sjtz.png" /></p>
+ <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
<p>鍦ㄥ疄璺典腑瑙傚療涓�涓┐骞煎効娓告垙鎯呮櫙锛屽垎鏋愬濠村辜鍎胯韩浣撳彂灞曠殑浣滅敤銆�</p>
<p>绗竴姝ワ紝閫夋嫨娓告垙绫诲瀷锛屽埗璁㈣瀵熻鍒掋��</p>
<p>绗簩姝ワ紝瑙傚療娓告垙锛岃褰曟父鎴忚繃绋嬨��</p>
@@ -1251,14 +1266,64 @@
</p>
<div class="bk2">
<p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
- <p class="center"><span class="ls2">2022骞村叏鍥借亴涓氶櫌鏍℃棭鏈熸暀鑲蹭笓涓氫繚鏁欐妧鑳界珵璧涚湡棰�</span></p>
- <p>锛堝崟閫夐锛夛紙銆�銆�锛夋槸鍎跨渚濇亱鍙戝睍鐨勭涓夐樁娈碉細鐗规畩鐨勬儏鎰熻仈缁撻樁娈点��</p>
- <p>A.鍑虹敓鑷�3涓湀</p>
- <p>B.3鑷�6涓湀</p>
- <p>C.6涓湀鑷�2宀�</p>
- <p>D.2宀佷互鍚�</p>
- <p>鍙傝�冪瓟妗堬細C銆備緷鎭嬫槸鍦ㄥ効绔ヤ笌瀹堕暱鐩镐簰浣滅敤鐨勮繃绋嬩腑锛屽湪鎯呮劅涓婇�愭笎褰㈡垚鐨勪竴绉嶈仈缁撱�佺航甯︽垨鎸佷箙鐨勫叧绯汇�傛牴鎹矋灏旀瘮鐨勫垝鍒嗭紝渚濇亱鐨勫彂灞曢樁娈靛寘鎷細鏃犲樊鍒ぞ浼氬弽搴旈樁娈碉紙鍑虹敓鑷�3涓湀锛夈�佹湁宸埆绀句細鎬у弽搴旈樁娈碉紙3鑷�6涓湀锛夈�佺壒娈婄殑鎯呮劅鑱旂粨闃舵锛�6涓湀鑷�2宀侊級銆佺洰鏍囪皟鏁寸殑浼欎即鍏崇郴闃舵锛�2宀佷互鍚庯級銆�
- </p>
+ <ul v-for="(item, index) in exampleThree.unitOne" :key="'exampleThree' + index">
+ <li>
+ {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}
+ </li>
+ <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+ <label>
+ <input type="radio" :disabled="exampleThree.isComplete" :name="item.txt"
+ :value="citem.value" v-model="item.userAnswer" @change="saveExampleThree" />
+ <span>{{ citem.value }}.{{ citem.txt }}</span>
+ </label>
+ </li>
+ <li v-if="exampleThree.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+ <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
+ <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+ item.userAnswer
+ }}</span>
+ <span class="icon-box-big fl al-c">
+ <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="item.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+ p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </li>
+ <li v-if="exampleThree.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa td-2">
+ 渚濇亱鏄湪鍎跨涓庡闀跨浉浜掍綔鐢ㄧ殑杩囩▼涓紝鍦ㄦ儏鎰熶笂閫愭笎褰㈡垚鐨勪竴绉嶈仈缁撱�佺航甯︽垨鎸佷箙鐨勫叧绯汇�傛牴鎹矋灏旀瘮鐨勫垝鍒嗭紝渚濇亱鐨勫彂灞曢樁娈靛寘鎷細鏃犲樊鍒ぞ浼氬弽搴旈樁娈碉紙鍑虹敓鑷�3涓湀锛夈�佹湁宸埆绀句細鎬у弽搴旈樁娈碉紙3鑷�6涓湀锛夈�佺壒娈婄殑鎯呮劅鑱旂粨闃舵锛�6涓湀鑷�2宀侊級銆佺洰鏍囪皟鏁寸殑浼欎即鍏崇郴闃舵锛�2宀佷互鍚庯級銆�
+ </li>
+ </ul>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ev w80 choice">
+ <li>
+ <button class="btn-border btn-w" @click="goExampleThree">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeExampleThree" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="exampleThree.isShowAnswer = !exampleThree.isShowAnswer"
+ class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
</div>
<p><br></p>
<p><br></p>
@@ -1288,6 +1353,21 @@
<p>濠村辜鍎挎父鎴忓绉嶅鏍枫�佷笉鎷樹竴鏍笺�傛寜鐓т笉鍚岀殑缁村害鏈変笉鍚岀殑鍒嗙被鏂规硶锛屽父瑙佺殑娓告垙绫诲瀷鏈夋寜鐓ф父鎴忎腑鐨勪氦寰�瀵硅薄鍒嗕负浜插瓙娓告垙銆佺帺鐗╂父鎴忓拰浼欎即娓告垙锛涙寜鐓у┐骞煎効鐨勮鐭ュ彂灞曟按骞冲垎涓烘劅瑙夎繍鍔ㄦ父鎴忋�佽薄寰佹�ф父鎴忋�佺粨鏋勬�ф父鎴忓拰瑙勫垯鎬ф父鎴忥紱鎸夌収娓告垙鑰呯殑娲诲姩褰㈠紡鍒嗕负杩愬姩鎬ф父鎴忋�佹櫤鍔涙�ф父鎴忋�佽鎵�ф父鎴忋�佹搷浣滄�ф父鎴忓拰鎺ュ彈鎬ф父鎴忥紱鎸夌収娓告垙鐨勫姛鑳芥�у垎涓烘椿鍔ㄦ�ф父鎴忋�佸彂灞曡瑷�鐨勬父鎴忋�佹劅瀹樻父鎴忋�佹櫤鍔涙父鎴忋�侀煶涔愬拰濞变箰娓告垙绛夛紱鎸夌収娓告垙鑰呯殑娲诲姩鍐呭鍒嗕负鍔ㄤ綔鎶�鑳芥�ф父鎴忋�佽鐭ユ�ф父鎴忋�佺ぞ浼氭垙鍓ф�ф父鎴忓拰鏈烘瀯鎬ф父鎴忥紱鎸夌収鏁欒偛浣跨敤鐨勮搴﹀垎涓哄垱閫犳�ф父鎴忓拰瑙勫垯娓告垙绛夈��
</p>
<p>瀵逛簬濠村辜鍎挎父鎴忕殑鍒掑垎铏界劧鏈夊绉嶏紝浣嗚繖浜涙父鎴忛兘鏄湪鍚勮嚜鐨勫畾浣嶄腑瀵绘眰鐫�濠村辜鍎挎暣浣撱�佸叏闈㈢殑鍙戝睍銆備笅鏂囧皢閫夋嫨閲嶇偣鐨勬父鎴忕被鍨嬭繘琛屼粙缁嶃��</p>
+ <div class="video-box">
+ <p class="center text">
+ <video :src="videoPathEight" webkit-playsinline="true" x-webkit-airplay="true"
+ playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
+ x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
+ </p>
+ <p class="center videoname">
+ <span>瑙嗛锛氬┐骞煎効娓告垙鐨勭被鍨� </span>
+ <el-tooltip class="item" effect="dark"
+ :content="chapterData.isCollectVideo07 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+ <img :src="collectResourceList.findIndex(item => item.id == '8215ef4093c9b916f147c41cdbe8f60a') > -1 ? collectCheck : collectImg"
+ alt="" class="collect-btn" @click="handleCollect('video-08')" />
+ </el-tooltip>
+ </p>
+ </div>
<h4 id="d016">锛堜竴锛夋寜鐓ф父鎴忎腑鐨勪氦寰�瀵硅薄鍒�</h4>
<h5 id="e001">1.浜插瓙娓告垙</h5>
<p>浜插瓙娓告垙鏄┐骞煎効绀句細鎬ф父鎴忕殑涓�绉嶉噸瑕佸舰寮忥紝涓昏鎸囩殑鏄闀垮拰濠村辜鍎夸箣闂寸殑浜掑姩娓告垙銆備翰瀛愭父鎴忓彂鐢熷緱寰堟棭锛屽┐骞煎効浠庝竴鐢熶笅鏉ワ紝渚垮彈鍒颁簡鍛ㄥ洿鐜鐨勫奖鍝嶃�傚闀挎垨濠村辜鍎跨殑鍏朵粬鐓ф枡鐪嬫姢鑰呬笉浠呬负濠村辜鍎挎彁渚涗簡鐢熺悊鎵�闇�瑕佺殑鍚勭钀ュ吇锛岃繕鏄笌濠村辜鍎挎渶鏃╂帴瑙︾殑浜ゅ線瀵硅薄鍜岀涓�涓噸瑕佺殑娓告垙浼欎即锛屽湪杩欑浜ゅ線鐨勮繃绋嬩腑渚夸骇鐢熶簡浜插瓙娓告垙杩欑鏈�鏃╃殑绀句細鎬ф父鎴忋��
@@ -1390,13 +1470,64 @@
<p>姝ゆ椂铏界劧鎴愪汉涓嶅啀鏄┐骞煎効娓告垙涓父瑙佺殑浼欎即锛屼絾鏄┐骞煎効娓告垙浠嶇劧绂讳笉寮�鎴愪汉鐨勬敮鎸侊紝鎴愪汉搴旀媴浠诲ソ鐩稿簲鐨勮緟鍔╄鑹层��</p>
<div class="bk2">
<p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
- <p class="center"><span class="ls2">2022骞村叏鍥借亴涓氶櫌鏍℃棭鏈熸暀鑲蹭笓涓氫繚鏁欐妧鑳界珵璧涚湡棰�</span></p>
- <p>锛堝崟閫夐锛夋牴鎹┐骞煎効璁ょ煡棰嗗煙鐨勫彂鑲插勾榫勶紝鍒跺畾鍜岃璁★紙銆�銆�锛夌殑娓告垙鏂规銆�</p>
- <p>A.璇█棰嗗煙</p>
- <p>B.鍔ㄤ綔棰嗗煙</p>
- <p>C.绀句細棰嗗煙</p>
- <p>D.璁ょ煡棰嗗煙</p>
- <p>鍙傝�冪瓟妗堬細D銆傛湰棰樿�冩煡鐨勬槸瀵瑰┐骞煎効涓嶅悓绫诲瀷娓告垙鐨勭悊瑙ｃ�傝鐭ラ鍩熺殑娓告垙鏄互濠村辜鍎胯鐭ュ彂灞曟按骞充负鍩虹鏉ヨ璁＄殑娓告垙銆�</p>
+ <ul v-for="(item, index) in exampleFour.unitOne" :key="'exampleFour' + index">
+ <li>
+ {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}
+ </li>
+ <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+ <label>
+ <input type="radio" :disabled="exampleFour.isComplete" :name="item.txt"
+ :value="citem.value" v-model="item.userAnswer" @change="saveExampleFour" />
+ <span>{{ citem.value }}.{{ citem.txt }}</span>
+ </label>
+ </li>
+ <li v-if="exampleFour.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+ <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
+ <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+ item.userAnswer
+ }}</span>
+ <span class="icon-box-big fl al-c">
+ <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="item.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+ p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </li>
+ <li v-if="exampleFour.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa td-2">
+ 鏈鑰冩煡鐨勬槸瀵瑰┐骞煎効涓嶅悓绫诲瀷娓告垙鐨勭悊瑙ｃ�傝鐭ラ鍩熺殑娓告垙鏄互濠村辜鍎胯鐭ュ彂灞曟按骞充负鍩虹鏉ヨ璁＄殑娓告垙銆�
+ </li>
+ </ul>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ev w80 choice">
+ <li>
+ <button class="btn-border btn-w" @click="goExampleFour">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeExampleFour" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="exampleFour.isShowAnswer = !exampleFour.isShowAnswer"
+ class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
</div>
<h3 id="c013">涓夈�佸┐骞煎効娓告垙鐨勭壒鐐�</h3>
<p>濠村辜鍎挎父鎴忎笌鏅亶鎰忎箟涓婄殑鍎跨娓告垙鍏锋湁鐩稿悓鐨勫睘鎬с�備絾鍥犲┐骞煎効鐨勫彂灞曟按骞冲強涓嶅悓骞撮緞鐗圭偣锛屽┐骞煎効娓告垙鍏锋湁鍏剁壒娈婃�с��</p>
@@ -1419,12 +1550,19 @@
<img class="rwmb-3 img-d" alt="" src="../../assets/images/xyx.png" />
</div>
<p>濡備綍鎸囧瀹堕暱鏀寔鍜屾帹杩涘┐骞煎効娓告垙锛�</p>
+ <textarea v-model="questionData.unitOne.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="max-width: 90%; min-width: 90%; resize:none;" class="fz-16 textarea-question"
+ @change="setQuestionData"></textarea>
</div>
</div>
<span>
<h4 id="d019">锛堜簩锛夋父鎴忓唴瀹圭殑鎯呮劅鎬с�佺敓娲诲寲</h4>
<p>鏃犺鏄父鎴忕殑鍙戠敓杩樻槸缁存寔锛屽┐骞煎効閮戒緷璧栧鐣岀粰浜堢殑鍒烘縺銆傝繖涓埡婵�寰�寰�鏄垚浜鸿瀺鍏ユ儏鎰熴�佽垂浜嗗績鍔涜璁＄殑鎯呭銆傚┐骞煎効鏃╂湡鏈�鍏堟帴瑙︾殑娓告垙灏辨槸浜插瓙娓告垙锛岃繖涓�娓告垙绫诲瀷甯︽湁娴撳帤鐨勬劅鎯呰壊褰┿�傚湪浜插瓙浜ゆ祦涓紝鍏呮弧鏌旀儏鐨勮韩浣撴帴瑙︿笌鍏呮弧鍠勬剰鐨勮█璇氦娴侀兘鍑濊仛鐫�瀹堕暱鐨勭埍锛屼娇濠村辜鍎挎劅鍙楀埌鐖变笌鍏虫敞銆傝繖涓嶄粎鑳戒績杩涗翰瀛愰棿鎰熸儏鐨勭灛闂村崌娓╋紝杩樻湁鍒╀簬濠村辜鍎夸釜鎬х殑鍙戝睍銆�
</p>
+ <p><br></p>
+ <p><br></p>
+ <p><br></p>
+ <p><br></p>
</span>
</div>
</div>
@@ -1449,41 +1587,96 @@
<p>铏界劧鎴戜滑浠庡┐骞煎効鐨勫悇涓柟闈㈠幓鎺㈢储娓告垙瀵逛簬鍏跺彂灞曠殑绉瀬浣滅敤锛屼絾瀹為檯涓婂┐骞煎効浣滀负涓�涓畬鏁寸殑涓綋锛屽叾鍙戝睍鍛堢幇鍑烘暣浣撳寲銆傚浜庡┐骞煎効鏉ヨ锛屼粬浠劅鐭ヤ笘鐣岀殑鏂瑰紡涔熸槸鏁翠綋鍖栫殑銆傚綋濠村辜鍎挎父鎴忔椂锛屼粬浠槸鍏ㄨ韩蹇冩矇娴稿湪浠栦滑鎵�鍒涢�犵殑涓栫晫閲屻�傚洜涓哄湪浠栦滑鐨勪笘鐣岄噷锛屼粬浠槸鏃犳墍涓嶈兘鐨勶紝鏄兘瀹炵幇浠栦滑涓�鍒囩殑鎰挎湜鐨勩�傚洜姝わ紝浠栦滑蹇呴』璋冨姩鍏ㄨ韩鍔涙皵鍘诲畬鎴愭父鎴忥紝鍦ㄧ帺鑰嶅拰鎺㈢储涓幏寰楄韩蹇冪殑鍏ㄩ潰鍙戝睍銆�
</p>
<p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
- <p>1.锛堝崟閫夛級濠村辜鍎垮弽澶嶆暡鎵撴瀛愶紝鍦ㄦ瀛愪笂鎽囨潵鎽囧幓銆傝繖绫绘父鎴忓睘浜庯紙銆�銆�锛夈��</p>
- <p>A.缁撴瀯鎬ф父鎴�</p>
- <p>B.璞″緛鎬ф父鎴�</p>
- <p>C.鏈鸿兘鎬ф父鎴�</p>
- <p>D.瑙勫垯鎬ф父鎴�</p>
- <p>2.锛堝崟閫夛級锛堛��銆�锛夌殑鍑虹幇涓�鑸璁や负鏄父鎴忓彂灞曠殑楂樼骇闃舵銆�</p>
- <p>A.缁撴瀯鎬ф父鎴�</p>
- <p>B.璞″緛鎬ф父鎴�</p>
- <p>C.鏈鸿兘鎬ф父鎴�</p>
- <p>D.瑙勫垯鎬ф父鎴�</p>
- <p>3.锛堝崟閫夛級鈥滀互鐗╀唬鐗┾�濃�滀互浜轰唬浜衡�濇槸锛堛��銆�锛夐噷濠村辜鍎跨殑鍏稿瀷琛ㄧ幇銆�</p>
- <p>A.缁撴瀯鎬ф父鎴�</p>
- <p>B.璞″緛鎬ф父鎴�</p>
- <p>C.鏈鸿兘鎬ф父鎴�</p>
- <p>D.瑙勫垯鎬ф父鎴�</p>
- <p>4.锛堝崟閫夛級鐢变簬0锝�2宀佸┐骞煎効澶勪簬鎰熺煡杩愬姩闃舵锛屽洜姝ゅ┐骞煎効娓告垙浠ワ紙銆�銆�锛変负涓汇��</p>
- <p>A.缁撴瀯鎬ф父鎴�</p>
- <p>B.璞″緛鎬ф父鎴�</p>
- <p>C.缁冧範鎬ф父鎴�</p>
- <p>D.瑙勫垯鎬ф父鎴�</p>
- <p>5.锛堝崟閫夛級瀹堕暱鍦ㄦ寚瀵煎┐骞煎効寮�灞曟父鎴忔椂搴旀敞鎰忥紙銆�銆�锛夈��</p>
- <p>A.鎬佸害鐢熺‖</p>
- <p>B.鏈嶄粠濠村辜鍎跨殑鎰忔効</p>
- <p>C.灏婇噸鍜屼俊浠诲┐骞煎効</p>
- <p>D.鎵硅瘎鐘敊璇殑濠村辜鍎�</p>
- <p>6.锛堝閫夛級鎸夌収娓告垙涓殑浜ゅ線瀵硅薄锛屽┐骞煎効娓告垙鍒嗕负锛堛��銆�锛夈��</p>
- <p>A.缁撴瀯鎬ф父鎴�</p>
- <p>B.浜插瓙娓告垙</p>
- <p>C.鐜╃墿娓告垙</p>
- <p>D.浼欎即娓告垙</p>
- <p>7.锛堝閫夛級濠村辜鍎挎父鎴忕殑浠峰�兼湁锛堛��銆�锛夈��</p>
- <p>A.淇冭繘韬綋鍙戝睍</p>
- <p>B.淇冭繘璁ょ煡鍙戝睍</p>
- <p>C.淇冭繘绀句細鎬у彂灞�</p>
- <p>D.淇冭繘涓�у彂灞�</p>
+ <ul v-for="(item, index) in unitQuestionTwo.unitTwo" :key="'unitQuestionTwo' + index">
+ <li>
+ {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}
+ </li>
+ <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+ <label>
+ <input type="radio" :disabled="unitQuestionTwo.isComplete" :name="item.txt"
+ :value="citem.value" v-model="item.userAnswer" @change="saveUnitThree" />
+ <span>{{ citem.value }}.{{ citem.txt }}</span>
+ </label>
+ </li>
+ <li v-if="unitQuestionTwo.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+ <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
+ <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+ item.userAnswer
+ }}</span>
+ <span class="icon-box-big fl al-c">
+ <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </li>
+ </ul>
+ <ul v-for="(item, index) in unitQuestionTwo.unitTwoChoice" :key="'unitTwoChoice2' + index">
+ <li>
+ {{ index + 6 }}.锛堝閫夛級{{ item.txt }}
+ </li>
+ <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+ <label>
+ <input type="checkbox" :disabled="unitQuestionTwo.isComplete" :name="item.txt"
+ :value="citem.value" v-model="item.userAnswer" @change="saveUnitThree" />
+ <span>{{ citem.value }}.{{ citem.txt }}</span>
+ </label>
+ </li>
+ <li v-if="unitQuestionTwo.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+ <span class="c-g"> 绛旀锛�<span v-for="(answer, dindex) in item.answer" :key="dindex">{{ answer
+ }}銆�</span></span>
+ <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛�<span
+ v-for="(userAnswer, eindex) in item.userAnswer" :key="eindex">{{
+ userAnswer }}銆�</span></span>
+ <span class="icon-box-big fl al-c">
+ <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </li>
+ </ul>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ev w80 choice">
+ <li>
+ <button class="btn-border btn-w" @click="goUnitThree">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeUnitThree" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="unitQuestionTwo.isShowAnswer = !unitQuestionTwo.isShowAnswer"
+ class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
</div>
</div>
@@ -1508,21 +1701,53 @@
<p><span class="ls1 fm-fzfs">鍏充簬濠村辜鍎垮彂灞曞叧閿湡鐨勪功绫嶏細</span></p>
<p>1.鍐浗寮猴細銆�0锝�6宀佽韩蹇冩櫤鍙戝睍瀹炵敤鍏ㄥ吀锛氬┐骞煎効鍏抽敭鏈烶.E.D鏃╂暀娉曘�嬶紝鍖椾含锛屼腑鍥藉濂冲嚭鐗堢ぞ锛�2016銆�</p>
<p>2.闊╂＃鍗庯細銆�0锝�3宀侊細瀛╁瓙鎴愰暱鐨勫叧閿湡銆嬶紝鍖椾含锛屽寳浜嚭鐗堢ぞ锛�2004銆�</p>
+ <p class="dialogQuestion mt-20 mb-20" @click="openQuestion(1)">
+ <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
+ <span class="td-0">
+ <svg t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="2536"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28">
+ <path
+ d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
+ fill="#fff" p-id="2537"></path>
+ <path
+ d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
+ fill="#fff" p-id="2538"></path>
+ <path
+ d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
+ fill="#fff" p-id="2539"></path>
+ </svg>
+ </span>
+ </p>
</div>
</div>
</div>
+ <preView :isClear="dialogVisible" :md5="p_md5" :pdfTitle="somePdfTitleValue" ref="pdfDialogRef"></preView>
+ <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
+ :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="2" :page="questionNum"
+ :questionTitle="questionTitleMain" ref="dialogRef">
+ </dialogExaminations>
</div>
</template>
<script>
import { getResourcePath } from "@/assets/methods/resources";
import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
+import preView from "@/components/pdfview/index.vue";
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
export default {
name: "chapterOne",
props: {
showPageList: {
type: Array,
},
+ interfaceQuestion: {
+ type: Object,
+ },
+ },
+ components: {
+ preView,
+ dialogExaminations,
},
data() {
return {
@@ -1533,7 +1758,34 @@
videoPathThree: "",
videoPathFour: "",
videoPathFive: "",
+ videoPathSix: "",
+ videoPathSeven: "",
+ videoPathEight: "",
collectResourceList: [],
+ // pdf
+ dialogVisible: false,
+ pdfDialogRef: "",
+ somePdfTitleValue: "",
+ p_md5: "",
+ chapter001: {
+ pdfMd5: {
+ 1: {
+ md5: "6a7118abdc38a24995f26c164d63648c",
+ name: " 0锝�6聽宀佸効绔ュ彂灞曠殑閲岀▼纰�",
+ },
+ },
+ question: {
+ 1: {
+ questionTitleMain: "瀛︿範妯″潡涓�",
+ questionNum: 35,
+ },
+ },
+ },
+ // 棰樼洰
+ dialogVisibleOne: false,
+ themeColor: "#6dcff6",
+ questionNum: 0,
+ questionTitleMain: "",
chapterData: {
isCollectVideo: false,
isCollectVideo01: false,
@@ -1542,6 +1794,7 @@
isCollectVideo04: false,
isCollectVideo05: false,
isCollectVideo06: false,
+ isCollectVideo07: false,
},
textQuestionData: {
one: "",
@@ -1553,7 +1806,6 @@
seven: "",
eight: "",
},
-
questionData: {
unitOne: {
one: "",
@@ -1879,6 +2131,182 @@
},
],
},
+ unitQuestionTwo: {
+ isComplete: false,
+ isShowAnswer: false,
+ unitTwo: [
+ {
+ txt: "濠村辜鍎垮弽澶嶆暡鎵撴瀛愶紝鍦ㄦ瀛愪笂鎽囨潵鎽囧幓銆傝繖绫绘父鎴忓睘浜庯紙銆�锛�",
+ isRight: null,
+ answer: "C",
+ userAnswer: "",
+ option: [
+ {
+ txt: "缁撴瀯鎬ф父鎴�",
+ value: "A"
+ },
+ {
+ txt: "璞″緛鎬ф父鎴�",
+ value: "B"
+ },
+ {
+ txt: "鏈鸿兘鎬ф父鎴�",
+ value: "C"
+ },
+ {
+ txt: "瑙勫垯鎬ф父鎴�",
+ value: "D"
+ },
+ ]
+ },
+ {
+ txt: "锛堛��锛夌殑鍑虹幇涓�鑸璁や负鏄父鎴忓彂灞曠殑楂樼骇闃舵銆�",
+ isRight: null,
+ answer: "A",
+ userAnswer: "",
+ option: [
+ {
+ txt: "缁撴瀯鎬ф父鎴�",
+ value: "A"
+ },
+ {
+ txt: "璞″緛鎬ф父鎴�",
+ value: "B"
+ },
+ {
+ txt: "鏈鸿兘鎬ф父鎴�",
+ value: "C"
+ },
+ {
+ txt: "瑙勫垯鎬ф父鎴�",
+ value: "D"
+ },
+ ]
+ },
+ {
+ txt: "鈥滀互鐗╀唬鐗┾�濃�滀互浜轰唬浜衡�濇槸锛堛��锛夐噷濠村辜鍎跨殑鍏稿瀷琛ㄧ幇銆�",
+ isRight: null,
+ answer: "B",
+ userAnswer: "",
+ option: [
+ {
+ txt: "缁撴瀯鎬ф父鎴�",
+ value: "A"
+ },
+ {
+ txt: "璞″緛鎬ф父鎴�",
+ value: "B"
+ },
+ {
+ txt: "鏈鸿兘鎬ф父鎴�",
+ value: "C"
+ },
+ {
+ txt: "瑙勫垯鎬ф父鎴�",
+ value: "D"
+ },
+ ]
+ },
+ {
+ txt: "鐢变簬0锝�2宀佸┐骞煎効澶勪簬鎰熺煡杩愬姩闃舵锛屽洜姝ゅ┐骞煎効娓告垙浠ワ紙銆�锛変负涓汇��",
+ isRight: null,
+ answer: "C",
+ userAnswer: "",
+ option: [
+ {
+ txt: "缁撴瀯鎬ф父鎴�",
+ value: "A"
+ },
+ {
+ txt: "璞″緛鎬ф父鎴�",
+ value: "B"
+ },
+ {
+ txt: "鏈鸿兘鎬ф父鎴�",
+ value: "C"
+ },
+ {
+ txt: "瑙勫垯鎬ф父鎴�",
+ value: "D"
+ },
+ ]
+ },
+ {
+ txt: "瀹堕暱鍦ㄦ寚瀵煎┐骞煎効寮�灞曟父鎴忔椂搴旀敞鎰忥紙銆�锛夈��",
+ isRight: null,
+ answer: "C",
+ userAnswer: "",
+ option: [
+ {
+ txt: "鎬佸害鐢熺‖",
+ value: "A"
+ },
+ {
+ txt: "鏈嶄粠濠村辜鍎跨殑鎰忔効",
+ value: "B"
+ },
+ {
+ txt: "灏婇噸鍜屼俊浠诲┐骞煎効",
+ value: "C"
+ },
+ {
+ txt: "鎵硅瘎鐘敊璇殑濠村辜鍎�",
+ value: "D"
+ },
+ ]
+ },
+ ],
+ unitTwoChoice: [
+ {
+ txt: "鎸夌収娓告垙涓殑浜ゅ線瀵硅薄锛屽┐骞煎効娓告垙鍒嗕负锛堛��锛夈��",
+ isRight: null,
+ answer: ["B", "C", "D"],
+ userAnswer: [],
+ option: [
+ {
+ txt: "缁撴瀯鎬ф父鎴�",
+ value: "A"
+ },
+ {
+ txt: "浜插瓙娓告垙",
+ value: "B"
+ },
+ {
+ txt: "鐜╃墿娓告垙",
+ value: "C"
+ },
+ {
+ txt: "浼欎即娓告垙",
+ value: "D"
+ },
+ ]
+ },
+ {
+ txt: "濠村辜鍎挎父鎴忕殑浠峰�兼湁锛堛��锛夈��",
+ isRight: null,
+ answer: ["A", "B", "C", "D"],
+ userAnswer: [],
+ option: [
+ {
+ txt: "淇冭繘韬綋鍙戝睍",
+ value: "A"
+ },
+ {
+ txt: "淇冭繘璁ょ煡鍙戝睍",
+ value: "B"
+ },
+ {
+ txt: "淇冭繘绀句細鎬у彂灞�",
+ value: "C"
+ },
+ {
+ txt: "淇冭繘涓�у彂灞�",
+ value: "D"
+ },
+ ]
+ },
+ ],
+ },
exampleOne: {
isComplete: false,
isShowAnswer: false,
@@ -1938,7 +2366,67 @@
]
},
],
- }
+ },
+ exampleThree: {
+ isComplete: false,
+ isShowAnswer: false,
+ unitOne: [
+ {
+ txt: "锛堛��锛夋槸鍎跨渚濇亱鍙戝睍鐨勭涓夐樁娈碉細鐗规畩鐨勬儏鎰熻仈缁撻樁娈点��",
+ isRight: null,
+ answer: "C",
+ userAnswer: "",
+ option: [
+ {
+ txt: "鍑虹敓鑷�3涓湀",
+ value: "A"
+ },
+ {
+ txt: "3鑷�6涓湀",
+ value: "B"
+ },
+ {
+ txt: "6涓湀鑷�2宀�",
+ value: "C"
+ },
+ {
+ txt: "2宀佷互鍚�",
+ value: "D"
+ },
+ ]
+ },
+ ],
+ },
+ exampleFour: {
+ isComplete: false,
+ isShowAnswer: false,
+ unitOne: [
+ {
+ txt: "鏍规嵁濠村辜鍎胯鐭ラ鍩熺殑鍙戣偛骞撮緞锛屽埗瀹氬拰璁捐锛堛��锛夌殑娓告垙鏂规銆�",
+ isRight: null,
+ answer: "D",
+ userAnswer: "",
+ option: [
+ {
+ txt: "璇█棰嗗煙",
+ value: "A"
+ },
+ {
+ txt: "绀句細棰嗗煙",
+ value: "B"
+ },
+ {
+ txt: "6涓湀鑷�2宀�",
+ value: "C"
+ },
+ {
+ txt: "璁ょ煡棰嗗煙",
+ value: "D"
+ },
+ ]
+ },
+ ],
+ },
}
},
async mounted() {
@@ -1962,6 +2450,11 @@
this.unitQuestionOne = JSON.parse(unitTwo);
}
+ const unitThree = localStorage.getItem("toddleGame-book-chapter01-unitThree");
+ if (unitThree) {
+ this.unitQuestionTwo = JSON.parse(unitThree);
+ }
+
const exampleOne = localStorage.getItem("toddleGame-book-chapter01-exampleOne");
if (exampleOne) {
this.exampleOne = JSON.parse(exampleOne);
@@ -1971,6 +2464,17 @@
if (exampleTwo) {
this.exampleTwo = JSON.parse(exampleTwo);
}
+
+ const exampleThree = localStorage.getItem("toddleGame-book-chapter01-exampleThree");
+ if (exampleThree) {
+ this.exampleThree = JSON.parse(exampleThree);
+ }
+
+ const exampleFour = localStorage.getItem("toddleGame-book-chapter01-exampleFour");
+ if (exampleFour) {
+ this.exampleFour = JSON.parse(exampleFour);
+ }
+
const textQuestionData = localStorage.getItem("toddlerGameImplementation-book-chapter001-textQuestionData");
if (textQuestionData) {
@@ -2003,6 +2507,12 @@
this.videoPathSeven = await getResourcePath(
"4f1f70e849911a2a90ce4df6b08fd3cc"
);
+
+ this.videoPathEight = await getResourcePath(
+ "8215ef4093c9b916f147c41cdbe8f60a"
+ );
+
+
},
handleCollect(e) {
if (e == 'video-01') {
@@ -2026,9 +2536,10 @@
} else if (e == 'video-07') {
this.handleCollectResource("4f1f70e849911a2a90ce4df6b08fd3cc", "4f1f70e849911a2a90ce4df6b08fd3cc", '', "瑙嗛", "bits", '瑙嗛锛氱ぞ浼氭枃鍖栧巻鍙插娲剧殑娓告垙鐞嗚')
this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06
+ } else if (e == 'video-08') {
+ this.handleCollectResource(" isCollectVideo06: false,", "8215ef4093c9b916f147c41cdbe8f60a", '', "瑙嗛", "bits", '瑙嗛锛氱ぞ浼氭枃鍖栧巻鍙插娲剧殑娓告垙鐞嗚')
+ this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07
}
-
- this.handleChapterData();
},
//璧勬簮鏀惰棌浜嬩欢
// resourcePath 鏂囦欢璺緞锛�
@@ -2106,7 +2617,6 @@
this.unitQuestion.isComplete = false
this.unitQuestion.isShowAnswer = false
},
-
goUnitTwo() {
for (let index = 0; index < this.unitQuestionOne.unitTwo.length; index++) {
const item = this.unitQuestionOne.unitTwo[index];
@@ -2147,6 +2657,50 @@
this.unitQuestionOne.isShowAnswer = false
this.unitQuestionOne.textOne = ""
this.unitQuestionOne.textTwo = ""
+ },
+ saveUnitThree() {
+ localStorage.setItem('toddleGame-book-chapter01-UnitThree', JSON.stringify(this.unitQuestionTwo))
+ },
+ goUnitThree() {
+ for (let index = 0; index < this.unitQuestionTwo.unitTwo.length; index++) {
+ const item = this.unitQuestionTwo.unitTwo[index];
+ if (item.userAnswer == item.answer) {
+ item.isRight = true
+ } else {
+ item.isRight = false
+ }
+ }
+
+ for (let index = 0; index < this.unitQuestionTwo.unitTwoChoice.length; index++) {
+ const item = this.unitQuestionTwo.unitTwoChoice[index];
+ if (item.userAnswer.length === item.answer.length) {
+ // 浣跨敤every鏂规硶妫�鏌serAnswer涓殑姣忎釜鍏冪礌鏄惁閮藉湪answer涓�
+ const isRight = item.userAnswer.every(answer => item.answer.includes(answer));
+ item.isRight = isRight;
+ } else {
+ // 濡傛灉闀垮害涓嶅悓锛屽垯瀹冧滑涓嶅彲鑳藉畬鍏ㄧ浉鍚�
+ item.isRight = false;
+ }
+ }
+ this.unitQuestionTwo.isComplete = true
+ this.unitQuestionTwo.isShowAnswer = true
+ },
+ changeUnitThree() {
+ localStorage.removeItem("toddleGame-book-chapter01-UnitThree")
+ for (let index = 0; index < this.unitQuestionTwo.unitTwo.length; index++) {
+ const item = this.unitQuestionTwo.unitTwo[index];
+ item.userAnswer = ""
+ item.isRight = null
+ }
+ for (let index = 0; index < this.unitQuestionTwo.unitTwoChoice.length; index++) {
+ const item = this.unitQuestionTwo.unitTwoChoice[index];
+ item.userAnswer = []
+ item.isRight = null
+ }
+ this.unitQuestionTwo.isComplete = false
+ this.unitQuestionTwo.isShowAnswer = false
+ this.unitQuestionTwo.textOne = ""
+ this.unitQuestionTwo.textTwo = ""
},
saveExampleOne() {
localStorage.setItem('toddleGame-book-chapter01-exampleOne', JSON.stringify(this.exampleOne))
@@ -2198,17 +2752,76 @@
this.exampleTwo.isComplete = false
this.exampleTwo.isShowAnswer = false
},
-
+ saveExampleThree() {
+ localStorage.setItem('toddleGame-book-chapter01-exampleThree', JSON.stringify(this.exampleThree))
+ },
+ goExampleThree() {
+ for (let index = 0; index < this.exampleThree.unitOne.length; index++) {
+ const item = this.exampleThree.unitOne[index];
+ if (item.userAnswer == item.answer) {
+ item.isRight = true
+ } else {
+ item.isRight = false
+ }
+ }
+ this.exampleThree.isComplete = true
+ this.exampleThree.isShowAnswer = true
+ },
+ changeExampleThree() {
+ localStorage.removeItem("toddleGame-book-chapter01-exampleThree")
+ for (let index = 0; index < this.exampleThree.unitOne.length; index++) {
+ const item = this.exampleThree.unitOne[index];
+ item.userAnswer = ""
+ item.isRight = null
+ }
+ this.exampleThree.isComplete = false
+ this.exampleThree.isShowAnswer = false
+ },
+ saveExampleFour() {
+ localStorage.setItem('toddleGame-book-chapter01-exampleFour', JSON.stringify(this.exampleFour))
+ },
+ goExampleFour() {
+ for (let index = 0; index < this.exampleFour.unitOne.length; index++) {
+ const item = this.exampleFour.unitOne[index];
+ if (item.userAnswer == item.answer) {
+ item.isRight = true
+ } else {
+ item.isRight = false
+ }
+ }
+ this.exampleFour.isComplete = true
+ this.exampleFour.isShowAnswer = true
+ },
+ changeExampleFour() {
+ localStorage.removeItem("toddleGame-book-chapter01-exampleFour")
+ for (let index = 0; index < this.exampleFour.unitOne.length; index++) {
+ const item = this.exampleFour.unitOne[index];
+ item.userAnswer = ""
+ item.isRight = null
+ }
+ this.exampleFour.isComplete = false
+ this.exampleFour.isShowAnswer = false
+ },
saveTextQuestionData() {
localStorage.setItem(
"toddlerGameImplementation-book-chapter001-textQuestionData",
JSON.stringify(this.textQuestionData)
);
- }
- //鎵撳紑鎬濈淮瀵煎浘
- // showMindMapDialog() {
- // this.mindMapDialog = true
- // },
+ },
+ toUrl(val) {
+ if (val) {
+ this.p_md5 = this.chapter001.pdfMd5[val].md5;
+ this.somePdfTitleValue = this.chapter001.pdfMd5[val].name;
+ this.$refs.pdfDialogRef.openDialog();
+ }
+ },
+ openQuestion(num) {
+ if (num) {
+ this.questionNum = this.chapter001.question[num].questionNum;
+ this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
+ this.$refs.dialogRef.openDialogQuestion();
+ }
+ },
}
}
--
Gitblit v1.9.1