From 333fe44c837afba40a8586c1fb4ebdb45cda16c0 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期二, 28 五月 2024 16:43:04 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/lifeCare/view/chapter004.vue | 338 +++++++++++++++++++++++++++++++++++++------------------ 1 files changed, 227 insertions(+), 111 deletions(-) diff --git a/src/books/lifeCare/view/chapter004.vue b/src/books/lifeCare/view/chapter004.vue index a76f4d4..3ee6da4 100644 --- a/src/books/lifeCare/view/chapter004.vue +++ b/src/books/lifeCare/view/chapter004.vue @@ -1,6 +1,6 @@ <template> - <div class="chapter"> - <div class="page-box"> + <div class="chapter" num="5"> + <div class="page-box" page="55"> <div class="bodystyle topImg"> <h2 id="b004"> <img class="img-0" alt="" src="../image/dy4.jpg" /> @@ -58,7 +58,7 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="56"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -80,7 +80,12 @@ </p> </div> <p class="center"> - <img class="img-b" alt="" src="../image/0067-1.jpg" /> + <el-image + class="chapter002-img-0035" + :src="picOneUrl" + :preview-src-list="picArr" + /> + <!-- <img class="img-b" alt="" src="../image/0067-1.jpg" /> --> </p> </div> <div class="bk"> @@ -121,7 +126,7 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="57"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -143,7 +148,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text1')" ></textarea> @@ -153,7 +157,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text2')" ></textarea> @@ -183,7 +186,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text3')" ></textarea> @@ -193,7 +195,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text4')" ></textarea> @@ -203,14 +204,13 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text5')" ></textarea> </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="58"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -244,7 +244,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text6')" ></textarea> </div> @@ -255,7 +254,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text7')" ></textarea> </div> @@ -272,13 +270,12 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text8')" ></textarea> </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="59"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -299,7 +296,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text9')" ></textarea> </div> @@ -311,11 +307,29 @@ <p><br /></p> <div class="tips-bk"> <div class="bj-tip"> - 瑙嗛锛氱粰瀹濆疂鎹㈠翱甯�<img - src="../icons/video.png" - @click="activityOne" - alt="" - /> + 瑙嗛锛氱粰瀹濆疂鎹㈠翱甯� + <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" @@ -376,7 +390,7 @@ </p> </div> </div> - <div class="page-box"> + <div class="page-box" page="60"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -418,11 +432,33 @@ </div> --> <div class="tips-bk"> <div class="bj-tip"> - 鏇存崲绾稿翱瑁ょ殑璇勫垎鏍囧噯<img - src="../icons/task.png" - @click="activityGroup" - alt="" - /> + 鏇存崲绾稿翱瑁ょ殑璇勫垎鏍囧噯 + <div @click="activityGroup"> + <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="chapter004.isGroupOpen" class="tips-file"> <table class="table111 table122"> @@ -483,6 +519,7 @@ </table> </div> </div> + <p><br /></p> <p><b>鈶f�荤粨涓庡弽鎬�</b></p> <p>1.鎿嶄綔涓鏄撳け璇墸鍒嗙殑鏂归潰鏈夊摢浜涳紵</p> <div class="bk-tx"> @@ -491,7 +528,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text10')" ></textarea> </div> @@ -502,13 +538,12 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text11')" ></textarea> </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="61"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -542,7 +577,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text12')" ></textarea> </div> @@ -559,7 +593,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text13')" ></textarea> </div> @@ -576,7 +609,7 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="62"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -599,7 +632,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text14')" ></textarea> </div> @@ -610,7 +642,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text15')" ></textarea> </div> @@ -621,7 +652,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text16')" ></textarea> </div> @@ -638,13 +668,12 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text17')" ></textarea> </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="63"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -665,7 +694,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text18')" ></textarea> </div> @@ -694,13 +722,12 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text19')" ></textarea> </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="64"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -716,11 +743,13 @@ </div> <div class="bodystyle"> <p>2.璇风敾鍑烘寚瀵煎┐骞煎効闆嗕綋濡傚帟杩囩▼鐨勬祦绋嬪浘銆�</p> - <div class="bk-tx"> - <div - id="myDiagramDiv" - style="width: 500px; height: 300px; background-color: #dae4e0" - ></div> + <div class="drawContent_wall"> + <drawflow + @getDrawData="drawflowDataOne" + :strId="'drawflowIdOne'" + :primaryColor="'#f49a4c'" + :importData="chapter004.drawDataOne" + /> </div> <p>3.濠村辜鍎块泦浣撳鍘曡繃绋嬩腑鏄撳嚭鐜颁粈涔堢獊鍙戜簨浠讹紵搴斿绛栫暐鏈夊摢浜涳紵</p> <div class="bk-tx"> @@ -729,7 +758,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text20')" ></textarea> </div> @@ -740,7 +768,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text21')" ></textarea> </div> @@ -751,11 +778,29 @@ </h4> <div class="tips-bk"> <div class="bj-tip"> - 瑙嗛锛氬辜鍎夸笉鑹鍘曚範鎯�<img - src="../icons/video.png" - @click="activityTwo" - alt="" - /> + 瑙嗛锛氬辜鍎夸笉鑹鍘曚範鎯� + <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" @@ -789,7 +834,7 @@ </div> --> <img class="img-gn2" alt="" src="../image/xxgcy.png" /> <p> - 璇锋壂浜岀淮鐮佽鐪嬭棰戯紝瑙傚療瑙嗛涓殑濠村辜鍎挎湁鍝簺涓嶈壇鐨勫鍘曚範鎯�傚鏋滄湁锛岃鎸囧嚭闂骞剁粰鍑虹煫姝d笉鑹殑濡傚帟涔犳儻鐨勫缓璁�� + 璇疯鐪嬭棰戯紝瑙傚療瑙嗛涓殑濠村辜鍎挎湁鍝簺涓嶈壇鐨勫鍘曚範鎯�傚鏋滄湁锛岃鎸囧嚭闂骞剁粰鍑虹煫姝d笉鑹殑濡傚帟涔犳儻鐨勫缓璁�� </p> <p>1.涓嶈壇鐨勫鍘曚範鎯湁鍝簺锛�</p> <div class="bk-tx"> @@ -798,13 +843,12 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text22')" ></textarea> </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="65"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -825,7 +869,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text23')" ></textarea> </div> @@ -842,7 +885,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text24')" ></textarea> </div> @@ -854,7 +896,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text25')" ></textarea> </div> @@ -865,13 +906,12 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text26')" ></textarea> </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="66"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -893,7 +933,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text27')" ></textarea> </div> @@ -923,13 +962,12 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text28')" ></textarea> </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="67"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -950,7 +988,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text29')" ></textarea> </div> @@ -968,11 +1005,29 @@ </div> --> <div class="tips-bk"> <div class="bj-tip"> - 瑙嗛锛氬鍘�<img - src="../icons/video.png" - @click="activityFour" - alt="" - /> + 瑙嗛锛氬鍘� + <div @click="activityFour"> + <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" @@ -1005,7 +1060,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text30')" ></textarea> </div> @@ -1016,7 +1070,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text31')" ></textarea> </div> @@ -1027,13 +1080,12 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text32')" ></textarea> </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="68"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -1064,15 +1116,19 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text33')" ></textarea> </div> <p>2.璇风敾鍑烘寚瀵煎┐骞煎効渚垮悗娓呮磥鐨勬祦绋嬪浘銆�</p> - <div class="bk-tx"> - <p>銆�</p> - <p>銆�</p> + <div class="drawContent_wall"> + <drawflow + @getDrawData="drawflowDataTwo" + :strId="'drawflowIdTwo'" + :primaryColor="'#f49a4c'" + :importData="chapter004.drawDataTwo" + /> </div> + <p><br /></p> <div class="bk-qjms"> <p class="bj1-qjms">鈯欍��鎯呭鎻忚堪2銆�鈯�</p> <p class="block"> @@ -1081,7 +1137,7 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="69"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -1104,28 +1160,12 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text34')" ></textarea> </div> <h4 id="d042"> 鈻垛柖 搴旂敤涓庡疄璺�<span class="fontsz1">锛烇紴锛烇紴锛烇紴锛烇紴</span> </h4> - <div class="tips-bk"> - <div class="bj-tip"> - 浜戞祴璇曪細鍗曞厓鍥涘簲鐢ㄤ笌瀹炶返<img - src="../icons/sub.png" - @click="activityThree" - alt="" - /> - </div> - <div - v-if="chapter004.idOpenThree && chapter004.qustionData[4]" - class="tips-file" - > - <examinations :cardList="chapter004.qustionData[4]" /> - </div> - </div> <p><br /></p> <!-- <p><br /></p> <div class="bk-sys"> @@ -1193,7 +1233,7 @@ <p class="block">D.鎻愭棭璁粌</p> </div> </div> - <div class="page-box"> + <div class="page-box" page="70"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -1218,46 +1258,86 @@ <p class="block">B.鍚炲捊鍙嶅皠</p> <p class="block">C.鍚稿惍鍙嶅皠</p> <p class="block">D.鏉′欢鍙嶅皠</p> - <p>7.鍩瑰吇鑹ソ鐨勪簩渚夸範鎯拰鐢熸椿鏂瑰紡鏈夊埄浜庯紙銆�<input + <p> + 7.鍩瑰吇鑹ソ鐨勪簩渚夸範鎯拰鐢熸椿鏂瑰紡鏈夊埄浜庯紙銆�<input v-model="chapter004.radio.text7" @blur="onRadioText()" - />銆�锛夈��</p> + />銆�锛夈�� + </p> <p class="block">A.鎻愰珮濠村辜鍎垮姩浣滅殑鐏垫椿鎬�</p> <p class="block">B.鎻愰珮濠村辜鍎跨殑绀句細浜ゅ線鑳藉姏</p> <p class="block">C.鎻愰珮濠村辜鍎挎満浣撶殑宸ヤ綔鏁堢巼</p> <p class="block">D.淇冭繘濠村辜鍎跨殑鏅哄姏鍙戝睍</p> - <p>8.鍩瑰吇濠村辜鍎跨殑浜屼究涔犳儻瑕侊紙銆�<input + <p> + 8.鍩瑰吇濠村辜鍎跨殑浜屼究涔犳儻瑕侊紙銆�<input v-model="chapter004.radio.text8" @blur="onRadioText()" - />銆�锛夈��</p> + />銆�锛夈�� + </p> <p class="block">A.鎶撳噯闂撮殧鏃堕棿鎻愬墠鎻愰啋</p> <p class="block">B.鎻愭棭璁粌</p> <p class="block">C.浠ュ闀跨殑濞佷弗鍒舵湇濠村効</p> <p class="block">D.鐢ㄩ鐗╅�楀紩濠村効</p> - <p>9.濠村辜鍎夸簩渚垮悗涓嶆纭殑娓呮磥鏂规硶鏄紙銆�<input + <p> + 9.濠村辜鍎夸簩渚垮悗涓嶆纭殑娓呮磥鏂规硶鏄紙銆�<input v-model="chapter004.radio.text9" @blur="onRadioText()" - />銆�锛夈��</p> + />銆�锛夈�� + </p> <p class="block">A.渚垮悗娲楁墜</p> <p class="block">B.鐢ㄦ俯姘存礂灞佽偂</p> <p class="block">C.渚垮悗渚跨泦娓呮礂娑堟瘨</p> <p class="block">D.濂冲┐澶т究鍚庝竴瀹氳浠庡悗鍚戝墠鎿�</p> + <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="chapter004.idOpenThree && chapter004.qustionData[65]" + class="tips-file" + > + <examinations + :primaryColor="'#f49a4c'" + :cardList="chapter004.qustionData[65]" + /> + </div> + </div> </div> </div> </div> </template> <script> -// import getResourcePath from "@/assets/methods/resources.js"; -// import getQuestionData from "@/assets/methods/examination.js"; +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"; +import examinations from "@/components/examinations/index.vue"; +import drawflow from "@/components/drawflow"; export default { + // eslint-disable-next-line vue/multi-word-component-names name: "chapter004", components: { - // examinations + examinations, + drawflow, }, data() { return { + picOneUrl: require("../image/0067-1.jpg"), + picArr: [require("../image/0067-1.jpg")], chapter004: { videOneUrl: "", videoTwoUrl: "", @@ -1309,37 +1389,65 @@ textAreaItem: {}, qustionData: {}, radio: {}, + drawDataOne: { + drawflow: { + Home: { + data: {}, + }, + }, + }, + drawDataTwo: { + drawflow: { + Home: { + data: {}, + }, + }, + }, }, }; }, - created() { + async created() { const localData = JSON.parse(localStorage.getItem("chapter004")); if (localData) { this.chapter004 = { ...Object.assign(this.chapter004, localData) }; } - // this.chapter004.videOneUrl = getResourcePath("c276be12bae3b1df0b3ce4aa01b14e1e"); - // this.chapter004.videoTwoUrl = getResourcePath("7eb7fe2e3c13885a96143110ca4f5654"); - // this.chapter004.videoFourUrl = getResourcePath("1b04691b60e5b5b207b3a4967c495d29"); + this.chapter004.videOneUrl = getResourcePath( + "c276be12bae3b1df0b3ce4aa01b14e1e" + ); + this.chapter004.videoTwoUrl = getResourcePath( + "7eb7fe2e3c13885a96143110ca4f5654" + ); + this.chapter004.videoFourUrl = getResourcePath( + "1b04691b60e5b5b207b3a4967c495d29" + ); this.chapter004.videOneUrl = "https://jsek.bnuic.com/file/api/ApiDownload?md5=c276be12bae3b1df0b3ce4aa01b14e1e"; this.chapter004.videoTwoUrl = "https://jsek.bnuic.com/file/api/ApiDownload?md5=7eb7fe2e3c13885a96143110ca4f5654"; this.chapter004.videoFourUrl = "https://jsek.bnuic.com/file/api/ApiDownload?md5=1b04691b60e5b5b207b3a4967c495d29"; - // this.chapter004.qustionData = await getQuestionData("4",testData[4]); + this.chapter004.qustionData = await getQuestionData( + "4", + testData[4], + this.config.activeBook + ); }, methods: { activityOne() { this.chapter004.isOpenOne = !this.chapter004.isOpenOne; + localStorage.setItem("chapter004", JSON.stringify(this.chapter004)); }, activityTwo() { this.chapter004.isOpenTwo = !this.chapter004.isOpenTwo; + localStorage.setItem("chapter004", JSON.stringify(this.chapter004)); }, activityThree() { this.chapter004.idOpenThree = !this.chapter004.idOpenThree; + localStorage.setItem("chapter004", JSON.stringify(this.chapter004)); }, activityFour() { this.chapter004.isOpenFour = !this.chapter004.isOpenFour; + localStorage.setItem("chapter004", JSON.stringify(this.chapter004)); }, activityGroup() { this.chapter004.isGroupOpen = !this.chapter004.isGroupOpen; @@ -1364,6 +1472,14 @@ onBlurChange() { localStorage.setItem("chapter004", JSON.stringify(this.chapter004)); }, + drawflowDataOne(val) { + this.chapter004.drawDataOne = val; + localStorage.setItem("chapter004", JSON.stringify(this.chapter004)); + }, + drawflowDataTwo(val) { + this.chapter004.drawDataTwo = val; + localStorage.setItem("chapter004", JSON.stringify(this.chapter004)); + }, }, mounted() {}, }; -- Gitblit v1.9.1