From 3b2e6425d6fc732a221c9ef9ec9e8dc849e11148 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期五, 07 六月 2024 14:53:14 +0800
Subject: [PATCH] 学前儿童保存--input事件
---
src/books/childHealth/view/content/components/chapter009.vue | 72 ++++++++++++++++++++++++++----------
1 files changed, 52 insertions(+), 20 deletions(-)
diff --git a/src/books/childHealth/view/content/components/chapter009.vue b/src/books/childHealth/view/content/components/chapter009.vue
index aa3beca..0cea34c 100644
--- a/src/books/childHealth/view/content/components/chapter009.vue
+++ b/src/books/childHealth/view/content/components/chapter009.vue
@@ -164,6 +164,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>2.瀛﹀墠鍎跨鐨勯蓟鑵旀湁浠�涔堢壒鐐�?鎬庢牱杩涜绉戝淇濆仴?</span
@@ -175,6 +176,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>3.瀛﹀墠鍎跨鐨勫０甯︽湁浠�涔堢壒鐐�?骞煎効鏁欏笀璁茶瘽涓轰粈涔堣杞诲０缁嗚?</span
@@ -186,6 +188,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>4.瀛﹀墠鍎跨寮犲彛鍛煎惛鏈夊摢浜涘嵄瀹�?鎬庢牱绾犳?</span
@@ -197,6 +200,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">5.瀛﹀墠鍎跨鐨勫懠鍚歌繍鍔ㄦ湁浠�涔堢壒鐐�?</span>
<textarea
@@ -206,6 +210,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">6.瀛﹀墠鍎跨浠ヤ粈涔堟ā寮忕殑鍛煎惛涓轰富?</span>
<textarea
@@ -215,6 +220,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">7.鎿ら蓟娑曠殑姝ｇ‘鏂规硶鏄粈涔�?</span>
<textarea
@@ -224,6 +230,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>8.閽堝瀛﹀墠鍎跨鍛煎惛绯荤粺鐨勭壒鐐癸紝濡備綍鍩瑰吇瀛﹀墠鍎跨鑹ソ鐨勫崼鐢熶範鎯�?</span
@@ -235,6 +242,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -261,6 +269,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="200"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
鍚堢悊鐨勭敓娲诲埗搴︽湁鍒╀簬涓綋鐢熺墿閽熺殑寤虹珛锛屾湰涓婚涓昏璁茶堪鏍规嵁瀛﹀墠鍎跨鐨勫勾榫勭壒鐐癸紝绉戝瀹夋帓浠栦滑鐨勫涔犮�佽繘椁愩�佹父鎴忋�佺潯鐪犵瓑姣忎釜鐢熸椿鐜妭鐨勬剰涔夈�佷緷鎹強瑕佹眰锛屼负骞兼暀宸ヤ綔鑰呭埗瀹氱瀛﹀悎鐞嗙殑鐢熸椿鍒跺害鎻愪緵甯姪銆�
@@ -765,6 +774,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>2.鏅ㄩ棿妫�鏌ョ殑鐩殑鏄粈涔�?宸ュ叿鏈夊摢浜�?妫�鏌绘鈥滀竴闂�佷簩鎽搞�佷笁鐪嬨�佸洓鏌モ�濈殑鍏蜂綋鍐呭鏄粈涔�?</span
@@ -776,6 +786,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">3.鍏ㄦ棩鍋ュ悍瑙傚療鐨勯噸鐐规槸浠�涔�?</span>
<textarea
@@ -785,6 +796,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>4.浠�涔堟槸鐤嫍?鐤嫍鐨勭绫绘湁鍝簺?浠�涔堟槸璁″垝鍏嶇柅?</span
@@ -796,6 +808,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">5.浠�涔堟槸鍩虹鍏嶇柅?浠�涔堟槸鍔犲己鍏嶇柅?</span>
<textarea
@@ -805,6 +818,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">6.浜轰綋鐨勫厤鐤弽搴旀湁鍝嚑绉�?</span>
<textarea
@@ -814,6 +828,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>7.鎵ц鍎跨璁″垝鍏嶇柅绋嬪簭瑕佹帉鎻″摢浜涢棶棰�?</span
@@ -825,6 +840,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">8.棰勯槻鎺ョ鐨勫崼鐢熻姹傛槸浠�涔�?</span>
<textarea
@@ -834,6 +850,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>9.浠�涔堟槸闅旂?涓轰粈涔堣闅旂?骞煎効鍥殑闅旂瀵硅薄鏄摢浜�?</span
@@ -845,6 +862,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>10.浠�涔堟槸娑堟瘨?甯哥敤鐨勬秷姣掓柟娉曟湁鍝簺?骞煎効鍥殑娑堟瘨瀵硅薄鏈夊摢浜�?</span
@@ -856,6 +874,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">11.骞煎効鍥湁鍝簺闃叉姹℃煋鐨勬帾鏂�?</span>
<textarea
@@ -865,6 +884,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>12.骞煎効鍥崼鐢熶繚鍋ョ櫥璁般�佺粺璁＄殑鍐呭鏈夊摢浜�?</span
@@ -876,6 +896,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -900,6 +921,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="200"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
鏍规嵁涓�浜涘尰闄㈢殑鍎跨淇濆仴绉戦棬璇婄殑璋冩煡鏄剧ず锛氶�惧叚鎴愮殑瀛╁瓙鏈変笉鍚岀▼搴︾殑蹇冪悊鍜屼綋鏍煎彂鑲查棶棰橈紝鑰岃瘖娌荤巼鍗翠笉瓒�10%锛涘緢澶氬闀胯涓哄仴搴风殑瀛╁瓙鍗磋鏌ュ嚭鎮ｆ湁钀ュ吇涓嶈壇銆佽偉鑳栥�佽传琛�绛夎韩蹇冪柧鐥呫�備笓瀹惰涓猴紝瀹氭湡瀵瑰効绔ヨ繘琛屽仴搴蜂綋妫�锛屼笉浣嗗彲浠ヤ簡瑙ｅ効绔ョ殑鐢熼暱鍙戣偛鎯呭喌锛岃繕鑳藉強鏃跺彂鐜板紓甯革紝鏄繚璇佸効绔ュ仴搴锋垚闀跨殑閲嶈鎵嬫銆傛湰涓婚涓昏璁茶堪浜嗘墭骞兼満鏋勭殑浣撴牸妫�鏌ュ埗搴︺�侀闃叉帴绉嶅埗搴︺�侀殧绂诲埗搴︺�佹秷姣掑埗搴﹀拰鐜鍗敓鍒跺害锛屼互鍒╀簬鍚屽浠叏闈簡瑙ｆ墭骞兼満鏋勭殑鍗敓淇濆仴鍒跺害銆�
@@ -1554,6 +1576,7 @@
type="text"
class="judge-input"
v-model="chapterNineData.question.judge.qOne"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -1561,6 +1584,7 @@
type="text"
class="judge-input"
v-model="chapterNineData.question.judge.qTwo"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -1568,6 +1592,7 @@
type="text"
class="judge-input"
v-model="chapterNineData.question.judge.qThree"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -1575,6 +1600,7 @@
type="text"
class="judge-input"
v-model="chapterNineData.question.judge.qFour"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -1582,6 +1608,7 @@
type="text"
class="judge-input"
v-model="chapterNineData.question.judge.qFive"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -1589,6 +1616,7 @@
type="text"
class="judge-input"
v-model="chapterNineData.question.judge.qSix"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -1596,6 +1624,7 @@
type="text"
class="judge-input"
v-model="chapterNineData.question.judge.qSeven"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -1603,6 +1632,7 @@
type="text"
class="judge-input"
v-model="chapterNineData.question.judge.qEnight"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block"><b>浜屻�佸～绌�</b></p>
@@ -1611,10 +1641,12 @@
type="text"
class="lineInput completion-input"
v-model="chapterNineData.question.fill.qOne.one"
+ @input="saveChapterOneData"
/>銆�<input
type="text"
class="lineInput completion-input"
v-model="chapterNineData.question.fill.qOne.two"
+ @input="saveChapterOneData"
/>涓ょ銆�
</p>
<p class="block">
@@ -1622,14 +1654,17 @@
type="text"
class="lineInput completion-input"
v-model="chapterNineData.question.fill.qTwo.one"
+ @input="saveChapterOneData"
/>銆�<input
type="text"
class="lineInput completion-input"
v-model="chapterNineData.question.fill.qTwo.two"
+ @input="saveChapterOneData"
/>銆�<input
type="text"
class="lineInput completion-input"
v-model="chapterNineData.question.fill.qTwo.three"
+ @input="saveChapterOneData"
/>涓夌浼犳煋鐥呫��
</p>
<p class="block">
@@ -1637,18 +1672,22 @@
type="text"
class="lineInput completion-input"
v-model="chapterNineData.question.fill.qThree.one"
+ @input="saveChapterOneData"
/>銆�<input
type="text"
class="lineInput completion-input"
v-model="chapterNineData.question.fill.qThree.two"
+ @input="saveChapterOneData"
/>銆�<input
type="text"
class="lineInput completion-input"
v-model="chapterNineData.question.fill.qThree.three"
+ @input="saveChapterOneData"
/>銆�<input
type="text"
class="lineInput completion-input"
v-model="chapterNineData.question.fill.qThree.four"
+ @input="saveChapterOneData"
/>绛夊崼鐢熻姹傘��
</p>
<p class="block">
@@ -1656,6 +1695,7 @@
type="text"
class="lineInput completion-input"
v-model="chapterNineData.question.fill.qFour.one"
+ @input="saveChapterOneData"
/>銆�
</p>
<p class="block">
@@ -1663,10 +1703,12 @@
type="text"
class="lineInput completion-input"
v-model="chapterNineData.question.fill.qFive.one"
+ @input="saveChapterOneData"
/>锛岃娑堢伃鐨勭浜岀浼犳煋鐥呮槸<input
type="text"
class="lineInput completion-input"
v-model="chapterNineData.question.fill.qFive.two"
+ @input="saveChapterOneData"
/>銆�
</p>
</div>
@@ -1725,6 +1767,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="600"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</p>
</div>
@@ -1746,6 +1789,10 @@
showPageList: {
type: Array,
},
+ isSearch: {
+ type: Boolean,
+ default: false,
+ },
},
data() {
return {
@@ -1761,7 +1808,6 @@
pathFive: "",
pathSix: "",
pathSeven: "",
- saveTime: 20,
chapterNineData: {
experienceOne: "",
experienceTwo: "",
@@ -1830,30 +1876,16 @@
};
},
async mounted() {
- const localData = localStorage.getItem("chapterNineData");
- if (localData) {
- this.chapterNineData = JSON.parse(localData);
- }
- window.timerNine = setInterval(() => {
- this.saveTime--;
- if (this.saveTime == 0) {
- this.saveChapterOneData();
+ if(!this.isSearch) {
+ const localData = localStorage.getItem("chapterNineData");
+ if (localData) {
+ this.chapterNineData = JSON.parse(localData);
}
- }, 1000);
- this.getVideoPath();
- },
- unmounted() {
- if (window.timerNine) {
- clearInterval(window.timerNine);
+ this.getVideoPath();
}
- localStorage.setItem(
- "chapterNineData",
- JSON.stringify(this.chapterNineData)
- );
},
methods: {
saveChapterOneData() {
- this.saveTime = 20;
localStorage.setItem(
"chapterNineData",
JSON.stringify(this.chapterNineData)
--
Gitblit v1.9.1