From 1995bd9b9e0033445fd44c796e21a1944f1e56b2 Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期五, 14 三月 2025 17:42:22 +0800 Subject: [PATCH] 3.14民航服务礼仪新增视频,题目。 --- src/books/aviationEtiquette/view/components/chapter001.vue | 1204 ++++++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 976 insertions(+), 228 deletions(-) diff --git a/src/books/aviationEtiquette/view/components/chapter001.vue b/src/books/aviationEtiquette/view/components/chapter001.vue index e7b1a88..3ad97da 100644 --- a/src/books/aviationEtiquette/view/components/chapter001.vue +++ b/src/books/aviationEtiquette/view/components/chapter001.vue @@ -45,12 +45,12 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p>1.浠�涔堟槸鈥滈伩甯�濓紵</p> - <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box" + <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box" @change="setBookQuestion"></textarea> <p>2.鏇惧瓙涓轰綍瑕佲�滈伩甯�濓紵</p> - <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box" + <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> @@ -77,6 +77,25 @@ <p>1.浜嗚В绀间华鐨勪簲绉嶈捣婧愯銆�</p> <p>2.浜嗚В涓浗绀间华鍙戝睍鐨勫巻绋嬨��</p> <p>3.鐞嗚В涓タ鏂圭ぜ浠瀺鍚堝彂灞曠殑鎰忎箟銆�</p> + <div class="video-box"> + <p class="center text td-0"> + <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" + x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls + controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video> + </p> + <p class="center videoname"> + <span>瑙嗛锛�1.1.1</span> + <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoOne ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" + placement="top-start"> + <img :src="collectResourceList.findIndex( + (item) => item.id == 'dfa7f3d64168acde32e4ca07a9001e79' + ) > -1 + ? collectCheck + : collectImg + " alt="" class="collect-btn" @click="handleCollect('video-02')" /> + </el-tooltip> + </p> + </div> <h4 id="d001">涓�銆佺ぜ浠殑璧锋簮</h4> <p> 鎴戝浗绱犳湁鈥滅ぜ浠箣閭︹�濈殑缇庤獕锛岀ぜ浠枃鍖栨簮杩滄祦闀裤�傗�滅ぜ鈥濆瓧鏈�鏃╁嚭鐜板湪閲戞枃閲屻�備汉绫诲彂灞曠殑鍒濇湡锛屼汉浠寰堝鑷劧鐜拌薄锛屽鐏北鍠峰彂銆佸湴闇囥�佺數闂浄楦g瓑鏃犳硶鐞嗚В涔熸棤娉曡В閲婏紝鍙兘褰掔粨涓洪绁炵殑鍔涢噺鎵�鑷达紝浠栦滑璁や负澶╁湴闂存湁绁炵殑鍔涢噺鍦ㄤ富瀹帮紝涔熸湁楝奸瓊鐨勫瓨鍦紝鑰屽嚭浜庡澶╁湴楝肩鐨勬儳鎬曘�佹暚浠帮紝浜轰滑閫氳繃璁捐娴佺▼銆佷妇琛屼华寮忋�佹暚鐚キ鍝佺瓑鏂瑰紡鏉ヨ〃杈炬暚鐣忥紝杩欑娴佺▼閫愭笎鍥哄寲涓轰竴绉嶈鑼冿紝杩欐牱灏变骇鐢熶簡绀笺�傚寳浜殑鈥滃ぉ鍧涒�濃�滃湴鍧涒�濆氨鏄彜浠e浗鍚涚敤鏉ヤ妇琛岃繖绫荤キ澶╃キ鍦版椿鍔ㄧ殑寤虹瓚銆� @@ -105,7 +124,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li> - <li class="header-right-Number pNum">3</li> + <li class="p-Num">3</li> <li class="header-right-Number cloud"> <img class="" src="../../assets/images/yemei02.png" alt="" /> </li> @@ -115,7 +134,7 @@ <div class="bodystyle"> <h6 id="f004">4.绀间负浜烘�у拰鐜鐭涚浘鐨勪骇鐗�</h6> <p> - 鈥滈娓婇棶浠併�傚瓙鏇帮細鈥樺厠宸卞绀间负浠併�備竴鏃ュ厠宸卞绀硷紝澶╀笅褰掍粊鐒夈�傗�濓紙銆婅璇烽娓娿�嬶級鍏嬪繁鏄鑷垜鐨勭鐞嗭紝浜轰笌鐜浼氫骇鐢熺煕鐩撅紝鑰岃В鍐宠繖绉嶇煕鐩剧殑鏂规硶灏辨槸鈥滃厠宸扁�濄�傚瓟瀛愪竴鐩存妸瀵逛汉鎬х殑绾︽潫鍜岀鐞嗕綔涓烘仮澶嶅懆绀肩殑閲嶈閫斿緞锛屼汉鏈夊悇绉嶆鏈涳紝闇�閫氳繃閬撳痉銆佺ぜ浠�佹硶寰嬬瓑褰㈠紡杩涜瑙勮寖锛屾晠绀间负浜烘�у拰鐜鐭涚浘鐨勪骇鐗┿�� + 鈥滈娓婇棶浠併�傚瓙鏇帮細鈥樺厠宸卞绀间负浠併�備竴鏃ュ厠宸卞绀硷紝澶╀笅褰掍粊鐒夈�傗�欌�濓紙銆婅璇烽娓娿�嬶級鍏嬪繁鏄鑷垜鐨勭鐞嗭紝浜轰笌鐜浼氫骇鐢熺煕鐩撅紝鑰岃В鍐宠繖绉嶇煕鐩剧殑鏂规硶灏辨槸鈥滃厠宸扁�濄�傚瓟瀛愪竴鐩存妸瀵逛汉鎬х殑绾︽潫鍜岀鐞嗕綔涓烘仮澶嶅懆绀肩殑閲嶈閫斿緞锛屼汉鏈夊悇绉嶆鏈涳紝闇�閫氳繃閬撳痉銆佺ぜ浠�佹硶寰嬬瓑褰㈠紡杩涜瑙勮寖锛屾晠绀间负浜烘�у拰鐜鐭涚浘鐨勪骇鐗┿�� </p> <h6 id="f005">5.绀肩敓浜庣悊锛屾簮浜庝織</h6> <p> @@ -161,11 +180,11 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p> 鍛ㄥ叕鍜屽瓟瀛愬绀间华鐨勫彂灞曡捣鍒颁簡閲嶈浣滅敤锛岃澶у灏藉彲鑳藉鍦版悳闆嗘湁鍏冲懆鍏拰瀛斿瓙鐨勭ぜ浠皬鏁呬簨锛屽苟鎸戦�変綘浣撲細鏈�娣辩殑涓�涓拰鍚屽浠垎浜紝鍛婅瘔澶у浠庝粬浠殑鏁呬簨涓綘瀛﹀埌浜嗕粈涔堬紝鏈変粈涔堟劅鎮熴�� </p> - <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box" + <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> @@ -179,12 +198,12 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p>浣犳墍鐭ラ亾鐨勭ぜ鑺備腑锛屽摢涓�浜涙槸浠庤タ鏂瑰浗瀹朵紶鍏ユ垜鍥界殑锛�</p> <p> 闅忕潃淇℃伅鎶�鏈潻鍛界殑涓嶆柇鍙戝睍锛屽湪缁忔祹鍏ㄧ悆鍖栫殑鎺ㄥ姩涓嬶紝涓栫晫鍚勫浗涔嬮棿銆佷笉鍚屾皯鏃忎箣闂淬�佷笉鍚屽湴鍩熶箣闂寸殑浜ゅ線涓庢矡閫氭棩鐩婇绻佸拰瀵嗗垏锛屼竴浜涘叡鍚岀殑绀间华灏嗚浣滀负鍥介檯鍏鐨勮涓鸿鑼冭�屾櫘閬嶉噰鐢紝浠庤�岃繘涓�姝ュ奖鍝嶇ぜ浠枃鍖栫殑鍙戝睍锛屽苟鏈�缁堝舰鎴愭柊鐨勭ぜ浠鑼冦�� </p> - <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box" + <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> @@ -207,7 +226,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li> - <li class="header-right-Number pNum">5</li> + <li class="p-Num">5</li> <li class="header-right-Number cloud"> <img class="" src="../../assets/images/yemei02.png" alt="" /> </li> @@ -292,12 +311,12 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p>1.鍦ㄤ綘鐨勮鐭ヤ腑锛屸�滅ぜ浠�濆埌搴曟槸浠�涔堝憿锛�</p> - <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box" + <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box" @change="setBookQuestion"></textarea> <p>2.缁撳悎浣犵殑鐢熸椿缁忓巻锛岃涓�浠朵綘璁や负鑳戒紶杈捐绀笺�佹噦绀肩殑浜嬫儏銆�</p> - <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box" + <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> @@ -310,7 +329,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li> - <li class="header-right-Number pNum">7</li> + <li class="p-Num">7</li> <li class="header-right-Number cloud"> <img class="" src="../../assets/images/yemei02.png" alt="" /> </li> @@ -383,7 +402,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li> - <li class="header-right-Number pNum">9</li> + <li class="p-Num">9</li> <li class="header-right-Number cloud"> <img class="" src="../../assets/images/yemei02.png" alt="" /> </li> @@ -398,14 +417,14 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p> 1.鍦ㄦ棩甯哥敓娲诲拰瀛︿範涓紝濡備綍鐞嗚В绀间华鐨勮鑼冩�х壒寰侊紵璇蜂妇渚嬭鏄庛�� </p> - <textarea v-model="questionData.askAbout.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box" + <textarea v-model="questionData.askAbout.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box" @change="setBookQuestion"></textarea> <p>2.璋堣皥浣犲姘戣埅绀间华鍐呮兜鐨勭悊瑙c��</p> - <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box" + <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> @@ -431,12 +450,12 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p>1.瀹翠細涓讳汉涓轰粈涔堣鎶婂噣鎵嬬殑姘翠篃鍠濇帀鍛紵</p> - <textarea v-model="questionData.askAbout.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box" + <textarea v-model="questionData.askAbout.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box" @change="setBookQuestion"></textarea> <p>2.杩欎釜绀间华灏忔晠浜嬪浣犳湁浠�涔堟牱鐨勫惎绀猴紵</p> - <textarea v-model="questionData.askAbout.ten" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box" + <textarea v-model="questionData.askAbout.ten" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> @@ -492,7 +511,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li> - <li class="header-right-Number pNum">11</li> + <li class="p-Num">11</li> <li class="header-right-Number cloud"> <img class="" src="../../assets/images/yemei02.png" alt="" /> </li> @@ -522,14 +541,14 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p>1.瀵逛簬绀间华鐨勫師鍒欙紝浣犳槸濡備綍璁よ瘑鐨勶紵</p> - <textarea v-model="questionData.askAbout.eleven" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box" + <textarea v-model="questionData.askAbout.eleven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box" @change="setBookQuestion"></textarea> <p> 2.浣滀负姘戣埅涓撲笟鐨勫鐢燂紝浣犺涓烘皯鑸粠涓氫汉鍛樺簲褰撳叿澶囧摢浜涚ぜ浠礌璐紵 </p> - <textarea v-model="questionData.askAbout.twelve" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box" + <textarea v-model="questionData.askAbout.twelve" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> @@ -549,19 +568,19 @@ 1.鍛ㄦ湞鏄ぜ浠�愭瓒嬪悜瀹屽杽鐨勬椂浠o紝鍦ㄦ鏈熼棿锛岋紙銆�銆�锛夊绀间华鐨勫彂灞曡捣鍒颁簡宸ㄥぇ鐨勪綔鐢ㄣ�傦紙鍗曢�夐锛� </p> <p> - <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="1" + <input type="radio" name="projectOne.one" :disabled="questionData.isComplete" value="A" id="1" v-model="questionData.projectOne.one.value" @change="setBookQuestion" />A.瀛熷瓙 </p> <p> - <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="1" + <input type="radio" name="projectOne.one" :disabled="questionData.isComplete" value="B" id="1" v-model="questionData.projectOne.one.value" @change="setBookQuestion" />B.鑰佸瓙 </p> <p> - <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="1" + <input type="radio" name="projectOne.one" :disabled="questionData.isComplete" value="C" id="1" v-model="questionData.projectOne.one.value" @change="setBookQuestion" />C.鍛ㄥ叕 </p> <p> - <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="1" + <input type="radio" name="projectOne.one" :disabled="questionData.isComplete" value="D" id="1" v-model="questionData.projectOne.one.value" @change="setBookQuestion" />D.瀛斿瓙 </p> </div> @@ -594,37 +613,22 @@ v-model="questionData.projectOne.two.value" @change="setBookQuestion" />C.娉涙寚绀句細鐢熸椿涓殑鏌愮绀句細瑙勮寖鍜岄亾寰疯鑼� </p> <p> - <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="3" + <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="3" v-model="questionData.projectOne.two.value" @change="setBookQuestion" />D.琛ㄧず閫佺ぜ鐗┿�佺ぜ鍝� </p> <p>3.涓嬮潰鏈夊叧鈥滀华鈥濈殑鍐呭湪鍚箟璇存硶姝g‘鐨勬槸锛堛��銆�锛夈�傦紙澶氶�夐锛�</p> - <p><input - type="checkbox" - name="ball2" - :disabled="questionData.isComplete" - value="A" - id="3" - v-model="questionData.projectOne.three.value" - @change="setBookQuestion" - />A.鈥滀华鈥濆叿鏈夎〃鐜囥�佹鏍峰拰甯﹀ご浣滅敤</p> - <p><input - type="checkbox" - name="ball2" - :disabled="questionData.isComplete" - value="B" - id="3" - v-model="questionData.projectOne.three.value" - @change="setBookQuestion" - />B.鎸囦釜浜哄璨屻�侀搴�</p> - <p><input - type="checkbox" - name="ball2" - :disabled="questionData.isComplete" - value="C" - id="3" - v-model="questionData.projectOne.three.value" - @change="setBookQuestion" - />C.鎸囧悇绉嶅ぇ灏忓瀷浠紡銆佺ぜ鑺�</p> + <p> + <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="3" + v-model="questionData.projectOne.three.value" @change="setBookQuestion" />A.鈥滀华鈥濆叿鏈夎〃鐜囥�佹鏍峰拰甯﹀ご浣滅敤 + </p> + <p> + <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="3" + v-model="questionData.projectOne.three.value" @change="setBookQuestion" />B.鎸囦釜浜哄璨屻�侀搴� + </p> + <p> + <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="3" + v-model="questionData.projectOne.three.value" @change="setBookQuestion" />C.鎸囧悇绉嶅ぇ灏忓瀷浠紡銆佺ぜ鑺� + </p> <p> 4.绀间华鍦ㄦ湰璐ㄤ笂鍏锋湁涓嶅悓鐨勭壒寰侊紝绀间华鐨勭壒寰佸寘鎷紙銆�銆�锛夈�傦紙澶氶�夐锛� </p> @@ -678,6 +682,24 @@ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="5" v-model="questionData.projectOne.five.value" @change="setBookQuestion" />D.绀兼暚浠栦汉鏄笌浠栦汉寤虹珛鍜岃皭鐨勪汉闄呭叧绯荤殑鍩虹煶 </p> + <p class="dialogQuestion"> + <span class="td-0">銆愭湰鑺傛祴璇曘��</span> + <span class="td-0"> + <svg @click="openQuestion(1)" t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" + height="28"> + <path + d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z" + fill="#fff" p-id="2537"></path> + <path + d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z" + fill="#fff" p-id="2538"></path> + <path + d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z" + fill="#fff" p-id="2539"></path> + </svg> + </span> + </p> </div> </div> </div> @@ -687,7 +709,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li> - <li class="header-right-Number pNum">13</li> + <li class="p-Num">13</li> <li class="header-right-Number cloud"> <img class="" src="../../assets/images/yemei02.png" alt="" /> </li> @@ -729,15 +751,15 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p>1.妗堜緥涓繖鍚嶆梾瀹负浠�涔堜細鎴愪负杩欏鑸┖鍏徃鐨勫繝瀹為【瀹紵</p> - <textarea v-model="questionData.askAbout.thirteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box" + <textarea v-model="questionData.askAbout.thirteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box" @change="setBookQuestion"></textarea> <p>2.姝ゆ渚嬭鏄庝簡姘戣埅鏈嶅姟浠庝笟浜哄憳闇�瑕佸叿澶囦粈涔堟牱鐨勭礌璐紵</p> - <textarea v-model="questionData.askAbout.fourteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box" + <textarea v-model="questionData.askAbout.fourteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box" @change="setBookQuestion"></textarea> <p>3.杩欎釜妗堜緥瀵逛簬浣犵悊瑙f皯鑸湇鍔$殑鍚箟鏈変粈涔堝惎绀猴紵</p> - <textarea v-model="questionData.askAbout.fifteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box" + <textarea v-model="questionData.askAbout.fifteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> @@ -748,6 +770,25 @@ <p>1.鐞嗚В姘戣埅鏈嶅姟鐨勫惈涔夈��</p> <p>2.鐞嗚В姘戣埅鏈嶅姟鐨勬湰璐ㄣ��</p> <p>3.浜嗚В骞舵帉鎻℃皯鑸湇鍔¤涓氱殑鍩烘湰鐗瑰緛銆�</p> + <div class="video-box"> + <p class="center text td-0"> + <video :src="videoPathThree" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" + x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls + controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video> + </p> + <p class="center videoname"> + <span>瑙嗛锛�1.2.1</span> + <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoTwo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" + placement="top-start"> + <img :src="collectResourceList.findIndex( + (item) => item.id == '602e257498cd61657b759edd5be0221d' + ) > -1 + ? collectCheck + : collectImg + " alt="" class="collect-btn" @click="handleCollect('video-03')" /> + </el-tooltip> + </p> + </div> </div> </div> </div> @@ -797,7 +838,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li> - <li class="header-right-Number pNum">15</li> + <li class="p-Num">15</li> <li class="header-right-Number cloud"> <img class="" src="../../assets/images/yemei02.png" alt="" /> </li> @@ -812,15 +853,15 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p>1.杩欏悕涔樺姟鍛樼殑鍝簺琛屼负璁╃帇鍏堢敓鎰熷埌璐村績锛�</p> - <textarea v-model="questionData.askAbout.sixteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box" + <textarea v-model="questionData.askAbout.sixteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box" @change="setBookQuestion"></textarea> <p>2.浣犺寰楁槸浠�涔堣涔樺姟鍛樺仛鍑轰簡杩欎簺璐村績鐨勪簨鎯咃紵</p> - <textarea v-model="questionData.askAbout.seventeen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + <textarea v-model="questionData.askAbout.seventeen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> <p>3.浠庤妗堜緥鍑哄彂锛屼綘鎬庝箞鐞嗚В姘戣埅鏈嶅姟鐨勬湰璐紵</p> - <textarea v-model="questionData.askAbout.eighteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box" + <textarea v-model="questionData.askAbout.eighteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> @@ -903,9 +944,9 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p>姘戣埅鏈嶅姟鐨勫摢浜涙湇鍔¤閭濆﹩濠嗘劅鍙楀埌浜嗘俯棣ㄥ拰婊℃剰锛�</p> - <textarea v-model="questionData.askAbout.nineteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box" + <textarea v-model="questionData.askAbout.nineteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> @@ -918,7 +959,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li> - <li class="header-right-Number pNum">17</li> + <li class="p-Num">17</li> <li class="header-right-Number cloud"> <img class="" src="../../assets/images/yemei02.png" alt="" /> </li> @@ -946,11 +987,11 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p> 璇峰ぇ瀹惰璁轰竴涓嬶細浠�涔堟墠鏄彁鍗囨湇鍔℃弧鎰忓害鐨勬硶瀹濆憿锛熸皯鑸湇鍔″嚭鐜拌川閲忛棶棰樼殑鍘熷洜绌剁珶鏄粈涔堬紵 </p> - <textarea v-model="questionData.askAbout.twenty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box" + <textarea v-model="questionData.askAbout.twenty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> @@ -966,10 +1007,10 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p>鍦ㄥ伐浣滀腑鍏锋湁杈冨己鐨勮嚜鎴戞剰璇嗕綋鐜板湪鍝噷锛熶細甯︽潵浠�涔堝奖鍝嶅憿锛�</p> <textarea v-model="questionData.askAbout.twentyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> </div> @@ -1011,12 +1052,12 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p> 缇婄兢鑳藉湪瀵掑喎鐨勫啲澶╅『鍒╃敓瀛樼殑鍘熷洜鏄粈涔堬紵缁撳悎鐢熸椿瀹為檯锛岃皥璋堜綘瀵瑰嵄鏈烘剰璇嗙殑鐞嗚В銆� </p> <textarea v-model="questionData.askAbout.twentyTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> <p> @@ -1031,7 +1072,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li> - <li class="header-right-Number pNum">19</li> + <li class="p-Num">19</li> <li class="header-right-Number cloud"> <img class="" src="../../assets/images/yemei02.png" alt="" /> </li> @@ -1046,10 +1087,10 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p>姘戣埅浼佷笟鍦ㄥ彂灞曚腑闈复鐫�鍝簺绔炰簤涓庡嵄鏈猴紵</p> <textarea v-model="questionData.askAbout.twentyThree" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> <h5 id="e011">锛堝洓锛夊煿璁彁鍗囨湁寰呭姞寮�</h5> @@ -1063,12 +1104,12 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p> 缁撳悎姘戣埅涓氱殑鍙戝睍鐜扮姸锛屼綘璁や负姘戣埅涓氬簲璇ヤ晶閲嶅煿璁憳宸ュ摢浜涙柟闈紵 </p> <textarea v-model="questionData.askAbout.twentyFour" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> <p> @@ -1081,6 +1122,25 @@ <p>1.浜嗚В涓诲姩鏈嶅姟鐨勫唴娑点��</p> <p>2.鐞嗚В涓诲姩鏈嶅姟鐨勯噸瑕佹�с��</p> <p>3.鎻愬崌涓诲姩鏈嶅姟鐨勬剰璇嗐��</p> + <div class="video-box"> + <p class="center text td-0"> + <video :src="videoPathFour" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" + x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls + controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video> + </p> + <p class="center videoname"> + <span>瑙嗛锛�1.2.2</span> + <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoThree ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" + placement="top-start"> + <img :src="collectResourceList.findIndex( + (item) => item.id == '571b9fb7962e8fc30749893919d2157b' + ) > -1 + ? collectCheck + : collectImg + " alt="" class="collect-btn" @click="handleCollect('video-04')" /> + </el-tooltip> + </p> + </div> <h4 id="d022">涓�銆佹纭璇嗘湇鍔℃剰璇�</h4> <p> 濡傛灉璇存皯鑸湇鍔′汉鍛樼殑鐭ヨ瘑涓庢妧鑳芥槸鏈嶅姟鐨勬満缈硷紝閭d箞鏈嶅姟鎰忚瘑鎵嶆槸浣胯繖鏋堕鏈哄睍缈呴珮椋炵殑鍙戝姩鏈恒�� @@ -1122,15 +1182,15 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p>1.妗堜緥涓殑姹や箻鍔¢暱涓轰簡缁欏瀛愰檷娓╁仛浜嗗摢浜涗簨鎯呭憿锛�</p> - <textarea v-model="questionData.askAbout.twentyFive" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + <textarea v-model="questionData.askAbout.twentyFive" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> <p> 2.鏄粈涔堟牱鐨勫姩鍔涜姹や箻鍔¢暱鑳藉鍧氭寔韫插湪瀛╁瓙闈㈠墠鍗佸嚑鍒嗛挓鍋氬尰鐤楁晳娌诲憿锛� </p> - <textarea v-model="questionData.askAbout.twentySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + <textarea v-model="questionData.askAbout.twentySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> <h4 id="d023">浜屻�佸姘戣埅鏈嶅姟鎰忚瘑鐨勮姹�</h4> @@ -1152,7 +1212,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li> - <li class="header-right-Number pNum">21</li> + <li class="p-Num">21</li> <li class="header-right-Number cloud"> <img class="" src="../../assets/images/yemei02.png" alt="" /> </li> @@ -1211,15 +1271,15 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p> 1.杩欎釜妗堜緥涓紝鍝簺琛屼负灞炰簬鑸┖鏈嶅姟浜哄憳鎻愪緵鐨勫伐浣滆亴璐h瀹氫互澶栫殑鏈嶅姟锛� </p> - <textarea v-model="questionData.askAbout.twentySeven" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + <textarea v-model="questionData.askAbout.twentySeven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> <p>2.妗堜緥涓皬鏉庢槸鎬庢牱涓诲姩鎻愪緵鏈嶅姟鐨勶紵</p> - <textarea v-model="questionData.askAbout.twentyEight" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + <textarea v-model="questionData.askAbout.twentyEight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> <p> @@ -1246,12 +1306,12 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p> 鍦ㄦ皯鑸湇鍔′腑锛屽浣曟墠鑳戒骇鐢熲�滄湡寰呮晥搴斺�濓紵浣犲彲浠ヤ粠鍝簺鏂归潰鍩瑰吇鑷繁鐨勮亴涓氭剰璇嗗憿锛� </p> <textarea v-model="questionData.askAbout.twentyNine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> </div> @@ -1263,7 +1323,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li> - <li class="header-right-Number pNum">23</li> + <li class="p-Num">23</li> <li class="header-right-Number cloud"> <img class="" src="../../assets/images/yemei02.png" alt="" /> </li> @@ -1327,13 +1387,13 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p>1.涔樺姟闀垮惔鏌愬鑰佺埛鐖锋彁渚涗簡浠�涔堜环鍊肩殑鏈嶅姟锛�</p> - <textarea v-model="questionData.askAbout.thirty" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box" + <textarea v-model="questionData.askAbout.thirty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box" @change="setBookQuestion"></textarea> <p>2.璇诲畬妗堜緥浣犳湁浣曟劅鎮燂紵瀵逛箻鍔″憳杩欎竴宸ヤ綔澶氫簡鍝簺璁よ瘑锛�</p> - <textarea v-model="questionData.askAbout.thirtyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + <textarea v-model="questionData.askAbout.thirtyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> <p> @@ -1346,10 +1406,10 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p>鎬庢牱鐞嗚В姘戣埅鏈嶅姟杩囩▼涓殑鐪煎埌銆佸彛鍒般�佸績鍒帮紵</p> - <textarea v-model="questionData.askAbout.thirtyTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + <textarea v-model="questionData.askAbout.thirtyTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> <div class="bk4"> @@ -1369,7 +1429,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li> - <li class="header-right-Number pNum">25</li> + <li class="p-Num">25</li> <li class="header-right-Number cloud"> <img class="" src="../../assets/images/yemei02.png" alt="" /> </li> @@ -1380,55 +1440,55 @@ <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p> <p>1.浠ヤ笅鍝」涓嶅睘浜庢皯鑸湇鍔$殑琛屼笟鐗瑰緛锛燂紙銆�銆�锛夛紙鍗曢�夐锛�</p> <p> - <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="1" + <input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="A" id="1" v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.缁忔祹鎬� </p> <p> - <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="1" + <input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="B" id="1" v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.鍔熻兘鎬� </p> <p> - <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="1" + <input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="C" id="1" v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.鏂囨槑鎬� </p> <p> - <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="1" + <input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="D" id="1" v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />D.闅忔満鎬� </p> <p>2.浠ヤ笅鍝」涓嶅睘浜庢皯鑸湇鍔$殑閫氱敤鏍囧噯锛燂紙銆�銆�锛夛紙鍗曢�夐锛�</p> <p> - <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="2" + <input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="A" id="2" v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.鍏锋湁鈥滄垜涓轰汉浜猴紝浜轰汉涓烘垜鈥濈殑澶у眬鎰忚瘑 </p> <p> - <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="2" + <input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="B" id="2" v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.鍏锋湁涓婚殢瀹究鐨勫彉閫氭剰璇� </p> <p> - <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="2" + <input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="C" id="2" v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.鍏锋湁鏃呭鑷充笂銆佹湇鍔$涓�鐨勮鍒欐剰璇� </p> <p> - <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="2" + <input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="D" id="2" v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />D.鍏锋湁浠ラ【瀹负涓績鐨勬湇鍔℃剰璇� </p> <p> 3.浠庢梾瀹㈢殑瑙掑害鐪嬶紝鏃呭鑺变笂姣斿潗姹借溅銆佺伀杞﹂珮璁稿鐨勯挶鍧愰鏈哄嚭琛岀殑鐩殑锛屼富瑕佸湪浜庯紙銆�銆�锛夈�傦紙鍗曢�夐锛� </p> <p> - <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="3" + <input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="A" id="3" v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.瀹夊叏 </p> <p> - <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="3" + <input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="B" id="3" v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.蹇嵎鐪佹椂 </p> <p> - <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="3" + <input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="C" id="3" v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.鏈変汉鎻愪緵涓撻棬鏈嶅姟 </p> <p> - <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="3" + <input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="D" id="3" v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />D.鑸掗�� </p> <p> @@ -1439,15 +1499,15 @@ v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />A.鍏呭垎鐞嗚В鏃呭鐨勮繃閿� </p> <p> - <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4" + <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="4" v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />B.鍏呭垎鐞嗚В鏃呭鐨勯渶姹� </p> <p> - <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4" + <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="4" v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />C.鍏呭垎鐞嗚В鏃呭鐨勬兂娉曞拰蹇冩�� </p> <p> - <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4" + <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="4" v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />D.鍏呭垎鐞嗚В涓嶅悓鏃呭 </p> <p>5.璇风畝瑕佽鍑烘皯鑸湇鍔$殑琛屼笟鐗瑰緛銆�</p> @@ -1456,6 +1516,24 @@ <p>6.璇锋牴鎹墍瀛︾煡璇嗗垎鏋愭皯鑸湇鍔$殑鐜扮姸鍙婃湇鍔¤川閲忛棶棰樹骇鐢熺殑鍘熷洜銆�</p> <textarea v-model="questionData.projectTwo.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + <p class="dialogQuestion"> + <span class="td-0">銆愭湰鑺傛祴璇曘��</span> + <span class="td-0"> + <svg @click="openQuestion(2)" t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" + height="28"> + <path + d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z" + fill="#fff" p-id="2537"></path> + <path + d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z" + fill="#fff" p-id="2538"></path> + <path + d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z" + fill="#fff" p-id="2539"></path> + </svg> + </span> + </p> </div> </div> </div> @@ -1511,13 +1589,13 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p>1.姝ゆ渚嬩腑灏忔潕鍏峰鍝簺鑱屼笟绱犲吇鑳藉姏锛�</p> - <textarea v-model="questionData.askAbout.thirtyThree" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + <textarea v-model="questionData.askAbout.thirtyThree" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> <p>2.妗堜緥涓殑鏃呭涓轰綍浼氭劅璋㈠皬鏉庯紵</p> - <textarea v-model="questionData.askAbout.thirtyFour" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + <textarea v-model="questionData.askAbout.thirtyFour" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> </div> @@ -1529,7 +1607,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li> - <li class="header-right-Number pNum">27</li> + <li class="p-Num">27</li> <li class="header-right-Number cloud"> <img class="" src="../../assets/images/yemei02.png" alt="" /> </li> @@ -1548,6 +1626,25 @@ 鏍规嵁銆婁腑鍗庝汉姘戝叡鍜屽浗姘戠敤鑸┖娉曘�嬬涓夊崄涔濇潯瑙勫畾锛屾皯鐢ㄨ埅绌轰汉鍛樻槸鎸囦粠浜嬫皯鐢ㄨ埅绌烘椿鍔ㄧ殑绌哄嫟浜哄憳鍜屽湴闈汉鍛樸�傜┖鍕や汉鍛橈紝鍖呮嫭椹鹃┒鍛樸�侀琛屾満姊颁汉鍛樸�佷箻鍔″憳锛涘湴闈汉鍛橈紝鍖呮嫭姘戠敤鑸┖鍣ㄧ淮淇汉鍛樸�佺┖涓氦閫氱鍒跺憳銆侀琛岀娲惧憳銆佽埅绌虹數鍙伴�氫俊鍛樸�傛棤璁烘槸璐熻矗鍦ㄨ埍鍐呮彁渚涙湇鍔$殑绌哄嫟浜哄憳杩樻槸璐熻矗涓烘梾瀹㈡彁渚涘湴闈㈡湇鍔★紝鍦ㄩ鏈鸿捣椋炲墠纭繚椋炶瀹夊叏锛屼负椋炶鎻愪緵蹇呬笉鍙皯鐨勯琛屽墠鍑嗗鐨勫湴闈汉鍛橈紝閮芥槸涓烘梾瀹㈢殑鑸掗�傚嚭琛屻�佸畨鍏ㄥ嚭琛屾湇鍔$殑銆� </p> <h4 id="d026">浜屻�佹皯鐢ㄨ埅绌轰汉鍛樼殑宀椾綅鑱岃矗</h4> + <div class="video-box"> + <p class="center text td-0"> + <video :src="videoPathFive" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" + x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls + controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video> + </p> + <p class="center videoname"> + <span>瑙嗛锛�1.3.1</span> + <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFour ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" + placement="top-start"> + <img :src="collectResourceList.findIndex( + (item) => item.id == '3b4d6a336fad79e9c4f137e142c26f0b' + ) > -1 + ? collectCheck + : collectImg + " alt="" class="collect-btn" @click="handleCollect('video-05')" /> + </el-tooltip> + </p> + </div> <p> 姘戠敤鑸┖浜哄憳鏈変笉鍚岀殑宀椾綅绉嶇被锛屽矖浣嶈亴璐d篃鏈夋墍涓嶅悓銆備互涓嬫槸瀵归儴鍒嗘皯鐢ㄨ埅绌轰汉鍛樺矖浣嶇绫诲強鍏蜂綋宸ヤ綔鑱岃矗鐨勯槓杩般�� </p> @@ -1626,7 +1723,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li> - <li class="header-right-Number pNum">29</li> + <li class="p-Num">29</li> <li class="header-right-Number cloud"> <img class="" src="../../assets/images/yemei02.png" alt="" /> </li> @@ -1715,7 +1812,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li> - <li class="header-right-Number pNum">31</li> + <li class="p-Num">31</li> <li class="header-right-Number cloud"> <img class="" src="../../assets/images/yemei02.png" alt="" /> </li> @@ -1760,10 +1857,10 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p>浣滀负涓�鍚嶆皯鑸湇鍔′汉鍛橈紝搴旇鍏峰鍝簺绱犲吇鑳藉姏鍛紵</p> <textarea v-model="questionData.askAbout.thirtyFive" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> </div> @@ -1790,6 +1887,25 @@ <p>2.鐞嗚В鍚勯」鑳藉姏瀵逛笓涓氬拰宀椾綅鐨勬敮鎾戞�с��</p> <p>3.鑳藉鍦ㄥ疄闄呭伐浣滀腑鐏垫椿澶氬彉锛岃繍鐢ㄥ悇椤硅兘鍔涜В鍐冲疄闄呴棶棰樸��</p> <p>浠ョ┖涓箻鍔″憳涓轰緥锛屾皯鐢ㄨ埅绌轰汉鍛樺簲鍏峰鐨勮兘鍔涘簲鍖呭惈浠ヤ笅鍑犲ぇ绫汇��</p> + <div class="video-box"> + <p class="center text td-0"> + <video :src="videoPathSix" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" + x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls + controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video> + </p> + <p class="center videoname"> + <span>瑙嗛锛�1.3.2</span> + <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFive ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" + placement="top-start"> + <img :src="collectResourceList.findIndex( + (item) => item.id == '2b112927d0029591bee2ad5de73e3e2a' + ) > -1 + ? collectCheck + : collectImg + " alt="" class="collect-btn" @click="handleCollect('video-06')" /> + </el-tooltip> + </p> + </div> <h4 id="d027">涓�銆佷翰鍜屽姏</h4> <p> 绌轰腑涔樺姟鍛樼殑宸ヤ綔涓嶄粎鏄畝鍗曠殑绔尪閫掓按锛岃�屾槸涓�椤归渶瑕佲�滅溂瑙傚叚璺紝鑰冲惉鍏柟鈥濈殑鍏ㄦ柟浣嶅伐浣滐紝鎵�浠ワ紝婊¤冻鏃呭鐨勯渶姹傚拰涓烘梾瀹㈠甫鏉ヨ壇濂界殑涔樻満浣撻獙鏄箻鍔″憳鐨勯瑕佷换鍔°�傛梾瀹㈣壇濂界殑鍥為鍙堥鍏堟簮浜庣┖涔樹汉鍛樿壇濂界殑浜插拰鍔涳紝杩欏氨瑕佹眰涔樺姟鍛橀渶鍏峰姝ら」鍩烘湰鑳藉姏銆傚湪鏈嶅姟鏃呭鏃讹紝涔樺姟鍛樹粠鍐呭績鍒板鍦ㄩ兘搴斾紶閫掑弸鍠勪俊鎭紝浣挎梾瀹骇鐢熸剦鎮︺�佸紑蹇冦�佽垝閫傘�佹俯棣ㄣ�佷俊浠荤殑蹇冪悊鎰熷彈锛屼粠鑰屽缓绔嬩箻鍔″憳涓庢梾瀹箣闂寸殑鍙嬪ソ銆佸拰鐫︾殑鍏崇郴銆� @@ -1809,13 +1925,13 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p>1.鏂板姞鍧¤埅绌轰负浠�涔堣鎶婂井绗戜綔涓洪噸瑕佺殑閫夋嫈鏍囧噯锛�</p> - <textarea v-model="questionData.askAbout.twentySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + <textarea v-model="questionData.askAbout.twentySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> <p>2.鍦ㄧ敓娲讳腑淇濇寔寰瑧瀵逛綘鏈変粈涔堢泭澶勶紵</p> - <textarea v-model="questionData.askAbout.thirtySeven" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + <textarea v-model="questionData.askAbout.thirtySeven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> <p> @@ -1830,7 +1946,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li> - <li class="header-right-Number pNum">33</li> + <li class="p-Num">33</li> <li class="header-right-Number cloud"> <img class="" src="../../assets/images/yemei02.png" alt="" /> </li> @@ -1883,13 +1999,13 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p>1.姝ゆ渚嬩綋鐜颁簡涔樺姟鍛樼殑浠�涔堢礌鍏昏兘鍔涳紵</p> - <textarea v-model="questionData.askAbout.thirtyEight" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + <textarea v-model="questionData.askAbout.thirtyEight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> <p>2.浣挎梾瀹㈠皬鍛ㄦ劅鍔ㄧ殑鍘熷洜鏄粈涔堬紵浠庢渚嬩腑浣犲鍒颁簡浠�涔堬紵</p> - <textarea v-model="questionData.askAbout.thirtyNine" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + <textarea v-model="questionData.askAbout.thirtyNine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> <p> @@ -1919,7 +2035,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li> - <li class="header-right-Number pNum">35</li> + <li class="p-Num">35</li> <li class="header-right-Number cloud"> <img class="" src="../../assets/images/yemei02.png" alt="" /> </li> @@ -1937,14 +2053,14 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p> 1.闄や簡鍩虹鐨勬湇鍔℃祦绋嬶紝鎯宠鏃呭鏈夋洿鑸掑績鐨勬湇鍔′綋楠岃繕闇�瑕佺┖涔樹汉鍛樺叿鏈変粈涔堣兘鍔涳紵 </p> - <textarea v-model="questionData.askAbout.forty" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box" + <textarea v-model="questionData.askAbout.forty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box" @change="setBookQuestion"></textarea> <p>2.璇ユ渚嬬粰浣犱粈涔堟牱鐨勫惎绀猴紵</p> - <textarea v-model="questionData.askAbout.fortyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box" + <textarea v-model="questionData.askAbout.fortyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> @@ -1992,11 +2108,11 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p> 鎮ㄤ粠姝や簨渚嬩腑鐪嬪埌灏忓惔鐨勪粈涔堣亴涓氱礌鍏昏兘鍔涳紵缁欐偍甯︽潵浜嗕粈涔堝惎鍙戯紵 </p> - <textarea v-model="questionData.askAbout.fortyTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box" + <textarea v-model="questionData.askAbout.fortyTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> @@ -2020,7 +2136,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li> - <li class="header-right-Number pNum">37</li> + <li class="p-Num">37</li> <li class="header-right-Number cloud"> <img class="" src="../../assets/images/yemei02.png" alt="" /> </li> @@ -2043,13 +2159,13 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p>1.璇ユ渚嬩腑鍝簺鍦版柟鐨勬矡閫氳繕闇�鏀硅繘锛�</p> - <textarea v-model="questionData.askAbout.fortyThree" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + <textarea v-model="questionData.askAbout.fortyThree" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> <p>2.缁撳悎褰撴椂鐨勬儏鍐碉紝浣犺寰楀簲璇ユ�庢牱杩涜鏈夋晥鐨勬矡閫氾紵</p> - <textarea v-model="questionData.askAbout.fortyFour" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + <textarea v-model="questionData.askAbout.fortyFour" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> <p> @@ -2115,7 +2231,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li> - <li class="header-right-Number pNum">39</li> + <li class="p-Num">39</li> <li class="header-right-Number cloud"> <img class="" src="../../assets/images/yemei02.png" alt="" /> </li> @@ -2133,14 +2249,14 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p>1.鍒樹紶寤烘満闀垮湪澶勭疆璇ヤ簨浠朵腑锛屽睍鐜颁簡浠栫殑鍝簺鑳藉姏锛�</p> - <textarea v-model="questionData.askAbout.fortyFive" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + <textarea v-model="questionData.askAbout.fortyFive" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> <p> 2.濡傛灉浣犳槸璇ヨ埅鐝殑涓�鍚嶄箻鍔″憳锛屽湪骞虫椂鐨勫煿璁腑浣犻渶瑕佺Н绱摢浜涙柟闈㈢殑绱犲吇鏉ュ畬鍠勮嚜宸卞鐞嗙揣鎬ユ儏鍐电殑鑳藉姏鍛紵 </p> - <textarea v-model="questionData.askAbout.fortySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box" + <textarea v-model="questionData.askAbout.fortySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> @@ -2155,13 +2271,13 @@ </p> <p class="center videoname"> <span>瑙嗛锛氬窛鑸揣鎬ユ挙绂�</span> - <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌' - " placement="top-start"> + <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" + placement="top-start"> <img :src="collectResourceList.findIndex( (item) => item.id == '4f0afd466e16bde40a447ff467452181' ) > -1 - ? collectCheck - : collectImg + ? collectCheck + : collectImg " alt="" class="collect-btn" @click="handleCollect('video-01')" /> </el-tooltip> </p> @@ -2221,7 +2337,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li> - <li class="header-right-Number pNum">41</li> + <li class="p-Num">41</li> <li class="header-right-Number cloud"> <img class="" src="../../assets/images/yemei02.png" alt="" /> </li> @@ -2244,6 +2360,44 @@ <p>1.閫氳繃璁粌鍩瑰吇浜插拰鍔涖��</p> <p>2.閫氳繃璁粌鍩瑰吇瑙傚療鑳藉姏銆�</p> <p>3.閫氳繃璁粌鍩瑰吇鍊惧惉鑳藉姏銆�</p> + <div class="video-box"> + <p class="center text td-0"> + <video :src="videoPathSeven" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" + x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls + controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video> + </p> + <p class="center videoname"> + <span>瑙嗛锛�1.3.3</span> + <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoSix ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" + placement="top-start"> + <img :src="collectResourceList.findIndex( + (item) => item.id == 'e483ec3b940fcc8616b8aea894d5ded0' + ) > -1 + ? collectCheck + : collectImg + " alt="" class="collect-btn" @click="handleCollect('video-07')" /> + </el-tooltip> + </p> + </div> + <div class="video-box"> + <p class="center text td-0"> + <video :src="videoPathEight" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" + x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls + controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video> + </p> + <p class="center videoname"> + <span>瑙嗛锛�1.3.4</span> + <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoSeven ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" + placement="top-start"> + <img :src="collectResourceList.findIndex( + (item) => item.id == 'be07f31967532a808843e53df1a436d5' + ) > -1 + ? collectCheck + : collectImg + " alt="" class="collect-btn" @click="handleCollect('video-08')" /> + </el-tooltip> + </p> + </div> <h4 id="d033">涓�銆佷翰鍜屽姏鐨勮缁�</h4> <h5 id="e027">锛堜竴锛夊闀滆缁冩硶</h5> <p> @@ -2285,32 +2439,162 @@ <p class="block"> 锛�1锛夊寙蹇欏湴琛岃蛋鍦ㄨ矾涓婏紝鍒汉鍚戜綘鎵撴嫑鍛尖�滀綘濂藉晩锛佲�濓紝浣犱細鍋滀笅鑴氭鍚屼粬鑱婅亰鍚楋紵 </p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="one" value="1" id="1" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.one" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="one" value="0" id="1" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.one" @change="setEvaluation" />鍚� + </p> + </div> <p class="block">锛�2锛変笌鏈嬪弸浜よ皥鏃讹紝浣犳槸鍚︽�绘槸浠ヨ嚜宸变负涓績锛�</p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="two" value="1" id="2" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.two" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="two" value="0" id="2" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.two" @change="setEvaluation" />鍚� + </p> + </div> <p class="block">锛�3锛夎仛浼氫腑涓嶅埌浜轰汉鐤插�︼紝浣犱笉浼氬憡閫�銆�</p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="three" value="1" id="3" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.three" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="three" value="0" id="3" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.three" @change="setEvaluation" />鍚� + </p> + </div> <p class="block"> 锛�4锛変笉绠″埆浜烘湁娌℃湁瑕佹眰锛屼綘閮戒細涓诲姩鎻愬嚭寤鸿锛屽憡璇変粬搴旇鎬庝箞鍘诲仛鍚楋紵 </p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="four" value="1" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.four" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="four" value="0" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.four" @change="setEvaluation" />鍚� + </p> + </div> <p class="block"> 锛�5锛変綘璁茬殑鏁呬簨鎴栭�镐簨鏄惁鎬绘槸鍙堥暱鍙堝鏉傦紝鍒汉闇�瑕佽�愬績鍦板幓鍚紵 </p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="five" value="1" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.five" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="five" value="0" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.five" @change="setEvaluation" />鍚� + </p> + </div> <p class="block">锛�6锛夊綋浠栦汉鍦ㄨ瀺娲藉湴浜よ皥鏃讹紝浣犳槸鍚︿細璐哥劧鍦版彃璇濓紵</p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="six" value="1" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.six" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="six" value="0" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.six" @change="setEvaluation" />鍚� + </p> + </div> <p class="block"> 锛�7锛変綘鏄惁浼氱粡甯告触娲ユ湁鍛冲湴涓庢湅鍙嬭皥璧蜂粬浠笉璁よ瘑鐨勪汉锛� </p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="seven" value="1" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.seven" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="seven" value="0" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.seven" @change="setEvaluation" />鍚� + </p> + </div> <p class="block">锛�8锛夊綋鍒汉浜よ皥鏃讹紝浣犳槸鍚︿細鎵撴柇浠栦滑锛�</p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="eight" value="1" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.eight" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="eight" value="0" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.eight" @change="setEvaluation" />鍚� + </p> + </div> <p class="block"> 锛�9锛変綘鏄惁瑙夊緱鑷繁璁叉晠浜嬬粰鍒汉鍚紝姣斿埆浜鸿缁欎綘鍚湁鎰忔�濓紵 </p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="nine" value="1" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.nine" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="nine" value="0" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.nine" @change="setEvaluation" />鍚� + </p> + </div> <p class="block"> 锛�10锛変綘鏄惁甯告彁閱掓湅鍙嬭淇″畧璇鸿█锛岄棶浠栤�滀綘璁板緱鍚椻�濇垨鈥滀綘蹇樹簡鍚椻�濓紵 </p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="ten" value="1" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.ten" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="ten" value="0" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.ten" @change="setEvaluation" />鍚� + </p> + </div> <p class="block">锛�11锛変綘鏄惁鍧氭寔璁╂湅鍙嬮槄璇讳綘璁や负鏈夎叮鐨勪俊鎭紵</p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="eleven" value="1" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.eleven" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="eleven" value="0" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.eleven" @change="setEvaluation" />鍚� + </p> + </div> <p class="block"> 锛�12锛変綘鏄惁鎵撶數璇濇椂璇翠釜娌″畬锛岃鍏朵粬浜哄湪涓�鏃佺潃鎬ョ瓑寰咃紵 </p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="twelve" value="1" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.twelve" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="twelve" value="0" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.twelve" @change="setEvaluation" />鍚� + </p> + </div> <p class="block"> 锛�13锛変綘鏄惁缁忓父鍙戠幇鏈嬪弸鐨勭煭澶勶紝骞惰姹備粬浠幓鏀硅繘锛� </p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="thirteen" value="1" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.thirteen" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="thirteen" value="0" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.thirteen" @change="setEvaluation" />鍚� + </p> + </div> </div> </div> </div> @@ -2320,7 +2604,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li> - <li class="header-right-Number pNum">43</li> + <li class="p-Num">43</li> <li class="header-right-Number cloud"> <img class="" src="../../assets/images/yemei02.png" alt="" /> </li> @@ -2331,9 +2615,47 @@ <p class="block"> 锛�14锛夊綋鍒汉璋堝埌浣犱笉鍠滄鐨勮瘽棰樻椂锛屼綘鏄惁灏变笉璇磋瘽浜嗭紵 </p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="fourteen" value="1" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.fourteen" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="fourteen" value="0" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.fourteen" @change="setEvaluation" />鍚� + </p> + </div> <p class="block"> 锛�15锛夊绉嶇涓嶅鎰忕殑浜嬫儏锛屼綘鏄惁鎬绘槸鍠滄鎵句汉璇夎嫤锛� </p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="fifteen" value="1" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.fifteen" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="fifteen" value="0" :disabled="evaluation.isCompleteOne" + v-model="evaluation.evaluationOneValue.fifteen" @change="setEvaluation" />鍚� + </p> + </div> + <!-- 鎻愪氦鎸夐挳 --> + <div class="w100 fl ju-cn"> + <ul class="fl ju-ev w80 choice"> + <li> + <button class="btn-border btn-w" @click="goCheckOne"> + 鎻愪氦 + </button> + </li> + <li> + <button @click="changeCheckData" class="btn-border btn-w"> + 閲嶅仛 + </button> + </li> + </ul> + </div> + <div class="c-r block" v-if="evaluationOneResults || evaluationOneResults === 0"> + 鎮ㄧ殑寰楀垎锛歿{ evaluationOneResults }} + </div> <h4 id="d034">浜屻�佽瀵熻兘鍔涚殑璁粌</h4> <p class="center"> <span class="cs1">瑙傚療鍔涜�冮獙鈥斺�斿浘鐗囦腑鍏辨湁鍑犱釜浜猴紵</span> @@ -2353,9 +2675,49 @@ <p class="td-0"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p> <p class="center"><span class="cs1">鍊惧惉鑳藉姏娴嬭瘯</span></p> <p class="block">锛�1锛夋垜甯稿父璇曞浘鍚屾椂鍚嚑涓汉鐨勪氦璋堛��</p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="eOne" value="0" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.one" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="eOne" value="1" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.one" @change="setEvaluation" />鍚� + </p> + </div> <p class="block">锛�2锛夊枩娆㈠埆浜哄彧缁欐垜鎻愪緵浜嬪疄锛屾垜鑷繁鍋氬嚭瑙i噴銆�</p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="eTwo" value="0" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.two" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="eTwo" value="1" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.two" @change="setEvaluation" />鍚� + </p> + </div> <p class="block">锛�3锛夋湁鏃跺亣瑁呰嚜宸卞湪璁ょ湡鍚埆浜鸿璇濄��</p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="eThree" value="0" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.three" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="eThree" value="1" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.three" @change="setEvaluation" />鍚� + </p> + </div> <p class="block">锛�4锛夎涓鸿嚜宸辨槸闈炶█璇矡閫氭柟闈㈢殑濂芥墜銆�</p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="eFour" value="1" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.four" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="eFour" value="0" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.four" @change="setEvaluation" />鍚� + </p> + </div> </div> </div> </div> @@ -2373,34 +2735,173 @@ </ul> <div class="bodystyle"> <p class="block">锛�5锛夊父甯稿湪鍒汉璇磋瘽涔嬪墠灏辩煡閬撲粬瑕佽浠�涔堛��</p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="eFive" value="0" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.five" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="eFive" value="1" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.five" @change="setEvaluation" />鍚� + </p> + </div> <p class="block"> 锛�6锛夊鏋滀笉鍠滄鍜屾煇浜轰氦璋堬紝甯稿父鐢ㄦ敞鎰忓姏涓嶉泦涓殑鏂瑰紡缁撴潫璋堣瘽銆� </p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="eSix" value="0" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.six" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="eSix" value="1" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.six" @change="setEvaluation" />鍚� + </p> + </div> <p class="block"> 锛�7锛夊父甯哥敤鐐瑰ご銆佺毐鐪夌瓑鏂瑰紡璁╄璇濅汉浜嗚В鎴戝浠栬鐨勫唴瀹圭殑鎰熻銆� </p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="eSeven" value="0" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.seven" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="eSeven" value="1" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.seven" @change="setEvaluation" />鍚� + </p> + </div> <p class="block">锛�8锛夊父甯稿埆浜哄垰璇村畬锛屾垜灏辫皥鑷繁鐨勭湅娉曘��</p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="eEight" value="0" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.eight" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="eEight" value="1" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.eight" @change="setEvaluation" />鍚� + </p> + </div> <p class="block"> 锛�9锛夊埆浜鸿璇濈殑鍚屾椂锛屾垜甯稿父鎬濊�冩帴涓嬫潵鎴戣璇寸殑鍐呭銆� </p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="eNine" value="0" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.nine" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="eNine" value="1" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.nine" @change="setEvaluation" />鍚� + </p> + </div> <p class="block"> 锛�10锛夎璇濅汉鐨勮皥璇濋鏍煎父甯稿奖鍝嶆垜瀵硅皥璇濆唴瀹圭殑鍏磋叮銆� </p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="eTen" value="0" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.ten" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="eTen" value="1" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.ten" @change="setEvaluation" />鍚� + </p> + </div> <p class="block"> 锛�11锛変负浜嗗紕娓呭鏂规墍璇寸殑瑙傜偣锛屾垜甯搁噰鍙栨彁闂殑鏂瑰紡锛岃�屼笉杩涜鐚滄祴銆� </p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="eEleven" value="1" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.eleven" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="eEleven" value="0" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.eleven" @change="setEvaluation" />鍚� + </p> + </div> <p class="block">锛�12锛変负浜嗙悊瑙e鏂圭殑瑙傜偣锛屾垜鎬讳細涓嬬嫚鍔熷か銆�</p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="eTwelve" value="1" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.twelve" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="eTwelve" value="0" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.twelve" @change="setEvaluation" />鍚� + </p> + </div> <p class="block"> 锛�13锛夊父甯稿惉鑷繁鍠滄鍚殑鍐呭锛岃�屼笉鏄惉鍒汉琛ㄨ揪鐨勫唴瀹广�� </p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="eThirteen" value="0" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.thirteen" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="eThirteen" value="1" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.thirteen" @change="setEvaluation" />鍚� + </p> + </div> <p class="block"> 锛�14锛夊綋鎴戝拰鍒汉鎰忚涓嶄竴鑷存椂锛屽ぇ澶氭暟浜鸿涓烘垜鐞嗚В浜嗕粬浠殑瑙傜偣鍜屾兂娉曘�� </p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="eFourteen" value="1" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.fourteen" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="eFourteen" value="0" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.fourteen" @change="setEvaluation" />鍚� + </p> + </div> <p class="block">锛�15锛夊埆浜鸿璇濈殑鍚屾椂锛屾垜涔熷湪璇勪环浠栬鐨勫唴瀹广��</p> - <p class="block">娴嬭瘯缁撴灉锛�</p> - <p class="block"> - 棰樼洰4銆�11銆�12銆�14鐨勭瓟妗堜负鈥滄槸鈥濓紝鍏朵綑涓衡�滃惁鈥濄�傚皢绛旈敊鐨勯鐩釜鏁板姞璧锋潵鍚庝箻7锛屽啀鐢�105鍑忓幓杩欎釜鏁帮紝灏辨槸鏈�鍚庡緱鍒嗐�傝瘎鍒わ細91锝�105涔嬮棿锛岃鏄庢湁鑹ソ鐨勫�惧惉涔犳儻锛�77锝�90涔嬮棿锛岃鏄庤繕鏈夊緢澶х殑杩涙绌洪棿銆� - </p> + <div class="fl ml-35"> + <p class="block"> + <input type="radio" name="eFifteen" value="0" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.fifteen" @change="setEvaluation" />鏄� + </p> + <p class="block"> + <input type="radio" name="eFifteen" value="1" id="1" :disabled="evaluation.isCompleteTwo" + v-model="evaluation.evaluationTwoValue.fifteen" @change="setEvaluation" />鍚� + </p> + </div> + + <!-- 鎻愪氦鎸夐挳 --> + <div class="w100 fl ju-cn"> + <ul class="fl ju-ev w80 choice"> + <li> + <button class="btn-border btn-w" @click="goCheckTwo"> + 鎻愪氦 + </button> + </li> + <li> + <button @click="changeCheckTwo" class="btn-border btn-w"> + 閲嶅仛 + </button> + </li> + <li> + <button @click=" + evaluation.showCheckAnswer = !evaluation.showCheckAnswer + " class="parimary-btn"> + 璇勫垎鏍囧噯 + </button> + </li> + </ul> + </div> + <div class="c-r block" v-if="evaluationTwoResults || evaluationTwoResults === 0"> + 鎮ㄧ殑寰楀垎锛歿{ evaluationTwoResults }} + </div> + <div v-show="evaluation.showCheckAnswer" class="mb-30"> + <p class="block">娴嬭瘯缁撴灉锛�</p> + <p class="block"> + 棰樼洰4銆�11銆�12銆�14鐨勭瓟妗堜负鈥滄槸鈥濓紝鍏朵綑涓衡�滃惁鈥濄�傚皢绛旈敊鐨勯鐩釜鏁板姞璧锋潵鍚庝箻7锛屽啀鐢�105鍑忓幓杩欎釜鏁帮紝灏辨槸鏈�鍚庡緱鍒嗐�傝瘎鍒わ細91锝�105涔嬮棿锛岃鏄庢湁鑹ソ鐨勫�惧惉涔犳儻锛�77锝�90涔嬮棿锛岃鏄庤繕鏈夊緢澶х殑杩涙绌洪棿銆� + </p> + </div> + <p class="td-0"><span class="bj2">路绀间箣瀹炶返路</span></p> <p class="center"> <span class="cs1">瀛︿細鍊惧惉鍜岃〃杈剧殑鎷撳睍娓告垙</span> @@ -2435,7 +2936,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li> - <li class="header-right-Number pNum">45</li> + <li class="p-Num">45</li> <li class="header-right-Number cloud"> <img class="" src="../../assets/images/yemei02.png" alt="" /> </li> @@ -2507,48 +3008,32 @@ <p> 3.浣滀负涓�鍚嶆皯鐢ㄨ埅绌轰汉鍛橈紝褰撻潰瀵圭獊鍙戞儏鍐垫椂搴旀矇鐫�鍐烽潤锛屽悓鏃朵篃璇ュ叿澶囧摢浜涘熀鏈礌鍏昏兘鍔涘憿锛燂紙銆�銆�锛夛紙澶氶�夐锛� </p> - <p><input - type="checkbox" - name="ball1" - :disabled="questionData.isComplete" - value="A" - id="3" - v-model="questionData.projectThree.three.value" - @change="setBookQuestion" - />A.蹇冪悊绱犺川</p> - <p><input - type="checkbox" - name="ball1" - :disabled="questionData.isComplete" - value="B" - id="3" - v-model="questionData.projectThree.three.value" - @change="setBookQuestion" - />B.鍧氬疄鐨勪笓涓氱煡璇�</p> - <p><input - type="checkbox" - name="ball1" - :disabled="questionData.isComplete" - value="C" - id="3" - v-model="questionData.projectThree.three.value" - @change="setBookQuestion" - />C.缁勭粐鑳藉姏</p> - <p><input - type="checkbox" - name="ball1" - :disabled="questionData.isComplete" - value="D" - id="3" - v-model="questionData.projectThree.three.value" - @change="setBookQuestion" - />D.鍥㈤槦绮剧</p> + <p> + <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="A" id="3" + v-model="questionData.projectThree.three.value" @change="setBookQuestion" />A.蹇冪悊绱犺川 + </p> + <p> + <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="B" id="3" + v-model="questionData.projectThree.three.value" @change="setBookQuestion" />B.鍧氬疄鐨勪笓涓氱煡璇� + </p> + <p> + <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="C" id="3" + v-model="questionData.projectThree.three.value" @change="setBookQuestion" />C.缁勭粐鑳藉姏 + </p> + <p> + <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="D" id="3" + v-model="questionData.projectThree.three.value" @change="setBookQuestion" />D.鍥㈤槦绮剧 + </p> <p>4.鏍规嵁鐩墠鎵�瀛︿笓涓氾紝璇峰垎鏋愯嚜宸卞簲璇ュ叿澶囧摢浜涚礌鍏昏兘鍔涖��</p> <textarea v-model="questionData.projectThree.four.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + class="fz-16 textarea-box" @change="setBookQuestion"></textarea> </div> </div> </div> + <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor" + :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum" + :questionTitle="questionTitleMain" ref="dialogRef"> + </dialogExaminations> </div> </template> @@ -2558,18 +3043,32 @@ getCollectResource, setCollectResource, } from "@/assets/methods/resources"; +import dialogExaminations from "@/components/dialogExaminations/index.vue"; export default { name: "chapterOne", props: { showPageList: { type: Array, }, + interfaceQuestion: { + type: Object, + }, + }, + components: { + dialogExaminations, }, data() { return { collectImg: require("../../assets/images/icon/heart.png"), collectCheck: require("../../assets/images/icon/heart-check.png"), videoPathOne: "", + videoPathTwo: "", + videoPathThree: "", + videoPathFour: "", + videoPathFive: "", + videoPathSix: "", + videoPathSeven: "", + videoPathEight: "", collectResourceList: [], showQuestionAnswer: false, showChoiceAnswer: false, @@ -2577,9 +3076,18 @@ isFocused: null, chapterData: { isCollectVideo: false, + isCollectVideoOne: false, + isCollectVideoTwo: false, + isCollectVideoThree: false, + isCollectVideoFour: false, + isCollectVideoFive: false, + isCollectVideoSix: false, + isCollectVideoSeven: false, + isCollectVideoEight: false, }, questionData: { isComplete: false, + //瀵荤ぜ涔嬮棶 askAbout: { one: "", two: "", @@ -2628,9 +3136,10 @@ fortyFive: "", fortySix: "", }, + //椤圭洰鑷祴 projectOne: { one: { - value: [], + value: "", }, two: { value: [], @@ -2647,13 +3156,13 @@ }, projectTwo: { one: { - value: [], + value: "", }, two: { - value: [], + value: "", }, three: { - value: [], + value: "", }, four: { value: [], @@ -2680,32 +3189,101 @@ }, }, }, + evaluation: { + showCheckAnswer: false, + isCompleteOne: false, + isCompleteTwo: false, + evaluationOneValue: { + one: "", + two: "", + three: "", + four: "", + five: "", + six: "", + seven: "", + eight: "", + nine: "", + ten: "", + eleven: "", + twelve: "", + thirteen: "", + fourteen: "", + fifteen: "", + }, //娴嬭瘎绛旀 + + evaluationTwoValue: { + one: "", + two: "", + three: "", + four: "", + five: "", + six: "", + seven: "", + eight: "", + nine: "", + ten: "", + eleven: "", + twelve: "", + thirteen: "", + fourteen: "", + fifteen: "", + }, //娴嬭瘎绛旀 + + }, + evaluationOneResults: "", //娴嬭瘎缁撴灉 + evaluationTwoResults: "", //娴嬭瘎缁撴灉 + // 棰樼洰鐩稿叧 + dialogVisibleOne: false, + themeColor: "#6E85AF", + questionNum: 0, + questionTitleMain: "", + chapter001: { + question: { + 1: { + questionTitleMain: "妯″潡涓�銆�绀间华璁ょ煡", + questionNum: 18, + }, + 2: { + questionTitleMain: "妯″潡涓�銆�姘戣埅鏈嶅姟鎰忚瘑璁ょ煡", + questionNum: 31, + }, + }, + }, }; }, + async mounted() { + //椤圭洰鑷祴鍙婂绀间箣闂� const bookQuestion = localStorage.getItem( "aviationEtiquette-book-chapter01-question" ); if (bookQuestion) { this.questionData = JSON.parse(bookQuestion); } - const choiceQuestion = localStorage.getItem( - "aviationEtiquette-book-chapter02-Data" + + //娴嬭瘯 + console.log(this.evaluation) + const evaluationData = localStorage.getItem( + "aviationEtiquette-book-evaluation-chapter001" ); - if (choiceQuestion) { - this.chapterData = JSON.parse(choiceQuestion); + if (evaluationData) { + this.evaluation = JSON.parse(evaluationData); } - const choiceInputQuestion = localStorage.getItem( - "civilAviatyon-book-chapter001-choice" + const evaluationOneData = localStorage.getItem( + "aviationEtiquette-book-evaluation-one" ); - - const videoData = localStorage.getItem( - "civilAviatyonSevervices-book-chapter001" - ); - if (videoData) { - this.chapter001 = JSON.parse(videoData); + if (evaluationOneData) { + this.evaluationOneResults = evaluationOneData; } + + const evaluationTwoData = localStorage.getItem( + "aviationEtiquette-book-evaluation-two" + ); + if (evaluationTwoData) { + this.evaluationTwoResults = evaluationTwoData; + } + this.getVidoePath(); this.collectResourceList = await getCollectResource( this.config.activeBook.bookId @@ -2716,6 +3294,28 @@ this.videoPathOne = await getResourcePath( "4f0afd466e16bde40a447ff467452181" ); + this.videoPathTwo = await getResourcePath( + "dfa7f3d64168acde32e4ca07a9001e79" + ); + this.videoPathThree = await getResourcePath( + "602e257498cd61657b759edd5be0221d" + ); + this.videoPathFour = await getResourcePath( + "571b9fb7962e8fc30749893919d2157b" + ); + this.videoPathFive = await getResourcePath( + "3b4d6a336fad79e9c4f137e142c26f0b" + ); + this.videoPathSix = await getResourcePath( + "2b112927d0029591bee2ad5de73e3e2a" + ); + this.videoPathSeven = await getResourcePath( + "e483ec3b940fcc8616b8aea894d5ded0" + ); + this.videoPathEight = await getResourcePath( + "be07f31967532a808843e53df1a436d5" + ); + }, setBookQuestion() { localStorage.setItem( @@ -2723,6 +3323,83 @@ JSON.stringify(this.questionData) ); }, + + //娴嬭瘯鎻愪氦 + setEvaluation() { + // localStorage.setItem( + // "aviationEtiquette-book-chapter01-evaluation", + // JSON.stringify(this.evaluation) + // ); + }, + goCheckOne() { + let obj = 0; + let index = 0; + for (let key in this.evaluation.evaluationOneValue) { + if (this.evaluation.evaluationOneValue[key] === "") { + index++ + } + if (this.evaluation.evaluationOneValue[key] === "1") { + obj = obj + 1; + } else { + obj = obj + 0; + } + } + if (index > 0 || Object.keys(this.evaluation.evaluationOneValue).length < 15) { + this.$message({ + message: "鎮ㄨ繕鏈夐鐩湭閫夋嫨绛旀", + type: "warning" + }); + return; + } else { + this.evaluationOneResults = obj; + this.evaluation.isCompleteOne = true + localStorage.setItem("aviationEtiquette-book-evaluation-chapter001", JSON.stringify(this.evaluation)); + localStorage.setItem("aviationEtiquette-book-evaluation-one", this.evaluationOneResults); + } + + }, + changeCheckData() { + this.evaluationOneResults = ''; + this.evaluation.evaluationOneValue = {}; + this.evaluation.isCompleteOne = false + localStorage.setItem("aviationEtiquette-book-evaluation-chapter001", JSON.stringify(this.evaluation)); + localStorage.removeItem("aviationEtiquette-book-evaluation-one"); + }, + + goCheckTwo() { + let obj = 0; + let index = 0; + for (let key in this.evaluation.evaluationTwoValue) { + if (this.evaluation.evaluationTwoValue[key] === "") { + index++ + } + if (this.evaluation.evaluationTwoValue[key] == "0") { + obj = obj + 1; + } + } + if (index > 0 || Object.keys(this.evaluation.evaluationTwoValue).length < 15) { + this.$message({ + message: "鎮ㄨ繕鏈夐鐩湭閫夋嫨绛旀", + type: "warning" + }); + return; + } else { + this.evaluationTwoResults = 105 - obj * 7; + this.evaluation.showCheckAnswer = true; + this.evaluation.isCompleteTwo = true + localStorage.setItem("aviationEtiquette-book-evaluation-chapter001", JSON.stringify(this.evaluation)); + localStorage.setItem("aviationEtiquette-book-evaluation-two", this.evaluationOneResults); + } + }, + + changeCheckTwo() { + this.evaluationTwoResults = ""; + this.evaluation.evaluationTwoValue = {}; + this.evaluation.isCompleteTwo = false + localStorage.setItem("aviationEtiquette-book-evaluation-chapter001", JSON.stringify(this.evaluation)); + localStorage.removeItem("aviationEtiquette-book-evaluation-two"); + }, + handleFocus(id) { this.isFocused = id; // 褰搕extarea鑱氱劍鏃讹紝璁剧疆涓簍rue }, @@ -2741,16 +3418,79 @@ "瑙嗛锛氬窛鑸揣鎬ユ挙绂�" ); this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo; + } else if (e == "video-02") { + this.handleCollectResource( + "dfa7f3d64168acde32e4ca07a9001e79", + "dfa7f3d64168acde32e4ca07a9001e79", + "", + "瑙嗛", + "bits", + "瑙嗛锛�1.1.1" + ); + this.chapterData.isCollectVideoOne = !this.chapterData.isCollectVideoOne; + } else if (e == "video-03") { + this.handleCollectResource( + "602e257498cd61657b759edd5be0221d", + "602e257498cd61657b759edd5be0221d", + "", + "瑙嗛", + "bits", + "瑙嗛锛�1.2.1" + ); + this.chapterData.isCollectVideoTwo = !this.chapterData.isCollectVideoTwo; + } else if (e == "video-04") { + this.handleCollectResource( + "571b9fb7962e8fc30749893919d2157b", + "571b9fb7962e8fc30749893919d2157b", + "", + "瑙嗛", + "bits", + "瑙嗛锛�1.2.2" + ); + this.chapterData.isCollectVideoThree = !this.chapterData.isCollectVideoThree; + } else if (e == "video-05") { + this.handleCollectResource( + "3b4d6a336fad79e9c4f137e142c26f0b", + "3b4d6a336fad79e9c4f137e142c26f0b", + "", + "瑙嗛", + "bits", + "瑙嗛锛�1.3.1" + ); + this.chapterData.isCollectVideoFour = !this.chapterData.isCollectVideoFour; + } else if (e == "video-06") { + this.handleCollectResource( + "2b112927d0029591bee2ad5de73e3e2a", + "2b112927d0029591bee2ad5de73e3e2a", + "", + "瑙嗛", + "bits", + "瑙嗛锛�1.3.2" + ); + this.chapterData.isCollectVideoFive = !this.chapterData.isCollectVideoFive; + } else if (e == "video-07") { + this.handleCollectResource( + "e483ec3b940fcc8616b8aea894d5ded0", + "e483ec3b940fcc8616b8aea894d5ded0", + "", + "瑙嗛", + "bits", + "瑙嗛锛�1.3.3" + ); + this.chapterData.isCollectVideoSix = !this.chapterData.isCollectVideoSix; + } else if (e == "video-08") { + this.handleCollectResource( + "be07f31967532a808843e53df1a436d5", + "be07f31967532a808843e53df1a436d5", + "", + "瑙嗛", + "bits", + "瑙嗛锛�1.3.4" + ); + this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven; } - this.handleChapterData(); }, - handleChapterData() { - localStorage.setItem( - "aviationEtiquette-book-chapter02-Data", - JSON.stringify(this.chapterData) - ); - }, //璧勬簮鏀惰棌浜嬩欢 // resourcePath 鏂囦欢璺緞锛� // resourceType 鏂囦欢绫诲瀷 @@ -2782,6 +3522,14 @@ this.collectResourceList ); }, + + openQuestion(num) { + if (num) { + this.questionNum = this.chapter001.question[num].questionNum; + this.questionTitleMain = this.chapter001.question[num].questionTitleMain; + this.$refs.dialogRef.openDialogQuestion(); + } + }, }, }; </script> -- Gitblit v1.9.1