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/chapter003.vue | 163 ++++++++++++++++++++++++++++++++++++++++++------------ 1 files changed, 126 insertions(+), 37 deletions(-) diff --git a/src/books/childHealth/view/content/components/chapter003.vue b/src/books/childHealth/view/content/components/chapter003.vue index cec58c2..1904987 100644 --- a/src/books/childHealth/view/content/components/chapter003.vue +++ b/src/books/childHealth/view/content/components/chapter003.vue @@ -46,8 +46,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/chapterThree/0068-1.jpg" alt="" class="w100 mt-20"> </p> </div> </div> @@ -71,13 +71,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" @@ -142,6 +155,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10" >2.涓轰粈涔堝彂鐜板効绔ユ湁鍔ㄤ綔杩熺紦鍜屽紓甯哥幇璞¤鍙婃椂鎺掓煡鍘熷洜?</span @@ -153,6 +167,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10" >3.3宀佸墠鍎跨鍦ㄨ璇嗕笘鐣岀殑杩囩▼涓紝鍝簺鎰熻璧风潃閲嶈浣滅敤?3宀佸悗鏈変粈涔堝彉鍖�?</span @@ -164,6 +179,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10" >4.鍞愯瘲鈥滃皯灏忕瀹惰�佸ぇ鍥烇紝涔¢煶鏈敼楝撴瘺琛�"璇存槑浜嗗効绔ヨ瑷�鍙戝睍鍝釜鏂归潰鐨勭壒寰�?</span @@ -175,6 +191,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10" >5.鍙骞煎効鍦ㄥ辜鍎垮洯涓嶅摥銆佷笉闂癸紝灏辫鏄庝粬鎯呯华娌¢棶棰�?</span @@ -186,6 +203,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10" >6.鍎跨涓�х殑鍙戝睍浼氬彈鍒板摢浜涘洜绱犵殑鍙戝睍?涓轰粈涔堣鑹ソ鐨勫績鐞嗙幆澧冩槸淇濊瘉鍎跨鍋ュ叏浜烘牸鐨勯噸瑕佸墠鎻�?</span @@ -197,6 +215,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10" >7.褰卞搷瀛﹀墠鍎跨蹇冪悊鍙戝睍鐨勫洜绱犳湁鍝簺?</span @@ -208,6 +227,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10" >8.閬椾紶鍥犵礌瀵瑰効绔ュ績鐞嗗彂灞曠殑浣滅敤涓昏琛ㄧ幇鍦ㄥ摢浜涙柟闈�?</span @@ -219,6 +239,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10" >9.浠�涔堟槸鍎跨鍙戝睍鐨勫叧閿湡?瀹冧笌鍝釜褰卞搷鍥犵礌鐩稿叧?</span @@ -230,6 +251,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10" >10.绀句細鐢熸椿鏉′欢鍜屾暀鑲插鍎跨鐨勫彂灞曡捣鍝簺浣滅敤?</span @@ -241,6 +263,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10" >11.鎬庢牱鐪嬪緟鍎跨鑷韩鐨勪富瑙傝兘鍔ㄦ�у湪鍏跺彂灞曚腑鐨勪綔鐢�?</span @@ -252,6 +275,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10">12.瀛﹀墠鍎跨蹇冪悊鍋ュ悍鐨勬爣蹇楁槸浠�涔�?</span> <textarea @@ -261,6 +285,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> </td> </tr> @@ -287,6 +312,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="600" class="w100 ta-br fm-st cl-66 fz-14" + @input="saveChapterOneData" ></textarea> <p class="block"> 蹇冪悊瀛︾爺绌惰〃鏄庯紝杩欎簺鐜拌薄鏄敱鍎跨蹇冪悊鍙戝睍鐨勭壒鐐瑰拰瑙勫緥閫犳垚鐨勩�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨蹇冪悊鍙戝睍鐨勭壒鐐瑰強褰卞搷鍥犵礌锛屼负骞磋交鐨勭埗姣嶅強瀛﹀墠鏁欒偛鏈烘瀯鐨勮�佸笀寮�灞曠瀛︾殑鏃╂湡鏁欒偛鎻愪緵渚濇嵁銆� @@ -334,8 +360,8 @@ </p> </div> <div class="right" style="width: 35%"> - <p class="center"> - <el-image :src="body" :preview-src-list="[body]" class="open-image" /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterThree/0070-1.jpg" alt="韬綋鍔ㄤ綔鐨勫彂灞曟柟鍚�" class="w100"> </p> <p class="img">鍥�3-1 韬綋鍔ㄤ綔鐨勫彂灞曟柟鍚�</p> </div> @@ -658,7 +684,7 @@ </h6> <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span> - <examinations :cardList="questionData[72]" :chapter="3" :page="64" /> + <examinations :cardList="questionData[72]" v-if="questionData" /> </p> <h2 class="module_block" id="b014"> <div class="custom1">瀛︿範涓婚浜�</div> @@ -670,13 +696,26 @@ >涓撻涓夊涔犱富棰樹簩 瀛﹀墠鍎跨甯歌鐨勫績鐞嗚涓洪棶棰樺強鍏跺紩瀵艰嚜涓诲涔犱换鍔″崟</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" @@ -744,6 +783,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10" >2.涓轰綍鎶婂鍓嶅効绔ョ殑蹇冪悊闂绉颁负琛屼负闂?</span @@ -755,6 +795,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10" >3.瀵艰嚧瀛﹀墠鍎跨鍑虹幇蹇冪悊琛屼负闂鐨勫師鍥犳湁鍝簺?鍘嬪姏鏄睘浜庡叾涓殑鍝釜鍘熷洜?</span @@ -766,6 +807,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10" >4.寮曡捣瀛﹀墠鍎跨浜х敓鍘嬪姏鐨勫師鍥犳湁鍝簺?</span @@ -777,6 +819,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10" >5.鍎跨甯歌鐨勫績鐞嗚涓洪棶棰橀�氬父鏈夊摢浜�?</span @@ -788,6 +831,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10" >6.瀵逛簬鍟冨挰鎸囩敳鐨勫勾骞煎瀛愶紝鎬庢牱寮曞鏁堟灉鏇村ソ?瀵逛簬鍟冨挰鎸囩敳涓ラ噸鐨勫効绔ワ紝鍙噰鐢ㄤ粈涔堢煫娌荤殑鏂规硶?</span @@ -799,6 +843,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10" >7.瀵艰嚧鍎跨鍑虹幇杩囧害渚濊禆鐨勫師鍥犱富瑕佹湁鍝簺?鍏堕珮鍙戝勾鏄嚑宀�?</span @@ -810,6 +855,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10" >8.鈥滃鍓嶅効绔ョ殑鍋风獌鏄搧寰锋伓鍔g殑琛屼负锛屼竴瀹氳鎶婂叾娑堢伃鍦ㄨ悓鑺界姸鎬併��"杩欎釜瑙傜偣瀵瑰悧?涓轰粈涔�?</span @@ -821,6 +867,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> </td> </tr> @@ -837,6 +884,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="400" class="w100 ta-br fm-st cl-66 fz-14" + @input="saveChapterOneData" ></textarea> <p class="block"> 鏈富棰樹富瑕佽杩板鍓嶅効绔ヤ骇鐢熷帇鍔涚殑鍘熷洜銆佸鍓嶅効绔ュ父瑙佺殑蹇冪悊琛屼负闂鍙婂叾寮曞鐨勭浉鍏崇煡璇嗭紝浠ユ湡涓哄闀垮強骞煎効鏁欒偛鏈烘瀯鐨勮�佸笀姝g‘瀵瑰緟瀛﹀墠鍎跨鐨勫績鐞嗚涓洪棶棰樻彁渚涘府鍔┿�� @@ -1195,7 +1243,7 @@ </h6> <p class="blockh6-c center"> <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜�</span> - <examinations :cardList="questionData[81]" /> + <examinations :cardList="questionData[81]" v-if="questionData" /> </p> <h2 class="module_block" id="b015"> <div class="custom1">瀛︿範涓婚涓�</div> @@ -1206,13 +1254,26 @@ <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')" style="margin-left: 10px" class="btn" - /> + /> --> </div> <table v-if="learnTableThree" @@ -1283,6 +1344,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10">2.鍎跨鏈熷父瑙佺殑蹇冪悊鐤剧梾鏈夊摢浜�?</span> <textarea @@ -1292,6 +1354,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10" >3.鍒ゆ柇濠村効鏈夋棤鍙戣偛闅滅鐨勪緷鎹湁鍝簺?涓轰粈涔堣鎻愬�℃棭鍙戠幇銆佹棭璇婃柇銆佹棭娌荤枟?</span @@ -1303,6 +1366,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10">4.璇婃柇涓昏瑙e喅鍝簺闂?</span> <textarea @@ -1312,6 +1376,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10" >5.浠�涔堟槸瑷�璇�?浠�涔堟槸璇█?涓よ�呮槸浠�涔堝叧绯�?</span @@ -1323,6 +1388,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10" >6.浠�涔堟槸瑷�璇拰璇█闅滅?浠�涔堟槸娌熼�氶殰纰�?涓よ�呭張鏄粈涔堝叧绯�?</span @@ -1334,6 +1400,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10" >7.2宀佺殑瀛╁瓙杩樹笉寮�鍙h璇濓紝濂跺ザ璇�:鈥滆吹浜鸿杩熲�欙紝娌″叧绯汇�傗�濆姝わ紝浣犳�庝箞鐪�?</span @@ -1345,6 +1412,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10" >8.浠�涔堟槸绮剧鍙戣偛杩熸粸?瀹冪殑鍙戠敓鐜囨槸澶氬皯?</span @@ -1356,6 +1424,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10">9.浠�涔堟槸瀛ょ嫭鐥�?瀹冩湁鍝簺涓村簥琛ㄧ幇?</span> <textarea @@ -1365,6 +1434,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10" >10.瀛ょ嫭鐥囩殑鍙戠敓鐜囨槸澶氬皯?鎬庢牱杩涜娌荤枟?</span @@ -1376,6 +1446,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10" >11.浠�涔堟槸鍎跨澶氬姩鐥�?瀹冪殑鏍稿績鐥囩姸鏈夊摢浜�?涓村簥琛ㄧ幇鏈夊摢浜�?</span @@ -1387,6 +1458,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10" >12.鍖哄埆澶氬姩鐥囦笌闈炲鍔ㄧ棁鐨勯噸瑕佹寚鏍囨槸浠�涔�?</span @@ -1398,6 +1470,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> <span class="ds-bl mt-10" >13.鍎跨澶氬姩鐥囩殑鍙戠敓鐜囨槸澶氬皯?鎬庢牱杩涜娌荤枟?</span @@ -1409,6 +1482,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> </td> </tr> @@ -1454,6 +1528,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="200" class="w100 ta-br fm-st cl-66 fz-14" + @input="saveChapterOneData" ></textarea> <p class="block"> 鏈富棰樹富瑕佽杩板鍓嶅効绔ュ父瑙佺殑鐢遍仐浼犲洜绱犮�佽韩浣撳洜绱犲拰蹇冪悊绀句細鍥犵礌寮曡捣鐨勫績鐞嗙柧鐥呮柟闈㈢殑鐭ヨ瘑锛屽笇鏈涜兘涓哄闀垮拰闆嗕綋鏁欒偛鏈烘瀯鐨勮�佸笀鎻愪緵涓�浜涜瘖鏂拰淇濊偛鏂归潰鐨勪俊鎭紝浠ヤ究涓烘湁鐗规畩闇�瑕佺殑鍎跨鎻愪緵鏇村ソ鐨勬湇鍔°�� @@ -1692,7 +1767,7 @@ </h6> <p class="blockh6-c center"> <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span> - <examinations :cardList="questionData[86]" :chapter="3" :page="78" /> + <examinations :cardList="questionData[86]" v-if="questionData" /> </p> </div> </div> @@ -1721,6 +1796,7 @@ type="text" class="judge-input" v-model="chapterThreeData.question.judge.qOne" + @input="saveChapterOneData" />锛� </p> <p class="block"> @@ -1728,6 +1804,7 @@ type="text" class="judge-input" v-model="chapterThreeData.question.judge.qTwo" + @input="saveChapterOneData" />锛� </p> <p class="block"> @@ -1735,6 +1812,7 @@ type="text" class="judge-input" v-model="chapterThreeData.question.judge.qThree" + @input="saveChapterOneData" />锛� </p> <p class="block"> @@ -1742,6 +1820,7 @@ type="text" class="judge-input" v-model="chapterThreeData.question.judge.qFour" + @input="saveChapterOneData" />锛� </p> <p class="block"> @@ -1749,6 +1828,7 @@ type="text" class="judge-input" v-model="chapterThreeData.question.judge.qFive" + @input="saveChapterOneData" />锛� </p> <p class="block"> @@ -1756,6 +1836,7 @@ type="text" class="judge-input" v-model="chapterThreeData.question.judge.qSix" + @input="saveChapterOneData" />锛� </p> <p class="block"><b>浜屻�佸~绌�</b></p> @@ -1764,6 +1845,7 @@ type="text" class="lineInput completion-input" v-model="chapterThreeData.question.fill.qOne.one" + @input="saveChapterOneData" />銆� </p> <p class="block"> @@ -1771,6 +1853,7 @@ type="text" class="lineInput completion-input" v-model="chapterThreeData.question.fill.qTwo.one" + @input="saveChapterOneData" />锛屾渶鍚庡埌杈捐剼閮ㄣ�� </p> <p class="block"> @@ -1778,6 +1861,7 @@ type="text" class="lineInput completion-input" v-model="chapterThreeData.question.fill.qThree.one" + @input="saveChapterOneData" />宀佹椂鍙戦煶鏈哄埗宸插紑濮嬪畾鍨嬶紝浠ュ悗鍐嶅彂鍒殑闊筹紝灏卞鏄撴湁鍙i煶銆� </p> <p class="block"> @@ -1785,6 +1869,7 @@ type="text" class="lineInput completion-input" v-model="chapterThreeData.question.fill.qFour.one" + @input="saveChapterOneData" />銆� </p> <p class="block"> @@ -1792,31 +1877,37 @@ type="text" class="lineInput completion-input" v-model="chapterThreeData.question.fill.qFive.one" + @input="saveChapterOneData" />銆� <input type="text" class="lineInput completion-input" v-model="chapterThreeData.question.fill.qFive.two" + @input="saveChapterOneData" />銆� <input type="text" class="lineInput completion-input" v-model="chapterThreeData.question.fill.qFive.three" + @input="saveChapterOneData" />銆� <input type="text" class="lineInput completion-input" v-model="chapterThreeData.question.fill.qFive.four" + @input="saveChapterOneData" />銆� <input type="text" class="lineInput completion-input" v-model="chapterThreeData.question.fill.qThree.five" + @input="saveChapterOneData" />銆� <input type="text" class="lineInput completion-input" v-model="chapterThreeData.question.fill.qFive.six" + @input="saveChapterOneData" />绛夈�� </p> </div> @@ -1838,21 +1929,25 @@ type="text" class="lineInput completion-input" v-model="chapterThreeData.question.fill.qSix.one" + @input="saveChapterOneData" />銆� <input type="text" class="lineInput completion-input" v-model="chapterThreeData.question.fill.qSix.two" + @input="saveChapterOneData" />銆� <input type="text" class="lineInput completion-input" v-model="chapterThreeData.question.fill.qSix.three" + @input="saveChapterOneData" />銆� <input type="text" class="lineInput completion-input" v-model="chapterThreeData.question.fill.qSix.four" + @input="saveChapterOneData" />銆� </p> <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p> @@ -1877,10 +1972,10 @@ <p class="blockh6-c"> 瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br /> <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br /> - <examinations :cardList="questionData[88][1]" :chapter="3" :page="801" /> + <examinations v-if="questionData" :cardList="questionData[88] ? questionData[88][1] : []" /> <span class="span-border"></span> <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span> - <examinations :cardList="questionData[88][2]" :chapter="3" :page="802" /> + <examinations v-if="questionData" :cardList="questionData[88] ? questionData[88][2] : []" /> </p> <h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6> <p class="blockh6 m0-t0 fl fl-di fl-cn"> @@ -1891,6 +1986,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" maxlength="800" class="w100 ta-br textarea-text" + @input="saveChapterOneData" ></textarea> </p> </div> @@ -1901,7 +1997,7 @@ <script> import examinations from "@/components/examinations/index.vue"; -import getResourcePath from "@/assets/methods/resources"; +import {getResourcePath} from "@/assets/methods/resources"; export default { name: "chapterThree", components: { examinations }, @@ -1911,6 +2007,10 @@ }, showPageList:{ type:Array + }, + isSearch:{ + type:Boolean, + default:false } }, data() { @@ -1926,7 +2026,6 @@ pathFour: "", pathFive: "", pathSix: "", - saveTime: 20, chapterThreeData: { experienceOne: "", experienceTwo: "", @@ -2017,23 +2116,14 @@ }; }, async mounted() { - const localData = localStorage.getItem("chapterThreeData"); + if(!this.isSearch) { + const localData = localStorage.getItem("chapterThreeData"); if (localData) { this.chapterThreeData = JSON.parse(localData); } - window.timerThree = setInterval(() => { - this.saveTime--; - if (this.saveTime == 0) { - this.saveChapterOneData(); - } - }, 1000); this.getVideoPath() - }, - unmounted() { - if (window.timerThree) { - clearInterval(window.timerThree); } - localStorage.setItem("chapterThreeData", JSON.stringify(this.chapterThreeData)); + }, methods: { changeResources(type) { @@ -2047,18 +2137,17 @@ this.$data.videoState = !this.$data.videoState; } }, - getVideoPath() { - this.$data.pathOne = getResourcePath("ca2a1ae9429a5f7a28fe9aa1bfbf3b4a"); - this.$data.pathTwo = getResourcePath("8fa9d6565b97c5975b1a0a7ef09d38a9"); - this.$data.pathThree = getResourcePath( + async getVideoPath() { + this.$data.pathOne = await getResourcePath("ca2a1ae9429a5f7a28fe9aa1bfbf3b4a"); + this.$data.pathTwo = await getResourcePath("8fa9d6565b97c5975b1a0a7ef09d38a9"); + this.$data.pathThree = await getResourcePath( "56170fb1a0ea272990fe51530086aab1" ); - this.$data.pathFour = getResourcePath("ae67fd7678656c0ce89599bd1949f993"); - this.$data.pathFive = getResourcePath("5aa431a223cdba0d30f1175a2ec3f308"); - this.$data.pathSix = getResourcePath("bc3af85cd899b20adf885c308c595fbb"); + this.$data.pathFour = await getResourcePath("ae67fd7678656c0ce89599bd1949f993"); + this.$data.pathFive = await getResourcePath("5aa431a223cdba0d30f1175a2ec3f308"); + this.$data.pathSix = await getResourcePath("bc3af85cd899b20adf885c308c595fbb"); }, saveChapterOneData() { - this.saveTime = 20; localStorage.setItem( "chapterThreeData", JSON.stringify(this.chapterThreeData) -- Gitblit v1.9.1