From e5ac9c38a59646544e6d4b6dee0b3c5f2970118f Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期一, 20 五月 2024 14:27:26 +0800 Subject: [PATCH] 新书 --- src/books/childHealth/view/content/components/chapter002.vue | 627 +++++++++++++++++++++++++++++++++++++++++++------------- 1 files changed, 483 insertions(+), 144 deletions(-) diff --git a/src/books/childHealth/view/content/components/chapter002.vue b/src/books/childHealth/view/content/components/chapter002.vue index fe0d817..0d4945a 100644 --- a/src/books/childHealth/view/content/components/chapter002.vue +++ b/src/books/childHealth/view/content/components/chapter002.vue @@ -35,12 +35,22 @@ 涓撻瀵煎 </h6> <p class="blockh6 m0-t0"> - <el-image :src="special" :preview-src-list="[special]" /> + <el-image + :src="special" + :preview-src-list="[special]" + class="open-image" + /> </p> </div> <!-- 44 --> <div class="page-box" page="44"> - <evenHeaderVue :num="44" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">44</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <h2 class="module_block" id="b010"> <div class="custom1">瀛︿範涓婚涓�</div> @@ -111,45 +121,90 @@ <span class="ds-bl" >1.浠�涔堟槸鐢熼暱?浠�涔堟槸鍙戣偛?浠�涔堟槸鎴愮啛?鐢熼暱涓庡彂鑲叉槸浠�涔堝叧绯�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableOne.qOne" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >2.瀹為檯宸ヤ綔涓竴鑸皢瀛﹀墠鍎跨鐨勭敓闀垮彂鑲插垝鍒嗕负鍝嚑涓樁娈�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableOne.qTwo" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">3.鈥滃崄鏈堟��鑳庘�濇槸鏁村崄涓湀鍚�?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableOne.qThree" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">4.鑳庡効鏈熺殑鐗圭偣鏈夊摢浜�?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableOne.qFour" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">5.鏂扮敓鍎挎湡鏈夊摢浜涚壒鐐�??</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableOne.qFive" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">6.濠村効鏈熷寘鎷柊鐢熷効鏈熷悧?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableOne.qSix" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >7.濠村効浠�涔堟椂鍊欐柇濂跺悎閫傦紝鏈夋病鏈夋槑纭瀹�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableOne.qSeven" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">8.骞煎効鍓嶆湡鐨勪富瑕佺壒鐐规湁鍝簺?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableOne.qEnight" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">9.濡備綍鍋氬ソ骞煎皬琛旀帴涓殑淇濆仴宸ヤ綔?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableOne.qNine" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> </td> </tr> <tr> @@ -168,9 +223,14 @@ <p class="block"> 瀛﹀墠鏈熷効绔ョ敓闀垮彂鑲茶繀閫燂紝鏂扮敓濠村効鏇存槸涓�澶╀竴涓牱銆傚埆鐪嬪垰鍑虹敓鐨勫┐鍎挎瘡澶╂湁2/3鐨勬椂闂撮兘鍦ㄧ潯瑙夛紝鍙�2涓湀鍚庯紝浠栧氨鎴愪簡涓�涓�滅溂瑙傚叚璺�佽�冲惉鍏柟鈥濈殑娲绘臣鍙埍鐨勫皬瀹濆疂锛�1宀佸悗锛屼粬涓嶄絾浼氱敤寰瑧鏉ュ紩璧蜂綘鐨勬敞鎰忥紝鐢氳嚦浼氱洿鎺ュぇ澹板枈浣犵殑鍚嶅瓧锛�3宀佷互鍚庯紝浠栧氨瑕佺寮�瀹跺涵锛岃繘鍏ュ辜鍎垮洯鍟︹�︹�﹁鍚戠埗姣嶄簡瑙e鍓嶅効绔ョ殑鐢熼暱鍙戣偛鍚庝笌鍚屽浜ゆ祦銆� </p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.experienceOne" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br fm-st cl-66 fz-14" + ></textarea> <p class="block"> 鏈富棰樹富瑕佽杩扮敓闀裤�佸彂鑲插拰鎴愮啛鐨勬蹇碉紝闃愯堪瀛﹀墠鍎跨鍚勫勾榫勬鐨勫垝鍒嗗強鍚勯樁娈电敓闀垮彂鑲茬殑鐗圭偣锛屼互甯姪淇濇暀浜哄憳鏍规嵁瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勭壒鐐圭瀛﹀湴寮�灞曚繚鏁欏伐浣溿�� </p> @@ -228,7 +288,10 @@ </div> <!-- 45 --> <div class="page-box" page="45"> - <oddHeaderVue :special="2" :num="45" /> + <div class="page-header-box"> + <span class="page-header-text">涓撻浜� 瀛﹀墠鍎跨鐨勭敓闀垮彂鑲�</span> + <span class="page-header-num">45</span> + </div> <div class="padding-96"> <p class="m0-t0">鑳庡効鐨勫懆榫勫嵆涓鸿儙榫勬垨濡婂榫勩��</p> <p> @@ -261,7 +324,13 @@ </div> <!-- 46 --> <div class="page-box" page="46"> - <evenHeaderVue :num="46" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">46</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <p class="t0"> 鍠勶紝浣垮緱璇█鍜屽姩浣滅殑鍙戝睍鍑虹幇浜嗛璺冦�傛櫤鍔涘彂灞曞蹇紝鐞嗚В鑳藉姏閫愭笎鍔犲己锛屾眰鐭ユ寮猴紝濂藉蹇冨己銆佸ソ闂�佸ソ妯′豢銆傝繍鍔ㄧ殑鍗忚皟鑳藉姏閫愭笎瀹屽杽锛屽彲浠ヤ粠浜嬩竴浜涜緝缁嗚嚧鐨勬墜宸ュ拰杞诲井浣撳姏鍔冲姩锛屼篃鑳藉涔犵畝鍗曠殑鏂囧瓧銆佸浘鐢诲強姝岃埃锛屼负鍏ュ皬瀛﹀涔犲瀹氫簡鍩虹銆� @@ -275,8 +344,13 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <examinations :cardList="questionData[46]" /> - <!-- <span class="img">涓撻浜� 瀛︿範涓婚涓�</span> --> + <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span> + <examinations + v-if="questionData" + :cardList="questionData[46]" + :chapter="2" + :page="46" + /> </p> <h2 class="module_block" id="b011"> <div class="custom1">瀛︿範涓婚浜�</div> @@ -353,59 +427,114 @@ <tr> <td> <span class="ds-bl">1.鍚嶈瘝瑙i噴:鐢熼暱鍙戣偛瑙勫緥銆�</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableTwo.qOne" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">2.瀛﹀墠鍎跨鐢熼暱鍙戝睍鐨勮寰嬫湁鍝簺?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableTwo.qTwo" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >3.浠�涔堟槸鐢熼暱鍙戣偛鐨勮繛缁��?浠�涔堟槸鐢熼暱鍙戣偛鐨勯樁娈垫��?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableTwo.qTwo" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">4.浠�涔堟槸鐢熼暱鍙戣偛鐨勭▼搴忔��?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableTwo.qFour" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >5.浜轰綋鍣ㄥ畼鎴栬�呯郴缁熸湁鍝簺鐢熼暱鍙戣偛妯″紡?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableTwo.qFive" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">6.浠�涔堟槸鐢熼暱鍙戣偛鐨勪笉鍧囪 鎬�?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableTwo.qSix" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">7.浠�涔堝彨杩借刀鎬х敓闀�?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableTwo.qSeven" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">8.浣犲惉璇磋繃鍏抽敭鐢熼暱鏈熷悧?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableTwo.qEnight" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >9.鍦ㄥ┐骞煎効鐨勭敓闀垮彂鑲茶繃绋嬩腑锛屽姩浣滃彂灞曠殑涓�鑸『搴忔槸鎬庢牱鐨�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableTwo.qNine" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >10.鍝簺绯荤粺鐨勭敓闀垮彂鑲叉ā寮忓睘浜�-涓�鑸瀷"?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableTwo.qTen" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" - >涓轰粈涔堣瀛﹀墠鍎跨鍚勭郴缁熺殑鐢熼暱鍙戣偛鏄浉浜掑叧鑱旂殑?</span + >11.涓轰粈涔堣瀛﹀墠鍎跨鍚勭郴缁熺殑鐢熼暱鍙戣偛鏄浉浜掑叧鑱旂殑?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableTwo.qEleven" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> </td> </tr> <tr> @@ -422,9 +551,14 @@ <p class="block"> 涓轰粈涔堟湁鐨勫瀛愯璇濇棭锛屾湁鐨勫瀛愯璇濇櫄锛熶负浠�涔堝悓骞撮緞鐨勭敺瀛╁拰濂冲鍦ㄨ韩楂樸�佷綋閲嶄笂鏈夊樊寮傦紵涓轰粈涔堝煄甯傚拰鍐滄潙鐨勫悓榫勫瀛愬湪韬珮銆佷綋閲嶄笂涔熸湁宸紓锛� </p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.experienceTwo" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br fm-st cl-66 fz-14" + ></textarea> <p class="block"> 浜轰綋鐨勭敓闀垮彂鑲插悓鍏朵粬浜嬬墿涓�鏍凤紝涔熸湁鑷韩鐨勫瑙傝寰嬨�傝繖涓寰嬫槸姝e父浜轰綋鍦ㄤ竴瀹氱敓娲绘潯浠朵笅鐢熼暱鍙戣偛鐨勫繀鐒惰秼鍔垮拰鏈川鑱旂郴銆傜爺绌跺鍓嶅効绔ユ甯哥殑鐢熼暱鍙戣偛瑙勫緥锛屾墠鍙兘鍙戠幇寮傚父銆佸鎵惧師鍥狅紝浠ヤ究绾犳鎴栨不鐤楋紝骞惰娉曚績杩涘叾姝e父鐨勭敓闀垮拰鍙戣偛銆傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勮寰嬶紝浠ュ府鍔╁辜鏁欏伐浣滆�呮纭垽鏂拰鍒嗘瀽鎸囧瀛﹀墠鍎跨鐨勭敓闀垮彂鑲蹭繚鍋ュ伐浣溿�� </p> @@ -466,7 +600,10 @@ </div> <!-- 47 --> <div class="page-box" page="47"> - <oddHeaderVue :special="2" :num="47" /> + <div class="page-header-box"> + <span class="page-header-text">涓撻浜� 瀛﹀墠鍎跨鐨勭敓闀垮彂鑲�</span> + <span class="page-header-num">47</span> + </div> <div class="padding-96"> <p class="t0"> 瀛︿細鍙戦煶锛屽悓鏃跺浼氬惉鎳傚崟璇嶏紱鍚冨浐浣撻鐗╀箣鍓嶏紝鍏堝悆鍗婃祦璐ㄩ鐗╋紱浼氳蛋璺箣鍓嶅繀鍏堢粡杩囨姮澶淬�佽浆澶淬�佺炕韬�佸潗銆佺珯绔嬬瓑鍙戣偛姝ラ銆傚彲瑙侊紝閭d簺鐪嬩笂鍘讳技涔庢槸绐佺劧鐨勯潪杩炵画鎬х殑浜嬩欢锛屼簨瀹炰笂鏄棩澶嶄竴鏃ョН绱殑缁撴灉銆� @@ -494,7 +631,11 @@ </div> <div class="right" style="width: 35%"> <p class="center"> - <el-image :src="most" :preview-src-list="[most]" /> + <el-image + :src="most" + :preview-src-list="[most]" + class="open-image" + /> </p> <p class="img">鍥�2-1 韬綋鍣ㄥ畼鎴栫郴缁熺殑鍥涚鐢熼暱鍙戣偛妯″紡</p> </div> @@ -506,7 +647,13 @@ </div> <!-- 48 --> <div class="page-box" page="48"> - <evenHeaderVue :num="48" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">48</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <h5 id="e067">3.娣嬪反绯荤粺鍨�</h5> <p> @@ -544,7 +691,10 @@ </div> <!-- 49 --> <div class="page-box" page="49"> - <oddHeaderVue :special="2" :num="49" /> + <div class="page-header-box"> + <span class="page-header-text">涓撻浜� 瀛﹀墠鍎跨鐨勭敓闀垮彂鑲�</span> + <span class="page-header-num">49</span> + </div> <div class="padding-96"> <p class="t0"> 璧蜂綔鐢ㄧ殑鍥犵礌锛岄兘鍙兘褰卞搷鍒板涓郴缁熴�備緥濡傦紝閫傚綋鐨勪綋鑲查敾鐐间笉浠呰兘淇冭繘杩愬姩绯荤粺鐨勫彂鑲诧紝鑰屼笖鑳戒績杩涘懠鍚哥郴缁熴�佸惊鐜郴缁熷拰绁炵粡绯荤粺鐨勫彂鑲层�� @@ -572,8 +722,8 @@ </h6> <p class="blockh6-c"> <!-- <img class="img-g" alt="" src="image/0062-1.jpg" /><br /> --> - <!-- <span class="img">涓撻浜� 瀛︿範涓婚浜�</span> --> - <examinations :cardList="questionData[49]" /> + <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚浜�</span> + <examinations v-if="questionData" :cardList="questionData[49]" :chapter="2" :page="49" /> </p> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> <div class="fieldset"> @@ -589,7 +739,13 @@ </div> <!-- 50 --> <div class="page-box" page="50"> - <evenHeaderVue :num="50" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">50</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <div class="fieldset"> <p class="t0">鑳為棿鐩镐簰渚濆瓨鐨勫姩鎬佸叧绯诲彂鐢熶綔鐢ㄣ��</p> @@ -680,43 +836,78 @@ <tr> <td> <span class="ds-bl">1.褰卞搷鍎跨鐢熼暱鍙戣偛鐨勫厛澶╁洜绱犳湁鍝簺?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableThree.qOne" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >2.鍚屽嵉鍙岃優鑳庡湪鐢熼暱鍙戣偛杩囩▼涓繚鎸佺浉鍚岀殑鍥犵礌鏈夊摢浜�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableThree.qTwo" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >3.鐜鍥犵礌褰卞搷鐢熼暱鍙戣偛鐨勮繘绋嬶紝涓昏鍖呮嫭鍝簺鍥犵礌?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableThree.qThree" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >4.閫傚綋鐨勪綋鑲查敾鐐间細瀵圭敓闀垮彂鑲蹭骇鐢熷摢浜涘奖鍝�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableThree.qFour" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">5.瀛h妭瀵瑰効绔ョ敓闀垮彂鑲叉湁鍝簺褰卞搷?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableThree.qFive" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >6.涓轰粈涔堝悓鍗靛弻鑳炶儙涔熷瓨鍦ㄥ緢澶氫笉鍚岀壒寰�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableThree.qSix" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >7.闄や簡鏁欐潗鎻愬埌鐨勫洜绱狅紝杩樻湁鍝簺鍚庡ぉ鍥犵礌鍙兘浼氬奖鍝嶅効绔ョ殑鐢熼暱鍙戣偛?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableThree.qSeven" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> </td> </tr> <tr> @@ -737,7 +928,7 @@ src="../../../assets/images/icon/video.png" alt="" @click="changeResources('videoState')" - class="btn " + class="btn" /> </div> <div v-if="videoState"> @@ -763,9 +954,14 @@ <p class="block"> 瀛﹀墠鍎跨鐨勮韩楂樸�佷綋閲嶇瓑鐢熼暱鍙戣偛鎯呭喌寰堝ぇ绋嬪害涓婂彇鍐充簬閬椾紶鍩哄洜锛屽悓鏃朵篃涓庤惀鍏汇�佽繍鍔ㄧ瓑鍚庡ぉ鍥犵礌瀵嗕笉鍙垎銆傛妸鎻″厛澶╀紭鍔匡紝鍏呭垎鍒╃敤鍚庡ぉ鍥犵礌锛屼績杩涘鍓嶅効绔ヨ壇濂藉湴鐢熼暱鍙戣偛銆傛湰涓婚涓昏璁茶堪褰卞搷瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勫洜绱狅紝浠ュ府鍔╀繚鏁欏伐浣滆�呭湪宸ヤ綔涓湁鏁堟帶鍒跺奖鍝嶅鍓嶅効绔ョ敓闀垮彂鑲茬殑涓嶈壇鍥犵礌锛屼繚闅滃鍓嶅効绔ユ甯稿彂鑲插彂灞曘�� </p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.experienceThree" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br fm-st cl-66 fz-14" + ></textarea> <p class="block"> 瀛﹀墠鍎跨鐨勭敓闀垮彂鑲茶繃绋嬫槸涓綋鍦ㄥ厛澶╅仐浼犲拰鍚庡ぉ鐜涓悇绉嶅洜绱犵浉浜掍綔鐢ㄧ殑缁撴灉銆傚奖鍝嶇敓闀垮彂鑲茬殑鍥犵礌寰堝锛屾鎷捣鏉ユ湁涓ょ被锛氬唴鍦ㄧ殑閬椾紶鍥犵礌鍜屽鍦ㄧ殑鐜鍥犵礌銆傞仐浼犲洜绱犱竴鑸槸涓嶄細鏀瑰彉鐨勶紝鑰岀幆澧冩潯浠舵槸鍙互鏀瑰彉鐨勩�傞仐浼犲洜绱犲喅瀹氫簡鐢熼暱鍙戣偛鐨勬綔鍔涳紝鑰岀幆澧冨拰鏁欒偛鏉′欢褰卞搷浜嗛仐浼犳綔鍔涚殑鍙戞尌锛屾渶鍚庡喅瀹氬彂鑲茬殑閫熷害鍙婅揪鍒扮殑绋嬪害銆� </p> @@ -778,9 +974,14 @@ </div> <!-- 51 --> <div class="page-box" page="51"> - <oddHeaderVue :special="2" :num="51" /> + <div class="page-header-box"> + <span class="page-header-text">涓撻浜� 瀛﹀墠鍎跨鐨勭敓闀垮彂鑲�</span> + <span class="page-header-num">51</span> + </div> <div class="padding-96"> - <p class="t0">鐨勫樊鍒緝澶э紝杩欒鏄庨楠肩郴缁熺殑鍙戣偛鍙楅仐浼犵殑褰卞搷杈冨ぇ锛屼綋閲嶅嵈鏄撳彈鐜鍥犵礌鐨勫奖鍝嶃��</p> + <p class="t0"> + 鐨勫樊鍒緝澶э紝杩欒鏄庨楠肩郴缁熺殑鍙戣偛鍙楅仐浼犵殑褰卞搷杈冨ぇ锛屼綋閲嶅嵈鏄撳彈鐜鍥犵礌鐨勫奖鍝嶃�� + </p> <p> 鐢熼暱鍙戣偛鐨勫悇椤瑰舰鎬佹寚鏍囧拰鐢熺悊鎸囨爣锛屽韬珮銆佷綋閲嶃�佺毊涓嬭剛鑲�佽鍘嬬瓑閮芥湁涓嶅悓绋嬪害鐨勯仐浼犲�惧悜锛屽叾涓韩楂樼殑閬椾紶鍊惧悜鏇翠负鏄庢樉锛屽湪鑹ソ鐢熸椿鐜褰卞搷涓嬬殑鍎跨锛屾垚骞磋韩楂樺湪寰堝ぇ绋嬪害涓婂彇鍐充簬鐖舵瘝鐨勮韩楂樸�備竴鑸埗姣嶉珮瀛愬コ涔熼珮锛岀埗姣嶇煯瀛愬コ涔熺煯锛岃繖灏变负韬珮棰勬祴鍒涢�犱簡鏉′欢銆� </p> @@ -806,13 +1007,20 @@ 鍥犳锛岀Н鏋侀槻娌诲効绔ヤ紶鏌撶梾鍜屽瘎鐢熻櫕鐥呯瓑甯歌鐥咃紝瀵逛繚璇佸効绔ョ殑姝e父鍙戣偛鏄崄鍒嗛噸瑕佺殑銆� </p> <h4 id="d087">锛堜笁锛変綋鑲查敾鐐煎拰鍔冲姩</h4> - <p>浣撹偛閿荤偧鏄績杩涘効绔ヨ韩浣撳彂鑲插拰澧炲己浣撹川鐨勬湁鏁堟墜娈点�備綋鑲查敾鐐煎彲浠ュ姞蹇満浣撶殑鏂伴檲</p> + <p> + 浣撹偛閿荤偧鏄績杩涘効绔ヨ韩浣撳彂鑲插拰澧炲己浣撹川鐨勬湁鏁堟墜娈点�備綋鑲查敾鐐煎彲浠ュ姞蹇満浣撶殑鏂伴檲 + </p> </div> </div> <!-- 52 --> - <div class="page-box" page="52"> - <evenHeaderVue :num="52" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">52</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <p class="t0"> 浠h阿锛屾彁楂樺懠鍚搞�佽繍鍔ㄥ拰寰幆绯荤粺鐨勫姛鑳斤紝鐗瑰埆鑳戒績杩涢楠煎拰鑲岃倝鐨勫彂鑲层�傚洜姝わ紝鍎跨缁忓父鍙傚姞浣撹偛閿荤偧锛屼笉浠呭彲浣胯倢绾ょ淮鍙樼矖锛岃倢鑲夎川閲忓鍔狅紝鑰屼笖鑳戒績杩涢楠肩殑鐢熼暱鍙戣偛锛屽姞閫熼鐨勯挋鍖栵紝浣块璐ㄦ洿鍔犵矖澹潥瀹烇紝鍚屾椂涔熶績杩涗簡闊у甫鐨勫彂鑲诧紝澧炲姞浜嗗叧鑺傜殑鐗㈠浐鎬у拰鐏垫椿鎬с�� @@ -840,19 +1048,26 @@ 姝ゅ锛屽ぇ姘斻�佹按鍜屽湡澹や腑鏈夊鐗╄川鐨勬薄鏌擄紝浠ュ強鍣0鐨勫嵄瀹筹紝瀵瑰効绔ョ敓闀垮彂鑲蹭篃鏈変笉鑹奖鍝嶃�� </p> <h6 class="Conclusion-title2"> - <img class="img-gn" alt="" src="../../../assets/images/icon/ycs.png" /> + <img + class="img-gn" + alt="" + src="../../../assets/images/icon/ycs.png" + /> 浜戞祴璇� </h6> <p class="blockh6-c center"> <!-- <img class="img-g" alt="" src="image/0065-1.jpg" /><br /> --> - <!-- <span class="img">涓撻浜� 瀛︿範涓婚涓�</span> --> - <examinations :cardList="questionData[52]" /> + <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span> + <examinations v-if="questionData" :cardList="questionData[52]" :chapter="2" :page="52" /> </p> </div> </div> <!-- 53 --> <div class="page-box" page="53"> - <oddHeaderVue :special="2" :num="53" /> + <div class="page-header-box"> + <span class="page-header-text">涓撻浜� 瀛﹀墠鍎跨鐨勭敓闀垮彂鑲�</span> + <span class="page-header-num">53</span> + </div> <div class="padding-96"> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> <div class="fieldset"> @@ -882,30 +1097,40 @@ 1.鏈夌殑瀛╁瓙澶村ぇ锛屾湁鐨勫瀛愬ご灏忥紝杩欎篃浣撶幇浜嗗鍓嶅効绔ョ敓闀垮彂鑲茬殑涓綋宸紓鎬с�傦紙<input type="text" class="judge-input" + v-model="chapterTwoData.question.judge.qOne" />锛� </p> <p class="block"> 2.瀛﹀墠鍎跨鍙戣偛鐣稿舰鎴栨偅鏈夊厛澶╂�х柧鐥咃紝閮芥槸鍙楅仐浼犲洜绱犵殑褰卞搷銆傦紙<input type="text" class="judge-input" + v-model="chapterTwoData.question.judge.qTwo" />锛� </p> </div> </div> <!-- 54 --> <div class="page-box" page="54"> - <evenHeaderVue :num="54" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">54</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <p class="block"> 3.鍦ㄧ敓闀垮彂鑲茶繃绋嬩腑锛岃韩浣撳悇閮ㄥ垎鐨勭敓闀块�熷害鏄細涓嬭偄澧炲姞鏈�澶氾紝澶撮鏈�灏戙�傦紙<input type="text" class="judge-input" + v-model="chapterTwoData.question.judge.qThree" />锛� </p> <p class="block"> 4.鏈変簺瀛╁瓙鏄厛瀛︿細寮�鍙h璇濓紝鍚庡浼氳蛋璺紝鏈変簺瀛╁瓙鍒氬ソ鐩稿弽銆傝繖鏄敱浜庣敓闀垮彂鑲插叿鏈変釜浣撳樊寮傛�с�傦紙<input type="text" class="judge-input" + v-model="chapterTwoData.question.judge.qFour" />锛� </p> <p class="block"><b>浜屻�佸~绌�</b></p> @@ -913,42 +1138,55 @@ 1.濠村効鏈熺殑鍔ㄤ綔鍙戣偛棣栧厛鏄細鎶ご銆佽浆澶达紝鐒跺悗浼氱炕韬�佸潗锛屾渶鍚庝細绔欑珛銆佽璧帮紝杩欐槸閬靛惊浜�<input type="text" class="lineInput completion-input" + v-model="chapterTwoData.question.fill.qOne.one" />鐨勮寰嬨�� </p> <p class="block"> 2.浜虹殑鐢熼暱鍙戣偛閫熷害鏇茬嚎骞朵笉鏄殢骞撮緞鍛�<input type="text" class="lineInput completion-input" - />涓婂崌锛岃�屾槸<input type="text" class="lineInput completion-input" />涓婂崌銆� + v-model="chapterTwoData.question.fill.qTwo.one" + />涓婂崌锛岃�屾槸<input + type="text" + class="lineInput completion-input" + v-model="chapterTwoData.question.fill.qTwo.Two" + />涓婂崌銆� </p> <p class="block"> 3.閬椾紶鍐冲畾浜嗗鍓嶅効绔ョ敓闀垮彂鑲茬殑<input type="text" class="lineInput completion-input" + v-model="chapterTwoData.question.fill.qThree.one" />鎬э紝鐜鍐冲畾浜嗗鍓嶅効绔ョ敓闀垮彂鑲茬殑<input type="text" class="lineInput completion-input" + v-model="chapterTwoData.question.fill.qThree.Two" />鎬с�傚鍓嶅効绔ョ殑鐢熼暱鍙戣偛灏辨槸涓綋鐨�<input type="text" class="lineInput completion-input" + v-model="chapterTwoData.question.fill.qThree.Three" />鍥犵礌涓�<input type="text" class="lineInput completion-input" + v-model="chapterTwoData.question.fill.qThree.Four" />鍥犵礌鐩镐簰浣滅敤鐨勮繃绋嬨�� </p> <p class="block"> 4.钀ュ吇鏄繚璇佸辜鍎跨敓闀垮彂鑲茬殑<input type="text" class="lineInput completion-input" + v-model="chapterTwoData.question.fill.qFour.one" />鍩虹銆� </p> <p class="block"> 5.鐖舵瘝鐨勭ぞ浼氬湴浣嶃�佺粡娴庣姸鍐点�佺礌璐ㄥ強鏁欒偛鏂瑰紡閮戒細褰卞搷瀛﹀墠鍎跨鐨勭敓闀垮彂鑲诧紝杩欎綋鐜颁簡<input type="text" class="lineInput completion-input" + v-model="chapterTwoData.question.fill.qFive.one" />鍥犵礌鐨勫奖鍝嶏紱鍐滄潙骞煎効鍜屽煄甯傚辜鍎跨敓闀垮彂鑲茬姸鍐典笉鍚岋紝杩欎綋鐜颁簡<input type="text" class="lineInput completion-input" + v-model="chapterTwoData.question.fill.qFive.Two" />鍥犵礌瀵瑰鍓嶅効绔ョ敓闀垮彂鑲茬殑褰卞搷銆� </p> <p class="block"><b>涓夈�佹�濊��</b></p> @@ -957,12 +1195,14 @@ style="width: 80%; margin: 0 0 0 40px" :rows="8" placeholder="璇疯緭鍏ュ唴瀹�" + v-model="chapterTwoData.question.short.qOne" ></textarea> <p class="block">2.褰卞搷瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勫洜绱犳湁鍝簺锛�</p> <textarea style="width: 80%; margin: 0 0 0 40px" :rows="8" placeholder="璇疯緭鍏ュ唴瀹�" + v-model="chapterTwoData.question.short.qTwo" ></textarea> <div> <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p> @@ -977,23 +1217,31 @@ 3.鏍规嵁骞撮緞鐗圭偣锛屼负鏌愪竴骞撮緞娈电殑瀛﹀墠鍎跨鍒跺畾涓�浠戒竴鏃ョ敓娲绘棩绋嬭〃銆� </p> <h6 class="Conclusion-title2"> - <img class="img-gn" alt="" src="../../../assets/images/icon/ycs.png" /> + <img + class="img-gn" + alt="" + src="../../../assets/images/icon/ycs.png" + /> 浜戞祴璇� </h6> <p class="blockh6-c"> 瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br /> <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br /> - <examinations :cardList="questionData[541]" /> + <examinations v-if="questionData" :cardList="questionData[541]" :chapter="2" :page="541" /> <span class="span-border"></span> <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span> - <examinations :cardList="questionData[542]" /> + <examinations v-if="questionData" :cardList="questionData[542]" :chapter="2" :page="542" /> </p> <h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6> <p class="blockh6 m0-t0 fl fl-di fl-cn"> - <input type="text" class="lineInput lh" /> - <input type="text" class="lineInput lh" /> - <input type="text" class="lineInput lh" /> - <input type="text" class="lineInput lh" /> + <textarea + cols="30" + rows="6" + v-model="chapterTwoData.introspection" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="800" + class="w100 ta-br textarea-text" + ></textarea> </p> </div> </div> @@ -1001,21 +1249,15 @@ </template> <script> -import evenHeaderVue from '../../components/pageHeader/evenHeader.vue'; -import oddHeaderVue from '../../components/pageHeader/oddHeader.vue'; import examinations from "@/components/examinations/index.vue"; -import getQuestionData from '@/assets/methods/examination' -import testData from '../../../assets/examinationList' -import getResourcePath from '@/assets/methods/resources' -import {mapState} from 'vuex' +import getQuestionData from "@/assets/methods/examination"; +import testData from "../../../assets/examinationList"; +import getResourcePath from "@/assets/methods/resources"; export default { name: "chapterTwo", - components:{evenHeaderVue,oddHeaderVue,examinations}, + components: { examinations }, data() { return { - taskOne: require("../../../assets/images/chapterTwo/task-sheet1.png"), - taskTwo: require("../../../assets/images/chapterTwo/task-sheet2.png"), - taskThree: require("../../../assets/images/chapterTwo/task-sheet3.png"), special: require("../../../assets/images/chapterTwo/0056-1.jpg"), most: require("../../../assets/images/chapterTwo/0060-1.jpg"), resourceState: "", @@ -1023,19 +1265,106 @@ learnTableOne: true, learnTableTwo: true, learnTableThree: true, - questionData:{}, - pathOne:'', - pathTwo:'', - pathThree:'', - + questionData: {}, + pathOne: "", + pathTwo: "", + pathThree: "", + saveTime:20, + chapterTwoData: { + experienceOne: "", + experienceTwo: "", + experienceThree: "", + introspection:'', + learnTableOne: { + qOne: "", + qTwo: "", + qThree: "", + qFour: "", + qFive: "", + qSix: "", + qSeven: "", + qEight: "", + qNine: "", + }, + learnTableTwo: { + qOne: "", + qTwo: "", + qThree: "", + qFour: "", + qFive: "", + qSix: "", + qSeven: "", + qEight: "", + qNine: "", + qTen: "", + qEleven: "", + }, + learnTableThree: { + qOne: "", + qTwo: "", + qThree: "", + qFour: "", + qFive: "", + qSix: "", + qSeven: "", + }, + question: { + judge: { + qOne: "", + qTwo: "", + qThree: "", + qFour: "", + }, + fill: { + qOne: { + one: "", + }, + qTwo: { + oen: "", + two: "", + }, + qThree: { + one: "", + two: "", + Three:"", + Four:"" + }, + qFour: { + one: "", + two: "", + }, + qFive: { + one: "", + two: "", + }, + }, + short: { + qOne: "", + qTwo: "", + }, + }, + }, }; }, - mounted() { - console.log('鏁版嵁',testData[2]); - this.$data.questionData = getQuestionData(testData[2]) - this.$data.pathOne = getResourcePath('e2b2b610e8b77c82bad7cf94c7986646') - this.$data.pathTwo = getResourcePath('b11b51863da2a4e7e21c73358fa96c1e') - this.$data.pathThree = getResourcePath('67cf97bd8295dc3aeb46982c574df8d0') + async mounted() { + 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.$data.questionData = await getQuestionData('2',testData[2]); + this.getVideoPath() + }, + unmounted() { + if(window.timerTwo) { + clearInterval(window.timerTwo) + } + localStorage.setItem('chapterTwoData',JSON.stringify(this.chapterTwoData)) }, methods: { changeResources(type) { @@ -1049,6 +1378,16 @@ this.$data.videoState = !this.$data.videoState; } }, + getVideoPath() { + this.$data.pathOne = getResourcePath("e2b2b610e8b77c82bad7cf94c7986646"); + this.$data.pathTwo = getResourcePath("b11b51863da2a4e7e21c73358fa96c1e"); + this.$data.pathThree = getResourcePath("67cf97bd8295dc3aeb46982c574df8d0"); + }, + saveChapterOneData() { + this.saveTime = 20 + console.log(this.chapterTwoData); + localStorage.setItem('chapterTwoData',JSON.stringify(this.chapterTwoData)) + } }, }; </script> -- Gitblit v1.9.1