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/chapter002.vue | 203 ++++++++++++++++++++++++++++++++++----------------
1 files changed, 139 insertions(+), 64 deletions(-)
diff --git a/src/books/childHealth/view/content/components/chapter002.vue b/src/books/childHealth/view/content/components/chapter002.vue
index 86da256..0c794eb 100644
--- a/src/books/childHealth/view/content/components/chapter002.vue
+++ b/src/books/childHealth/view/content/components/chapter002.vue
@@ -43,12 +43,8 @@
/>
涓撻瀵煎
</h6>
- <p class="blockh6 m0-t0">
- <el-image
- :src="special"
- :preview-src-list="[special]"
- class="open-image"
- />
+ <p class="blockh6 m0-t0 openImgBox">
+ <img src="../../../assets/images/chapterTwo/0056-1.jpg" alt="" class="w100 mt-40">
</p>
</div>
</div>
@@ -72,13 +68,26 @@
<span class="t0"
>涓撻浜屽涔犱富棰樹竴 瀛﹀墠鍎跨鐢熼暱鍙戣偛姒傝堪鑷富瀛︿範浠诲姟鍗�</span
>
- <img
+ <span class="t0 svg-btn" @click="changeResources('learnTableOne')">
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 19.28 20.563">
+ <g transform="translate(-109.056 -82.941)">
+ <path class="a"
+ d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
+ transform="translate(-3316.14 15289.201)" />
+ <path class="a"
+ d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
+ transform="translate(-196.896 -148.921)" />
+ <path class="a" d="M763.392,793.79l3.262-3.262h-3.262Z" transform="translate(-638.661 -690.634)" />
+ </g>
+ </svg>
+ </span>
+ <!-- <img
src="../../../assets/images/icon/document.png"
alt=""
@click="changeResources('learnTableOne')"
style="margin-left: 10px"
class="btn"
- />
+ /> -->
</div>
<table
v-if="learnTableOne"
@@ -139,6 +148,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>2.瀹為檯宸ヤ綔涓竴鑸皢瀛﹀墠鍎跨鐨勭敓闀垮彂鑲插垝鍒嗕负鍝嚑涓樁娈�?</span
@@ -150,6 +160,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">3.鈥滃崄鏈堟��鑳庘�濇槸鏁村崄涓湀鍚�?</span>
<textarea
@@ -159,6 +170,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">4.鑳庡効鏈熺殑鐗圭偣鏈夊摢浜�?</span>
<textarea
@@ -168,6 +180,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">5.鏂扮敓鍎挎湡鏈夊摢浜涚壒鐐�??</span>
<textarea
@@ -177,6 +190,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">6.濠村効鏈熷寘鎷柊鐢熷効鏈熷悧?</span>
<textarea
@@ -186,6 +200,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>7.濠村効浠�涔堟椂鍊欐柇濂跺悎閫傦紝鏈夋病鏈夋槑纭瀹�?</span
@@ -197,15 +212,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="chapterTwoData.learnTableOne.qEnight"
+ v-model="chapterTwoData.learnTableOne.qEight"
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">9.濡備綍鍋氬ソ骞煎皬琛旀帴涓殑淇濆仴宸ヤ綔?</span>
<textarea
@@ -215,6 +232,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -241,6 +259,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
鏈富棰樹富瑕佽杩扮敓闀裤�佸彂鑲插拰鎴愮啛鐨勬蹇碉紝闃愯堪瀛﹀墠鍎跨鍚勫勾榫勬鐨勫垝鍒嗗強鍚勯樁娈电敓闀垮彂鑲茬殑鐗圭偣锛屼互甯姪淇濇暀浜哄憳鏍规嵁瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勭壒鐐圭瀛﹀湴寮�灞曚繚鏁欏伐浣溿��
@@ -264,8 +283,7 @@
</p>
<h3 id="c023">
浜屻�佸鍓嶅効绔ュ勾榫勯樁娈电殑鍒掑垎鍙婂悇闃舵鐢熼暱鍙戣偛鐨勭壒鐐癸紴锛烇紴锛烇紴锛�
- </h3>
-
+ </h3>
<div class="fl fl-around">
<div class="left" style="width: 38%">
<p>
@@ -283,7 +301,8 @@
x5-video-player-fullscreen="true"
x5-playsinline=""
controls
- class="video-border w100"
+ controlslist="nodownload"
+ class="video-border w100 video"
></video>
<p class="img">瑙嗛锛氬効绔ュ悇闃舵鐨勭壒鐐瑰拰淇濆仴瑕佺偣</p>
</div>
@@ -371,13 +390,26 @@
<span class="t0"
>涓撻浜屽涔犱富棰樹竴 瀛﹀墠鍎跨鐢熼暱鍙戣偛姒傝堪鑷富瀛︿範浠诲姟鍗�</span
>
- <img
+ <span class="t0 svg-btn" @click="changeResources('learnTableTwo')">
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 19.28 20.563">
+ <g transform="translate(-109.056 -82.941)">
+ <path class="a"
+ d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
+ transform="translate(-3316.14 15289.201)" />
+ <path class="a"
+ d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
+ transform="translate(-196.896 -148.921)" />
+ <path class="a" d="M763.392,793.79l3.262-3.262h-3.262Z" transform="translate(-638.661 -690.634)" />
+ </g>
+ </svg>
+ </span>
+ <!-- <img
src="../../../assets/images/icon/document.png"
alt=""
@click="changeResources('learnTableTwo')"
style="margin-left: 10px"
class="btn"
- />
+ /> -->
</div>
<table
v-if="learnTableTwo"
@@ -444,6 +476,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">2.瀛﹀墠鍎跨鐢熼暱鍙戝睍鐨勮寰嬫湁鍝簺?</span>
<textarea
@@ -453,6 +486,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>3.浠�涔堟槸鐢熼暱鍙戣偛鐨勮繛缁��?浠�涔堟槸鐢熼暱鍙戣偛鐨勯樁娈垫��?</span
@@ -460,10 +494,11 @@
<textarea
cols="30"
rows="4"
- v-model="chapterTwoData.learnTableTwo.qTwo"
+ v-model="chapterTwoData.learnTableTwo.qThree"
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">4.浠�涔堟槸鐢熼暱鍙戣偛鐨勭▼搴忔��?</span>
<textarea
@@ -473,6 +508,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>5.浜轰綋鍣ㄥ畼鎴栬�呯郴缁熸湁鍝簺鐢熼暱鍙戣偛妯″紡?</span
@@ -484,6 +520,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">6.浠�涔堟槸鐢熼暱鍙戣偛鐨勪笉鍧囪 鎬�?</span>
<textarea
@@ -493,6 +530,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">7.浠�涔堝彨杩借刀鎬х敓闀�?</span>
<textarea
@@ -502,15 +540,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="chapterTwoData.learnTableTwo.qEnight"
+ v-model="chapterTwoData.learnTableTwo.qEight"
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>9.鍦ㄥ┐骞煎効鐨勭敓闀垮彂鑲茶繃绋嬩腑锛屽姩浣滃彂灞曠殑涓�鑸『搴忔槸鎬庢牱鐨�?</span
@@ -522,6 +562,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>10.鍝簺绯荤粺鐨勭敓闀垮彂鑲叉ā寮忓睘浜�-涓�鑸瀷"?</span
@@ -533,6 +574,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>11.涓轰粈涔堣瀛﹀墠鍎跨鍚勭郴缁熺殑鐢熼暱鍙戣偛鏄浉浜掑叧鑱旂殑?</span
@@ -544,6 +586,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -568,6 +611,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
浜轰綋鐨勭敓闀垮彂鑲插悓鍏朵粬浜嬬墿涓�鏍凤紝涔熸湁鑷韩鐨勫瑙傝寰嬨�傝繖涓寰嬫槸姝ｅ父浜轰綋鍦ㄤ竴瀹氱敓娲绘潯浠朵笅鐢熼暱鍙戣偛鐨勫繀鐒惰秼鍔垮拰鏈川鑱旂郴銆傜爺绌跺鍓嶅効绔ユ甯哥殑鐢熼暱鍙戣偛瑙勫緥锛屾墠鍙兘鍙戠幇寮傚父銆佸鎵惧師鍥狅紝浠ヤ究绾犳鎴栨不鐤楋紝骞惰娉曚績杩涘叾姝ｅ父鐨勭敓闀垮拰鍙戣偛銆傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勮寰嬶紝浠ュ府鍔╁辜鏁欏伐浣滆�呮纭垽鏂拰鍒嗘瀽鎸囧瀛﹀墠鍎跨鐨勭敓闀垮彂鑲蹭繚鍋ュ伐浣溿��
@@ -591,7 +635,8 @@
x5-video-player-fullscreen="true"
x5-playsinline=""
controls
- class="video-border w100"
+ controlslist="nodownload"
+ class="video-border w100 video"
></video>
<p class="img">瑙嗛锛氱敓闀垮彂鑲茬殑鈥滈搧鈥濊寰�</p>
</div>
@@ -642,12 +687,8 @@
<p>鑴戙�佽剨楂撲互鍙婄溂鐞冪瓑鍣ㄥ畼锛屽彲浠ョ撼鍏ヨ绫荤敓闀垮彂鑲�</p>
</div>
<div class="right" style="width: 35%">
- <p class="center">
- <el-image
- :src="most"
- :preview-src-list="[most]"
- class="open-image"
- />
+ <p class="center openImgBox">
+ <img src="../../../assets/images/chapterTwo/0060-1.jpg" alt="" class="w100">
</p>
<p class="img">鍥�2-1 韬綋鍣ㄥ畼鎴栫郴缁熺殑鍥涚鐢熼暱鍙戣偛妯″紡</p>
</div>
@@ -766,7 +807,7 @@
</div>
<div class="padding-96">
<div class="fieldset">
- <p class="t0">鑳為棿鐩镐簰渚濆瓨鐨勫姩鎬佸叧绯诲彂鐢熶綔鐢ㄣ��</p>
+ <p class="t0 block">鑳為棿鐩镐簰渚濆瓨鐨勫姩鎬佸叧绯诲彂鐢熶綔鐢ㄣ��</p>
<p class="block">
浜虹被澶ц剳鐨眰涓紝2宀佸墠绐佽Е浜х敓鏁扮洰澶氫簬鎴愬勾锛屽湪浠ュ悗10骞村唴閫愭笎鍑忓皯锛岃繖鍙兘涓庡彂鑲茶繃绋嬩腑涓�浜涢暱鏈熷緱涓嶅埌鍒烘縺鐨勬棤鍔熻兘绁炵粡缁嗚優閫愭笎鍑嬩骸鏈夊叧銆�
</p>
@@ -789,12 +830,25 @@
<span class="t0"
>涓撻浜屽涔犱富棰樹笁 褰卞搷瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勫洜绱犺嚜涓诲涔犱换鍔″崟</span
>
- <img
+ <span class="t0 svg-btn" @click="changeResources('learnTableThree')">
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 19.28 20.563">
+ <g transform="translate(-109.056 -82.941)">
+ <path class="a"
+ d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
+ transform="translate(-3316.14 15289.201)" />
+ <path class="a"
+ d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
+ transform="translate(-196.896 -148.921)" />
+ <path class="a" d="M763.392,793.79l3.262-3.262h-3.262Z" transform="translate(-638.661 -690.634)" />
+ </g>
+ </svg>
+ </span>
+ <!-- <img
src="../../../assets/images/icon/document.png"
alt=""
@click="changeResources('learnTableThree')"
class="btn"
- />
+ /> -->
</div>
<table
v-if="learnTableThree"
@@ -861,6 +915,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>2.鍚屽嵉鍙岃優鑳庡湪鐢熼暱鍙戣偛杩囩▼涓繚鎸佺浉鍚岀殑鍥犵礌鏈夊摢浜�?</span
@@ -872,6 +927,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>3.鐜鍥犵礌褰卞搷鐢熼暱鍙戣偛鐨勮繘绋嬶紝涓昏鍖呮嫭鍝簺鍥犵礌?</span
@@ -883,6 +939,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>4.閫傚綋鐨勪綋鑲查敾鐐间細瀵圭敓闀垮彂鑲蹭骇鐢熷摢浜涘奖鍝�?</span
@@ -894,6 +951,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">5.瀛ｈ妭瀵瑰効绔ョ敓闀垮彂鑲叉湁鍝簺褰卞搷?</span>
<textarea
@@ -903,6 +961,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>6.涓轰粈涔堝悓鍗靛弻鑳炶儙涔熷瓨鍦ㄥ緢澶氫笉鍚岀壒寰�?</span
@@ -914,6 +973,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>7.闄や簡鏁欐潗鎻愬埌鐨勫洜绱狅紝杩樻湁鍝簺鍚庡ぉ鍥犵礌鍙兘浼氬奖鍝嶅効绔ョ殑鐢熼暱鍙戣偛?</span
@@ -925,6 +985,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -942,12 +1003,19 @@
<span class="span-border"></span>
<div class="mb-20 fm-st fl fl-cn t2 fz-16">
<span class="primary-color">瑙嗛锛氬奖鍝嶅効绔ョ敓闀垮彂鑲茬殑鍥犵礌</span>
- <img
- src="../../../assets/images/icon/video.png"
- alt=""
- @click="changeResources('videoState')"
- class="btn"
- />
+ <span class="svg-btn t0" @click="changeResources('videoState')">
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16"
+ height="15" viewBox="0 0 19.863 13.817">
+ <g transform="translate(-40.961 -184.321)">
+ <path class="a"
+ d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
+ transform="translate(51.824 196.82) rotate(-90)" />
+ <path class="b"
+ d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
+ transform="translate(-3269 15293.001)" />
+ </g>
+ </svg>
+ </span>
</div>
<div v-if="videoState">
<video
@@ -960,7 +1028,8 @@
x5-video-player-fullscreen="true"
x5-playsinline=""
controls
- class="video-border w100"
+ controlslist="nodownload"
+ class="video-border w100 video"
></video>
</div>
</div>
@@ -969,9 +1038,6 @@
<p class="block">
涔愪箰宸茬粡6宀佷簡锛屽湪骞煎効鍥笂澶х彮锛屼粠鍏ュ洯寮�濮嬶紝浠栧氨涓�鐩寸珯鍓嶆帓銆備箰涔愮殑鐖舵瘝寰堢儲鎭硷細鈥滄垜浠か濡讳袱浜洪兘鏄腑绛夊亸涓婄殑韬珮锛屾�庝箞鍎垮瓙鑰佹槸闀夸笉楂橈紵鈥濊皥璋堜綘鐨勭湅娉曘��
</p>
- <p class="block">
- 瀛﹀墠鍎跨鐨勮韩楂樸�佷綋閲嶇瓑鐢熼暱鍙戣偛鎯呭喌寰堝ぇ绋嬪害涓婂彇鍐充簬閬椾紶鍩哄洜锛屽悓鏃朵篃涓庤惀鍏汇�佽繍鍔ㄧ瓑鍚庡ぉ鍥犵礌瀵嗕笉鍙垎銆傛妸鎻″厛澶╀紭鍔匡紝鍏呭垎鍒╃敤鍚庡ぉ鍥犵礌锛屼績杩涘鍓嶅効绔ヨ壇濂藉湴鐢熼暱鍙戣偛銆傛湰涓婚涓昏璁茶堪褰卞搷瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勫洜绱狅紝浠ュ府鍔╀繚鏁欏伐浣滆�呭湪宸ヤ綔涓湁鏁堟帶鍒跺奖鍝嶅鍓嶅効绔ョ敓闀垮彂鑲茬殑涓嶈壇鍥犵礌锛屼繚闅滃鍓嶅効绔ユ甯稿彂鑲插彂灞曘��
- </p>
<textarea
cols="30"
rows="4"
@@ -979,11 +1045,15 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
- 瀛﹀墠鍎跨鐨勭敓闀垮彂鑲茶繃绋嬫槸涓綋鍦ㄥ厛澶╅仐浼犲拰鍚庡ぉ鐜涓悇绉嶅洜绱犵浉浜掍綔鐢ㄧ殑缁撴灉銆傚奖鍝嶇敓闀垮彂鑲茬殑鍥犵礌寰堝锛屾鎷捣鏉ユ湁涓ょ被锛氬唴鍦ㄧ殑閬椾紶鍥犵礌鍜屽鍦ㄧ殑鐜鍥犵礌銆傞仐浼犲洜绱犱竴鑸槸涓嶄細鏀瑰彉鐨勶紝鑰岀幆澧冩潯浠舵槸鍙互鏀瑰彉鐨勩�傞仐浼犲洜绱犲喅瀹氫簡鐢熼暱鍙戣偛鐨勬綔鍔涳紝鑰岀幆澧冨拰鏁欒偛鏉′欢褰卞搷浜嗛仐浼犳綔鍔涚殑鍙戞尌锛屾渶鍚庡喅瀹氬彂鑲茬殑閫熷害鍙婅揪鍒扮殑绋嬪害銆�
+ 瀛﹀墠鍎跨鐨勮韩楂樸�佷綋閲嶇瓑鐢熼暱鍙戣偛鎯呭喌寰堝ぇ绋嬪害涓婂彇鍐充簬閬椾紶鍩哄洜锛屽悓鏃朵篃涓庤惀鍏汇�佽繍鍔ㄧ瓑鍚庡ぉ鍥犵礌瀵嗕笉鍙垎銆傛妸鎻″厛澶╀紭鍔匡紝鍏呭垎鍒╃敤鍚庡ぉ鍥犵礌锛屼績杩涘鍓嶅効绔ヨ壇濂藉湴鐢熼暱鍙戣偛銆傛湰涓婚涓昏璁茶堪褰卞搷瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勫洜绱狅紝浠ュ府鍔╀繚鏁欏伐浣滆�呭湪宸ヤ綔涓湁鏁堟帶鍒跺奖鍝嶅鍓嶅効绔ョ敓闀垮彂鑲茬殑涓嶈壇鍥犵礌锛屼繚闅滃鍓嶅効绔ユ甯稿彂鑲插彂灞曘��
</p>
</div>
+ <p>
+ 瀛﹀墠鍎跨鐨勭敓闀垮彂鑲茶繃绋嬫槸涓綋鍦ㄥ厛澶╅仐浼犲拰鍚庡ぉ鐜涓悇绉嶅洜绱犵浉浜掍綔鐢ㄧ殑缁撴灉銆傚奖鍝嶇敓闀垮彂鑲茬殑鍥犵礌寰堝锛屾鎷捣鏉ユ湁涓ょ被锛氬唴鍦ㄧ殑閬椾紶鍥犵礌鍜屽鍦ㄧ殑鐜鍥犵礌銆傞仐浼犲洜绱犱竴鑸槸涓嶄細鏀瑰彉鐨勶紝鑰岀幆澧冩潯浠舵槸鍙互鏀瑰彉鐨勩�傞仐浼犲洜绱犲喅瀹氫簡鐢熼暱鍙戣偛鐨勬綔鍔涳紝鑰岀幆澧冨拰鏁欒偛鏉′欢褰卞搷浜嗛仐浼犳綔鍔涚殑鍙戞尌锛屾渶鍚庡喅瀹氬彂鑲茬殑閫熷害鍙婅揪鍒扮殑绋嬪害銆�
+ </p>
<h3 id="c029">涓�銆侀仐浼犲洜绱狅紴锛烇紴锛烇紴锛�</h3>
<p>
鍏堝ぉ閬椾紶鍥犵礌鏄奖鍝嶇敓闀垮彂鑲茬殑鏈�鍩烘湰鍥犵礌锛屽畠涓哄効绔ョ殑鐢熼暱鍙戣偛鎻愪緵浜嗗彲鑳芥�с�傚鍓嶅効绔ョ敓闀垮彂鑲茬殑鐗瑰緛銆佹綔鍔涖�佽秼鍚戙�侀檺搴﹂兘鍙楃埗姣嶅弻鏂归仐浼犲洜绱犵殑褰卞搷锛岄仐浼犳�х柧鐥呭鐢熼暱鍙戣偛涔熸湁褰卞搷銆傜爺绌惰〃鏄庯紝鍚屽嵉鍙岀敓瀛愭垚骞村悗韬珮宸埆寰堝皬锛屽ご鍥翠篃寰堟帴杩戯紝浣嗕綋閲�
@@ -1077,7 +1147,7 @@
/>
浜戞祴璇�
</h6>
- <p class="blockh6-c center">
+ <p class="blockh6-c ">
<!-- <img class="img-g" alt="" src="image/0065-1.jpg" /><br /> -->
<span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span>
<examinations
@@ -1127,6 +1197,7 @@
type="text"
class="judge-input"
v-model="chapterTwoData.question.judge.qOne"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -1134,6 +1205,7 @@
type="text"
class="judge-input"
v-model="chapterTwoData.question.judge.qTwo"
+ @input="saveChapterOneData"
/>锛�
</p>
</div>
@@ -1155,6 +1227,7 @@
type="text"
class="judge-input"
v-model="chapterTwoData.question.judge.qThree"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -1162,6 +1235,7 @@
type="text"
class="judge-input"
v-model="chapterTwoData.question.judge.qFour"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block"><b>浜屻�佸～绌�</b></p>
@@ -1170,6 +1244,7 @@
type="text"
class="lineInput completion-input"
v-model="chapterTwoData.question.fill.qOne.one"
+ @input="saveChapterOneData"
/>鐨勮寰嬨��
</p>
<p class="block">
@@ -1177,10 +1252,12 @@
type="text"
class="lineInput completion-input"
v-model="chapterTwoData.question.fill.qTwo.one"
+ @input="saveChapterOneData"
/>涓婂崌锛岃�屾槸<input
type="text"
class="lineInput completion-input"
v-model="chapterTwoData.question.fill.qTwo.Two"
+ @input="saveChapterOneData"
/>涓婂崌銆�
</p>
<p class="block">
@@ -1188,18 +1265,22 @@
type="text"
class="lineInput completion-input"
v-model="chapterTwoData.question.fill.qThree.one"
+ @input="saveChapterOneData"
/>鎬э紝鐜鍐冲畾浜嗗鍓嶅効绔ョ敓闀垮彂鑲茬殑<input
type="text"
class="lineInput completion-input"
v-model="chapterTwoData.question.fill.qThree.Two"
+ @input="saveChapterOneData"
/>鎬с�傚鍓嶅効绔ョ殑鐢熼暱鍙戣偛灏辨槸涓綋鐨�<input
type="text"
class="lineInput completion-input"
v-model="chapterTwoData.question.fill.qThree.Three"
+ @input="saveChapterOneData"
/>鍥犵礌涓�<input
type="text"
class="lineInput completion-input"
v-model="chapterTwoData.question.fill.qThree.Four"
+ @input="saveChapterOneData"
/>鍥犵礌鐩镐簰浣滅敤鐨勮繃绋嬨��
</p>
<p class="block">
@@ -1207,6 +1288,7 @@
type="text"
class="lineInput completion-input"
v-model="chapterTwoData.question.fill.qFour.one"
+ @input="saveChapterOneData"
/>鍩虹銆�
</p>
<p class="block">
@@ -1214,10 +1296,12 @@
type="text"
class="lineInput completion-input"
v-model="chapterTwoData.question.fill.qFive.one"
+ @input="saveChapterOneData"
/>鍥犵礌鐨勫奖鍝嶏紱鍐滄潙骞煎効鍜屽煄甯傚辜鍎跨敓闀垮彂鑲茬姸鍐典笉鍚岋紝杩欎綋鐜颁簡<input
type="text"
class="lineInput completion-input"
v-model="chapterTwoData.question.fill.qFive.Two"
+ @input="saveChapterOneData"
/>鍥犵礌瀵瑰鍓嶅効绔ョ敓闀垮彂鑲茬殑褰卞搷銆�
</p>
<p class="block"><b>涓夈�佹�濊��</b></p>
@@ -1227,6 +1311,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterTwoData.question.short.qOne"
+ @input="saveChapterOneData"
></textarea>
<p class="block">2.褰卞搷瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勫洜绱犳湁鍝簺锛�</p>
<textarea
@@ -1234,6 +1319,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterTwoData.question.short.qTwo"
+ @input="saveChapterOneData"
></textarea>
<div>
<p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
@@ -1256,12 +1342,12 @@
浜戞祴璇�
</h6>
<p class="blockh6-c">
- 瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
+ 瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵娴嬩竴娴嬪惂锛�<br />
<span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
- <examinations v-if="questionData" :cardList="questionData[62][1]" />
+ <examinations v-if="questionData" :cardList="questionData[62] ? questionData[62][1] : []" />
<span class="span-border"></span>
<span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
- <examinations v-if="questionData" :cardList="questionData[62][2]" />
+ <examinations v-if="questionData" :cardList="questionData[62] ? questionData[62][2] : []" />
</p>
<h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6>
<p class="blockh6 m0-t0 fl fl-di fl-cn">
@@ -1272,6 +1358,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="800"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</p>
</div>
@@ -1282,7 +1369,7 @@
<script>
import examinations from "@/components/examinations/index.vue";
-import getResourcePath from "@/assets/methods/resources";
+import {getResourcePath} from "@/assets/methods/resources";
export default {
name: "chapterTwo",
components: { examinations },
@@ -1292,12 +1379,14 @@
},
showPageList:{
type:Array
+ },
+ isSearch:{
+ type:Boolean,
+ default:false
}
},
data() {
return {
- special: require("../../../assets/images/chapterTwo/0056-1.jpg"),
- most: require("../../../assets/images/chapterTwo/0060-1.jpg"),
resourceState: "",
videoState: true,
learnTableOne: true,
@@ -1306,7 +1395,6 @@
pathOne: "",
pathTwo: "",
pathThree: "",
- saveTime: 20,
chapterTwoData: {
experienceOne: "",
experienceTwo: "",
@@ -1384,27 +1472,16 @@
};
},
async mounted() {
- const localData = localStorage.getItem("chapterTwoData");
+ if(!this.isSearch) {
+ const localData = localStorage.getItem("chapterTwoData");
if (localData) {
this.chapterTwoData = JSON.parse(localData);
}
- window.timerTwo = setInterval(() => {
- this.saveTime--;
- if (this.saveTime == 0) {
- this.saveChapterOneData();
- }
- }, 1000);
this.getVideoPath();
- },
- unmounted() {
- if (window.timerTwo) {
- clearInterval(window.timerTwo);
}
- localStorage.setItem("chapterTwoData", JSON.stringify(this.chapterTwoData));
},
methods: {
changeResources(type) {
- console.log(this.$props.questionData);
if (type == "learnTableOne") {
this.$data.learnTableOne = !this.$data.learnTableOne;
} else if (type == "learnTableTwo") {
@@ -1415,16 +1492,14 @@
this.$data.videoState = !this.$data.videoState;
}
},
- getVideoPath() {
- this.$data.pathOne = getResourcePath("e2b2b610e8b77c82bad7cf94c7986646");
- this.$data.pathTwo = getResourcePath("b11b51863da2a4e7e21c73358fa96c1e");
- this.$data.pathThree = getResourcePath(
+ async getVideoPath() {
+ this.$data.pathOne = await getResourcePath("e2b2b610e8b77c82bad7cf94c7986646");
+ this.$data.pathTwo = await getResourcePath("b11b51863da2a4e7e21c73358fa96c1e");
+ this.$data.pathThree = await getResourcePath(
"67cf97bd8295dc3aeb46982c574df8d0"
);
},
saveChapterOneData() {
- this.saveTime = 20;
- console.log(this.chapterTwoData);
localStorage.setItem(
"chapterTwoData",
JSON.stringify(this.chapterTwoData)
--
Gitblit v1.9.1