From dea38e9bf94126873b5b47d02b3e5ec73c8586be Mon Sep 17 00:00:00 2001 From: unknown <qq1940665526@163.com> Date: 星期二, 28 五月 2024 17:05:25 +0800 Subject: [PATCH] 优化结构目录 --- src/books/lifeCare/view/chapter008.vue | 932 ++++++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 877 insertions(+), 55 deletions(-) diff --git a/src/books/lifeCare/view/chapter008.vue b/src/books/lifeCare/view/chapter008.vue index 14dd820..087bdd3 100644 --- a/src/books/lifeCare/view/chapter008.vue +++ b/src/books/lifeCare/view/chapter008.vue @@ -1,7 +1,7 @@ 锘�<template> - <div class="chapter"> - <div class="page-box"> - <div class="bodystyle"> + <div class="chapter" num="9"> + <div class="page-box" page="137"> + <div class="bodystyle topImg"> <h2 id="b008"><img class="img-0" alt="" src="../image/dy8.jpg" /></h2> <div class="bk"> <div class="bj1"> @@ -43,7 +43,20 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="138"> + <div class="header"> + <div class="pageHeader-second"> + <div class="second-con"> + <div class="second-left"></div> + <div class="second-right"> + <img src="../image/pageImg.png" alt="" /> + <span class="pageStr">绗叓鍗曞厓路绂诲洯娲诲姩鐓ф姢</span> + <span class="pageNum">1-133</span> + </div> + </div> + <div class="borderLine"></div> + </div> + </div> <div class="bodystyle"> <div class="bk"> <div class="bj1"> @@ -93,19 +106,39 @@ <p>鏍规嵁涓婅堪鎯呭锛屽洖绛斾笅鍒楅棶棰樸��</p> </div> </div> - <div class="page-box"> + <div class="page-box" page="139"> + <div class="header"> + <div class="pageHeader-first"> + <div class="header-bj"></div> + <div class="content"> + <div class="pageStr">1-134</div> + <div class="title"> + <img src="../image/chapter.png" alt="" /> + <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> + </div> + </div> + </div> + </div> <div class="bodystyle"> <p>1.鍦ㄤ笂杩版儏澧冧腑锛屽嚭鐜伴仐婕忕墿鍝併�佹嬁閿欎功鍖呰繖浜涙儏鍐电殑鍘熷洜鏄粈涔堬紵</p> <div class="bk-tx"> - <p class="hr"></p> - <p class="hr"></p> - <p class="hr"></p> + <textarea + v-model="chapter008.textAreaItem.text1" + style="border: 0" + placeholder="璇疯緭鍏ュ唴瀹�" + rows="5" + @blur="onBlurChange('text1')" + ></textarea> </div> <p>2.涓轰簡閬垮厤涓婅堪鎯呭涓殑闂锛屽湪绂诲洯鍓嶅簲鐫�閲嶆敞鎰忓摢浜涙柟闈㈢殑妫�鏌ワ紵</p> <div class="bk-tx"> - <p class="hr"></p> - <p class="hr"></p> - <p class="hr"></p> + <textarea + v-model="chapter008.textAreaItem.text2" + style="border: 0" + placeholder="璇疯緭鍏ュ唴瀹�" + rows="5" + @blur="onBlurChange('text2')" + ></textarea> </div> <h4 id="d085"> 鈻垛柖 娲诲姩2锛氱鍥墠鐨勭敓娲荤収鎶�<span class="fontsz1" @@ -121,20 +154,123 @@ <p>鍒嗘瀽涓婅堪鎯呭锛屽畬鎴愪笅鍒楀疄璺垫椿鍔ㄣ��</p> <p>1.璁捐涓�寮�1锝�12鏈堥緞濠村効绂诲洯鍓嶇敓娲荤収鎶ゆ竻鍗曪紙瑙佽〃1-8-1锛夈��</p> <p class="img">琛�1-8-1銆�1锝�12鏈堥緞濠村効绂诲洯鍓嶇敓娲荤収鎶ゆ竻鍗�</p> - <p class="center"> + <!-- <p class="center"> <img class="img-a" alt="" src="../image/0150-1.jpg" /> - </p> + </p> --> + <div> + <table class="table111 table122"> + <thead> + <tr> + <th + :style="{ + width: index == 3 ? '220px' : '', + }" + v-for="(header, index) in chapter008.headersData181" + :key="index" + > + {{ header }} + </th> + </tr> + </thead> + <tbody> + <tr + v-for="(row, rowIndex) in chapter008.tableData181" + :key="rowIndex" + > + <td v-for="(cell, cellIndex) in row" :key="cellIndex"> + <template v-if="cell === ''"> + <input + type="text" + v-model="chapter008.tableData181[rowIndex][cellIndex]" + @blur=" + updateCell181(rowIndex, cellIndex, $event.target.value) + " + /> + </template> + <template v-else> + <input + type="text" + :value="chapter008.tableData181[rowIndex][cellIndex]" + @blur=" + updateCell181(rowIndex, cellIndex, $event.target.value) + " + /> + </template> + </td> + </tr> + </tbody> + </table> + </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="140"> + <!-- 濂囨暟椤� --> + <div class="header"> + <div class="pageHeader-second"> + <div class="second-con"> + <div class="second-left"></div> + <div class="second-right"> + <img src="../image/pageImg.png" alt="" /> + <span class="pageStr">绗叓鍗曞厓路绂诲洯娲诲姩鐓ф姢</span> + <span class="pageNum">1-135</span> + </div> + </div> + <div class="borderLine"></div> + </div> + </div> <div class="bodystyle"> <p> 2.濠村辜鍎垮洜鍏剁敓鐞嗙壒鐐癸紝鍦ㄤ竴寮�濮嬫槸瀹屽叏渚濊禆鎴愪汉鐨勭収鎶ょ殑锛屼絾闅忕潃鍏惰兘鍔涚殑鍙戝睍锛屾垜浠鏈夋剰璇嗗湴鍩瑰吇浠栦滑鐨勫ソ涔犳儻銆傝灏忕粍鍚堜綔锛屽垎骞撮緞娈佃璁�1锝�12鏈堥緞濠村効绂诲洯濂戒範鎯吇鎴愭暀鑲插畨鎺掕〃锛堣〃1-8-2锛夈�� </p> <p class="img">琛�1-8-2銆�1锝�12鏈堥緞濠村効绂诲洯濂戒範鎯吇鎴愭暀鑲插畨鎺掕〃</p> - <p class="center"> + <!-- <p class="center"> <img class="img-a" alt="" src="../image/0151-1.jpg" /> - </p> + </p> --> + <div> + <table class="table111 table122"> + <thead> + <tr> + <th + :style="{ + width: index == 3 ? '220px' : '', + }" + v-for="(header, index) in chapter008.headersData182" + :key="index" + > + {{ header }} + </th> + </tr> + </thead> + <tbody> + <tr + v-for="(row, rowIndex) in chapter008.tableData182" + :key="rowIndex" + > + <td v-for="(cell, cellIndex) in row" :key="cellIndex"> + <template v-if="cell === ''"> + <input + type="text" + v-model="chapter008.tableData182[rowIndex][cellIndex]" + @blur=" + updateCell182(rowIndex, cellIndex, $event.target.value) + " + /> + </template> + <template v-else> + <input + type="text" + :value="chapter008.tableData182[rowIndex][cellIndex]" + @blur=" + updateCell182(rowIndex, cellIndex, $event.target.value) + " + /> + </template> + </td> + </tr> + </tbody> + </table> + </div> + <p><br /></p> <div class="bk-qjms"> <p class="bj1-qjms">鈯欍��鎯呭鎻忚堪2銆�鈯�</p> <p class="block"> @@ -144,26 +280,127 @@ <p>鍒嗘瀽涓婅堪鎯呭锛屽畬鎴愪笅鍒楀疄璺垫椿鍔ㄣ��</p> <p>1.璁捐涓�寮�24锝�36鏈堥緞骞煎効绂诲洯鍓嶇敓娲荤収鎶ゆ竻鍗曪紙瑙佽〃1-8-3锛夈��</p> <p class="img">琛�1-8-3銆�24锝�36鏈堥緞骞煎効绂诲洯鍓嶇敓娲荤収鎶ゆ竻鍗�</p> - <p class="center"> + <!-- <p class="center"> <img class="img-a" alt="" src="../image/0151-2.jpg" /> - </p> + </p> --> + <div> + <table class="table111 table122"> + <thead> + <tr> + <th + :style="{ + width: index == 3 ? '220px' : '', + }" + v-for="(header, index) in chapter008.headersData183" + :key="index" + > + {{ header }} + </th> + </tr> + </thead> + <tbody> + <tr + v-for="(row, rowIndex) in chapter008.tableData183" + :key="rowIndex" + > + <td v-for="(cell, cellIndex) in row" :key="cellIndex"> + <template v-if="cell === ''"> + <input + type="text" + v-model="chapter008.tableData183[rowIndex][cellIndex]" + @blur=" + updateCell183(rowIndex, cellIndex, $event.target.value) + " + /> + </template> + <template v-else> + <input + type="text" + :value="chapter008.tableData183[rowIndex][cellIndex]" + @blur=" + updateCell183(rowIndex, cellIndex, $event.target.value) + " + /> + </template> + </td> + </tr> + </tbody> + </table> + </div> <p> 2.璇峰皬缁勫悎浣滐紝鍒嗗勾榫勬璁捐24锝�36鏈堥緞骞煎効绂诲洯濂戒範鎯吇鎴愭暀鑲插畨鎺掕〃锛堣琛�1-8-4锛夈�� </p> </div> </div> - <div class="page-box"> + <div class="page-box" page="141"> + <!-- 鍋舵暟椤� --> + <div class="header"> + <div class="pageHeader-first"> + <div class="header-bj"></div> + <div class="content"> + <div class="pageStr">1-136</div> + <div class="title"> + <img src="../image/chapter.png" alt="" /> + <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> + </div> + </div> + </div> + </div> <div class="bodystyle"> <p class="img">琛�1-8-4銆�24锝�36鏈堥緞骞煎効绂诲洯濂戒範鎯吇鎴愭暀鑲插畨鎺掕〃</p> - <p class="center"> + <!-- <p class="center"> <img class="img-a" alt="" src="../image/0152-1.jpg" /> - </p> + </p> --> + <div> + <table class="table111 table122"> + <thead> + <tr> + <th + :style="{ + width: index == 3 ? '220px' : '', + }" + v-for="(header, index) in chapter008.headersData184" + :key="index" + > + {{ header }} + </th> + </tr> + </thead> + <tbody> + <tr + v-for="(row, rowIndex) in chapter008.tableData184" + :key="rowIndex" + > + <td v-for="(cell, cellIndex) in row" :key="cellIndex"> + <template v-if="cell === ''"> + <input + type="text" + v-model="chapter008.tableData184[rowIndex][cellIndex]" + @blur=" + updateCell184(rowIndex, cellIndex, $event.target.value) + " + /> + </template> + <template v-else> + <input + type="text" + :value="chapter008.tableData184[rowIndex][cellIndex]" + @blur=" + updateCell184(rowIndex, cellIndex, $event.target.value) + " + /> + </template> + </td> + </tr> + </tbody> + </table> + </div> <h3 id="c030"> <span class="bk-h3" ><span class="bj1-h3">浜�</span>銆�銆�缁勭粐绂诲洯娲诲姩銆�</span > </h3> - <p><br /></p> + <!-- <p><br /></p> <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> @@ -174,7 +411,52 @@ <img class="img-h" alt="" src="../image/0152-2.jpg" /> </p> <p class="img">绂诲洯</p> + </div> --> + <!-- <p><br /></p> --> + <div class="tips-bk" style="margin-top: 80px"> + <div class="bj-tip"> + 瑙嗛锛氱鍥� + <div @click="activityOne"> + <svg + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="20.863" + height="20.817" + viewBox="0 0 19.863 13.817" + > + <g transform="translate(-40.961 -184.321)"> + <path + class="a" + d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z" + transform="translate(51.824 196.82) rotate(-90)" + /> + <path + class="b" + d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z" + transform="translate(-3269 15293.001)" + /> + </g> + </svg> + </div> + </div> + <div + class="tips-file" + v-if="chapter008.isOpenOne && chapter008.videOneUrl" + > + <video + webkit-playsinline="true" + x-webkit-airplay="true" + playsinline="true" + x5-video-orientation="h5" + x5-video-player-fullscreen="true" + x5-playsinline="" + controls + class="video-border w100" + :src="chapter008.videOneUrl" + ></video> + </div> </div> + <p><br /></p> <p> 鍦ㄥ┐骞煎効绂诲洯鐜妭涓紝淇濇暀浜哄憳瑕佸仛濂戒竴鏃ョ敓娲绘�荤粨浠ュ強瀹跺洯娌熼�氾紝鍚戝闀垮弽棣堝┐骞煎効鐨勪竴鏃ョ敓娲诲拰瀛︿範鎯呭喌銆傚湪绂诲洯娴佺▼鏂归潰锛屼繚鏁欎汉鍛樿鍚堢悊鍒嗗伐銆佺珯浣嶇粍缁囧┐骞煎効鏈夊簭绂诲洯锛涘仛濂芥湁鐗规畩鎯呭喌鐨勫┐骞煎効鍦ㄧ鍥幆鑺傜殑浜ゆ帴瀹夋帓宸ヤ綔锛涘仛濂藉洜鏁呯敱浠栦汉浠f帴鐨勫┐骞煎効鐨勪氦鎺ュ伐浣溿�� </p> @@ -198,25 +480,51 @@ <p>鍒嗘瀽浠ヤ笂鎯呭锛屽皬缁勮璁哄苟鍥炵瓟浠ヤ笅闂銆�</p> </div> </div> - <div class="page-box"> + <div class="page-box" page="142"> + <!-- 濂囨暟椤� --> + <div class="header"> + <div class="pageHeader-second"> + <div class="second-con"> + <div class="second-left"></div> + <div class="second-right"> + <img src="../image/pageImg.png" alt="" /> + <span class="pageStr">绗叓鍗曞厓路绂诲洯娲诲姩鐓ф姢</span> + <span class="pageNum">1-137</span> + </div> + </div> + <div class="borderLine"></div> + </div> + </div> <div class="bodystyle"> <p>1.濠村辜鍎跨鍥椿鍔ㄧ殑鐩爣鏄粈涔堬紵</p> <div class="bk-tx"> - <p class="hr"></p> - <p class="hr"></p> - <p class="hr"></p> + <textarea + v-model="chapter008.textAreaItem.text3" + style="border: 0" + placeholder="璇疯緭鍏ュ唴瀹�" + rows="5" + @blur="onBlurChange('text3')" + ></textarea> </div> <p>2.绂诲洯鐜妭鐨勫畨鍏ㄩ殣鎮f湁鍝簺锛�</p> <div class="bk-tx"> - <p class="hr"></p> - <p class="hr"></p> - <p class="hr"></p> + <textarea + v-model="chapter008.textAreaItem.text4" + style="border: 0" + placeholder="璇疯緭鍏ュ唴瀹�" + rows="5" + @blur="onBlurChange('text4')" + ></textarea> </div> <p>3.濡備綍鍚堢悊銆佹湁搴忓湴瀹夋帓绂诲洯鐜妭鐨勫伐浣滐紵</p> <div class="bk-tx"> - <p class="hr"></p> - <p class="hr"></p> - <p class="hr"></p> + <textarea + v-model="chapter008.textAreaItem.text5" + style="border: 0" + placeholder="璇疯緭鍏ュ唴瀹�" + rows="5" + @blur="onBlurChange('text5')" + ></textarea> </div> <h4 id="d087"> 鈻垛柖 娲诲姩2锛氱鍥椂鐨勫鍥矡閫�<span class="fontsz1" @@ -244,7 +552,20 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="143"> + <!-- 鍋舵暟椤� --> + <div class="header"> + <div class="pageHeader-first"> + <div class="header-bj"></div> + <div class="content"> + <div class="pageStr">1-138</div> + <div class="title"> + <img src="../image/chapter.png" alt="" /> + <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> + </div> + </div> + </div> + </div> <div class="bodystyle"> <div class="bk-qjms"> <p class="block"> @@ -266,13 +587,19 @@ <p>鍒嗘瀽涓婅堪鎯呭锛屽厛鍥炵瓟闂鍐嶈璁$浉鍏宠褰曡〃銆�</p> <p>1.瀵逛簬灏忔湀榫勫┐鍎跨殑瀹堕暱锛屽湪瀹跺洯娌熼�氫腑搴斾晶閲嶅摢浜涜鐐硅繘琛屽弽棣堬紵</p> <div class="bk-tx"> - <p class="hr"></p> - <p class="hr"></p> + <textarea + v-model="chapter008.textAreaItem.text6" + style="border: 0" + placeholder="璇疯緭鍏ュ唴瀹�" + rows="5" + @blur="onBlurChange('text6')" + ></textarea> </div> <p>2.璇疯璁�6锝�12鏈堥緞濠村効鐨勪竴鏃ョ敓娲昏褰曡〃銆�</p> <div class="bk-tx"> - <p>銆�</p> - <p>銆�</p> + <p><br /></p> + <p><br /></p> + <p><br /></p> </div> <h3 id="c031"> <span class="bk-h3" @@ -284,7 +611,21 @@ </p> </div> </div> - <div class="page-box"> + <div class="page-box" page="144"> + <!-- 濂囨暟椤� --> + <div class="header"> + <div class="pageHeader-second"> + <div class="second-con"> + <div class="second-left"></div> + <div class="second-right"> + <img src="../image/pageImg.png" alt="" /> + <span class="pageStr">绗叓鍗曞厓路绂诲洯娲诲姩鐓ф姢</span> + <span class="pageNum">1-139</span> + </div> + </div> + <div class="borderLine"></div> + </div> + </div> <div class="bodystyle"> <p> 姣忓懆搴旇嚦灏戞竻娲佹秷姣�1娆★紝浼犳煋鐥呮祦琛屽鑺傚簲姣忔棩娓呮磥娑堟瘨1娆°�傝鍒囧疄鍋氬ソ娓呮磥涓庢秷姣掑伐浣溿�� @@ -313,7 +654,7 @@ 3.鏀剧疆銆傛秷姣掑悗锛岀敤澶瑰瓙鍙栧嚭锛屾斁鍦ㄥ共鍑�鐨勭洏涓播骞叉按鍒嗭紝灏嗘櫨骞插悗鐨勫ザ鍢村鍦ㄥザ鐡剁洊涓婏紝鏀惧叆涓撶敤灏忕泦涓紝鐩栦笂灏忔瘺宸惧鐢ㄣ�� </p> <p>4.鏁寸悊銆傛竻娲佹暣鐞嗘墍鐢ㄧ墿鍝侊紝鎽嗘斁鏁撮綈銆�</p> - <p><br /></p> + <!-- <p><br /></p> <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> @@ -324,12 +665,56 @@ <img class="img-h" alt="" src="../image/0155-1.jpg" /> </p> <p class="img">濂剁摱鐨勬竻娲佷笌娑堟瘨</p> + </div> --> + <div class="tips-bk"> + <div class="bj-tip"> + 瑙嗛锛氬ザ鐡剁殑娓呮磥涓庢秷姣� + <div @click="activityTwo"> + <svg + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="20.863" + height="20.817" + viewBox="0 0 19.863 13.817" + > + <g transform="translate(-40.961 -184.321)"> + <path + class="a" + d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z" + transform="translate(51.824 196.82) rotate(-90)" + /> + <path + class="b" + d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z" + transform="translate(-3269 15293.001)" + /> + </g> + </svg> + </div> + </div> + <div + class="tips-file" + v-if="chapter008.isOpenTwo && chapter008.videoTwoUrl" + > + <video + webkit-playsinline="true" + x-webkit-airplay="true" + playsinline="true" + x5-video-orientation="h5" + x5-video-player-fullscreen="true" + x5-playsinline="" + controls + class="video-border w100" + :src="chapter008.videoTwoUrl" + ></video> + </div> </div> + <p><br /></p> <p><b>鈶㈠疄璁粌涔�</b></p> <p> 2锝�4浜轰负涓�缁勫紑灞曞疄璁搷浣滐紝鍏朵腑涓�浜烘搷浣滐紝鍏朵粬鍚屽瑙傛懇銆傛搷浣滆�呬竴杈瑰疄鎿嶄竴杈硅瑙f搷浣滆棰嗭紝鍏朵粬鍚屽鎸夌収娓呮磥涓庢秷姣掑ザ鐡剁殑璇勫垎鏍囧噯缁欐搷浣滆�呮墦鍒嗐�� </p> - <p><br /></p> + <!-- <p><br /></p> <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> @@ -340,7 +725,94 @@ <img class="img-h" alt="" src="../image/0155-2.jpg" /> </p> <p class="img">娓呮磥涓庢秷姣掑ザ鐡剁殑璇勫垎鏍囧噯</p> + </div> --> + <div class="tips-bk"> + <div class="bj-tip"> + 鐢ㄥ嫼杩涢鎸囧鐨勮瘎鍒嗘爣鍑� + <div @click="activityScore1"> + <svg + xmlns="http://www.w3.org/2000/svg" + width="19.28" + height="20.563" + viewBox="0 0 19.28 20.563" + > + <g transform="translate(-109.056 -82.941)"> + <path + class="a" + d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z" + transform="translate(-3316.14 15289.201)" + /> + <path + class="a" + d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z" + transform="translate(-196.896 -148.921)" + /> + <path + class="a" + d="M763.392,793.79l3.262-3.262h-3.262Z" + transform="translate(-638.661 -690.634)" + /> + </g> + </svg> + </div> + </div> + <div v-if="chapter008.isScore1Open" class="tips-file"> + <table class="table111 table122"> + <thead> + <tr> + <th + :style="{ + width: index == 1 ? '100px' : '', + }" + v-for="(header, index) in chapter008.publicHeader" + :key="index" + > + {{ header }} + </th> + </tr> + </thead> + <tbody> + <tr + v-for="(row, rowIndex) in chapter008.scoreData1" + :key="rowIndex" + > + <td v-for="(cell, cellIndex) in row" :key="cellIndex"> + <template v-if="cell === ''"> + <input + type="text" + v-model="chapter008.scoreData1[rowIndex][cellIndex]" + @blur=" + updateCellScore1( + rowIndex, + cellIndex, + $event.target.value + ) + " + /> + </template> + <template v-else-if="cellIndex == 4"> + <input + type="text" + v-model="chapter008.scoreData1[rowIndex][cellIndex]" + @blur=" + updateCellScore1( + rowIndex, + cellIndex, + $event.target.value + ) + " + /> + </template> + <template v-else> + {{ cell }} + </template> + </td> + </tr> + </tbody> + </table> + </div> </div> + <p><br /></p> <h4 id="d089"> 鈻垛柖 娲诲姩2锛氫簡瑙f墭鑲插洯鏃ュ父娓呮磥涓庢秷姣掓柟娉�<span class="fontsz1" >锛烇紴锛烇紴锛烇紴锛烇紴</span @@ -355,24 +827,86 @@ <p>鍒嗘瀽浠ヤ笂鎯呭锛屼互灏忕粍鍚堜綔鐨勫舰寮忓洖绛旈棶棰樺苟濉啓鐩稿叧琛ㄦ牸銆�</p> </div> </div> - <div class="page-box"> + <div class="page-box" page="145"> + <!-- 鍋舵暟椤� --> + <div class="header"> + <div class="pageHeader-first"> + <div class="header-bj"></div> + <div class="content"> + <div class="pageStr">1-40</div> + <div class="title"> + <img src="../image/chapter.png" alt="" /> + <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> + </div> + </div> + </div> + </div> + <div class="bodystyle"> <p>1.鏈夊摢浜涙秷姣掓硶锛熻繖浜涙秷姣掓硶鐨勯�傜敤鑼冨洿鏄粈涔堬紵</p> <div class="bk-tx"> - <p class="hr"></p> - <p class="hr"></p> - <p class="hr"></p> + <textarea + v-model="chapter008.textAreaItem.text7" + style="border: 0" + placeholder="璇疯緭鍏ュ唴瀹�" + rows="5" + @blur="onBlurChange('text7')" + ></textarea> </div> <p>2.璇峰~鍐欐墭鑲插洯鏃ュ父娓呮磥涓庢秷姣掓祦绋嬭鑼冭〃锛堣琛�1-8-5锛夈��</p> <p class="img">琛�1-8-5銆�鎵樿偛鍥棩甯告竻娲佷笌娑堟瘨娴佺▼瑙勮寖琛�</p> - <p class="center"> + <!-- <p class="center"> <img class="img-a" alt="" src="../image/0156-1.jpg" /> - </p> + </p> --> + <div> + <table class="table111 table122"> + <thead> + <tr> + <th + :style="{ + width: index == 3 ? '220px' : '', + }" + v-for="(header, index) in chapter008.headersData185" + :key="index" + > + {{ header }} + </th> + </tr> + </thead> + <tbody> + <tr + v-for="(row, rowIndex) in chapter008.tableData185" + :key="rowIndex" + > + <td v-for="(cell, cellIndex) in row" :key="cellIndex"> + <template v-if="cell === ''"> + <input + type="text" + v-model="chapter008.tableData185[rowIndex][cellIndex]" + @blur=" + updateCell185(rowIndex, cellIndex, $event.target.value) + " + /> + </template> + <template v-else> + <input + type="text" + :value="chapter008.tableData185[rowIndex][cellIndex]" + @blur=" + updateCell185(rowIndex, cellIndex, $event.target.value) + " + /> + </template> + </td> + </tr> + </tbody> + </table> + </div> + <p><br /></p> <h4 id="d090"> 鈻垛柖 搴旂敤涓庡疄璺�<span class="fontsz1">锛烇紴锛烇紴锛烇紴锛烇紴</span> </h4> - <p><br /></p> - <div class="bk-sys"> + <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> <img class="img-gn1" alt="" src="../image/dy-ycs.png" /> @@ -381,15 +915,25 @@ <p class="center"> <img class="img-g" alt="" src="../image/0156-2.jpg" /> </p> - </div> + </div> --> <p><b>涓�銆侀�夋嫨棰�</b></p> - <p>1.鍒╃敤钂告苯鐨勯珮娓╀綔鐢ㄥ皢鑷寸梾寰敓鐗╂潃鐏殑娑堟瘨鏂规硶鍙綔锛堛��銆�锛夈��</p> + <p> + 1.鍒╃敤钂告苯鐨勯珮娓╀綔鐢ㄥ皢鑷寸梾寰敓鐗╂潃鐏殑娑堟瘨鏂规硶鍙綔锛堛��<input + v-model="chapter008.radio.text7" + @blur="onRadioText()" + />銆�銆�锛夈�� + </p> <p class="block">A.绱绾挎秷姣掓硶</p> <p class="block">B.鍖栧娑堟瘨娉�</p> <p class="block">C.钂告苯娑堟瘨娉�</p> <p class="block">D.鐓哺娑堟瘨娉�</p> <p class="block">E.宸存皬娑堟瘨娉�</p> - <p>2.浠ヤ笅瀵圭収鎶ゅ┐骞煎効瀛︿範銆佹椿鍔ㄥ拰鍗敓淇濆仴鐨勬弿杩颁笉姝g‘鐨勬槸锛堛��銆�锛夈��</p> + <p> + 2.浠ヤ笅瀵圭収鎶ゅ┐骞煎効瀛︿範銆佹椿鍔ㄥ拰鍗敓淇濆仴鐨勬弿杩颁笉姝g‘鐨勬槸锛堛��<input + v-model="chapter008.radio.text6" + @blur="onRadioText()" + />銆�銆�锛夈�� + </p> <p class="block">A.鍒涜瀹夊叏銆佽垝閫傜殑瀛︿範鐜</p> <p class="block">B.鎻愪緵鐪熷疄澶氭牱鐨勬潗鏂欙紝鍩瑰吇濠村辜鍎垮鏂归潰鐨勬劅鐭ヨ兘鍔�</p> <p class="block">C.娉ㄦ剰濠村辜鍎垮涔犳椿鍔ㄧ殑鐜鍗敓</p> @@ -397,27 +941,305 @@ <p class="block">E.淇濊瘉瀛︿範娲诲姩鍦烘墍閲囧厜鑹ソ銆侀�氶</p> </div> </div> - <div class="page-box"> + <div class="page-box" page="146"> + <!-- 濂囨暟椤� --> + <div class="header"> + <div class="pageHeader-second"> + <div class="second-con"> + <div class="second-left"></div> + <div class="second-right"> + <img src="../image/pageImg.png" alt="" /> + <span class="pageStr">绗叓鍗曞厓路绂诲洯娲诲姩鐓ф姢</span> + <span class="pageNum">1-141</span> + </div> + </div> + <div class="borderLine"></div> + </div> + </div> <div class="bodystyle"> - <p>3.涓�鑸儏鍐典笅绾稿翱瑁ょ殑鏇存崲鏃堕棿搴斾负锛堛��銆�锛夈��</p> + <p> + 3.涓�鑸儏鍐典笅绾稿翱瑁ょ殑鏇存崲鏃堕棿搴斾负锛堛��<input + v-model="chapter008.radio.text5" + @blur="onRadioText()" + />銆�銆�锛夈�� + </p> <p class="block">A.2锝�3灏忔椂</p> <p class="block">B.4锝�6灏忔椂</p> <p class="block">C.5锝�8灏忔椂</p> <p class="block">D.9锝�10灏忔椂</p> - <p>4.缁欏┐骞煎効渚跨泦娑堟瘨甯哥敤鐨勬秷姣掑墏鏄紙銆�銆�锛夈��</p> + <p> + 4.缁欏┐骞煎効渚跨泦娑堟瘨甯哥敤鐨勬秷姣掑墏鏄紙銆�<input + v-model="chapter008.radio.text4" + @blur="onRadioText()" + />銆�銆�锛夈�� + </p> <p class="block">A.娆℃隘閰搁挔娑堟瘨娑�</p> <p class="block">B.纰樹紡</p> <p class="block">C.閰掔簿</p> <p class="block">D.杩囨哀涔欓吀</p> <p class="block">E.鐜哀涔欑兎</p> <p> - 5.鍋囧濠村辜鍎跨殑灏块噺姣斿钩鏃剁殑灏块噺锛堛��銆�锛夛紝灏忎究鍙戦粍銆侀鑹茶緝娣憋紝濠村辜鍎垮彲鑳芥槸鍙戠儳浜嗐�� + 5.鍋囧濠村辜鍎跨殑灏块噺姣斿钩鏃剁殑灏块噺锛堛��<input + v-model="chapter008.radio.text3" + @blur="onRadioText()" + />銆�銆�锛夛紝灏忎究鍙戦粍銆侀鑹茶緝娣憋紝濠村辜鍎垮彲鑳芥槸鍙戠儳浜嗐�� </p> <p class="block">A.澧炲</p> <p class="block">B.鍑忓皯</p> <p><b>浜屻�佽杩伴</b></p> <p>绠�杩板┐骞煎効绂诲洯鐨勬祦绋嬶紝鍙婁笉鍚岀幆鑺傚淇濇暀浜哄憳鐨勮姹傘��</p> + <div class="bk-tx"> + <textarea + v-model="chapter008.radio.desc" + style="border: 0" + placeholder="璇疯緭鍏ュ唴瀹�" + rows="5" + @blur="onBlurChange('desc')" + ></textarea> + </div> + <div class="tips-bk"> + <div class="bj-tip"> + 浜戞祴璇曪細鍗曞厓鍏簲鐢ㄤ笌瀹炶返 + <div @click="activityThree"> + <svg + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="20.115" + height="19.988" + viewBox="0 0 20.115 19.988" + > + <path + class="a" + d="M3356.437-15192.012a.568.568,0,0,1-.236-.052.566.566,0,0,1-.271-.744l1.134-2.429h-5.505a.558.558,0,0,1-.557-.558.559.559,0,0,1,.557-.561h19a.559.559,0,0,1,.557.561.558.558,0,0,1-.557.558h-5.505l1.13,2.429a.552.552,0,0,1,.019.427.55.55,0,0,1-.29.313.547.547,0,0,1-.238.055.557.557,0,0,1-.5-.322l-1.355-2.9h-5.52l-1.352,2.9A.563.563,0,0,1,3356.437-15192.012Zm12.442-5.462h-15.645a2.236,2.236,0,0,1-2.233-2.233v-10.06a2.236,2.236,0,0,1,2.233-2.233h15.645a2.238,2.238,0,0,1,2.237,2.233v10.06A2.238,2.238,0,0,1,3368.88-15197.474Zm-4.842-11.732a1.112,1.112,0,0,0-.748.287l-4.986,4.486a1.143,1.143,0,0,0-.309.473l-1.577,2.727a.57.57,0,0,0,.034.61.552.552,0,0,0,.447.229.448.448,0,0,0,.126-.016.55.55,0,0,0,.13-.03l2.871-1.233a1.153,1.153,0,0,0,.523-.268l4.982-4.485a1.121,1.121,0,0,0,.084-1.581l-.748-.828A1.113,1.113,0,0,0,3364.038-15209.206Z" + transform="translate(-3351.001 15212)" + /> + </svg> + </div> + </div> + <div + v-if="chapter008.idOpenThree && chapter008.qustionData[141]" + class="tips-file" + > + <examinations + :primaryColor="'#f49a4c'" + :cardList="chapter008.qustionData[141]" + /> + </div> + </div> </div> </div> </div> </template> +<script> +import getResourcePath from "@/assets/methods/resources.js"; +import getQuestionData from "@/assets/methods/examination.js"; +import testData from "../js/examinationList.js"; +import examinations from "@/components/examinations/index.vue"; + +export default { + name: "chapter008", + data() { + return { + chapter008: { + videOneUrl: "", + videoTwoUrl: "", + isGroupOpen: true, + isOpenOne: true, + isOpenTwo: true, + idOpenThree: true, + isScore1Open: true, + isScore2Open: true, + isScore3Open: true, + qustionData: {}, + publicHeader: ["搴忓彿", "鑰冩牳鍐呭", "閰嶅垎", "璇勫垎鏍囧噯", "鎵e垎", "寰楀垎"], + // 娓呮磥涓庢秷姣掑ザ鐡剁殑璇勫垎鏍囧噯 + scoreData1: [ + [ + 1, + "鐗╁搧鍑嗗", + 10, + "濂剁摱鍒枫�佸皬姣涘埛銆佸ザ鐡跺す銆侀攨銆佸皬鐩嗐�佺罕甯冦�佸皬 1 鍒嗭紝鎵e畬涓烘姣涘肪锛堣鏄庝笉鍑嗙‘姣忛」鎵�2鍒嗭紝鎵e畬涓烘锛�", + "", + "", + ], + [ + 2, + "鎿嶄綔鑰呭噯澶�", + 10, + "鐢ㄨ偉鐨傘�佹祦鍔ㄦ按娲楀噣鍙屾墜锛屾暣鐞嗕华琛紝涓嶆埓鎴掓寚锛屼笉鐣欓暱鎸囩敳锛屼笉鎶暱鍙戯紝涓嶇┛楂樿窡闉嬪拰鎷栭瀷锛堣鏄庝笉鍑嗙‘姣忛」鎵�2鍒嗭紝鎵e畬涓烘锛�", + "", + "", + ], + [ + 3, + "纭畾椁愬叿鏁伴噺", + 30, + "灏嗗ザ鐡剁殑鎵�鏈夌粍浠跺寘鎷ザ鐡躲�佺摱鐩栥�佸ザ鍢淬�佸鐜叏閮ㄦ媶寮�锛岄�愪竴鐢ㄥ埛瀛愬埛鍘绘畫鐣欑殑涔虫眮锛岀劧鍚庡啿娲楀共鍑�锛涘ザ鍢存礊銆佸ザ鍢村唴渚у強濂剁摱鐩栫殑娌熺汗澶勭瓑锛屽疁鐢ㄥ皬鍒峰瓙鍒锋礂锛堟搷浣滃拰璇存槑涓嶅噯纭瘡鐜妭鎵�10鍒嗭紝鍏�30鍒嗭級", + "", + "", + ], + [ + 4, + "鍒嗗彂纰�", + 30, + "鐢ㄦ秷姣掗攨娑堟瘨鎴栫儹姘寸叜娌告秷姣掋�傚皢濂剁摱鏀惧叆閿呭唴鐓�5锝�10鍒嗛挓锛屽ザ鍢村強鐡剁洊鐢ㄧ罕甯冨寘浣忕叜3鍒嗛挓銆傦紙鎿嶄綔鍜岃鏄庝笉鍑嗙‘姣忕幆鑺傛墸10鍒嗭紝鍏�30鍒嗭級", + "", + "", + ], + [ + 5, + "鍒嗗彂鐩樺瓙", + 10, + "娑堟瘨鍚庯紝鐢ㄥす瀛愬彇鍑猴紝鏀惧湪骞插噣鐩樹腑娌ュ共姘村垎锛屾櫨骞插悗鐨勫ザ鍢达紝濂楀ソ濂剁摱鐩栵紝鏀惧叆涓撶敤灏忕泦涓紝鐩栦笂灏忔瘺宸惧鐢紙鎿嶄綔鍜岃鏄庝笉鍑嗙‘鎵�10鍒嗭級", + "", + "", + ], + [ + 6, + "鏁寸悊", + 10, + "娓呮磥鏁寸悊鎵�鐢ㄧ墿鍝侊紝鎽嗘斁鏁撮綈锛堟搷浣滃拰璇存槑涓嶅噯纭墸10鍒嗭級", + "", + "", + ], + ], + // 琛ㄦ牸1-8-1 + headersData181: ["椤圭洰", "鍐呭"], // 琛ㄥご + tableData181: [ + // 浜岀淮鏁扮粍浣滀负琛ㄦ牸鏁版嵁 + ["", ""], + ["", ""], + ["", ""], + ["", ""], + ["", ""], + ["", ""], + ], + // 1-8-2 + headersData182: ["椤圭洰", "濂戒範鎯吇鎴愭爣鍑�"], // 琛ㄥご + tableData182: [ + // 浜岀淮鏁扮粍浣滀负琛ㄦ牸鏁版嵁 + ["", ""], + ["", ""], + ["", ""], + ["", ""], + ["", ""], + ["", ""], + ], + // 1-8-3 + headersData183: ["椤圭洰", "鍐呭"], // 琛ㄥご + tableData183: [ + // 浜岀淮鏁扮粍浣滀负琛ㄦ牸鏁版嵁 + ["", ""], + ["", ""], + ["", ""], + ["", ""], + ["", ""], + ], + // 1-8-4 + headersData184: ["椤圭洰", "濂戒範鎯吇鎴愭爣鍑�"], + tableData184: [ + ["", ""], + ["", ""], + ["", ""], + ["", ""], + ["", ""], + ], + // 1-8-5 + headersData185: ["瀵硅薄", "鏂规硶", "娴佺▼"], + tableData185: [ + ["", "", ""], + ["", "", ""], + ["", "", ""], + ["", "", ""], + ["", "", ""], + ], + textAreaItem: {}, + radio: {}, + }, + }; + }, + components: { + examinations, + }, + async created() { + const localData = JSON.parse(localStorage.getItem("chapter008")); + if (localData) { + this.chapter008 = { ...Object.assign(this.chapter008, localData) }; + } + this.chapter008.videOneUrl = getResourcePath( + "80986796eb2d8ee1a47cdde606900ed0" + ); + this.chapter008.videoTwoUrl = getResourcePath( + "460c7bc740882a9ad93b096a2151dd1c" + ); + this.chapter008.videOneUrl = + "https://jsek.bnuic.com/file/api/ApiDownload?md5=80986796eb2d8ee1a47cdde606900ed0"; + this.chapter008.videoTwoUrl = + "https://jsek.bnuic.com/file/api/ApiDownload?md5=460c7bc740882a9ad93b096a2151dd1c"; + this.chapter008.qustionData = await getQuestionData( + "8", + testData[8], + this.config.activeBook + ); + }, + methods: { + activityOne() { + this.chapter008.isOpenOne = !this.chapter008.isOpenOne; + }, + activityTwo() { + this.chapter008.isOpenTwo = !this.chapter008.isOpenTwo; + }, + activityThree() { + this.chapter008.idOpenThree = !this.chapter008.idOpenThree; + }, + activityScore1() { + this.chapter008.isScore1Open = !this.chapter008.isScore1Open; + localStorage.setItem("chapter008", JSON.stringify(this.chapter008)); + }, + updateCellScore1(rowIndex, cellIndex, value) { + // 鏇存柊鍗曞厓鏍兼暟鎹� + this.$set(this.chapter008.scoreData1[rowIndex], cellIndex, value); + if (cellIndex == 4) { + this.$set( + this.chapter008.scoreData1[rowIndex], + 5, + this.chapter008.scoreData1[rowIndex][2] - + this.chapter008.scoreData1[rowIndex][cellIndex] + ); + } + localStorage.setItem("chapter008", JSON.stringify(this.chapter008)); + }, + updateCell181(rowIndex, cellIndex, value) { + // 鏇存柊鍗曞厓鏍兼暟鎹� + this.$set(this.chapter008.tableData181[rowIndex], cellIndex, value); + localStorage.setItem("chapter008", JSON.stringify(this.chapter008)); + }, + updateCell182(rowIndex, cellIndex, value) { + // 鏇存柊鍗曞厓鏍兼暟鎹� + this.$set(this.chapter008.tableData182[rowIndex], cellIndex, value); + localStorage.setItem("chapter008", JSON.stringify(this.chapter008)); + }, + updateCell183(rowIndex, cellIndex, value) { + // 鏇存柊鍗曞厓鏍兼暟鎹� + this.$set(this.chapter008.tableData183[rowIndex], cellIndex, value); + localStorage.setItem("chapter008", JSON.stringify(this.chapter008)); + }, + updateCell184(rowIndex, cellIndex, value) { + // 鏇存柊鍗曞厓鏍兼暟鎹� + this.$set(this.chapter008.tableData184[rowIndex], cellIndex, value); + localStorage.setItem("chapter008", JSON.stringify(this.chapter008)); + }, + updateCell185(rowIndex, cellIndex, value) { + // 鏇存柊鍗曞厓鏍兼暟鎹� + this.$set(this.chapter008.tableData185[rowIndex], cellIndex, value); + localStorage.setItem("chapter008", JSON.stringify(this.chapter008)); + }, + onBlurChange() { + localStorage.setItem("chapter008", JSON.stringify(this.chapter008)); + }, + onRadioText() { + localStorage.setItem("chapter008", JSON.stringify(this.chapter008)); + }, + }, +}; +</script> -- Gitblit v1.9.1