From 11506e97dfbb3c49754b8570f5328a6b17d22ed0 Mon Sep 17 00:00:00 2001
From: unknown <qq1940665526@163.com>
Date: 星期五, 07 六月 2024 18:08:48 +0800
Subject: [PATCH] 优化
---
src/books/childHealth/view/content/components/chapter008.vue | 247 ++++++++++++++++++++++++++-----------------------
1 files changed, 131 insertions(+), 116 deletions(-)
diff --git a/src/books/childHealth/view/content/components/chapter008.vue b/src/books/childHealth/view/content/components/chapter008.vue
index 0593088..ed59e26 100644
--- a/src/books/childHealth/view/content/components/chapter008.vue
+++ b/src/books/childHealth/view/content/components/chapter008.vue
@@ -53,8 +53,9 @@
/>
涓撻瀵煎
</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/chapterEight/0223-1.jpg" class="w100">
+
</p>
</div>
</div>
@@ -158,6 +159,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>2.鐗╃悊闄嶆俯鐨勬柟娉曟湁鍝簺?濡備綍鎿嶄綔?鎿嶄綔鏃跺簲娉ㄦ剰浠�涔�?</span
@@ -169,6 +171,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">3.鐑暦娉曠殑閫傚簲璇佹湁鍝簺?濡備綍鎿嶄綔?</span>
<textarea
@@ -178,6 +181,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">4.濡備綍姝ｇ‘鏁拌剦鎼�?</span>
<textarea
@@ -187,6 +191,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>5.涓嶅悓鎯呭喌涓嬶紝濡備綍瑙傚療骞煎効鐨勫懠鍚哥姸鍐�?</span
@@ -198,6 +203,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">6.濡備綍涓轰笉鍚屽勾榫勭殑瀛╁瓙鍠傝嵂?</span>
<textarea
@@ -207,6 +213,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>7.浠�涔堟儏鍐典笅闇�瑕佺炕杞溂鐨�?濡備綍鎿嶄綔?</span
@@ -218,6 +225,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">8.濡備綍涓哄辜鍎挎淮鐪艰嵂姘淬�佹秱鐪艰嵂鑶�?</span>
<textarea
@@ -227,6 +235,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">9.濡備綍涓哄辜鍎胯繘琛屾淮榧昏嵂姘寸殑鎿嶄綔?</span>
<textarea
@@ -236,6 +245,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">10.婊磋�宠嵂姘存椂搴旀敞鎰忎粈涔�?</span>
<textarea
@@ -245,6 +255,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>11.榧诲嚭琛�鐨勫父瑙佸師鍥犳湁鍝簺?濡備綍姝ｇ‘姝㈤蓟琛�?</span
@@ -256,6 +267,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">12.绠�鏄撻�氫究娉曞垎涓哄嚑绉�?濡備綍鎿嶄綔?</span>
<textarea
@@ -265,6 +277,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -291,6 +304,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="400"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
鐢熸椿涓紝涓嶈鏄剰澶栦簨鏁呯殑鍙楀鑰呰繕鏄悇绉嶇柧鐥呯殑鎮ｈ�咃紝搴峰杩囩▼涓紝閮介渶瑕佺簿蹇冪殑鎶ょ悊銆傚ソ鐨勬姢鐞嗗彲浠ュ噺杞荤梾鎯咃紝淇冭繘鐥婃剤銆傚鍓嶅効绔ユ洿闇�濡傛銆傚洜姝わ紝鎺屾彙甯哥敤鎶ょ悊鎶�鏈紝鏄仛濂芥姢鐞嗗伐浣滅殑鍓嶆彁鍜屽繀瑕佹潯浠讹紝涔熸槸瀛﹀墠鏁欒偛宸ヤ綔鑰呯殑鑱岃矗鎵�鍦ㄣ�傛湁浜涗弗閲嶇殑鐤剧梾鍜屾剰澶栦簨鏁呭父浼氬嵄鍙婂効绔ョ殑鐢熷懡锛岄渶瑕佺揣鎬ユ晳鎶ゃ�傛墍浠ワ紝鎺屾彙鍚勭鎬ユ晳鎶�鏈殑鎿嶄綔瑕侀锛屽彲鎸芥晳鐢熷懡锛岃揪鍒拌捣姝诲洖鐢熺殑鏁堟灉锛屼负鍖婚櫌鐨勬不鐤楀瀹氬熀纭�銆傛湰涓婚灏嗕粙缁嶆棩甯哥敓娲讳腑甯哥敤鐨勬姢鐞嗘妧鏈殑鐩稿叧鐞嗚鍜屾搷浣滆棰嗭紝渚夸簬鍚屽浠伐浣滅敓娲讳腑姝ｇ‘鎿嶄綔浣跨敤銆�
@@ -611,7 +625,7 @@
</h6>
<p class="blockh6-c">
<span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚涓�</span>
- <examinations :cardList="questionData[223]" :chapter="8" :page="215" />
+ <examinations v-if="questionData" :cardList="questionData[223]" />
</p>
</div>
</div>
@@ -721,6 +735,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>2.浜轰綋寮傜墿鍙戠敓鐨勯儴浣嶆湁鍝簺?鍒嗗埆闃愯堪榧昏厰寮傜墿銆佸捊鍠夐儴寮傜墿銆佹皵绠℃敮姘旂寮傜墿鐪奸儴寮傜墿銆佸鑰抽亾寮傜墿鐨勫叿浣撴�ユ晳鎺柦銆�</span
@@ -732,6 +747,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>3.甯歌鐨勫姩鐗╁挰浼ゆ湁鍝簺?鍚勮嚜鐨勬�ユ晳鎺柦鏄粈涔�?</span
@@ -743,6 +759,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">4.澶撮儴鎽斾激鐨勫嵄闄╃▼搴﹀浣曞垽瀹�?</span>
<textarea
@@ -752,6 +769,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>5.甯歌鐨勭溂澶栦激鏈夊摢浜�?濡備綍姝ｇ‘澶勭悊?</span
@@ -763,6 +781,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>6.鏅曞帴鐨勫父瑙佸師鍥犳湁鍝簺?涓昏琛ㄧ幇鏄粈涔�?濡備綍鎬ユ晳?</span
@@ -774,6 +793,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>7.浠�涔堟槸鎯婂帴?鎯婂帴鏈夊摢浜涘嵄瀹�?濡備綍鎬ユ晳?</span
@@ -785,6 +805,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">8.鍙戠幇涓殤鐥呭効濡備綍澶勭悊?</span>
<textarea
@@ -794,6 +815,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>9.鐑�(鐑�)浼ゅ垎涓哄嚑搴�?鍒嗗埆搴旇濡備綍澶勭悊?</span
@@ -805,6 +827,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">10.鍙戠幇骞煎効鐢靛嚮浼わ紝濡備綍姝ｇ‘鏁戞姢?</span>
<textarea
@@ -814,6 +837,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>11.瀵圭叅姘斾腑姣掔殑鐥呬汉锛屽浣曡繘琛屾纭晳鎶�?</span
@@ -825,6 +849,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">12.濡備綍鏁戝姪璇湇姣掔墿鐨勬偅鍎�?</span>
<textarea
@@ -834,6 +859,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">13.鍙戠幇娣规汉鑰咃紝濡備綍杩涜绱ф�ユ晳鎶�?</span>
<textarea
@@ -843,6 +869,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">14.楠ㄦ姌鐨勫鐞嗘柟娉曟槸浠�涔�?</span>
<textarea
@@ -852,6 +879,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>15.蹇冭偤澶嶈嫃鐨勯�傚簲璇佹湁鍝簺?濡備綍杩涜鍑嗙‘鎿嶄綔?</span
@@ -863,6 +891,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -889,6 +918,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="200"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
杩欐牱鐨勪簨鎯咃紝鍦ㄥ辜鍎垮洯鍑犱箮澶╁ぉ纰板埌銆傚浣曞杩欎簺甯歌鐨勬剰澶栦簨鏁呭仛鍑哄悎鐞嗙殑澶勭疆锛屾槸灏嗘剰澶栦簨鏁呴�犳垚鐨勪激瀹抽檷浣庤嚦鏈�灏忕殑鍏抽敭銆傛湰涓婚灏嗕负鍚屽浠彁渚涘鍓嶅効绔ョ敓娲讳腑鍙兘鍑虹幇鐨勫悇绉嶆剰澶栦簨鏁呯殑甯歌鍘熷洜鍙婂鐞嗗姙娉曪紝浠ヤ緵鍚屽浠湪宸ヤ綔鐢熸椿涓纭鐞嗘剰澶栦簨鏁呮椂鍙傝�冧娇鐢ㄣ��
@@ -999,7 +1029,7 @@
</div>
<div class="padding-96">
<h5 id="e270">2.鍜介儴寮傜墿</h5>
- <div class="fl fl-around">
+ <div class="fl fl-around ">
<div class="left" style="width: 38%">
<p>
鍜介儴寮傜墿浠ラ奔鍒恒�侀澶存福銆佹灒鏍哥瓑杈冧负澶氳銆傚紓鐗╁ぇ澶氭墡鍦ㄦ墎妗冧綋鎴栧叾鍛ㄥ洿锛屽紩璧风柤鐥涳紝鍚炲捊鏃剁柤鐥涘姞鍓с�傚捊閮ㄥ紓鐗╂渶濂界敤闀婂瓙鍙栧嚭锛屽垏涓嶅彲閲囩敤椋熼唻鎴栧ぇ鍙ｅ悶楗殑鍔炴硶锛屽惁鍒欎細浣垮紓鐗╄秺鎵庤秺娣憋紝鍑虹幇鍗遍櫓銆傝嫢鏃犳硶鍙栧嚭锛屽簲绔嬪嵆閫佸尰闄㈠鐞嗐��
@@ -1034,20 +1064,16 @@
澶勭悊鍔炴硶锛氬杈冨皬骞煎効锛屽疁閫熷皢鍏舵姳璧凤紝澶翠綆鑴氶珮锛屾媿鑳岋紙瑙佸浘8-1锛夈�傜粡涓婅堪澶勭悊锛屾湁鏃跺彲浣垮す鍦ㄥ枆閮ㄧ殑寮傜墿鍜冲嚭銆備娇鐢ㄨ娉曟棤鏁堬紝鍒欓�熼�佸尰闄㈡�ユ晳銆傚杈冨ぇ骞煎効鍙噰鐢ㄦ捣濮嗗埄甯屾墜娉曘�傛晳鎶よ�呭彲浠庡悗鏂规悅浣忓辜鍎胯叞閮紝鐢ㄥぇ鎷囨寚鐨勪竴渚ч《浣忓辜鍎夸笂鑵归儴锛岄棿鏂湴鍚戜笂銆佸悜鍚庯紝鍐插嚮鎬ф帹鍘嬶紝淇冧娇妯唸鑲屾尋鍘嬭偤閮紝浜х敓姘旀祦锛屽皢杩涘叆姘旂鐨勫紓鐗╁啿鍑猴紙瑙佸浘8-2锛夈�備娇鐢ㄨ娉曟棤鏁堬紝鍒欓�熼�佸尰闄㈡�ユ晳銆�
</p>
- <div class="fl fl-around">
+ <div class="fl fl-around openImgBox">
<div class="left" style="width: 60%">
<p class="center">
- <el-image
- :src="backslapping"
- :preview-src-list="[backslapping]"
- class="open-image"
- />
+ <img src="../../../assets/images/chapterEight/0231-2.jpg" class="w100">
</p>
<p class="img">鍥�8-1 鎷嶈儗娉曟搷浣滅ず鎰忓浘</p>
</div>
<div class="right" style="width: 33%">
<p class="center">
- <el-image :src="backsla" :preview-src-list="[backsla]" class="open-image" />
+ <img src="../../../assets/images/chapterEight/0231-3.jpg" class="w100">
</p>
<p class="img">鍥�8-2 娴峰鍒╁笇鎵嬫硶鎿嶄綔绀烘剰鍥�</p>
</div>
@@ -1155,8 +1181,8 @@
</p>
</div>
<div class="right" style="width: 20%">
- <p class="center">
- <el-image :src="syncope" :preview-src-list="[syncope]" class="open-image" />
+ <p class="center openImgBox">
+ <img src="../../../assets/images/chapterEight/0233-2.jpg" class="w100">
</p>
<p class="img">鍥�8-3 鏅曞帴鐨勫鐞�</p>
</div>
@@ -1462,26 +1488,16 @@
</div>
<div class="padding-96">
<p class="t0">澶勶紝瑙佸浘8-5锛夈��</p>
- <div class="fl">
+ <div class="fl openImgBox">
<div class="left" style="width: 50%">
<p class="center">
- <el-image
- style="width: 60%"
- :src="pressingOne"
- :preview-src-list="[pressingOne]"
- class="open-image"
- />
+ <img src="../../../assets/images/chapterEight/0238-1.jpg" class="w100">
</p>
<p class="img">鍥�8-4 鍙屾寚鎸夊帇娉�</p>
</div>
<div class="right" style="width: 50%">
<p class="center">
- <el-image
- style="width: 60%"
- :src="pressingTwo"
- :preview-src-list="[pressingTwo]"
- class="open-image"
- />
+ <img src="../../../assets/images/chapterEight/0238-2.jpg" class="w100">
</p>
<p class="img">鍥�8-5 鍙屾墜鐜姳鎷囨寚鎸夊帇娉�</p>
</div>
@@ -1490,36 +1506,45 @@
<p>
鈶㈠浜庤緝澶у効绔ワ紝鍙敤鍗曟墜鎴栧弻鎵嬫寜鍘嬭兏楠ㄤ笅鍗婇儴銆傚崟鎵嬭兏澶栨寜鍘嬫椂锛屽彲鐢ㄤ竴鍙墜鍥哄畾鎮ｅ効澶撮儴锛屼互渚块�氭皵锛屽彟涓�鎵嬬殑鎵嬫帉鏍归儴缃簬鑳搁涓嬪崐娈碉紝鎵嬫帉鏍圭殑闀胯酱涓庤兏楠ㄧ殑闀胯酱涓�鑷达紙瑙佸浘8-6锛夈�傚弻鎵嬭兏澶栨寜鍘嬫椂锛屽皢涓�鎵嬫帉鏍归儴閲嶅彔鏀惧湪鍙︿竴鎵嬭儗涓婏紝鍗佹寚鐩告墸锛屼笅闈㈡墜鐨勬墜鎸囨姮璧凤紝鎵嬫帉鏍归儴鍨傜洿鎸夊帇鑳搁涓嬪崐閮紙瑙佸浘8-7锛夈��
</p>
- <div class="fl fl-around">
+ <div class="fl fl-around openImgBox">
<div class="left" style="width: 40%">
<p class="center">
- <el-image
- :src="pressingThree"
- :preview-src-list="[pressingThree]"
- class="open-image"
- />
+ <img src="../../../assets/images/chapterEight/0238-3.jpg" class="w100">
</p>
<p class="img">鍥�8-6 鍗曟墜鑳稿鎸夊帇</p>
</div>
<div class="right" style="width: 40%">
- <el-carousel loop trigger="click" class="bones-carousel carousel-image">
- <el-carousel-item
- v-for="(item, index) in pressList"
- :key="index"
- class="bones-carousel-item"
- >
- <el-image
- :src="item"
- :preview-src-list="pressList"
- :preview-teleported="true"
- class="open-image"
- />
- </el-carousel-item>
- </el-carousel>
+ <div class="banshi openImgBox" style="height:214px">
+ <div class="swiper-container swiper-img">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div
+ class="imgBox"
+ style="width: 100%; height: 100%"
+ >
+ <img
+ src="../../../assets/images/chapterEight/pase1.png"
+ />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div
+ class="imgBox"
+ style="width: 100%; height: 100%"
+ >
+ <img
+ src="../../../assets/images/chapterEight/pase2.png"
+ />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ </div>
+ </div>
<p class="img">鍥�8-7 鍙屾墜鑳稿鎸夊帇</p>
</div>
</div>
-
<p>
娉ㄦ剰锛氣憼鎸夊帇娣卞害鑷冲皯涓鸿兏鍓嶅悗寰勭殑1/3锛堝┐鍎垮ぇ绾︿负4鍘樼背锛屽辜鍎垮ぇ绾︿负5鍘樼背锛夈�傛寜鍘嬮鐜囦负100锝�120娆�/鍒嗐�傛瘡涓�娆℃寜鍘嬪悗锛岃鑳稿粨鍏呭垎鍥炲脊锛屼互淇濋殰蹇冭剰琛�娴佺殑鍏呯泩銆傚簲淇濇寔鑳稿鎸夊帇鐨勮繛缁�э紝灏介噺鍑忓皯鑳稿鎸夊帇鐨勪腑鏂紙锛�10绉掞級銆傛湁鏉′欢鏃跺湪姣�5涓惊鐜績鑲哄鑻忓嵆2鍒嗛挓鍚庢崲浜烘寜鍘嬶紝浠ヤ繚璇佹寜鍘嬫晥鏋溿��
</p>
@@ -1552,26 +1577,16 @@
<p>
锛�2锛夋墭棰屾硶銆傚綋鎮ｅ効棰堟涓嶈兘杩愬姩鎴栨��鐤戞湁棰堟鎹熶激鏃跺彲閲囩敤鎵橀娉曘�傚皢鍙屾墜鏀剧疆鍦ㄦ偅鍎垮ご閮ㄤ袱渚э紝鎻′綇涓嬮瑙掞紝鍚戜笂鎵樹笅棰岋紝浣垮ご閮ㄥ悗浠扮▼搴︿负涓嬮瑙掍笌鑰冲瀭杩炵嚎鍜屽湴闈㈡垚60掳锛堝辜鍎匡級鎴�30掳锛堝┐鍎匡級锛堣鍥�8-9锛夈�傛搷浣滆繃绋嬩腑闇�娉ㄦ剰鎵嬫寚涓嶅彲鍘嬮涓嬭蒋缁勭粐锛屼互鍏嶉樆濉炴皵閬撱��
</p>
- <div class="fl">
+ <div class="fl openImgBox">
<div class="left" style="width: 50%">
<p class="center">
- <el-image
- :src="upward"
- :preview-src-list="[upward]"
- style="width: 50%"
- class="open-image"
- />
+ <img src="../../../assets/images/chapterEight/0239-1.jpg" class="w100">
</p>
<p class="img">鍥�8-8 浠板ご鎶娉�</p>
</div>
<div class="right" style="width: 50%">
<p class="center">
- <el-image
- style="width: 65%"
- :src="upwards"
- :preview-src-list="[upwards]"
- class="open-image"
- />
+ <img src="../../../assets/images/chapterEight/0239-2.jpg" class="w100">
</p>
<p class="img">鍥�8-9 鎵橀娉�</p>
</div>
@@ -1608,8 +1623,8 @@
<h5 id="e286">2.鎸囧帇姝㈣娉�</h5>
<div class="fl fl-around">
<div class="left" style="width: 25%">
- <p class="center">
- <el-image :src="hemostasis" :preview-src-list="[hemostasis]" class="open-image" />
+ <p class="center openImgBox">
+ <img src="../../../assets/images/chapterEight/0240-1.jpg" class="w100">
</p>
<p class="img">鍥�8-10 鎸囧帇姝㈣娉曞父鐢ㄦ琛�閮ㄤ綅</p>
</div>
@@ -1659,7 +1674,7 @@
</h6>
<p class="blockh6-c">
<span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚浜�</span>
- <examinations :cardList="questionData[235]" :chapter="8" :page="227" />
+ <examinations v-if="questionData" :cardList="questionData[235]" />
</p>
<p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
<div class="fieldset">
@@ -1796,6 +1811,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">2.鎵樺辜鏈烘瀯瀹夊叏绠＄悊鐨勫唴瀹规湁鍝簺?</span>
<textarea
@@ -1805,6 +1821,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>3.娑堥櫎鎵樺辜鏈烘瀯鎰忓浜嬫晠闅愭偅鐨勬帾鏂芥湁鍝簺?</span
@@ -1816,6 +1833,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>4.鎵樺辜鏈烘瀯鍋ュ叏鐨勫辜鍎挎帴閫佸埗搴︾殑鍐呭鏈夊摢浜�?</span
@@ -1827,6 +1845,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">5.瀹夊叏鏁欒偛鐨勪富瑕佸唴瀹规湁鍝簺?</span>
<textarea
@@ -1836,6 +1855,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -1862,6 +1882,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="200"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
涓嶅悓鐨勬剰澶栦簨鏁咃紝鍙戠敓鐨勫師鍥犱笉鍚岋紝澶勭悊鐨勬柟娉曚篃涓嶄竴鏍枫�傚悓瀛︿滑浣滀负鏈潵鐨勫辜鏁欏伐浣滆�咃紝浜嗚В鎰忓浜嬫晠鐨勫父瑙佸師鍥狅紝鏄闃插拰鍑忓皯鎰忓浜嬫晠鐨勫叧閿�傛湰涓婚灏卞皢涓哄悓瀛︿滑鍒嗘瀽骞煎効鍙戠敓鎰忓浜嬫晠鐨勫父瑙佸師鍥狅紝浠ヤ究鑳藉閽堝鍘熷洜锛屽強鏃╅噰鍙栭闃叉帾鏂斤紝杈惧埌鍑忓皯鎰忓浜嬫晠鍙戠敓鐨勭洰鐨勶紝鏈�澶ч檺搴﹀湴淇濇姢瀛﹀墠鍎跨鐨勫仴搴枫��
@@ -2139,7 +2160,7 @@
</h6>
<p class="blockh6-c">
<span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚涓�</span>
- <examinations :cardList="questionData[240]" :chapter="8" :page="232" />
+ <examinations v-if="questionData" :cardList="questionData[240]" />
</p>
<p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
<div class="fieldset">
@@ -2230,6 +2251,7 @@
type="text"
class="judge-input"
v-model="chapterEnightData.question.judge.qOne"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -2237,6 +2259,7 @@
type="text"
class="judge-input"
v-model="chapterEnightData.question.judge.qTwo"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -2244,6 +2267,7 @@
type="text"
class="judge-input"
v-model="chapterEnightData.question.judge.qThree"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -2251,6 +2275,7 @@
type="text"
class="judge-input"
v-model="chapterEnightData.question.judge.qFour"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -2258,6 +2283,7 @@
type="text"
class="judge-input"
v-model="chapterEnightData.question.judge.qFive"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -2265,6 +2291,7 @@
type="text"
class="judge-input"
v-model="chapterEnightData.question.judge.qSix"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -2272,6 +2299,7 @@
type="text"
class="judge-input"
v-model="chapterEnightData.question.judge.qSeven"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -2279,6 +2307,7 @@
type="text"
class="judge-input"
v-model="chapterEnightData.question.judge.qEnight"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -2286,6 +2315,7 @@
type="text"
class="judge-input"
v-model="chapterEnightData.question.judge.qNine"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -2293,6 +2323,7 @@
type="text"
class="judge-input"
v-model="chapterEnightData.question.judge.qTen"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -2300,6 +2331,7 @@
type="text"
class="judge-input"
v-model="chapterEnightData.question.judge.qEleven"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block"><b>浜屻�佸～绌�</b></p>
@@ -2308,24 +2340,28 @@
type="text"
class="lineInput completion-input"
v-model="chapterEnightData.question.fill.qOne.one"
- />銆�<input type="text" class="lineInput completion-input" v-model="chapterEnightData.question.fill.qOne.two" />銆�
+ @input="saveChapterOneData"
+ />銆�<input type="text" class="lineInput completion-input" v-model="chapterEnightData.question.fill.qOne.two" @input="saveChapterOneData" />銆�
</p>
<p class="block">
2.绠�鏄撻�氫究娉曟湁<input
type="text"
class="lineInput completion-input"
v-model="chapterEnightData.question.fill.qTwo.one"
- />銆�<input type="text" class="lineInput completion-input" v-model="chapterEnightData.question.fill.qTwo.two" />銆�
+ @input="saveChapterOneData"
+ />銆�<input type="text" class="lineInput completion-input" v-model="chapterEnightData.question.fill.qTwo.two" @input="saveChapterOneData" />銆�
</p>
<p class="block">
3.鍒涗激鍑鸿鏍规嵁鍑鸿閮ㄤ綅鐨勪笉鍚岋紝鍙垎涓�<input
type="text"
class="lineInput completion-input"
v-model="chapterEnightData.question.fill.qThree.one"
- />銆�<input type="text" class="lineInput completion-input" v-model="chapterEnightData.question.fill.qThree.two" />鍜�<input
+ @input="saveChapterOneData"
+ />銆�<input type="text" class="lineInput completion-input" v-model="chapterEnightData.question.fill.qThree.two" @input="saveChapterOneData" />鍜�<input
type="text"
class="lineInput completion-input"
v-model="chapterEnightData.question.fill.qThree.three"
+ @input="saveChapterOneData"
/>3绉嶃��
</p>
<p class="block"><b>涓夈�佹�濊��</b></p>
@@ -2335,6 +2371,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterEnightData.question.short.qOne"
+ @input="saveChapterOneData"
></textarea>
<p class="block">2.鍙ｅ鍙ｏ紙榧伙級鍚规皵娉曞簲璇ユ�庢牱鎿嶄綔锛�</p>
<textarea
@@ -2342,6 +2379,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterEnightData.question.short.qTwo"
+ @input="saveChapterOneData"
></textarea>
<p class="block">3.鐓ゆ皵涓瘨鏈変粈涔堣〃鐜帮紵濡備綍澶勭悊锛�</p>
<textarea
@@ -2349,6 +2387,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterEnightData.question.short.qThree"
+ @input="saveChapterOneData"
></textarea>
<p class="block">4.骞煎効鍥彂鐢熸皵绠″紓鐗╁悗锛屽浣曞鐞嗭紵</p>
<textarea
@@ -2356,6 +2395,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterEnightData.question.short.qFour"
+ @input="saveChapterOneData"
></textarea>
<p class="block">5.鎵樺辜鏈烘瀯濡備綍杩涜瀹夊叏绠＄悊鍜屽畨鍏ㄦ暀鑲诧紵</p>
<textarea
@@ -2363,6 +2403,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterEnightData.question.short.qFive"
+ @input="saveChapterOneData"
></textarea>
<div>
<p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
@@ -2396,10 +2437,10 @@
<p class="blockh6-c">
瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
<span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
- <examinations :cardList="questionData[242][1]" :chapter="8" :page="2431" />
+ <examinations v-if="questionData" :cardList="questionData[242] ? questionData[242][1] : []" />
<span class="span-border"></span>
<span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
- <examinations :cardList="questionData[242][2]" :chapter="8" :page="2342" />
+ <examinations v-if="questionData" :cardList="questionData[242] ? questionData[242][2] : []" />
</p>
</div>
</div>
@@ -2409,7 +2450,7 @@
<script>
import examinations from "@/components/examinations/index.vue";
-import getResourcePath from "@/assets/methods/resources";
+import {getResourcePath} from "@/assets/methods/resources";
export default {
name: "chapterEight",
components: { examinations },
@@ -2420,27 +2461,13 @@
showPageList: {
type: Array,
},
+ isSearch: {
+ type: Boolean,
+ default: false,
+ },
},
data() {
return {
- learn: require("../../../assets/images/chapterEight/0223-1.jpg"),
- taskOne: require("../../../assets/images/chapterEight/task-sheet1.png"),
- taskTwo: require("../../../assets/images/chapterEight/task-sheet2.png"),
- taskThree: require("../../../assets/images/chapterEight/task-sheet3.png"),
- backslapping: require("../../../assets/images/chapterEight/0231-2.jpg"),
- backsla: require("../../../assets/images/chapterEight/0231-3.jpg"),
- syncope: require("../../../assets/images/chapterEight/0233-2.jpg"),
- pressingOne: require("../../../assets/images/chapterEight/0238-1.jpg"),
- pressingTwo: require("../../../assets/images/chapterEight/0238-2.jpg"),
- pressingThree: require("../../../assets/images/chapterEight/0238-3.jpg"),
- pressingFour: require("../../../assets/images/chapterEight/0238-4.jpg"),
- pressList: [
- require("../../../assets/images/chapterEight/pase1.png"),
- require("../../../assets/images/chapterEight/pase2.png"),
- ],
- upward: require("../../../assets/images/chapterEight/0239-1.jpg"),
- upwards: require("../../../assets/images/chapterEight/0239-2.jpg"),
- hemostasis: require("../../../assets/images/chapterEight/0240-1.jpg"),
learnTableOne: true,
learnTableTwo: true,
learnTableThree: true,
@@ -2456,7 +2483,6 @@
pathEight: "",
pathNine: "",
pathTen: "",
- saveTime:20,
chapterEnightData: {
experienceOne: "",
experienceTwo: "",
@@ -2542,23 +2568,13 @@
};
},
async mounted() {
- const localData = localStorage.getItem("chapterEnightData");
- if (localData) {
- this.chapterEnightData = JSON.parse(localData);
- }
- window.timerEnight = setInterval(() => {
- this.saveTime--;
- if (this.saveTime == 0) {
- this.saveChapterOneData();
+ if(!this.isSearch) {
+ const localData = localStorage.getItem("chapterEnightData");
+ if (localData) {
+ this.chapterEnightData = JSON.parse(localData);
}
- }, 1000);
- this.getVideoPath();
- },
- unmounted() {
- if (window.timerEnight) {
- clearInterval(window.timerEnight);
+ this.getVideoPath();
}
- localStorage.setItem("chapterEnightData", JSON.stringify(this.chapterEnightData));
},
methods: {
changeResources(type) {
@@ -2575,29 +2591,28 @@
}
},
saveChapterOneData() {
- this.saveTime = 20;
localStorage.setItem(
"chapterEnightData",
JSON.stringify(this.chapterEnightData)
);
},
- getVideoPath() {
- this.$data.pathOne = getResourcePath("53d9f18bbb3250e624ab608210ae3d1d");
- this.$data.pathTwo = getResourcePath("faf38c63d16c12a7e415f9aee6e23880");
- this.$data.pathThree = getResourcePath(
+ async getVideoPath() {
+ this.$data.pathOne = await getResourcePath("53d9f18bbb3250e624ab608210ae3d1d");
+ this.$data.pathTwo = await getResourcePath("faf38c63d16c12a7e415f9aee6e23880");
+ this.$data.pathThree = await getResourcePath(
"e791b057b3f750aff6817824030a273a"
);
- this.$data.pathFour = getResourcePath("e79fdcbd2f8237a837f5b3ebd8d77fed");
- this.$data.pathFive = getResourcePath("03538bf15c4368ba80a3c9e298268df7");
- this.$data.pathSix = getResourcePath("11f13bd738b960faa42be7267cfdcbb6");
- this.$data.pathSeven = getResourcePath(
+ this.$data.pathFour = await getResourcePath("e79fdcbd2f8237a837f5b3ebd8d77fed");
+ this.$data.pathFive = await getResourcePath("03538bf15c4368ba80a3c9e298268df7");
+ this.$data.pathSix = await getResourcePath("11f13bd738b960faa42be7267cfdcbb6");
+ this.$data.pathSeven = await getResourcePath(
"36a4b835e252c744d53fbb331de3f1cf"
);
- this.$data.pathEight = getResourcePath(
+ this.$data.pathEight = await getResourcePath(
"0f415d69790bd6044b74b30947f628f5"
);
- this.$data.pathNine = getResourcePath("bf45a94562ab237da0ef65ba33631022");
- this.$data.pathTen = getResourcePath("f7b5594f23b2ded96e15b99c296be54d");
+ this.$data.pathNine = await getResourcePath("bf45a94562ab237da0ef65ba33631022");
+ this.$data.pathTen = await getResourcePath("f7b5594f23b2ded96e15b99c296be54d");
},
},
};
--
Gitblit v1.9.1