From 91cc846ad7f1d9c417260837b54fcd4bb0a0d94f Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期一, 17 六月 2024 14:51:27 +0800
Subject: [PATCH] 图书优化
---
src/books/childHealth/view/content/components/chapter010.vue | 132 ++++++++++++++++++++++++-------------------
1 files changed, 73 insertions(+), 59 deletions(-)
diff --git a/src/books/childHealth/view/content/components/chapter010.vue b/src/books/childHealth/view/content/components/chapter010.vue
index 8123cab..1331d97 100644
--- a/src/books/childHealth/view/content/components/chapter010.vue
+++ b/src/books/childHealth/view/content/components/chapter010.vue
@@ -45,12 +45,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/chapterTen/0270-1.jpg" class="w100">
</p>
</div>
</div>
@@ -160,6 +156,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">2.骞煎効鍥殑鐢ㄥ湴闈㈢Н鍖呮嫭鍝嚑涓儴鍒�?</span>
<textarea
@@ -169,6 +166,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">3.骞煎効鍥殑寤虹瓚鐢ㄥ湴搴旂鍚堝摢浜涜姹�?</span>
<textarea
@@ -178,6 +176,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>4.骞煎効鍥敓娲荤敤鎴跨殑鑰愮伀绛夌骇鏈変粈涔堣姹�?</span
@@ -189,6 +188,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">5.骞煎効鍥殑妤兼搴旂鍚堜粈涔堣姹�?</span>
<textarea
@@ -198,6 +198,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">6.骞煎効鍥殑缁垮寲鍦板甫搴斿浣曞竷缃�?</span>
<textarea
@@ -207,6 +208,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">7.骞煎効鍥悇瀹ら厤缃殑鍗敓鍘熷垯鏄粈涔�?</span>
<textarea
@@ -216,6 +218,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>8.骞煎効鍥殑娲诲姩瀹ゃ�佸崸瀹ゃ�佸崼鐢熼棿銆佷繚鍋ュ鍜岄殧绂诲鍒嗗埆鏈夊摢浜涘崼鐢熻姹�?</span
@@ -227,6 +230,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>9.娑夊強瀹ゅ唴閲囧厜鐨勫厜瀛︾墿鐞嗘蹇垫湁鍝簺?</span
@@ -238,6 +242,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>10.骞煎効鍥鑷劧閲囧厜鍜屼汉宸ョ収鏄庢湁浠�涔堣姹�?</span
@@ -249,6 +254,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">11.骞煎効鍥鍐呴�氶鏈夊嚑绉嶆柟寮�?</span>
<textarea
@@ -258,6 +264,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>12.鎵樺辜鏈烘瀯閲囨殩鏈夊嚑绉嶆柟寮忥紝鍒嗗埆搴旀敞鎰忓摢浜涢棶棰�?</span
@@ -269,6 +276,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -295,6 +303,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="200"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
鏈富棰樿杩版墭骞兼満鏋勫湴鍧�鐨勯�夋嫨銆佸洯鍐呭竷灞�鍜屽悇瀹ょ殑鍗敓瑕佹眰浠ュ強瀹ゅ唴鐨勯噰鍏夊拰鐓ф槑銆侀�氶鍜岄噰鏆栫瓑鏂归潰鍐呭銆�
@@ -335,14 +344,10 @@
<p>鍏ㄦ棩鍒跺辜鍎垮洯鍚勯」鐢ㄦ埧浣跨敤闈㈢Н鍜屽缓绛戦潰绉姹傚弬瑙佽〃10-1銆�</p>
<p class="img">
琛�10-1 鍏ㄦ棩鍒跺辜鍎垮洯鍚勯」鐢ㄦ埧浣跨敤闈㈢Н鍜屽缓绛戦潰绉竴瑙堣〃<a id="w1"></a
- ><a href="chapter010.html#m1"><sup>[1]</sup></a>
+ ><a href="javascript: void(0)" @click="gotoLabel('childTen-labelOne')" class="cu-pr"><sup>[1]</sup></a>
</p>
- <p class="center">
- <el-image
- :src="tableOne"
- :preview-src-list="[tableOne]"
- class="open-image"
- />
+ <p class="center openImgBox">
+ <img src="../../../assets/images/chapterTen/0272-1.jpg" class="w100">
</p>
<p>
骞煎効鍥殑鐢熸椿鐢ㄦ埧搴旂敱骞煎効鐢熸椿鍗曞厓銆佸叕鍏辨椿鍔ㄧ┖闂村拰澶氬姛鑳芥椿鍔ㄥ缁勬垚銆傚叕鍏辨椿鍔ㄧ┖闂村彲鏍规嵁闇�瑕佽缃�傜敓娲荤敤鎴挎槸鍥唴鐨勪富浣撳缓绛戯紝瀹冨寘鎷椿鍔ㄥ銆佸崸瀹ゃ�佸崼鐢熼棿绛夈�備竴鑸皢灏忕彮銆佷腑鐝畨鎺掑湪浣庡眰锛屽ぇ鐝畨鎺掑湪楂樺眰锛岄煶浣撴椿鍔ㄥ鍙畨鎺掑湪杈冮珮灞傛銆傜敓娲荤敤鎴垮簲鏈濆崡锛屾棩鐓у厖鍒嗭紝閫氶鑹ソ銆�
@@ -360,7 +365,7 @@
妤兼搴旀寜鐓т繚闅滃畨鍏ㄣ�佷究浜庤璧板拰鐤忔暎鐨勫師鍒欐潵璁捐锛屾ゼ姊唴搴斿ぉ鐒堕噰鍏夈�傜枏鏁ｆゼ姊弗绂佷娇鐢ㄨ灪鏃嬪舰鎴栨墖褰㈣笍姝ャ�傛ゼ姊笍姝ラ潰搴旈噰鐢ㄩ槻婊戞潗鏂欙紝韪忔韪㈤潰涓嶅簲婕忕┖锛岃笍姝ラ潰搴�
</p>
<div class="annotation-border"></div>
- <p class="note">
+ <p class="note" id="childTen-labelOne">
<a id="m1"></a><a href="chapter010.html#w1">[1]</a>
鎽樿嚜銆婂辜鍎垮洯寤鸿鏍囧噯銆嬶紙寤烘爣175鈥�2016锛夈��
</p>
@@ -417,7 +422,9 @@
x5-video-player-fullscreen="true"
x5-playsinline=""
controls
- class="w100 video-border"
+ controlslist="nodownload"
+ class="w100 video-border video"
+ @play="videoPlay"
></video>
<p class="img">瑙嗛锛氬辜鍎垮洯鍚勫閰嶇疆鐨勫崼鐢熻姹�</p>
</div>
@@ -455,12 +462,8 @@
娲诲姩瀹ゅ拰瀵濆鍚堝苟璁剧疆閲囩敤闈㈢Н鎸囨爣浣庨檺銆備汉鍧囦娇鐢ㄩ潰绉负3.5骞虫柟绫筹紝姣忕彮浣跨敤闈㈢Н105骞虫柟绫炽�傚垎寮�璁剧疆閲囩敤闈㈢Н鎸囨爣楂橀檺銆傛椿鍔ㄥ浜哄潎浣跨敤闈㈢Н涓�2.4骞虫柟绫筹紝姣忕彮浣跨敤闈㈢Н72骞虫柟绫炽�傛椿鍔ㄥ鐨勫鍐呭噣楂樺弬瑙佽〃10-2銆�
</p>
<p class="img">琛�10-2 骞煎効鍥富瑕佸缓绛戠殑瀹ゅ唴鍑�楂�</p>
- <p class="center">
- <el-image
- :src="tableTwo"
- :preview-src-list="[tableTwo]"
- class="open-image"
- />
+ <p class="center openImgBox">
+ <img src="../../../assets/images/chapterTen/0274-1.jpg" class="w100">
</p>
<p>
娲诲姩瀹ょ殑绐楀簲鍚戝崡锛屼笉搴斿悜鍖楁垨鍚戣タ锛屾渶濂芥槸鍙岄潰閲囧厜銆傜獥楂橈紙鍐呭湴闈㈣嚦绐椾笂缂橀珮锛変笉浣庝簬2.8绫炽�備负浣垮効绔ヨ兘鍦ㄥ鍐呭悜澶栬繙鐪猴紝绐楀彴璺濆湴闈㈢殑楂樺害搴斾负50锝�60鍘樼背銆傛ゼ灞傛棤瀹ゅ闃冲彴鏃讹紝搴旇鎶ゆ爮锛岃窛鍦伴潰1.30绫冲唴涓嶅簲璁惧钩寮�绐椼�傛椿鍔ㄥ鍑�楂樹笉浣庝簬3.3绫炽�傚湴闈㈠簲閾烘湪鍦版澘锛屼繚娓┿�侀槻娼紝渚夸簬鎵撴壂锛屼笖闃叉鍎跨鎽斾激銆傚鍐呭櫔澹板０绾т笉搴斿ぇ浜�50鍒嗚礉銆�
@@ -741,9 +744,8 @@
<p class="blockh6-c">
<span class="img center dl-bl w100">涓撻鍗� 瀛︿範涓婚涓�</span>
<examinations
+ v-if="questionData"
:cardList="questionData[275]"
- :chapter="10"
- :page="267"
/>
</p>
<h2 class="module_block" id="b038">
@@ -834,6 +836,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">2.姝ｇ‘鐨勫潗濮挎槸鎬庢牱鐨�?</span>
<textarea
@@ -843,6 +846,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">3.妗屾楂樺樊鎸囩殑鏄粈涔�?</span>
<textarea
@@ -852,6 +856,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>4.涓哄効绔ラ�夋嫨浠�涔堟牱鐨勫効绔ュ簥鏈�涓洪�傚疁?鍎跨搴婄殑閫夋嫨搴旀敞鎰忎粈涔堥棶棰�?</span
@@ -863,6 +868,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">5.骞煎効鍥┍鏌滅殑瑕佹眰鏄粈涔�?</span>
<textarea
@@ -872,6 +878,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">6.鐜╁叿搴旂鍚堝摢浜涘崼鐢熻姹�?</span>
<textarea
@@ -881,6 +888,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>7.骞煎効鍥殑鏂囧叿銆佹暀鍏峰簲绗﹀悎浠�涔堣姹�?</span
@@ -892,6 +900,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">8.骞煎効鍥綋鑲茶澶囩殑鍗敓瑕佹眰鏄粈涔�?</span>
<textarea
@@ -901,6 +910,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -927,6 +937,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="200"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
鎵樺辜鏈烘瀯鍦ㄩ�夋嫨鏁欏叿銆佺帺鍏风殑鏃跺�欏簲浠旂粏锛屼繚璇佸叾瀹夊叏鎬с�傛湰涓婚涓昏璁茶堪鎵樺辜鏈烘瀯瀹跺叿銆佹枃鍏枫�佹暀鍏峰拰鐜╁叿鐨勫崼鐢熶互鍙婁綋鑲茶澶囩殑鍗敓鏍囧噯鍜岃姹傦紝涓烘墭骞兼満鏋勫垱璁惧畨鍏ㄣ�佸崼鐢熺殑鐗╄川鐜鎻愪緵鍙傝�冦��
@@ -1079,7 +1090,9 @@
x5-video-player-fullscreen="true"
x5-playsinline=""
controls
- class="w100 video-border"
+ controlslist="nodownload"
+ class="w100 video-border video"
+ @play="videoPlay"
></video>
<p class="img">瑙嗛锛氬辜鍎垮洯鏂囧叿鍜屾暀鐜╁叿鍗敓</p>
</div>
@@ -1186,9 +1199,8 @@
<p class="blockh6-c">
<span class="img center dl-bl w100">涓撻鍗� 瀛︿範涓婚浜�</span>
<examinations
+ v-if="questionData"
:cardList="questionData[280]"
- :chapter="10"
- :page="272"
/>
</p>
<p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
@@ -1252,6 +1264,8 @@
type="text"
class="judge-input"
v-model="chapterTenData.question.judge.qOne"
+ @input="saveChapterOneData"
+
/>锛�
</p>
<p class="block">
@@ -1259,6 +1273,7 @@
type="text"
class="judge-input"
v-model="chapterTenData.question.judge.qTwo"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -1266,6 +1281,7 @@
type="text"
class="judge-input"
v-model="chapterTenData.question.judge.qThree"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block"><b>浜屻�佸～绌�</b></p>
@@ -1274,6 +1290,7 @@
type="text"
class="lineInput completion-input"
v-model="chapterTenData.question.fill.qOne.one"
+ @input="saveChapterOneData"
/>鏄寚妗岃繎缂橀珮涓庢楂樹箣宸��
</p>
<p class="block"><b>涓夈�佹�濊��</b></p>
@@ -1283,6 +1300,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterTenData.question.short.qOne"
+ @input="saveChapterOneData"
></textarea>
<p class="block">2.璇炬妞呭簲绗﹀悎鍝簺鍗敓瑕佹眰锛�</p>
<textarea
@@ -1290,6 +1308,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterTenData.question.short.qTwo"
+ @input="saveChapterOneData"
></textarea>
<p class="block">3.濡備綍鍔犲己骞煎効鍥鍐呯殑鑷劧閫氶锛�</p>
<textarea
@@ -1297,6 +1316,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterTenData.question.short.qThree"
+ @input="saveChapterOneData"
></textarea>
<p class="block">4.骞煎効鍥簲濡備綍閫夋嫨鐜╁叿锛�</p>
<textarea
@@ -1304,6 +1324,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterTenData.question.short.qFour"
+ @input="saveChapterOneData"
></textarea>
<p class="block">5.骞煎効鍥殑浣撹偛璁惧搴旂鍚堝摢浜涜姹傦紵</p>
<textarea
@@ -1311,6 +1332,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterTenData.question.short.qFive"
+ @input="saveChapterOneData"
></textarea>
<div>
<p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
@@ -1327,19 +1349,17 @@
浜戞祴璇�
</h6>
<p class="blockh6-c">
- 瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
+ 瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵娴嬩竴娴嬪惂锛�<br />
<span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
<examinations
- :cardList="questionData[281][1]"
- :chapter="10"
- :page="2731"
+ v-if="questionData"
+ :cardList="questionData[281] ? questionData[281][1] : []"
/>
<span class="span-border"></span>
<span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
<examinations
- :cardList="questionData[281][2]"
- :chapter="10"
- :page="2732"
+ v-if="questionData"
+ :cardList="questionData[281] ? questionData[281][2] : []"
/>
</p>
<h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6>
@@ -1351,6 +1371,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="200"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</p>
</div>
@@ -1361,7 +1382,7 @@
<script>
import examinations from "@/components/examinations/index.vue";
-import getResourcePath from "@/assets/methods/resources";
+import {getResourcePath} from "@/assets/methods/resources";
export default {
name: "chapterTen",
components: { examinations },
@@ -1372,14 +1393,13 @@
showPageList: {
type: Array,
},
+ isSearch: {
+ type: Boolean,
+ default: false,
+ },
},
data() {
return {
- learn: require("../../../assets/images/chapterTen/0270-1.jpg"),
- taskOne: require("../../../assets/images/chapterTen/task-sheet1.png"),
- taskTwo: require("../../../assets/images/chapterTen/task-sheet2.png"),
- tableOne: require("../../../assets/images/chapterTen/0272-1.jpg"),
- tableTwo: require("../../../assets/images/chapterTen/0274-1.jpg"),
learnTableOne: true,
learnTableTwo: true,
learnTableThree: true,
@@ -1387,7 +1407,6 @@
learnTableFive: true,
pathOne: "",
pathTwo: "",
- saveTime: 20,
chapterTenData: {
experienceOne: "",
experienceTwo: "",
@@ -1439,23 +1458,13 @@
};
},
async mounted() {
- const localData = localStorage.getItem("chapterTenData");
- if (localData) {
- this.chapterTenData = JSON.parse(localData);
- }
- window.timerTen = setInterval(() => {
- this.saveTime--;
- if (this.saveTime == 0) {
- this.saveChapterOneData();
+ if(!this.isSearch) {
+ const localData = localStorage.getItem("chapterTenData");
+ if (localData) {
+ this.chapterTenData = JSON.parse(localData);
}
- }, 1000);
- this.getVideoPath();
- },
- unmounted() {
- if (window.timerTen) {
- clearInterval(window.timerTen);
+ this.getVideoPath();
}
- localStorage.setItem("chapterTenData", JSON.stringify(this.chapterTenData));
},
methods: {
changeResources(type) {
@@ -1472,16 +1481,21 @@
}
},
saveChapterOneData() {
- this.saveTime = 20;
localStorage.setItem(
"chapterTenData",
JSON.stringify(this.chapterTenData)
);
},
- getVideoPath() {
- this.$data.pathOne = getResourcePath("3f507f73eb9d8c2af4dfcfb032ae696e");
- this.$data.pathTwo = getResourcePath("93d4edcc8ef4f947ebfb0cee38ccaa71");
+ async getVideoPath() {
+ this.$data.pathOne = await getResourcePath("3f507f73eb9d8c2af4dfcfb032ae696e");
+ this.$data.pathTwo = await getResourcePath("93d4edcc8ef4f947ebfb0cee38ccaa71");
},
+ gotoLabel(id) {
+ (this.container ? this.container : document).getElementById(id).scrollIntoView()
+ },
+ videoPlay(e) {
+ this.$emit('closeVideo',e.srcElement.currentSrc)
+ }
},
};
</script>
--
Gitblit v1.9.1