From 21dae909b36aab7d9fe48ea904eb1b7d9f44a292 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期四, 27 六月 2024 15:06:43 +0800
Subject: [PATCH] 优化关闭其他视频方法（学前儿童书）
---
src/books/childHealth/view/content/components/chapter005.vue | 239 ++++++++++++++++++++++++++++++-----------------------------
1 files changed, 123 insertions(+), 116 deletions(-)
diff --git a/src/books/childHealth/view/content/components/chapter005.vue b/src/books/childHealth/view/content/components/chapter005.vue
index 7edd07b..a494a23 100644
--- a/src/books/childHealth/view/content/components/chapter005.vue
+++ b/src/books/childHealth/view/content/components/chapter005.vue
@@ -48,12 +48,8 @@
/>
涓撻瀵煎
</h6>
- <p class="blockh6 m0-t0">
- <el-image
- :src="learn"
- :preview-src-list="[learn]"
- class="open-image"
- />
+ <p class="blockh6 m0-t0 openImgBox">
+ <img src="../../../assets/images/chapterFive/0112-1.jpg" class="w100 mt-20" >
</p>
</div>
</div>
@@ -164,6 +160,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>2.钀ュ吇瀛︾殑鍩烘湰姒傚康鍖呮嫭鍝笁瀵瑰叚涓蹇�?鍏跺惈涔夋槸浠�涔�?</span
@@ -175,6 +172,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>3.鑳介噺瀵瑰効绔ョ殑浣滅敤鏈夊摢浜�?鑳介噺鐨勬蹇靛拰鍗曚綅鍒嗗埆鏄粈涔�?</span
@@ -186,6 +184,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>4.瀛﹀墠鍎跨瀵硅兘閲忕殑闇�姹傚寘鎷摢浜涙柟闈�?</span
@@ -197,6 +196,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>5.浜ц兘钀ュ吇绱犲拰闈炰骇鑳借惀鍏荤礌鍒嗗埆鏄摢浜�?</span
@@ -208,6 +208,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>6.涓夌被浜ц兘钀ュ吇绱犳槸浠�涔�?瀹冧滑鐨勭敓鐞嗗姛鑳藉悇鏄粈涔�?鎬庝箞鑾峰緱?渚涚粰閲忓悇鏄灏�?</span
@@ -219,6 +220,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>7.鍎跨瀹规槗缂轰箯鐨勫洓绫绘棤鏈虹洂鍒嗗埆鏄粈涔�?瀹冧滑鐨勭敓鐞嗗姛鑳藉悇鏄粈涔�?鎬庝箞鑾峰緱?
@@ -231,6 +233,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>8.缁寸敓绱犲垎涓哄摢涓ゅぇ绫�?瀹冧滑鐨勭敓鐞嗗姛鑳藉悇鏄粈涔�?鎬庝箞鑾峰緱?缂轰箯鐨勮瘽浼氫骇鐢熶粈涔堢棁鐘�?</span
@@ -242,6 +245,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>9.姘寸殑鐢熺悊鍔熻兘鏄粈涔�?瀛﹀墠鍎跨姣忔棩鐨勯渶瑕侀噺鏄灏�?</span
@@ -253,6 +257,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>10.浠�涔堟槸銆婁腑鍥藉眳姘戝钩琛¤喅椋熷疂濉斻��?瀹冪殑鏋勬垚鏄�庢牱鐨�?</span
@@ -264,6 +269,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -290,6 +296,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="400"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
鏈富棰樹富瑕佽杩拌惀鍏诲鍩烘湰姒傚康銆佽兘閲忋�佸叚澶ц惀鍏荤礌绛夋柟闈㈢殑鍩虹鐭ヨ瘑锛屼互甯姪瀹堕暱涓庡辜鏁欏伐浣滆�呭仛濂藉鍓嶅効绔ョ殑钀ュ吇鍗敓涓庝繚鍋ュ伐浣溿��
@@ -435,7 +442,8 @@
x5-video-player-fullscreen="true"
x5-playsinline=""
controls
- class="w100 video-border"
+ controlslist="nodownload"
+ class="w100 video-border video"
></video>
<p class="img">瑙嗛锛氳惀鍏荤礌</p>
</div>
@@ -496,12 +504,8 @@
琛￠噺椋熺墿铔嬬櫧璐ㄥ埄鐢ㄧ巼鐨勫父鐢ㄦ寚鏍囨槸铔嬬櫧璐ㄧ敓鐗╁浠峰�硷紝绠�绉扳�滅敓鐗╀环鈥濄�傜敓鐗╀环鏄弽鏄犻鐗╄泲鐧借川娑堝寲鍚告敹鍚庯紝琚満浣撳埄鐢ㄧ▼搴︾殑鎸囨爣銆傜敓鐗╀环瓒婇珮锛岃〃鏄庨鐗╄泲鐧借川琚満浣撶殑鍒╃敤绋嬪害灏辫秺楂樸�傚畬鍏ㄨ泲鐧借川鐨勭敓鐗╀环杈冮珮锛屽崐瀹屽叏铔嬬櫧璐ㄥ拰涓嶅畬鍏ㄨ泲鐧借川鐨勭敓鐗╀环杈冧綆锛堣琛�5-1锛夈��
</p>
<p class="img">琛�5-1 甯歌椋熺墿鐨勮泲鐧借川鐢熺墿浠�</p>
- <p class="center">
- <el-image
- :src="tableOne"
- :preview-src-list="[tableOne]"
- class="open-image"
- />
+ <p class="center openImgBox">
+ <img src="../../../assets/images/chapterFive/0117-1.jpg" class="w100">
</p>
</div>
</div>
@@ -515,12 +519,8 @@
</div>
<div class="padding-96">
<p class="img tl-ri mr-20">缁〃</p>
- <p class="center">
- <el-image
- :src="tableTwo"
- :preview-src-list="[tableTwo]"
- class="open-image"
- />
+ <p class="center openImgBox">
+ <img src="../../../assets/images/chapterFive/0118-1.jpg" class="w100">
</p>
<p>璁＄畻鍏紡濡備笅銆�</p>
<p class="center">铔嬬櫧璐ㄧ敓鐗╀环=姘偍瀛橀噺/姘憚鍏ラ噺脳100銆�</p>
@@ -537,12 +537,8 @@
</p>
<p>鍑犵椋熺墿娣峰悎椋熺敤鐨勮泲鐧借川鐢熺墿浠疯琛�5-2銆�</p>
<p class="img">琛�5-2 鍑犵椋熺墿娣峰悎椋熺敤鐨勮泲鐧借川鐢熺墿浠�</p>
- <p class="center">
- <el-image
- :src="tableThree"
- :preview-src-list="[tableThree]"
- class="open-image"
- />
+ <p class="center openImgBox">
+ <img src="../../../assets/images/chapterFive/0118-2.jpg" class="w100">
</p>
</div>
</div>
@@ -575,12 +571,8 @@
<p class="img">
琛�5-3 涓浗钀ュ吇瀛︿細鎺ㄨ崘鐨勫┐骞煎効姣忔棩鑶抽涓泲鐧借川鐨勪緵搴旈噺
</p>
- <p class="center">
- <el-image
- :src="tableFour"
- :preview-src-list="[tableFour]"
- class="open-image"
- />
+ <p class="center openImgBox">
+ <img src="../../../assets/images/chapterFive/0119-1.jpg" class="w100">
</p>
<h4 id="d130">锛堜簩锛夎剛绫�</h4>
<p>
@@ -709,7 +701,7 @@
<p class="center">
<b
>涓浗灞呮皯鑶抽鎸囧崡<a id="w1"></a
- ><a href="chapter005.html#m1"><sup>[1]</sup></a></b
+ ><a href="javascript: void(0)" @click="gotoLabel('childFive-labelOne')" class="cu-pr"><sup>[1]</sup></a></b
>
</p>
<p class="block">
@@ -738,8 +730,8 @@
<p class="block">路鍑忓皯涔呭潗鏃堕棿锛屾瘡灏忔椂璧锋潵鍔ㄤ竴鍔ㄣ��</p>
</div>
<div class="annotation-border"></div>
- <p class="note t0 word-break-all">
- <a id="m1"></a><a href="chapter005.html#w1">[1]</a>
+ <p class="note t0 word-break-all" id="childFive-labelOne">
+ <a id="m1"></a><a href="javascript: void(0)">[1]</a>
鎽樿嚜銆娿�堜腑鍥藉眳姘戣喅椋熸寚鍗楋紙2022锛夈�夊钩琛¤喅椋熷叓鍑嗗垯銆嬶紝http锛�//dg.cnsoc.org/article/04/J4-AsD_DR3OLQMnHG0-jZA.html锛�2022-12-28銆�
</p>
</div>
@@ -842,15 +834,10 @@
</p>
<p class="block">
绗簲锛岀粡甯告埛澶栨椿鍔紱瀹氭湡浣撴牸娴嬮噺锛屼繚闅滃仴搴锋垚闀裤��<a id="w2"></a
- ><a href="chapter005.html#m2"><sup>[2]</sup></a>
+ ><a href="javascript: void(0)" @click="gotoLabel('childFive-labelTwo')" class="cu-pr"><sup>[2]</sup></a>
</p>
- <p class="center">
- <el-image
- :src="tower"
- :preview-src-list="[tower]"
- style="width: 80%"
- class="open-image"
- />
+ <p class="center openImgBox">
+ <img src="../../../assets/images/chapterFive/0124-1.jpg" class="w100">
</p>
</div>
<h3 id="c046">涓夈�侀潪浜ц兘钀ュ吇绱狅紴锛烇紴锛烇紴锛�</h3>
@@ -873,8 +860,8 @@
閽欐槸浜轰綋鍚噺鏈�澶氱殑鏃犳満鐩愶紝浠呮浜庣⒊銆佹阿銆佹哀銆佹爱锛屽眳浜庝綋鍐呭厓绱犵殑绗�5浣嶃��
</p>
<div class="annotation-border"></div>
- <p class="note word-break-all">
- <a id="m2"></a><a href="chapter005.html#w2">[2]</a>
+ <p class="note word-break-all" id="childFive-labelTwo">
+ <a id="m2"></a><a href="javascript: void(0)">[2]</a>
鎽樿嚜銆婁腑鍥藉┐骞煎効鍠傚吇鎸囧崡锛�2022锛夈�嬶紝http锛�//dg.cnsoc.org/article/04/gc5cUak3RhSGheqSaRljnA.html锛�
2022-12-28銆�
</p>
@@ -1239,9 +1226,8 @@
<p class="blockh6-c">
<span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span>
<examinations
+ v-if="questionData"
:cardList="questionData[127]"
- :chapter="5"
- :page="119"
/>
</p>
<h2 class="module_block" id="b019">
@@ -1329,6 +1315,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">2..浠�涔堟槸姣嶄钩鍠傚吇?</span>
<textarea
@@ -1338,6 +1325,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">3.姣嶄钩鍠傚吇鐨勬柟娉曟槸浠�涔�?</span>
<textarea
@@ -1347,6 +1335,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">4.姣嶄钩鍠傚吇鐨勪紭鐐规湁鍝簺?</span>
<textarea
@@ -1356,6 +1345,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">5.浜哄伐鍠傚吇鍜屾贩鍚堝杺鍏诲悇鎸囩殑鏄粈涔�?</span>
<textarea
@@ -1365,6 +1355,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>6.濡備綍灏嗙墰涔抽厤缃负濠村効鍙互椋熺敤鐨勪钩绫�?</span
@@ -1376,6 +1367,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>7.浜哄伐鍠傚吇銆佹贩鍚堝杺鍏讳笌姣嶄钩鍠傚吇鐨勫紓鍚屾槸浠�涔�?瀵瑰┐鍎挎湁浠�涔堜笉鍚岀殑褰卞搷?</span
@@ -1387,15 +1379,17 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">8.涔冲効杈呭姪椋熷搧娣诲姞搴旈伒寰摢浜涘師鍒�?</span>
<textarea
cols="30"
rows="4"
- v-model="chapterFiveData.learnTableTwo.qEnight"
+ v-model="chapterFiveData.learnTableTwo.qEight"
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>9.鏂ザ瀹滈�夋嫨鍦ㄤ粈涔堟椂闂�?搴旀敞鎰忓摢浜涢棶棰�?</span
@@ -1407,6 +1401,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -1433,6 +1428,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="200"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
鏈富棰樹富瑕佽杩版瘝涔冲杺鍏汇�佷汉宸ュ杺鍏诲拰娣峰悎鍠傚吇浠ュ強杈呴娣诲姞绛夋柟闈㈢殑鍩虹鐭ヨ瘑銆�
@@ -1570,12 +1566,8 @@
<p>涔崇硸涓嶈�愬彈鐨勫┐鍎垮彲閲囩敤鐗规畩閰嶆柟濂躲��</p>
<p>浜轰钩涓庡悇绉嶅姩鐗╀钩鎴愬垎鐨勬瘮杈冭琛�5-4銆�</p>
<p class="img">琛�5-4 浜轰钩涓庡悇绉嶅姩鐗╀钩鎴愬垎鐨勬瘮杈�</p>
- <p class="center">
- <el-image
- :src="tableFive"
- :preview-src-list="[tableFive]"
- class="open-image"
- />
+ <p class="center openImgBox">
+ <img src="../../../assets/images/chapterFive/0135-1.jpg" class="w100">
</p>
<h3 id="c049">涓夈�佽緟椋熺殑娣诲姞锛烇紴锛烇紴锛烇紴</h3>
<p>
@@ -1605,7 +1597,8 @@
x5-video-player-fullscreen="true"
x5-playsinline=""
controls
- class="w100 video-border"
+ controlslist="nodownload"
+ class="w100 video-border video"
></video>
<p class="img">瑙嗛锛氫钩鍎胯緟鍔╅鍝佺殑娣诲姞</p>
</div>
@@ -1639,12 +1632,8 @@
</p>
<p>娣诲姞杈呴鐨勯『搴忚琛�5-5銆�</p>
<p class="img">琛�5-5 娣诲姞杈呴鐨勯『搴�</p>
- <p class="center">
- <el-image
- :src="tableSix"
- :preview-src-list="[tableSix]"
- class="open-image"
- />
+ <p class="center openImgBox">
+ <img src="../../../assets/images/chapterFive/0136-1.jpg" class="w100">
</p>
<p>
鍦ㄦ坊鍔犺緟椋熺殑杩囩▼涓簲娉ㄦ剰锛屽鏋滃┐鍎跨殑椋熸鎴栧ぇ渚挎湁寮傚父鎯呭喌鏃讹紝搴斿強鏃堕厡鎯呰皟鏁淬��
@@ -1693,9 +1682,8 @@
<p class="blockh6-c">
<span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚浜�</span>
<examinations
+ v-if="questionData"
:cardList="questionData[132]"
- :chapter="5"
- :page="124"
/>
</p>
<h2 class="module_block" id="b020">
@@ -1783,6 +1771,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>2.涓哄鍓嶅効绔ラ�夋嫨椋熷搧搴旂鍚堝摢浜涘崼鐢熻姹�?</span
@@ -1794,6 +1783,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>3.瀛﹀墠鍎跨鑶抽鐨勭児璋冨埗澶囪繃绋嬩腑搴旀敞鎰忓摢浜涗簨椤�?浜�.</span
@@ -1805,6 +1795,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">4.鎵樺辜鏈烘瀯鐨勯鍫傚簲绗﹀悎鍝簺瑕佹眰?</span>
<textarea
@@ -1814,6 +1805,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">5.鐐婁簨浜哄憳搴旀敞鎰忓摢浜涘崼鐢熻姹�?</span>
<textarea
@@ -1823,6 +1815,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>6.瀛﹀墠鍎跨甯歌鐨勪笉鑹ギ椋熶範鎯湁鍝簺?</span
@@ -1834,6 +1827,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>7.搴斿煿鍏诲鍓嶅効绔ュ摢浜涜壇濂界殑楗涔犳儻?</span
@@ -1845,6 +1839,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>8.闃呰涓浗钀ュ吇瀛︿細鍒跺畾鐨勩�婂榫勫墠鍎跨鑶抽鎸囧崡銆嬶紝浜嗚В鈥滀腑鍥藉効绔ュ钩琛¤喅椋熺畻鐩樷�濄��</span
@@ -1852,10 +1847,11 @@
<textarea
cols="30"
rows="4"
- v-model="chapterFiveData.learnTableThree.qEnight"
+ v-model="chapterFiveData.learnTableThree.qEight"
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -1882,6 +1878,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="200"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
浠庤惀鍏诲鐨勮搴﹀垎鏋愶紝鈥滄磱蹇鈥濆叿鏈夆�滀笁楂樷�濆拰鈥滀笁浣庘�濈殑鐗圭偣锛屽嵆楂樿剛鑲�侀珮鐑噺銆侀珮铔嬬櫧璐紝浣庣淮鐢熺礌銆佷綆鏃犳満鐩愩�佷綆鑶抽绾ょ淮銆傗�滄磱蹇鈥濈殑鍒朵綔鏂瑰紡浠ョ儰銆佺偢涓轰富锛岃剛鑲惈閲忓緢楂橈紝澶уぇ瓒呰繃浜轰綋姣忓ぉ鐨勯渶瑕侀噺銆傝兘閲忚繃鍓╀細瀵艰嚧瓒呴噸鍙婅偉鑳栥�傝偉鑳栨槸寮曡捣楂樿鍘嬨�佺硸灏跨梾銆佸績琛�绠＄柧鐥呯殑閲嶈鍗遍櫓鍥犵礌涔嬩竴銆傝繃鍘讳竴鐩村湪鎴愪汉鏈熸墠鏈夌殑鎱㈡�х梾锛屽楂樿鍘嬨�佺硸灏跨梾銆佽鑴傚紓甯哥瓑锛屽凡缁忓湪鑲ヨ儢鐨勫効绔ュ皯骞翠腑鍑虹幇锛屾瘮渚嬭秺鏉ヨ秺楂橈紝涓斿憟浣庨緞鍖栥�傝偉鑳栬繕浼氬鍎跨灏戝勾蹇冪悊甯︽潵璐熼潰褰卞搷銆傝�屼笖锛屸�滄磱蹇鈥濅腑鐨勬补鐐搁鍝佸惈鏈夎嚧鐧屾垚鍒嗭紝濡傛灉闀挎湡椋熺敤涔熶細瀵硅韩浣撲骇鐢熷嵄瀹炽�傚洜姝わ紝鈥滄磱蹇鈥濅笉瀹滅粡甯搁鐢ㄣ�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨鑶抽閰嶅埗鍘熷垯銆侀ギ椋熷崼鐢熺瓑鐩稿叧鐭ヨ瘑锛屼负鎵樺辜鏈烘瀯鍙婂勾杞荤埗姣嶇瀛﹂厤鍒跺効绔ヨ喅椋熸彁渚涘府鍔┿��
@@ -1907,7 +1904,8 @@
x5-video-player-fullscreen="true"
x5-playsinline=""
controls
- style="width: 100%"
+ controlslist="nodownload"
+ class="w100 video-border video"
></video>
<p class="img">瑙嗛锛氬鍓嶅効绔ヨ喅椋熺殑閰嶅埗鍘熷垯</p>
</div>
@@ -1988,7 +1986,7 @@
<p class="center">
<b
>涓崕楗鏂囧寲鍙婂叾瀵瑰鍓嶅効绔ラギ椋熺殑褰卞搷<a id="w3"></a
- ><a href="chapter005.html#m3"><sup>[3]</sup></a></b
+ ><a href="javascript: void(0)" @click="gotoLabel('childFive-labelThree')" class="cu-pr"><sup>[3]</sup></a></b
>
</p>
<p class="block">
@@ -2018,8 +2016,8 @@
绗簲锛岃澶囧竷灞�鍜屽伐鑹烘祦绋嬪簲褰撳悎鐞嗭紝闃叉寰呭姞宸ラ鍝佷笌鐩存帴鍏ュ彛椋熷搧銆佸師鏂欎笌鎴愬搧
</p>
<div class="annotation-border"></div>
- <p class="note">
- <a id="m3"></a><a href="chapter005.html#w3">[3]</a>
+ <p class="note" id="childFive-labelThree">
+ <a id="m3"></a><a href="javascript: void(0)">[3]</a>
鎽樿嚜姹熺惓锛氥�婃祬璋堝辜鍎块ギ椋熺敓娲讳腑鐨勮绋嬭祫婧愬強鍏跺紑鍙戙�嬶紝杞姐�婂鍓嶆暀鑲茬爺绌躲�嬶紝2007锛�2锛夈�傚紩鐢ㄦ椂鏈夋敼鍔ㄣ��
</p>
</div>
@@ -2103,7 +2101,8 @@
x5-video-player-fullscreen="true"
x5-playsinline=""
controls
- style="width: 100%"
+ controlslist="nodownload"
+ class="w100 video-border video"
></video>
<p class="img">瑙嗛锛氬効绔ラギ椋熶範鎯殑鍩瑰吇</p>
</div>
@@ -2155,9 +2154,8 @@
<p class="blockh6-c">
<span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span>
<examinations
+ v-if="questionData"
:cardList="questionData[137]"
- :chapter="5"
- :page="129"
/>
</p>
<h2 class="module_block" id="b021">
@@ -2247,6 +2245,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">2.鍒惰鑶抽璁″垝鐨勫嚭鍙戠偣鏄粈涔�?</span>
<textarea
@@ -2256,6 +2255,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>3.绉戝鐨勮喅椋熻鍒掑簲绗﹀悎鍝簺鍩烘湰瑕佹眰?</span
@@ -2267,6 +2267,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">4.鎷熷畾椋熻氨鏈夊摢浜涘熀鏈姹�?</span>
<textarea
@@ -2276,6 +2277,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">5.椋熻氨涓鐗╂浛鎹㈢殑鍘熷垯鏄粈涔�?</span>
<textarea
@@ -2285,6 +2287,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>6.鑶抽鍒跺害鐨勫埗璁㈠寘鎷摢涓や釜鍩烘湰瑕佹眰?</span
@@ -2296,6 +2299,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">7.濡備綍鍚堢悊鍒嗛厤椋熺墿鐨勬暟閲忓拰璐ㄩ噺?</span>
<textarea
@@ -2305,6 +2309,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>8.濡備綍瀹夋帓鍎跨鐨勮繘椁愭鏁板拰闂撮殧鏃堕棿?</span
@@ -2312,10 +2317,11 @@
<textarea
cols="30"
rows="4"
- v-model="chapterFiveData.learnTableFour.qEnight"
+ v-model="chapterFiveData.learnTableFour.qEight"
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">9.鑶抽璋冩煡鐨勬柟娉曟湁鍝簺?</span>
<textarea
@@ -2325,6 +2331,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">10.濡備綍瀵硅喅椋熻皟鏌ョ粨鏋滆繘琛岃瘎浠�?</span>
<textarea
@@ -2334,6 +2341,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -2360,6 +2368,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="200"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
鏈富棰樹富瑕佽杩版墭骞兼満鏋勮喅椋熺鐞嗙殑瑕佹眰銆佽喅椋熻皟鏌ョ瓑鐩稿叧鍐呭锛屼负鎵樺辜鏈烘瀯杩涜绉戝鐨勮喅椋熺鐞嗘彁渚涚悊璁轰緷鎹��
@@ -2543,9 +2552,8 @@
<p class="blockh6-c">
<span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚鍥�</span>
<examinations
+ v-if="questionData"
:cardList="questionData[141]"
- :chapter="5"
- :page="133"
/>
</p>
<h6 class="Conclusion-title4">涓撻灏忕粨</h6>
@@ -2576,6 +2584,7 @@
type="text"
class="judge-input"
v-model="chapterFiveData.question.judge.qOne"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -2583,6 +2592,7 @@
type="text"
class="judge-input"
v-model="chapterFiveData.question.judge.qTwo"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -2590,6 +2600,7 @@
type="text"
class="judge-input"
v-model="chapterFiveData.question.judge.qThree"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block"><b>浜屻�佸～绌�</b></p>
@@ -2599,31 +2610,37 @@
type="text"
class="lineInput completion-input"
v-model="chapterFiveData.question.fill.qOne.one"
+ @input="saveChapterOneData"
/>銆�
<input
type="text"
class="lineInput completion-input"
v-model="chapterFiveData.question.fill.qOne.two"
+ @input="saveChapterOneData"
/>銆�
<input
type="text"
class="lineInput completion-input"
v-model="chapterFiveData.question.fill.qOne.three"
+ @input="saveChapterOneData"
/>銆�
<input
type="text"
class="lineInput completion-input"
v-model="chapterFiveData.question.fill.qOne.four"
+ @input="saveChapterOneData"
/>銆�
<input
type="text"
class="lineInput completion-input"
v-model="chapterFiveData.question.fill.qOne.five"
+ @input="saveChapterOneData"
/>銆�
<input
type="text"
class="lineInput completion-input"
v-model="chapterFiveData.question.fill.qOne.six"
+ @input="saveChapterOneData"
/>銆�
</p>
<p class="block">
@@ -2631,21 +2648,25 @@
type="text"
class="lineInput completion-input"
v-model="chapterFiveData.question.fill.qTwo.one"
+ @input="saveChapterOneData"
/>銆�
<input
type="text"
class="lineInput completion-input"
v-model="chapterFiveData.question.fill.qTwo.two"
+ @input="saveChapterOneData"
/>銆�
<input
type="text"
class="lineInput completion-input"
v-model="chapterFiveData.question.fill.qTwo.three"
+ @input="saveChapterOneData"
/>銆傚叾涓棦鑳界淮鎸佷汉浣撶殑鐢熷懡鍋ュ悍鍙堣兘淇冭繘鍎跨鐢熼暱鍙戣偛鐨勬槸
<input
type="text"
class="lineInput completion-input"
v-model="chapterFiveData.question.fill.qTwo.four"
+ @input="saveChapterOneData"
/>銆�
</p>
<p class="block"><b>涓夈�佹�濊��</b></p>
@@ -2655,6 +2676,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterFiveData.question.short.qOne"
+ @input="saveChapterOneData"
></textarea>
<p class="block">2.绠�杩颁笁澶т骇鑳借惀鍏荤礌鐨勭敓鐞嗗姛鑳姐��</p>
<textarea
@@ -2662,6 +2684,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterFiveData.question.short.qTwo"
+ @input="saveChapterOneData"
></textarea>
<p class="block">3.铔嬬櫧璐ㄧ殑浜掕ˉ浣滅敤鏄粈涔堟剰鎬濓紵</p>
<textarea
@@ -2669,6 +2692,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterFiveData.question.short.qThree"
+ @input="saveChapterOneData"
></textarea>
<p class="block">4.涓轰粈涔堝効绔ヤ笉瀹滄憚鍙栬繃澶氱殑鑴傝偑锛�</p>
<textarea
@@ -2676,6 +2700,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterFiveData.question.short.qFour"
+ @input="saveChapterOneData"
></textarea>
<p class="block">5.鑴傛憾鎬х淮鐢熺礌鍜屾按婧舵�х淮鐢熺礌鏈変粈涔堝尯鍒紵</p>
<textarea
@@ -2683,6 +2708,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterFiveData.question.short.qFive"
+ @input="saveChapterOneData"
></textarea>
<p class="block">6.瀛﹀墠鍎跨瀹规槗缂轰箯鍝嚑绫绘棤鏈虹洂锛�</p>
<textarea
@@ -2690,6 +2716,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterFiveData.question.short.qSix"
+ @input="saveChapterOneData"
></textarea>
<p class="block">7.涓轰粈涔堣鎻愬�℃瘝涔冲杺鍏伙紵</p>
<textarea
@@ -2697,6 +2724,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterFiveData.question.short.qSeven"
+ @input="saveChapterOneData"
></textarea>
<p class="block">8.閰嶅埗瀛﹀墠鍎跨鐨勮喅椋熷簲閬靛惊浠�涔堝師鍒欙紵</p>
<textarea
@@ -2704,6 +2732,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterFiveData.question.short.qEnight"
+ @input="saveChapterOneData"
></textarea>
<p class="block">9.濡備綍鍋氬ソ骞煎効鍥殑楗鍗敓宸ヤ綔锛�</p>
<textarea
@@ -2711,6 +2740,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterFiveData.question.short.qNine"
+ @input="saveChapterOneData"
></textarea>
<div>
<p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
@@ -2727,19 +2757,17 @@
浜戞祴璇�
</h6>
<p class="blockh6-c">
- 瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
+ 瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵娴嬩竴娴嬪惂锛�<br />
<span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
<examinations
- :cardList="questionData[142][1]"
- :chapter="5"
- :page="1341"
+ v-if="questionData"
+ :cardList="questionData[142] ? questionData[142][1] : []"
/>
<span class="span-border"></span>
<span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
<examinations
- :cardList="questionData[142][2]"
- :chapter="5"
- :page="1342"
+ v-if="questionData"
+ :cardList="questionData[142] ? questionData[142][2] : []"
/>
</p>
</div>
@@ -2750,7 +2778,7 @@
<script>
import examinations from "@/components/examinations/index.vue";
-import getResourcePath from "@/assets/methods/resources";
+import {getResourcePath} from "@/assets/methods/resources";
export default {
name: "chapterFive",
components: { examinations },
@@ -2761,21 +2789,13 @@
showPageList: {
type: Array,
},
+ isSearch: {
+ type: Boolean,
+ default: false,
+ },
},
data() {
return {
- learn: require("../../../assets/images/chapterFive/0112-1.jpg"),
- taskOne: require("../../../assets/images/chapterFive/task-sheet1.png"),
- tableOne: require("../../../assets/images/chapterFive/0117-1.jpg"),
- tableTwo: require("../../../assets/images/chapterFive/0118-1.jpg"),
- tableThree: require("../../../assets/images/chapterFive/0118-2.jpg"),
- tableFour: require("../../../assets/images/chapterFive/0119-1.jpg"),
- taskTwo: require("../../../assets/images/chapterFive/task-sheet2.png"),
- tableFive: require("../../../assets/images/chapterFive/0135-1.jpg"),
- tableSix: require("../../../assets/images/chapterFive/0136-1.jpg"),
- taskThree: require("../../../assets/images/chapterFive/task-sheet3.png"),
- taskFour: require("../../../assets/images/chapterFive/task-sheet4.png"),
- tower: require("../../../assets/images/chapterFive/0124-1.jpg"),
learnTableOne: true,
learnTableTwo: true,
learnTableThree: true,
@@ -2852,8 +2872,8 @@
qTwo: {
oen: "",
two: "",
- Three: "",
- Four: "",
+ three: "",
+ four: "",
},
},
short: {
@@ -2876,22 +2896,7 @@
if (localData) {
this.chapterFiveData = JSON.parse(localData);
}
- window.timerFive = setInterval(() => {
- this.saveTime--;
- if (this.saveTime == 0) {
- this.saveChapterOneData();
- }
- }, 1000);
this.getVideoPath();
- },
- unmounted() {
- if (window.timerFive) {
- clearInterval(window.timerFive);
- }
- localStorage.setItem(
- "chapterFiveData",
- JSON.stringify(this.chapterFiveData)
- );
},
methods: {
changeResources(type) {
@@ -2908,19 +2913,21 @@
}
},
saveChapterOneData() {
- this.saveTime = 20;
localStorage.setItem(
"chapterFiveData",
JSON.stringify(this.chapterFiveData)
);
},
- getVideoPath() {
- this.$data.pathOne = getResourcePath("5698398be3f5c7fdb247218b2a687257");
- this.$data.pathTwo = getResourcePath("5905673b09837c74953dd11fcb27d123");
- this.$data.pathThree = getResourcePath(
+ async getVideoPath() {
+ this.$data.pathOne = await getResourcePath("5698398be3f5c7fdb247218b2a687257");
+ this.$data.pathTwo = await getResourcePath("5905673b09837c74953dd11fcb27d123");
+ this.$data.pathThree = await getResourcePath(
"1f768157227c193ed5c11f972f66e692"
);
- this.$data.pathFour = getResourcePath("4f446d88ec1ed081a172b7130dce896b");
+ this.$data.pathFour = await getResourcePath("4f446d88ec1ed081a172b7130dce896b");
+ },
+ gotoLabel(id) {
+ (this.container ? this.container : document).getElementById(id).scrollIntoView()
},
},
};
--
Gitblit v1.9.1