From 54d141532c864200b19404848ae5a8110535c6ed Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期四, 26 十二月 2024 18:12:32 +0800
Subject: [PATCH] 1
---
src/books/aviationSafety/view/components/chapter003.vue | 1182 ++++++++++++++++++++++++++++++++++++++--------------------
1 files changed, 766 insertions(+), 416 deletions(-)
diff --git a/src/books/aviationSafety/view/components/chapter003.vue b/src/books/aviationSafety/view/components/chapter003.vue
index 021ea89..2455df6 100644
--- a/src/books/aviationSafety/view/components/chapter003.vue
+++ b/src/books/aviationSafety/view/components/chapter003.vue
@@ -1,430 +1,780 @@
<template>
- <div class="chapter" num="4">
- <!-- 27椤� -->
- <div class="page-box" page="34">
- <div v-if="showPageList.indexOf(34) > -1">
- <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
- <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
- <li class="headerText">椤圭洰涓�</li>
- <li class="headerText">鍓嶄紶妫�鏌�</li>
- <li class="headerNumber">27</li>
- </ul>
- <div class="bodystyle p-even">
- <h1 id="a007"><span class="h1-bj">椤圭洰涓�</span><span class="h1-bk">鍓嶄紶妫�鏌�</span></h1>
- <p><br></p>
- <div class="bk">
- <p class="bj1-qjms fl al-c"><span class="span-box"></span><span
- class="span-text">椤圭洰瀵煎叆</span><span class="span-box"></span></p>
- <p class="fz-16">
- 鍓嶄紶妫�鏌ュ矖浣嶆槸姘戣埅瀹夋杩囩▼涓殑閲嶈涓�鐜紝瀵逛簬淇濋殰鏈哄満瀹夊叏杩愯惀鍜屾彁楂樿繃妫�鏁堢巼鍏锋湁閲嶈鎰忎箟銆傚墠浼犲憳闇�瑕佸紩瀵兼梾瀹㈡纭憜鏀捐繃妫�琛屾潕锛岀淮鎸佽繃妫�绉╁簭锛屽鐞嗙獊鍙戠姸鍐碉紝纭繚瀹夋杩囩▼椤虹晠鏈夊簭銆傛帉鎻″墠浼犳鏌ュ矖浣嶇殑宸ヤ綔瑙勮寖锛岀啛缁冭繍鐢ㄥ缃紓甯告儏鍐电殑鏂规硶锛屾棦鑳芥彁楂樿嚜韬笟鍔＄礌璐紝涔熻兘鏈夋晥淇濋殰鏈哄満瀹夊叏銆傛湰椤圭洰灏嗚缁嗕粙缁嶅墠浼犳鏌ュ矖浣嶇殑鍚箟銆佽亴璐ｅ畨鎺掋�佸伐浣滄祦绋嬩互鍙婄壒娈婃儏鍐靛缃殑鍐呭銆�
- </p>
- </div>
- <p class="left mb-20 mt-20"><span class="bj2">路椤圭洰瀵煎浘路</span></p>
- <p class="left openImgBox"><img class="img-d" alt="" src="../../assets/images/0038-1.jpg" /></p>
- <h2 id="b006">浠诲姟涓�<br />浜嗚В宀椾綅鍩虹鐭ヨ瘑</h2>
- <p class="left mb-20 mt-20"><span class="bj2">路浠诲姟鎻忚堪路</span></p>
- <p>鏈�杩戯紝鏈夋梾瀹㈠弽鏄犲湪A鏈哄満瀹夋杩囩▼涓紝鍓嶄紶鍛樼殑寮曞涓嶅鏄庣‘锛屾湭鎻愰啋鏃呭鎻愬墠灏嗙數鑴戙�侀洦浼炵瓑鐗╁搧鍙栧嚭鍗曠嫭杩囨锛屽洜姝ゆ梾瀹㈠湪鍚庣寮�绠卞寘宀椾綅闇�瑕佹妸鐢佃剳銆侀洦浼炲彇鍑哄苟浜屾杩囨锛屽鑷村畨妫�绉╁簭娣蜂贡锛屾梾瀹㈢瓑鍊欐椂闂磋繃闀裤�傛嵁浜嗚В锛屽綋澶╁�肩彮鐨勫墠浼犲憳鏄垰鍒板矖涓嶄箙鐨勬柊浜哄皬鐜嬨�傚皬鐜嬪鍓嶄紶妫�鏌ュ矖浣嶇殑宸ヤ綔鍐呭鍜岃亴璐ｄ笉澶啛鎮夛紝鏈兘鏈夋晥杩涜寮曞鍜岀З搴忕淮鎸併�傞偅涔堬紝浣滀负涓�鍚嶅墠浼犲憳锛屽叿浣撶殑宸ヤ綔鑱岃矗鏈夊摢浜涘憿锛�
- </p>
- </div>
- </div>
+ <div class="chapter" num="4">
+ <!-- 27椤� -->
+ <div class="page-box" page="34">
+ <div v-if="showPageList.indexOf(34) > -1">
+ <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+ <img
+ class="headerImg mr-10"
+ src="../../assets/images/headerlogo.png"
+ alt=""
+ />
+ <li class="headerText">椤圭洰涓�</li>
+ <li class="headerText">鍓嶄紶妫�鏌�</li>
+ <li class="headerNumber">27</li>
+ </ul>
+ <div class="bodystyle p-even">
+ <h1 id="a007">
+ <span class="h1-bj">椤圭洰涓�</span><span class="h1-bk">鍓嶄紶妫�鏌�</span>
+ </h1>
+ <p><br /></p>
+ <div class="bk">
+ <p class="bj1-qjms fl al-c">
+ <span class="span-box"></span
+ ><span class="span-text">椤圭洰瀵煎叆</span
+ ><span class="span-box"></span>
+ </p>
+ <p class="fz-16">
+ 鍓嶄紶妫�鏌ュ矖浣嶆槸姘戣埅瀹夋杩囩▼涓殑閲嶈涓�鐜紝瀵逛簬淇濋殰鏈哄満瀹夊叏杩愯惀鍜屾彁楂樿繃妫�鏁堢巼鍏锋湁閲嶈鎰忎箟銆傚墠浼犲憳闇�瑕佸紩瀵兼梾瀹㈡纭憜鏀捐繃妫�琛屾潕锛岀淮鎸佽繃妫�绉╁簭锛屽鐞嗙獊鍙戠姸鍐碉紝纭繚瀹夋杩囩▼椤虹晠鏈夊簭銆傛帉鎻″墠浼犳鏌ュ矖浣嶇殑宸ヤ綔瑙勮寖锛岀啛缁冭繍鐢ㄥ缃紓甯告儏鍐电殑鏂规硶锛屾棦鑳芥彁楂樿嚜韬笟鍔＄礌璐紝涔熻兘鏈夋晥淇濋殰鏈哄満瀹夊叏銆傛湰椤圭洰灏嗚缁嗕粙缁嶅墠浼犳鏌ュ矖浣嶇殑鍚箟銆佽亴璐ｅ畨鎺掋�佸伐浣滄祦绋嬩互鍙婄壒娈婃儏鍐靛缃殑鍐呭銆�
+ </p>
+ </div>
+ <div class="video-box-cover">
+ <p class="center text">
+ <video
+ :src="videoPathOne"
+ 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>瑙嗛锛氬墠浼犲矖浣嶄粙缁嶏紙瀵煎叆锛� </span>
+ <el-tooltip
+ class="item"
+ effect="dark"
+ :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+ placement="top-start"
+ >
+ <img
+ :src="
+ collectResourceList.findIndex(
+ (item) => item.id == '3be8acd96beeba7bfb62cf26e46fb7dd'
+ ) > -1
+ ? collectCheck
+ : collectImg
+ "
+ alt=""
+ class="collect-btn"
+ @click="handleCollect('video-01')"
+ />
+ </el-tooltip>
+ </p>
+ </div>
+ <p class="left mb-20 mt-20"><span class="bj2">路椤圭洰瀵煎浘路</span></p>
+ <p class="left openImgBox">
+ <img class="img-d" alt="" src="../../assets/images/0038-1.jpg" />
+ </p>
+ <h2 id="b006">浠诲姟涓�<br />浜嗚В宀椾綅鍩虹鐭ヨ瘑</h2>
+ <p class="left mb-20 mt-20"><span class="bj2">路浠诲姟鎻忚堪路</span></p>
+ <p>
+ 鏈�杩戯紝鏈夋梾瀹㈠弽鏄犲湪A鏈哄満瀹夋杩囩▼涓紝鍓嶄紶鍛樼殑寮曞涓嶅鏄庣‘锛屾湭鎻愰啋鏃呭鎻愬墠灏嗙數鑴戙�侀洦浼炵瓑鐗╁搧鍙栧嚭鍗曠嫭杩囨锛屽洜姝ゆ梾瀹㈠湪鍚庣寮�绠卞寘宀椾綅闇�瑕佹妸鐢佃剳銆侀洦浼炲彇鍑哄苟浜屾杩囨锛屽鑷村畨妫�绉╁簭娣蜂贡锛屾梾瀹㈢瓑鍊欐椂闂磋繃闀裤�傛嵁浜嗚В锛屽綋澶╁�肩彮鐨勫墠浼犲憳鏄垰鍒板矖涓嶄箙鐨勬柊浜哄皬鐜嬨�傚皬鐜嬪鍓嶄紶妫�鏌ュ矖浣嶇殑宸ヤ綔鍐呭鍜岃亴璐ｄ笉澶啛鎮夛紝鏈兘鏈夋晥杩涜寮曞鍜岀З搴忕淮鎸併�傞偅涔堬紝浣滀负涓�鍚嶅墠浼犲憳锛屽叿浣撶殑宸ヤ綔鑱岃矗鏈夊摢浜涘憿锛�
+ </p>
</div>
- <!-- 28椤� -->
- <div class="page-box" page="35">
- <div v-if="showPageList.indexOf(35) > -1">
- <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
- <li class="header-left-Number">28</li>
- <li class="header-left-text">姘戣埅瀹夊叏妫�鏌ュ疄鍔★紙绗� 2 鐗堬級</li>
- </ul>
- <div class="bodystyle p-odd">
- <p class="left mt-20 mb-20"><span class="bj2">路瀛︿範浠诲姟鍗暵�</span></p>
- <table border="1" cellpadding="4" cellspacing="0"
- style="border-color: #fff; border-collapse: collapse" class="fz-14 img-0">
- <tr class="table-th-bc">
- <td class="center" rowspan="3">浠诲姟鐩爣</td>
- <td class="center">鐭ヨ瘑鐩爣</td>
- <td class="ta-l">1.浜嗚В鍓嶄紶妫�鏌ュ矖浣�;<br />2.鎺屾彙鍓嶄紶鍛樼殑涓昏鑱岃矗銆�</td>
- </tr>
- <tr class="table-th-bc">
- <td class="center w15">鑳藉姏鐩爣</td>
- <td class="ta-l">
- 鑳藉鐔熺粌鎺屾彙鍓嶄紶鍛樼殑涓昏宸ヤ綔鍐呭銆�
- </td>
- </tr>
- <tr class="table-th-bc">
- <td class="center">绱㈠吇鐩爣</td>
- <td class="ta-l">
- 1.鎻愰珮姘戣埅宀椾綅鏈嶅姟鎰忚瘑;<br />2.鎻愬崌鏃呭杩囨浣撻獙鑸掗�傚害銆�
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td class="center">鎬濇斂铻嶅叆</td>
- <td class="ta-l" colspan="2">
- 1.鍏峰瀹夊叏璐ｄ换鎰忚瘑锛屾彁楂樻皯鑸伐浣滆矗浠绘劅;<br />
- 2.鍏峰涓ュ畧鑱屼笟鎿嶅畧銆佸畧濂界┖闃茬涓�閬撻槻绾跨殑鎰忚瘑銆�
- </td>
- </tr>
- <tr class="table-th-bc">
- <td class="center">瀛︿範瑕佺偣</td>
- <td class="ta-l" colspan="2">
- 1.鎺屾彙鍓嶄紶妫�鏌ュ矖浣嶇殑瀹氫箟;<br />
- 2.浜嗚В鍓嶄紶妫�鏌ュ矖浣嶈绔嬬殑鐩殑;<br />
- 3.鏄庣‘鍓嶄紶鍛樼殑涓昏鑱岃矗銆�
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td class="center">瀛︿範璁炬柦璁惧</td>
- <td class="ta-l" colspan="2">
- 澶氬獟浣撴暀瀛﹁澶囥��
- </td>
- </tr>
- <tr class="table-th-bc">
- <td class="center">瀛︿範鏃舵暟</td>
- <td class="ta-l" colspan="2">
- 寤鸿瀛︿範鏃堕棿涓�1瀛︽椂锛屽彲浠ユ牴鎹疄闄呴渶瑕佽繘琛岃皟鏁淬��
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td class="center">瀛︿範寤鸿</td>
- <td class="ta-l" colspan="2">
- 閽堝鐞嗚鐭ヨ瘑鐐硅繘琛屽鍥惧紡璁板繂:瀛︿範杩囩▼涓鐪熻В璇绘渚嬶紝鍙婃椂鎺屾彙澶勭疆闂鐨勬柟娉曘��
- </td>
- </tr>
- <tr class="table-th-bc">
- <td class="center w15">瀛︿範杩愮敤</td>
- <td class="ta-l" colspan="2">
- 鍦ㄥ涔犲畬鎴愬悗锛岃兘浠ュ皬缁勪负鍗曚綅瀹屾暣鍦板睍绀烘暣涓墠浼犳鏌ュ矖浣嶇殑鍩烘湰宸ヤ綔娴佺▼銆�
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td class="center w15">瀛︿範鍙嶆��</td>
- <td class="center" colspan="2">
- <textarea v-model="tableData.teskTableOne.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
- class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
- </td>
- </tr>
- </table>
- <p class="left mt-20 mb-20"><span class="bj2">路鐭ヨ瘑鍑嗗路</span></p>
- <h3 id="c013">涓�銆佸墠浼犳鏌ュ矖浣嶇殑姒傝堪</h3>
- <div class="img-rights w365 openImgBox">
- <p class="center"><img class="img-b" alt="" src="../../assets/images/0039-2.jpg" /></p>
- <p class="img">鍥�3-1 鍓嶄紶妫�鏌ュ矖浣�</p>
- </div>
- <span>
- <p>鍓嶄紶妫�鏌ュ矖浣嶆槸鎸囧湪瀹夊叏妫�鏌ラ�氶亾鍐咃紝鐢变笓浜哄宸茬粡鎺ュ彈瀹岄獙璇佹鏌ョ殑鏃呭杩涜寮曞锛屽崗鍔╁叾灏嗗彈妫�鐗╁搧姝ｇ‘鎽嗘斁鍦╔灏勭嚎瀹夊叏妫�鏌ヤ华鐨勪紶閫佸甫涓婏紝骞剁淮鎸佽繃妫�绉╁簭銆佸鐞嗙浉鍏崇獊鍙戜簨浠剁殑宀椾綅銆傦紙鍥�3-1锛�
- </p>
- <p>鍓嶄紶妫�鏌ュ矖浣嶈绔嬬殑鐩殑锛氫繚璇佸畨鍏ㄦ鏌ラ�氶亾椤虹晠銆佺З搴忎簳鐒躲�傚墠浼犲憳鐨勪富瑕佸伐浣滄槸鍦ㄥ畨妫�閫氶亾鍐呭宸查�氳繃楠岃瘉妫�鏌ュ苟杩涘叆瀹夋鍖哄煙鐨勬梾瀹㈣繘琛屽紩瀵笺��</p>
- </span>
- </div>
- </div>
- </div>
- <!-- 29椤� -->
- <div class="page-box" page="36">
- <div v-if="showPageList.indexOf(36) > -1">
- <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
- <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
- <li class="headerText">椤圭洰涓�</li>
- <li class="headerText">鍓嶄紶妫�鏌�</li>
- <li class="headerNumber">29</li>
- </ul>
- <div class="bodystyle p-even ">
- <h3 id="c014">浜屻�佸墠浼犲憳鐨勪富瑕佽亴璐�</h3>
- <p>锛�1锛夊紩瀵煎拰鍗忓姪鏃呭灏嗗緟妫�鐨勮鏉庣墿鍝佹斁缃湪X灏勭嚎瀹夊叏妫�鏌ヤ华鐨勪紶閫佸甫涓娿��</p>
- <p>锛�2锛夋彁閱掓梾瀹㈡彁鍓嶄粠绠卞寘鍐呭彇鍑哄ぇ浠堕噾灞炵墿鍝佸拰闇�鍗曠嫭妫�鏌ョ殑鐗╁搧鍗曠嫭杩囨锛屽闆ㄤ紴銆佺數鑴戙�佹憚鍍忔満銆佸厖鐢靛疂绛夈��</p>
- <p>锛�3锛夎鏃呭灏嗛殢韬惡甯︾殑閲戝睘鐗╁搧锛堝皬浠剁墿鍝侊級鏀惧湪鎸囧畾鐨勬墭鐩橀噷锛岄�氳繃X灏勭嚎瀹夊叏妫�鏌ヤ华杩涜妫�鏌ワ紝鏃呭瑕佹眰鎵嬪伐妫�鏌ョ殑鐗规畩鐗╁搧闄ゅ銆�</p>
- <p>锛�4锛夊紩瀵兼梾瀹㈡湁搴忛�氳繃瀹夊叏闂ㄣ��</p>
- <p>锛�5锛夋牴鎹獙璇佹鏌ュ憳鐨勭ず鎰忥紝閫氱煡X灏勭嚎瀹夊叏妫�鏌ヤ华鐨勬搷浣滃憳鍜屼汉韬鏌ュ憳闇�閲嶇偣妫�鏌ョ殑瀵硅薄銆�</p>
- <p>锛�6锛夊崗鍔╅獙璇佹鏌ュ憳澶嶆煡鏃呭鐧绘満鐗岋紝闃叉鍑虹幇婕忔鐜拌薄銆�</p>
- <p class="left mt-20 mb-20"><span class="bj2">路鏁堟灉妫�娴嬄�</span></p>
- <p>1.璇锋牴鎹墠浼犲憳鐨勫伐浣滆亴璐ｏ紝涓や汉涓�缁勮繘琛屾儏澧冩ā鎷熻缁冦��</p>
- <textarea v-model="questionData.teskOne.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
- class="fz-14 textarea-box-right" @change="setBookQuestion"></textarea>
- <p>2.璇锋梾瀹㈠彇鍑哄寘鍐呭ぇ浠堕噾灞炵墿鍝佹椂锛屾梾瀹㈣〃绀轰笉鐞嗚В涓斾笉閰嶅悎锛屼綘搴旇濡備綍澶勭悊锛�</p>
- <textarea v-model="questionData.teskOne.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
- class="fz-14 textarea-box-right" @change="setBookQuestion"></textarea>
- <h2 id="b007">浠诲姟浜�<br />閬靛畧宀椾綅瑙勮寖鍙婃儏鍐靛缃師鍒�</h2>
- <p class="left mt-20 mb-20"><span class="bj2">路浠诲姟鎻忚堪路</span></p>
- <p>鏌愭満鍦轰竴鍚嶆梾瀹㈠甫鐡峰櫒杩囨锛屽墠浼犲憳灏忕帇瑕佹眰鏃呭灏嗙摲鍣ㄦ斁缃湪鎵樼洏閲岃繃妫�锛屽洜鏀剧疆鏂瑰紡涓嶅锛屽湪杩嘪灏勭嚎瀹夊叏妫�鏌ヤ华鏃讹紝琚玐灏勭嚎瀹夊叏妫�鏌ヤ华鐨勯搮闂ㄥ笜涓�鎸★紝鐡峰櫒灏遍『鍔垮�掍笅骞剁瑁備簡锛屾梾瀹㈣姹傝禂鍋裤�傞偅涔堬紝鍦ㄦ湰娆′簨浠朵腑锛屽墠浼犲憳灏忕帇鐨勫缃柟娉曟湁鍝簺闂鍛紵
- </p>
- </div>
- </div>
- </div>
- <!-- 30椤� -->
- <div class="page-box" page="37">
- <div v-if="showPageList.indexOf(37) > -1">
- <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
- <li class="header-left-Number">30</li>
- <li class="header-left-text">姘戣埅瀹夊叏妫�鏌ュ疄鍔★紙绗� 2 鐗堬級</li>
- </ul>
- <div class="bodystyle p-odd">
- <p class="left mb-20 mt-20"><span class="bj2">路瀛︿範浠诲姟鍗暵�</span></p>
- <table border="1" cellpadding="4" cellspacing="0"
- style="border-color: #fff; border-collapse: collapse" class="fz-14 img-0">
- <tr class="table-th-bc">
- <td class="center" rowspan="3">浠诲姟鐩爣</td>
- <td class="center">鐭ヨ瘑鐩爣</td>
- <td class="ta-l">浜嗚В鍓嶄紶妫�鏌ュ矖浣嶅伐浣滄祦绋嬨��</td>
- </tr>
- <tr class="table-th-bc">
- <td class="center w15">鑳藉姏鐩爣</td>
- <td class="ta-l">
- 鑳藉鐔熺粌鎺屾彙鍓嶄紶妫�鏌ュ矖浣嶅父瑙佹儏鍐靛拰鐗规畩鎯呭喌鐨勫缃柟娉曘��
- </td>
- </tr>
- <tr class="table-th-bc">
- <td class="center">绱㈠吇鐩爣</td>
- <td class="ta-l">
- 閫氳繃鐗规畩鎯呭喌澶勭疆锛屽煿鍏诲缃獊鍙戞儏鍐电殑鑳藉姏銆�
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td class="center">鎬濇斂铻嶅叆</td>
- <td class="ta-l" colspan="2">
- 绱ц窡浠モ�滃钩瀹夈�佺豢鑹层�佹櫤鎱с�佷汉鏂団�濅负鏍稿績鐨勫洓鍨嬫満鍦哄缓璁炬柟鍚戣姹傦紝鍦ㄦ妧鏈妧鑳芥柟闈㈡墦濂藉熀鐭冲嚭锛岃嫤缁冨熀鏈姛锛岀瓚鐗㈠畨鍏ㄧ敓浜у簳绾裤��
- </td>
- </tr>
- <tr class="table-th-bc">
- <td class="center">瀛︿範瑕佺偣</td>
- <td class="ta-l" colspan="2">
- 1.浜嗚В鍓嶄紶妫�鏌ュ矖浣嶅伐浣滄祦绋�;<br />
- 2.鎺屾彙鐗规畩鎯呭喌鐨勫缃柟娉�;
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td class="center">瀛︿範璁炬柦璁惧</td>
- <td class="ta-l" colspan="2">
- 澶氬獟浣撴暀瀛﹁澶囥��
- </td>
- </tr>
- <tr class="table-th-bc">
- <td class="center">瀛︿範鏃舵暟</td>
- <td class="ta-l" colspan="2">
- 寤鸿瀛︿範鏃堕棿涓�1瀛︽椂锛屽彲浠ユ牴鎹疄闄呴渶瑕佽繘琛岃皟鏁淬��
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td class="center">瀛︿範寤鸿</td>
- <td class="ta-l" colspan="2">
- 鍒嗙粍妯℃嫙缁冧範銆佹紨绀哄墠浼犳鏌ュ矖浣嶇壒娈婃儏鍐靛缃�;瀛︿範杩囩▼涓彂鐜伴棶棰樺強鏃惰В鍐抽棶棰樸��
- </td>
- </tr>
- <tr class="table-th-bc">
- <td class="center w15">瀛︿範杩愮敤</td>
- <td class="ta-l" colspan="2">
- 鍦ㄥ涔犲畬鎴愬悗锛岃兘瀹屽叏鎺屾彙鍓嶄紶妫�鏌ュ矖浣嶅伐浣滄祦绋嬶紝骞剁啛缁冨鐞嗗嚭鐜扮殑鐗规畩鎯呭喌銆�
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td class="center w15">瀛︿範鍙嶆��</td>
- <td class="center" colspan="2">
- <textarea v-model="tableData.teskTableTwo.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
- class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
- </td>
- </tr>
- </table>
- <p class="left"><span class="bj2">路鐭ヨ瘑鍑嗗路</span></p>
- <h3 id="c015">涓�銆佸矖浣嶅伐浣滄祦绋�</h3>
- <p>鍓嶄紶妫�鏌ュ矖浣嶇殑宸ヤ綔娴佺▼濡傚浘3-2鎵�绀恒��</p>
- <p class="center"><img class="img-f" alt="" src="../../assets/images/0041-2.jpg" /></p>
- <p class="img">鍥�3-2 鍓嶄紶妫�鏌ュ矖浣嶅伐浣滄祦绋�</p>
- </div>
- </div>
- </div>
- <!-- 31椤� -->
- <div class="page-box" page="38">
- <div v-if="showPageList.indexOf(38) > -1">
- <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
- <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
- <li class="headerText">椤圭洰涓�</li>
- <li class="headerText">鍓嶄紶妫�鏌�</li>
- <li class="headerNumber">31</li>
- </ul>
- <div class="bodystyle p-even">
- <h3 id="c016">浜屻�佺壒娈婃儏鍐靛缃�</h3>
- <p>锛�1锛夊绮惧瘑浠櫒銆佺摲鍣ㄧ瓑璐甸噸鏄撶鐗╁搧锛岃杞绘嬁杞绘斁锛屽苟閫氱煡X灏勭嚎瀹夊叏妫�鏌ヤ华鎿嶄綔鍛樻敞鎰忔帴鎵讹紝闃叉灏嗘梾瀹㈢墿鍝佹崯鍧忋��</p>
- <p>锛�2锛夊涓嶅疁缁忚繃X灏勭嚎瀹夊叏妫�鏌ヤ华妫�鏌ョ殑鐗╁搧锛岄�氱煡寮�绠卞寘妫�鏌ュ憳瀵瑰叾杩涜鎵嬪伐寮�绠卞寘妫�鏌ャ��</p>
- <p>锛�3锛夊鎬�瀛曠殑銆佸甫鏈夊績鑴忚捣鎼忓櫒鐨勩�佸潗杞鐨勬垨鏈夐噸鐥呯瓑涓嶅疁閫氳繃閲戝睘鎺㈡祴闂ㄦ鏌ョ殑鏃呭锛屽墠浼犲憳搴旀彁閱掍汉韬鏌ュ憳杩涜鎵嬪伐浜鸿韩妫�鏌ャ��</p>
- <p>锛�4锛夊墠浼犳鏌ュ矖浣嶅浜庡畨妫�閫氶亾鐨勪腑蹇冧綅缃紝甯搁渶瑕佸皢瀹夋閫氶亾鍐呭悇绉嶆儏鍐甸�氱煡鍏朵粬宀椾綅銆傚洜姝わ紝鍓嶄紶鍛樺簲鎺屾彙鏆楄锛屽噯纭紶閫掍俊鎭��</p>
- <p>锛�5锛夊墠浼犲憳搴旀牴鎹満鍦烘祦閲忋�佸伐浣滄爣鍑嗕互鍙婂矖浣嶇殑瑕佹眰閫傛椂楠屾斁鏃呭锛屽悎鐞嗘帶鍒惰繃妫�閫熷害锛屼繚璇佸畨妫�閫氶亾鐨勭晠閫氥��</p>
- <p class="left mt-20 mb-20"><span class="bj2">路鏁堟灉妫�娴嬄�</span></p>
- <p>1.璇锋弿杩板墠浼犳鏌ュ矖浣嶅伐浣滅殑鍩烘湰娴佺▼銆�</p>
- <textarea v-model="questionData.teskTwo.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
- class="fz-14 textarea-box-right" @change="setBookQuestion"></textarea>
- <p>2.褰撴梾瀹㈠湪鍓嶄紶妫�鏌ュ矖浣嶆彁鍑烘惡甯︿簡鏄撶鐗╁搧鏃讹紝搴斿浣曞鐞嗭紵</p>
- <textarea v-model="questionData.teskTwo.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
- class="fz-14 textarea-box-right" @change="setBookQuestion"></textarea>
- <p>3.閬囧埌涓嶅疁閫氳繃閲戝睘鎺㈡祴闂ㄦ鏌ョ殑鏃呭锛屽墠浼犲憳搴斿仛浠�涔堬紵闇�瑕佹敞鎰忎粈涔堬紵</p>
- <textarea v-model="questionData.teskTwo.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
- class="fz-14 textarea-box-right" @change="setBookQuestion"></textarea>
- <p class="fz-14 center" style="color: #8091BC;">浠诲姟妫�娴嬭〃</p>
- <table border="1" cellpadding="4" cellspacing="0"
- style="border-color: #fff; border-collapse: collapse" class="fz-14 img-0">
- <tr class="table-title-bc">
- <td class="center">浠诲姟鐩爣</td>
- <td class="center">鍒嗗��</td>
- <td class="center">璇勫垎</td>
- <td class="center">澶囨敞</td>
- </tr>
- <tr class="table-th-bc">
- <td class="center w15">宀椾綅宸ヤ綔娴佺▼</td>
- <td class="center">20</td>
- <td class="center">
- <textarea v-model="tableData.teskTableTwo.two" placeholder="璇疯緭鍏ュ唴瀹�"
- rows="2" class="b0 table-textarea textarea-box"
- @change="setBookTableData"></textarea>
- </td>
- <td class="center">
- <textarea v-model="tableData.teskTableTwo.three" placeholder="璇疯緭鍏ュ唴瀹�"
- rows="2" class="b0 table-textarea textarea-box"
- @change="setBookTableData"></textarea>
- </td>
- </tr>
- <tr class="table-tr-bc">
- <td class="center">鐗规畩鎯呭喌澶勭疆</td>
- <td class="center w15">50</td>
- <td class="center">
- <textarea v-model="tableData.teskTableTwo.four" placeholder="璇疯緭鍏ュ唴瀹�"
- rows="2" class="b0 table-textarea textarea-box"
- @change="setBookTableData"></textarea>
- </td>
- <td class="center">
- <textarea v-model="tableData.teskTableTwo.five" placeholder="璇疯緭鍏ュ唴瀹�"
- rows="2" class="b0 table-textarea textarea-box"
- @change="setBookTableData"></textarea>
- </td>
- </tr>
- <tr class="table-th-bc">
- <td class="center w25">宀椾綅鑱岃矗</td>
- <td class="center">30</td>
- <td class="center">
- <textarea v-model="tableData.teskTableTwo.six" placeholder="璇疯緭鍏ュ唴瀹�"
- rows="2" class="b0 table-textarea textarea-box"
- @change="setBookTableData"></textarea>
- </td>
- <td class="center">
- <textarea v-model="tableData.teskTableTwo.seven" placeholder="璇疯緭鍏ュ唴瀹�"
- rows="2" class="b0 table-textarea textarea-box"
- @change="setBookTableData"></textarea>
- </td>
- </tr>
- </table>
- </div>
- </div>
- </div>
- <preView :isClear="dialogVisible" :md5="p_md5" :pdfTitle="somePdfTitleValue" ref="pdfDialogRef"></preView>
+ </div>
</div>
+ <!-- 28椤� -->
+ <div class="page-box" page="35">
+ <div v-if="showPageList.indexOf(35) > -1">
+ <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+ <li class="header-left-Number">28</li>
+ <li class="header-left-text">姘戣埅瀹夊叏妫�鏌ュ疄鍔★紙绗� 2 鐗堬級</li>
+ </ul>
+ <div class="bodystyle p-odd">
+ <p class="left mt-20 mb-20"><span class="bj2">路瀛︿範浠诲姟鍗暵�</span></p>
+ <table
+ border="1"
+ cellpadding="4"
+ cellspacing="0"
+ style="border-color: #fff; border-collapse: collapse"
+ class="fz-14 img-0"
+ >
+ <tr class="table-th-bc">
+ <td class="center" rowspan="3">浠诲姟鐩爣</td>
+ <td class="center">鐭ヨ瘑鐩爣</td>
+ <td class="ta-l">
+ 1.浜嗚В鍓嶄紶妫�鏌ュ矖浣�;<br />2.鎺屾彙鍓嶄紶鍛樼殑涓昏鑱岃矗銆�
+ </td>
+ </tr>
+ <tr class="table-th-bc">
+ <td class="center w15">鑳藉姏鐩爣</td>
+ <td class="ta-l">鑳藉鐔熺粌鎺屾彙鍓嶄紶鍛樼殑涓昏宸ヤ綔鍐呭銆�</td>
+ </tr>
+ <tr class="table-th-bc">
+ <td class="center">绱㈠吇鐩爣</td>
+ <td class="ta-l">
+ 1.鎻愰珮姘戣埅宀椾綅鏈嶅姟鎰忚瘑;<br />2.鎻愬崌鏃呭杩囨浣撻獙鑸掗�傚害銆�
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="center">鎬濇斂铻嶅叆</td>
+ <td class="ta-l" colspan="2">
+ 1.鍏峰瀹夊叏璐ｄ换鎰忚瘑锛屾彁楂樻皯鑸伐浣滆矗浠绘劅;<br />
+ 2.鍏峰涓ュ畧鑱屼笟鎿嶅畧銆佸畧濂界┖闃茬涓�閬撻槻绾跨殑鎰忚瘑銆�
+ </td>
+ </tr>
+ <tr class="table-th-bc">
+ <td class="center">瀛︿範瑕佺偣</td>
+ <td class="ta-l" colspan="2">
+ 1.鎺屾彙鍓嶄紶妫�鏌ュ矖浣嶇殑瀹氫箟;<br />
+ 2.浜嗚В鍓嶄紶妫�鏌ュ矖浣嶈绔嬬殑鐩殑;<br />
+ 3.鏄庣‘鍓嶄紶鍛樼殑涓昏鑱岃矗銆�
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="center">瀛︿範璁炬柦璁惧</td>
+ <td class="ta-l" colspan="2">澶氬獟浣撴暀瀛﹁澶囥��</td>
+ </tr>
+ <tr class="table-th-bc">
+ <td class="center">瀛︿範鏃舵暟</td>
+ <td class="ta-l" colspan="2">
+ 寤鸿瀛︿範鏃堕棿涓�1瀛︽椂锛屽彲浠ユ牴鎹疄闄呴渶瑕佽繘琛岃皟鏁淬��
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="center">瀛︿範寤鸿</td>
+ <td class="ta-l" colspan="2">
+ 閽堝鐞嗚鐭ヨ瘑鐐硅繘琛屽鍥惧紡璁板繂:瀛︿範杩囩▼涓鐪熻В璇绘渚嬶紝鍙婃椂鎺屾彙澶勭疆闂鐨勬柟娉曘��
+ </td>
+ </tr>
+ <tr class="table-th-bc">
+ <td class="center w15">瀛︿範杩愮敤</td>
+ <td class="ta-l" colspan="2">
+ 鍦ㄥ涔犲畬鎴愬悗锛岃兘浠ュ皬缁勪负鍗曚綅瀹屾暣鍦板睍绀烘暣涓墠浼犳鏌ュ矖浣嶇殑鍩烘湰宸ヤ綔娴佺▼銆�
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="center w15">瀛︿範鍙嶆��</td>
+ <td class="center" colspan="2">
+ <textarea
+ v-model="tableData.teskTableOne.one"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="6"
+ class="img-0 b0 table-textarea textarea-box"
+ @change="setBookTableData"
+ ></textarea>
+ </td>
+ </tr>
+ </table>
+ <p class="left mt-20 mb-20"><span class="bj2">路鐭ヨ瘑鍑嗗路</span></p>
+ <h3 id="c013">涓�銆佸墠浼犳鏌ュ矖浣嶇殑姒傝堪</h3>
+ <div class="img-rights w365 openImgBox">
+ <p class="center">
+ <img class="img-b" alt="" src="../../assets/images/0039-2.jpg" />
+ </p>
+ <p class="img">鍥�3-1 鍓嶄紶妫�鏌ュ矖浣�</p>
+ </div>
+ <span>
+ <p>
+ 鍓嶄紶妫�鏌ュ矖浣嶆槸鎸囧湪瀹夊叏妫�鏌ラ�氶亾鍐咃紝鐢变笓浜哄宸茬粡鎺ュ彈瀹岄獙璇佹鏌ョ殑鏃呭杩涜寮曞锛屽崗鍔╁叾灏嗗彈妫�鐗╁搧姝ｇ‘鎽嗘斁鍦╔灏勭嚎瀹夊叏妫�鏌ヤ华鐨勪紶閫佸甫涓婏紝骞剁淮鎸佽繃妫�绉╁簭銆佸鐞嗙浉鍏崇獊鍙戜簨浠剁殑宀椾綅銆傦紙鍥�3-1锛�
+ </p>
+ <p>
+ 鍓嶄紶妫�鏌ュ矖浣嶈绔嬬殑鐩殑锛氫繚璇佸畨鍏ㄦ鏌ラ�氶亾椤虹晠銆佺З搴忎簳鐒躲�傚墠浼犲憳鐨勪富瑕佸伐浣滄槸鍦ㄥ畨妫�閫氶亾鍐呭宸查�氳繃楠岃瘉妫�鏌ュ苟杩涘叆瀹夋鍖哄煙鐨勬梾瀹㈣繘琛屽紩瀵笺��
+ </p>
+ </span>
+ </div>
+ </div>
+ </div>
+ <!-- 29椤� -->
+ <div class="page-box" page="36">
+ <div v-if="showPageList.indexOf(36) > -1">
+ <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+ <img
+ class="headerImg mr-10"
+ src="../../assets/images/headerlogo.png"
+ alt=""
+ />
+ <li class="headerText">椤圭洰涓�</li>
+ <li class="headerText">鍓嶄紶妫�鏌�</li>
+ <li class="headerNumber">29</li>
+ </ul>
+ <div class="bodystyle p-even">
+ <h3 id="c014">浜屻�佸墠浼犲憳鐨勪富瑕佽亴璐�</h3>
+ <p>
+ 锛�1锛夊紩瀵煎拰鍗忓姪鏃呭灏嗗緟妫�鐨勮鏉庣墿鍝佹斁缃湪X灏勭嚎瀹夊叏妫�鏌ヤ华鐨勪紶閫佸甫涓娿��
+ </p>
+ <p>
+ 锛�2锛夋彁閱掓梾瀹㈡彁鍓嶄粠绠卞寘鍐呭彇鍑哄ぇ浠堕噾灞炵墿鍝佸拰闇�鍗曠嫭妫�鏌ョ殑鐗╁搧鍗曠嫭杩囨锛屽闆ㄤ紴銆佺數鑴戙�佹憚鍍忔満銆佸厖鐢靛疂绛夈��
+ </p>
+ <p>
+ 锛�3锛夎鏃呭灏嗛殢韬惡甯︾殑閲戝睘鐗╁搧锛堝皬浠剁墿鍝侊級鏀惧湪鎸囧畾鐨勬墭鐩橀噷锛岄�氳繃X灏勭嚎瀹夊叏妫�鏌ヤ华杩涜妫�鏌ワ紝鏃呭瑕佹眰鎵嬪伐妫�鏌ョ殑鐗规畩鐗╁搧闄ゅ銆�
+ </p>
+ <p>锛�4锛夊紩瀵兼梾瀹㈡湁搴忛�氳繃瀹夊叏闂ㄣ��</p>
+ <p>
+ 锛�5锛夋牴鎹獙璇佹鏌ュ憳鐨勭ず鎰忥紝閫氱煡X灏勭嚎瀹夊叏妫�鏌ヤ华鐨勬搷浣滃憳鍜屼汉韬鏌ュ憳闇�閲嶇偣妫�鏌ョ殑瀵硅薄銆�
+ </p>
+ <p>锛�6锛夊崗鍔╅獙璇佹鏌ュ憳澶嶆煡鏃呭鐧绘満鐗岋紝闃叉鍑虹幇婕忔鐜拌薄銆�</p>
+ <div class="video-box-cover">
+ <p class="center text">
+ <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>瑙嗛锛氬墠浼犲矖浣嶄富瑕佽亴璐� </span>
+ <el-tooltip
+ class="item"
+ effect="dark"
+ :content="chapterData.isCollectVideo2 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+ placement="top-start"
+ >
+ <img
+ :src="
+ collectResourceList.findIndex(
+ (item) => item.id == '1a8b239d665e109faeb1ad12e229a674'
+ ) > -1
+ ? collectCheck
+ : collectImg
+ "
+ alt=""
+ class="collect-btn"
+ @click="handleCollect('video-02')"
+ />
+ </el-tooltip>
+ </p>
+ </div>
+ <p class="left mt-20 mb-20"><span class="bj2">路鏁堟灉妫�娴嬄�</span></p>
+ <p>1.璇锋牴鎹墠浼犲憳鐨勫伐浣滆亴璐ｏ紝涓や汉涓�缁勮繘琛屾儏澧冩ā鎷熻缁冦��</p>
+ <textarea
+ v-model="questionData.teskOne.one"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="6"
+ class="fz-14 textarea-box-right"
+ @change="setBookQuestion"
+ ></textarea>
+ <p>
+ 2.璇锋梾瀹㈠彇鍑哄寘鍐呭ぇ浠堕噾灞炵墿鍝佹椂锛屾梾瀹㈣〃绀轰笉鐞嗚В涓斾笉閰嶅悎锛屼綘搴旇濡備綍澶勭悊锛�
+ </p>
+ <textarea
+ v-model="questionData.teskOne.two"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="6"
+ class="fz-14 textarea-box-right"
+ @change="setBookQuestion"
+ ></textarea>
+ <h2 id="b007">浠诲姟浜�<br />閬靛畧宀椾綅瑙勮寖鍙婃儏鍐靛缃師鍒�</h2>
+ <p class="left mt-20 mb-20"><span class="bj2">路浠诲姟鎻忚堪路</span></p>
+ <p>
+ 鏌愭満鍦轰竴鍚嶆梾瀹㈠甫鐡峰櫒杩囨锛屽墠浼犲憳灏忕帇瑕佹眰鏃呭灏嗙摲鍣ㄦ斁缃湪鎵樼洏閲岃繃妫�锛屽洜鏀剧疆鏂瑰紡涓嶅锛屽湪杩嘪灏勭嚎瀹夊叏妫�鏌ヤ华鏃讹紝琚玐灏勭嚎瀹夊叏妫�鏌ヤ华鐨勯搮闂ㄥ笜涓�鎸★紝鐡峰櫒灏遍『鍔垮�掍笅骞剁瑁備簡锛屾梾瀹㈣姹傝禂鍋裤�傞偅涔堬紝鍦ㄦ湰娆′簨浠朵腑锛屽墠浼犲憳灏忕帇鐨勫缃柟娉曟湁鍝簺闂鍛紵
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 30椤� -->
+ <div class="page-box" page="37">
+ <div v-if="showPageList.indexOf(37) > -1">
+ <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+ <li class="header-left-Number">30</li>
+ <li class="header-left-text">姘戣埅瀹夊叏妫�鏌ュ疄鍔★紙绗� 2 鐗堬級</li>
+ </ul>
+ <div class="bodystyle p-odd">
+ <p class="left mb-20 mt-20"><span class="bj2">路瀛︿範浠诲姟鍗暵�</span></p>
+ <table
+ border="1"
+ cellpadding="4"
+ cellspacing="0"
+ style="border-color: #fff; border-collapse: collapse"
+ class="fz-14 img-0"
+ >
+ <tr class="table-th-bc">
+ <td class="center" rowspan="3">浠诲姟鐩爣</td>
+ <td class="center">鐭ヨ瘑鐩爣</td>
+ <td class="ta-l">浜嗚В鍓嶄紶妫�鏌ュ矖浣嶅伐浣滄祦绋嬨��</td>
+ </tr>
+ <tr class="table-th-bc">
+ <td class="center w15">鑳藉姏鐩爣</td>
+ <td class="ta-l">
+ 鑳藉鐔熺粌鎺屾彙鍓嶄紶妫�鏌ュ矖浣嶅父瑙佹儏鍐靛拰鐗规畩鎯呭喌鐨勫缃柟娉曘��
+ </td>
+ </tr>
+ <tr class="table-th-bc">
+ <td class="center">绱㈠吇鐩爣</td>
+ <td class="ta-l">閫氳繃鐗规畩鎯呭喌澶勭疆锛屽煿鍏诲缃獊鍙戞儏鍐电殑鑳藉姏銆�</td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="center">鎬濇斂铻嶅叆</td>
+ <td class="ta-l" colspan="2">
+ 绱ц窡浠モ�滃钩瀹夈�佺豢鑹层�佹櫤鎱с�佷汉鏂団�濅负鏍稿績鐨勫洓鍨嬫満鍦哄缓璁炬柟鍚戣姹傦紝鍦ㄦ妧鏈妧鑳芥柟闈㈡墦濂藉熀鐭冲嚭锛岃嫤缁冨熀鏈姛锛岀瓚鐗㈠畨鍏ㄧ敓浜у簳绾裤��
+ </td>
+ </tr>
+ <tr class="table-th-bc">
+ <td class="center">瀛︿範瑕佺偣</td>
+ <td class="ta-l" colspan="2">
+ 1.浜嗚В鍓嶄紶妫�鏌ュ矖浣嶅伐浣滄祦绋�;<br />
+ 2.鎺屾彙鐗规畩鎯呭喌鐨勫缃柟娉�;
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="center">瀛︿範璁炬柦璁惧</td>
+ <td class="ta-l" colspan="2">澶氬獟浣撴暀瀛﹁澶囥��</td>
+ </tr>
+ <tr class="table-th-bc">
+ <td class="center">瀛︿範鏃舵暟</td>
+ <td class="ta-l" colspan="2">
+ 寤鸿瀛︿範鏃堕棿涓�1瀛︽椂锛屽彲浠ユ牴鎹疄闄呴渶瑕佽繘琛岃皟鏁淬��
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="center">瀛︿範寤鸿</td>
+ <td class="ta-l" colspan="2">
+ 鍒嗙粍妯℃嫙缁冧範銆佹紨绀哄墠浼犳鏌ュ矖浣嶇壒娈婃儏鍐靛缃�;瀛︿範杩囩▼涓彂鐜伴棶棰樺強鏃惰В鍐抽棶棰樸��
+ </td>
+ </tr>
+ <tr class="table-th-bc">
+ <td class="center w15">瀛︿範杩愮敤</td>
+ <td class="ta-l" colspan="2">
+ 鍦ㄥ涔犲畬鎴愬悗锛岃兘瀹屽叏鎺屾彙鍓嶄紶妫�鏌ュ矖浣嶅伐浣滄祦绋嬶紝骞剁啛缁冨鐞嗗嚭鐜扮殑鐗规畩鎯呭喌銆�
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="center w15">瀛︿範鍙嶆��</td>
+ <td class="center" colspan="2">
+ <textarea
+ v-model="tableData.teskTableTwo.one"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="6"
+ class="img-0 b0 table-textarea textarea-box"
+ @change="setBookTableData"
+ ></textarea>
+ </td>
+ </tr>
+ </table>
+ <p class="left"><span class="bj2">路鐭ヨ瘑鍑嗗路</span></p>
+ <h3 id="c015">涓�銆佸矖浣嶅伐浣滄祦绋�</h3>
+ <p>鍓嶄紶妫�鏌ュ矖浣嶇殑宸ヤ綔娴佺▼濡傚浘3-2鎵�绀恒��</p>
+ <p class="center">
+ <img class="img-f" alt="" src="../../assets/images/0041-2.jpg" />
+ </p>
+ <p class="img">鍥�3-2 鍓嶄紶妫�鏌ュ矖浣嶅伐浣滄祦绋�</p>
+ </div>
+ </div>
+ </div>
+ <!-- 31椤� -->
+ <div class="page-box" page="38">
+ <div v-if="showPageList.indexOf(38) > -1">
+ <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+ <img
+ class="headerImg mr-10"
+ src="../../assets/images/headerlogo.png"
+ alt=""
+ />
+ <li class="headerText">椤圭洰涓�</li>
+ <li class="headerText">鍓嶄紶妫�鏌�</li>
+ <li class="headerNumber">31</li>
+ </ul>
+ <div class="bodystyle p-even">
+ <h3 id="c016">浜屻�佺壒娈婃儏鍐靛缃�</h3>
+ <p>
+ 锛�1锛夊绮惧瘑浠櫒銆佺摲鍣ㄧ瓑璐甸噸鏄撶鐗╁搧锛岃杞绘嬁杞绘斁锛屽苟閫氱煡X灏勭嚎瀹夊叏妫�鏌ヤ华鎿嶄綔鍛樻敞鎰忔帴鎵讹紝闃叉灏嗘梾瀹㈢墿鍝佹崯鍧忋��
+ </p>
+ <p>
+ 锛�2锛夊涓嶅疁缁忚繃X灏勭嚎瀹夊叏妫�鏌ヤ华妫�鏌ョ殑鐗╁搧锛岄�氱煡寮�绠卞寘妫�鏌ュ憳瀵瑰叾杩涜鎵嬪伐寮�绠卞寘妫�鏌ャ��
+ </p>
+ <p>
+ 锛�3锛夊鎬�瀛曠殑銆佸甫鏈夊績鑴忚捣鎼忓櫒鐨勩�佸潗杞鐨勬垨鏈夐噸鐥呯瓑涓嶅疁閫氳繃閲戝睘鎺㈡祴闂ㄦ鏌ョ殑鏃呭锛屽墠浼犲憳搴旀彁閱掍汉韬鏌ュ憳杩涜鎵嬪伐浜鸿韩妫�鏌ャ��
+ </p>
+ <p>
+ 锛�4锛夊墠浼犳鏌ュ矖浣嶅浜庡畨妫�閫氶亾鐨勪腑蹇冧綅缃紝甯搁渶瑕佸皢瀹夋閫氶亾鍐呭悇绉嶆儏鍐甸�氱煡鍏朵粬宀椾綅銆傚洜姝わ紝鍓嶄紶鍛樺簲鎺屾彙鏆楄锛屽噯纭紶閫掍俊鎭��
+ </p>
+ <p>
+ 锛�5锛夊墠浼犲憳搴旀牴鎹満鍦烘祦閲忋�佸伐浣滄爣鍑嗕互鍙婂矖浣嶇殑瑕佹眰閫傛椂楠屾斁鏃呭锛屽悎鐞嗘帶鍒惰繃妫�閫熷害锛屼繚璇佸畨妫�閫氶亾鐨勭晠閫氥��
+ </p>
+ <div class="video-box-cover">
+ <p class="center text">
+ <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>瑙嗛锛氬墠浼犲矖浣嶇壒娈婃儏鍐靛鐞� </span>
+ <el-tooltip
+ class="item"
+ effect="dark"
+ :content="chapterData.isCollectVideo3 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+ placement="top-start"
+ >
+ <img
+ :src="
+ collectResourceList.findIndex(
+ (item) => item.id == '94b00baff32320b0c5f06e94951c0d22'
+ ) > -1
+ ? collectCheck
+ : collectImg
+ "
+ alt=""
+ class="collect-btn"
+ @click="handleCollect('video-03')"
+ />
+ </el-tooltip>
+ </p>
+ </div>
+ <p class="left mt-20 mb-20"><span class="bj2">路鏁堟灉妫�娴嬄�</span></p>
+ <p>1.璇锋弿杩板墠浼犳鏌ュ矖浣嶅伐浣滅殑鍩烘湰娴佺▼銆�</p>
+ <textarea
+ v-model="questionData.teskTwo.one"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="6"
+ class="fz-14 textarea-box-right"
+ @change="setBookQuestion"
+ ></textarea>
+ <p>2.褰撴梾瀹㈠湪鍓嶄紶妫�鏌ュ矖浣嶆彁鍑烘惡甯︿簡鏄撶鐗╁搧鏃讹紝搴斿浣曞鐞嗭紵</p>
+ <textarea
+ v-model="questionData.teskTwo.two"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="6"
+ class="fz-14 textarea-box-right"
+ @change="setBookQuestion"
+ ></textarea>
+ <p>
+ 3.閬囧埌涓嶅疁閫氳繃閲戝睘鎺㈡祴闂ㄦ鏌ョ殑鏃呭锛屽墠浼犲憳搴斿仛浠�涔堬紵闇�瑕佹敞鎰忎粈涔堬紵
+ </p>
+ <textarea
+ v-model="questionData.teskTwo.three"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="6"
+ class="fz-14 textarea-box-right"
+ @change="setBookQuestion"
+ ></textarea>
+ <p class="fz-14 center" style="color: #8091bc">浠诲姟妫�娴嬭〃</p>
+ <table
+ border="1"
+ cellpadding="4"
+ cellspacing="0"
+ style="border-color: #fff; border-collapse: collapse"
+ class="fz-14 img-0"
+ >
+ <tr class="table-title-bc">
+ <td class="center">浠诲姟鐩爣</td>
+ <td class="center">鍒嗗��</td>
+ <td class="center">璇勫垎</td>
+ <td class="center">澶囨敞</td>
+ </tr>
+ <tr class="table-th-bc">
+ <td class="center w15">宀椾綅宸ヤ綔娴佺▼</td>
+ <td class="center">20</td>
+ <td class="center">
+ <textarea
+ v-model="tableData.teskTableTwo.two"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="2"
+ class="b0 table-textarea textarea-box"
+ @change="setBookTableData"
+ ></textarea>
+ </td>
+ <td class="center">
+ <textarea
+ v-model="tableData.teskTableTwo.three"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="2"
+ class="b0 table-textarea textarea-box"
+ @change="setBookTableData"
+ ></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="center">鐗规畩鎯呭喌澶勭疆</td>
+ <td class="center w15">50</td>
+ <td class="center">
+ <textarea
+ v-model="tableData.teskTableTwo.four"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="2"
+ class="b0 table-textarea textarea-box"
+ @change="setBookTableData"
+ ></textarea>
+ </td>
+ <td class="center">
+ <textarea
+ v-model="tableData.teskTableTwo.five"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="2"
+ class="b0 table-textarea textarea-box"
+ @change="setBookTableData"
+ ></textarea>
+ </td>
+ </tr>
+ <tr class="table-th-bc">
+ <td class="center w25">宀椾綅鑱岃矗</td>
+ <td class="center">30</td>
+ <td class="center">
+ <textarea
+ v-model="tableData.teskTableTwo.six"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="2"
+ class="b0 table-textarea textarea-box"
+ @change="setBookTableData"
+ ></textarea>
+ </td>
+ <td class="center">
+ <textarea
+ v-model="tableData.teskTableTwo.seven"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="2"
+ class="b0 table-textarea textarea-box"
+ @change="setBookTableData"
+ ></textarea>
+ </td>
+ </tr>
+ </table>
+ </div>
+ </div>
+ </div>
+ <preView
+ :isClear="dialogVisible"
+ :md5="p_md5"
+ :pdfTitle="somePdfTitleValue"
+ ref="pdfDialogRef"
+ ></preView>
+ </div>
</template>
<script>
-import preView from '@/components/pdfview/index.vue'
+import preView from "@/components/pdfview/index.vue";
+import { getResourcePath } from "@/assets/methods/resources";
+import {
+ getCollectResource,
+ setCollectResource,
+} from "@/assets/methods/resources";
export default {
- name: "chapterThree",
- props: {
- showPageList: {
- type: Array,
+ name: "chapterThree",
+ props: {
+ showPageList: {
+ type: Array,
+ },
+ },
+ components: {
+ preView,
+ },
+ data() {
+ return {
+ collectImg: require("../../assets/images/icon/heart.png"),
+ collectCheck: require("../../assets/images/icon/heart-check.png"),
+ collectResourceList: [],
+ videoPathOne: "",
+ videoPathTwo: "",
+ videoPathThree: "",
+ chapterData: {
+ isCollectVideo: false,
+ isCollectVideo2: false,
+ isCollectVideo3: false,
+ },
+ pdfDialogRef: "",
+ somePdfTitleValue: "",
+ p_md5: "",
+ dialogVisible: false,
+ questionData: {
+ isComplete: false,
+ checkOne: {
+ value: [],
},
- },
- components: {
- preView,
- },
- data() {
- return {
- pdfDialogRef: "",
- somePdfTitleValue: '',
- p_md5: '',
- dialogVisible: false,
- questionData: {
- isComplete: false,
- checkOne: {
- value: [],
- },
- checkTwo: {
- value: [],
- },
- checkThree: {
- value: [],
- },
- checkFour: {
- value: [],
- },
- checkFive: {
- value: [],
- },
- teskOne: {
- one: "",
- two: "",
- },
- teskTwo: {
- one: "",
- two: "",
- three: "",
- four: "",
- },
- },
- tableData: {
- teskTableOne: {
- one: "",
- },
- teskTableTwo: {
- one: "",
- two: "",
- three: "",
- four: "",
- five:"",
- six:"",
- seven:"",
- },
- },
- chapter003: {
- pdfMd5: {
- 1: {
- md5: '23b0cd2e134a17df3673303d454ec776',
- name: '浠诲姟涓� 浜嗚В鑸┖瀹夊叏淇濆崼鐨勫浗闄呯粍缁�',
- },
- 2: {
- md5: '79af409325c02b86f3589f5fc936afec',
- name: '浠诲姟浜� 瀛︿範鏈夊叧鑸┖瀹夊叏淇濆崼鐨勫浗闄呭叕绾�',
- },
- 3: {
- md5: '78aab60eadd44c12ca7e2559f3134ce1',
- name: '浠诲姟涓� 鎺屾彙銆婁腑鍥芥皯鐢ㄨ埅绌哄畨鍏ㄦ鏌ユ墜鍐屻�嬬浉鍏崇煡璇�',
- },
- },
- },
- };
- },
- mounted() {
- const bookQuestion = localStorage.getItem("safety-book-chapter03");
- if (bookQuestion) {
- this.questionData = JSON.parse(bookQuestion);
- }
- const bookTableData = localStorage.getItem("safety-book-chapter03-tableData");
- if (bookTableData) {
- this.tableData = JSON.parse(bookTableData);
- }
+ checkTwo: {
+ value: [],
+ },
+ checkThree: {
+ value: [],
+ },
+ checkFour: {
+ value: [],
+ },
+ checkFive: {
+ value: [],
+ },
+ teskOne: {
+ one: "",
+ two: "",
+ },
+ teskTwo: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ },
+ },
+ tableData: {
+ teskTableOne: {
+ one: "",
+ },
+ teskTableTwo: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ six: "",
+ seven: "",
+ },
+ },
+ chapter003: {
+ pdfMd5: {
+ 1: {
+ md5: "23b0cd2e134a17df3673303d454ec776",
+ name: "浠诲姟涓� 浜嗚В鑸┖瀹夊叏淇濆崼鐨勫浗闄呯粍缁�",
+ },
+ 2: {
+ md5: "79af409325c02b86f3589f5fc936afec",
+ name: "浠诲姟浜� 瀛︿範鏈夊叧鑸┖瀹夊叏淇濆崼鐨勫浗闄呭叕绾�",
+ },
+ 3: {
+ md5: "78aab60eadd44c12ca7e2559f3134ce1",
+ name: "浠诲姟涓� 鎺屾彙銆婁腑鍥芥皯鐢ㄨ埅绌哄畨鍏ㄦ鏌ユ墜鍐屻�嬬浉鍏崇煡璇�",
+ },
+ },
+ },
+ };
+ },
+ async mounted() {
+ const bookQuestion = localStorage.getItem("safety-book-chapter03");
+ if (bookQuestion) {
+ this.questionData = JSON.parse(bookQuestion);
+ }
+ const bookTableData = localStorage.getItem(
+ "safety-book-chapter03-tableData"
+ );
+ if (bookTableData) {
+ this.tableData = JSON.parse(bookTableData);
+ }
+ const choiceQuestion = localStorage.getItem("safety-book-chapter03-Data");
+ if (choiceQuestion) {
+ this.chapterData = JSON.parse(choiceQuestion);
+ }
+
+ this.getVidoePath();
+ this.collectResourceList = await getCollectResource(
+ this.config.activeBook.bookId
+ );
+ },
+ methods: {
+ async getVidoePath() {
+ this.videoPathOne = await getResourcePath(
+ "3be8acd96beeba7bfb62cf26e46fb7dd"
+ );
+ this.videoPathTwo = await getResourcePath(
+ "1a8b239d665e109faeb1ad12e229a674"
+ );
+ this.videoPathThree = await getResourcePath(
+ "94b00baff32320b0c5f06e94951c0d22"
+ );
},
- methods: {
- setBookQuestion() {
- localStorage.setItem(
- "safety-book-chapter03",
- JSON.stringify(this.questionData)
- );
- },
- setBookTableData() {
- localStorage.setItem(
- "safety-book-chapter03-tableData",
- JSON.stringify(this.tableData)
- );
- },
- toUrl(val) {
- if (val) {
- this.p_md5 = this.chapter003.pdfMd5[val].md5
- this.somePdfTitleValue = this.chapter003.pdfMd5[val].name
- this.$refs.pdfDialogRef.openDialog()
- }
- },
+ handleCollect(e) {
+ if (e == "video-01") {
+ this.handleCollectResource(
+ "3be8acd96beeba7bfb62cf26e46fb7dd",
+ "3be8acd96beeba7bfb62cf26e46fb7dd",
+ "",
+ "瑙嗛",
+ "bits",
+ "瑙嗛锛氬墠浼犲矖浣嶄粙缁嶏紙瀵煎叆锛�"
+ );
+ this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
+ } else if (e == "video-02") {
+ this.handleCollectResource(
+ "1a8b239d665e109faeb1ad12e229a674",
+ "1a8b239d665e109faeb1ad12e229a674",
+ "",
+ "瑙嗛",
+ "bits",
+ "瑙嗛锛氬墠浼犲矖浣嶄富瑕佽亴璐�"
+ );
+ this.chapterData.isCollectVideo2 = !this.chapterData.isCollectVideo2;
+ } else if (e == "video-03") {
+ this.handleCollectResource(
+ "94b00baff32320b0c5f06e94951c0d22",
+ "94b00baff32320b0c5f06e94951c0d22",
+ "",
+ "瑙嗛",
+ "bits",
+ "瑙嗛锛氬墠浼犲矖浣嶇壒娈婃儏鍐靛鐞�"
+ );
+ this.chapterData.isCollectVideo3 = !this.chapterData.isCollectVideo3;
+ }
+ this.handleChapterData();
},
+
+ //璧勬簮鏀惰棌浜嬩欢
+ // resourcePath 鏂囦欢璺緞锛�
+ // resourceType 鏂囦欢绫诲瀷
+ // source 鏂囦欢鏉ユ簮
+ handleCollectResource(
+ id,
+ md5,
+ resourcePath,
+ resourceType,
+ source,
+ resourceName
+ ) {
+ let list = this.collectResourceList;
+ if (list.findIndex((item) => item.id == id) > -1) {
+ list = list.filter((item) => item.id != id);
+ } else {
+ list.push({
+ id,
+ md5,
+ resourcePath,
+ resourceType,
+ source,
+ resourceName,
+ });
+ }
+ this.collectResourceList = list;
+ setCollectResource(
+ this.config.activeBook.bookId,
+ this.collectResourceList
+ );
+ },
+ handleChapterData() {
+ localStorage.setItem(
+ "safety-book-chapter03-Data",
+ JSON.stringify(this.chapterData)
+ );
+ },
+ setBookQuestion() {
+ localStorage.setItem(
+ "safety-book-chapter03",
+ JSON.stringify(this.questionData)
+ );
+ },
+ setBookTableData() {
+ localStorage.setItem(
+ "safety-book-chapter03-tableData",
+ JSON.stringify(this.tableData)
+ );
+ },
+ toUrl(val) {
+ if (val) {
+ this.p_md5 = this.chapter003.pdfMd5[val].md5;
+ this.somePdfTitleValue = this.chapter003.pdfMd5[val].name;
+ this.$refs.pdfDialogRef.openDialog();
+ }
+ },
+ },
};
</script>
-<style lang="less" scoped></style>
\ No newline at end of file
+<style lang="less" scoped></style>
--
Gitblit v1.9.1