From 36b6f8d069bf3adf3b1cdc7434003769731b6cf1 Mon Sep 17 00:00:00 2001 From: unknown <qq1940665526@163.com> Date: 星期一, 27 五月 2024 17:26:11 +0800 Subject: [PATCH] 增加icon --- src/books/lifeCare/view/chapter002.vue | 336 ++++++++++++++++++++++++++++++++----------------------- 1 files changed, 197 insertions(+), 139 deletions(-) diff --git a/src/books/lifeCare/view/chapter002.vue b/src/books/lifeCare/view/chapter002.vue index 2e2302f..c36b562 100644 --- a/src/books/lifeCare/view/chapter002.vue +++ b/src/books/lifeCare/view/chapter002.vue @@ -1,6 +1,6 @@ <template> - <div class="chapter"> - <div class="page-box"> + <div class="chapter" num="3"> + <div class="page-box" page="16"> <div class="bodystyle topImg"> <h2 id="b002"><img class="img-0" alt="" src="../image/dy2.jpg" /></h2> <div class="bk"> @@ -49,7 +49,7 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="17"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -71,7 +71,12 @@ </p> </div> <p class="center"> - <img class="img-a" alt="" src="../image/0027-1.jpg" /> + <el-image + class="chapter002-img-0035" + :src="picOneUrl" + :preview-src-list="picArr" + /> + <!-- <img class="img-a" alt="" src="../image/0027-1.jpg" /> --> </p> </div> <div class="bk"> @@ -87,7 +92,7 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="18"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -115,11 +120,29 @@ </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" @@ -174,7 +197,7 @@ </p> </div> </div> - <div class="page-box"> + <div class="page-box" page="19"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -197,7 +220,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text1')" ></textarea> </div> @@ -208,7 +230,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text2')" ></textarea> </div> @@ -216,7 +237,6 @@ <p> 2锝�4浜轰负涓�缁勫紑灞曞疄璁搷浣滐紝鍏朵腑涓�浜烘搷浣滐紝鍏朵粬鍚屽瑙傛懇銆傛搷浣滆�呬竴杈瑰疄鎿嶄竴杈硅瑙f搷浣滆棰嗭紝鍏朵粬鍚屽鎸夌収鐝骇鐜娓呮磥娑堟瘨鐨勮瘎鍒嗘爣鍑嗙粰鎿嶄綔鑰呮墦鍒嗐�� </p> - <p><br /></p> <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> @@ -230,11 +250,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="chapter002.isGroupOpen" class="tips-file"> <table class="table111 table122"> @@ -317,13 +359,12 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text3')" ></textarea> </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="20"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -344,7 +385,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text4')" ></textarea> </div> @@ -358,7 +398,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text5')" ></textarea> </div> @@ -369,7 +408,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text6')" ></textarea> </div> @@ -425,7 +463,7 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="21"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -467,7 +505,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text7')" ></textarea> </div> @@ -480,13 +517,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="22"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -530,7 +566,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text9')" ></textarea> </div> @@ -541,17 +576,34 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text10')" ></textarea> </div> <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" @@ -572,7 +624,7 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="23"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -595,7 +647,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text11')" ></textarea> </div> @@ -605,14 +656,35 @@ </p> <p>5.鏍规嵁妫�鏌ョ殑缁撴灉鍙戞斁瀵瑰簲鐨勬櫒闂存鏌ョ墝銆�</p> <p>6.灏嗘墍鐢ㄧ墿鍝佹竻鐞嗗共鍑�锛屾憜鏀炬暣榻愩��</p> - <p><br /></p> <div class="tips-bk"> <div class="bj-tip"> - 鏅ㄩ棿妫�鏌ヨ瘎鍒嗘爣鍑�<img - src="../icons/task.png" - @click="activityDInspect" - alt="" - /> + 鏅ㄩ棿妫�鏌ヨ瘎鍒嗘爣鍑� + <div @click="activityDInspect"> + <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="chapter002.isInspectOpen" class="tips-file"> <table class="table111 table122"> @@ -673,6 +745,7 @@ </table> </div> </div> + <p><br/></p> <p><b>鈶㈠疄璁粌涔�</b></p> <p> 2锝�4浜轰负涓�缁勫紑灞曟ā鎷熷疄璁搷浣滐紝鍏朵腑涓�浜烘壆婕斿┐骞煎効锛屽彟涓�浜烘ā鎷熶繚鏁欎汉鍛橈紝鍏朵粬鍚屽瑙傛懇骞舵寜鐓ф櫒闂存鏌ョ殑璇勫垎鏍囧噯缁欐搷浣滆�呮墦鍒嗐�� @@ -741,7 +814,7 @@ </table> </div> </div> - <div class="page-box"> + <div class="page-box" page="24"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -773,7 +846,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text12')" ></textarea> </div> @@ -784,7 +856,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text13')" ></textarea> </div> @@ -833,7 +904,7 @@ </table> </div> </div> - <div class="page-box"> + <div class="page-box" page="25"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -864,11 +935,32 @@ </h4> <div class="tips-bk"> <div class="bj-tip"> - 璁捐鏉ユ簮鎻愮ず鍗¤瘎鍒嗘爣鍑�<img - src="../icons/task.png" - @click="activityDesign" - alt="" - /> + 璁捐鏉ユ簮鎻愮ず鍗¤瘎鍒嗘爣鍑�<div @click="activityDesign"> + <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="chapter002.isDesignOpen" class="tips-file"> <table class="table111 table122"> @@ -929,6 +1021,7 @@ </table> </div> </div> + <p><br/></p> <p><b>鈶犳椿鍔ㄥ噯澶�</b></p> <p>1.鐗╁搧鍑嗗锛氬悇绉嶆潗璐ㄧ殑绾搞�佸悇绉嶅僵绗斻�佺數鑴戙�佹祦鐣呯殑缃戠粶绛夈��</p> <p>2.璧勬枡鍑嗗锛氭煡鎵炬湁鍏虫墭鑲叉満鏋勫唴鐜鍒涜銆佸闈㈠竷缃殑鐩稿叧璧勬枡銆�</p> @@ -945,15 +1038,15 @@ <p class="center"> <el-image class="chapter002-img-0035" - :src="chapter002.picOneUrl" - :preview-src-list="chapter002.picArr" + :src="picOneUrl" + :preview-src-list="picArr" /> <!-- <img class="img-b" alt="" src="../image/0035-2.jpg" /> --> </p> <p class="img">鍥�1-2-1銆�鏉ュ洯鎻愮ず鍗�</p> </div> </div> - <div class="page-box"> + <div class="page-box" page="26"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -983,7 +1076,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text14')" ></textarea> </div> @@ -994,7 +1086,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text15')" ></textarea> </div> @@ -1005,7 +1096,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text16')" ></textarea> </div> @@ -1017,7 +1107,7 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="27"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -1041,7 +1131,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text17')" ></textarea> </div> @@ -1052,7 +1141,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text18')" ></textarea> </div> @@ -1063,7 +1151,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text19')" ></textarea> </div> @@ -1086,13 +1173,12 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text20')" ></textarea> </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="28"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -1113,8 +1199,8 @@ v-model="chapter002.textAreaItem.text21" style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" - rows="5" - maxlength="200" + rows="3" + class="textareaInput" @blur="onBlurChange('text21')" ></textarea> <p class="left">琛ㄧ幇</p> @@ -1122,8 +1208,8 @@ v-model="chapter002.textAreaItem.text22" style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" - rows="5" - maxlength="200" + rows="3" + class="textareaInput" @blur="onBlurChange('text22')" ></textarea> <p class="left">鍘熷洜</p> @@ -1131,8 +1217,8 @@ v-model="chapter002.textAreaItem.text23" style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" - rows="5" - maxlength="200" + rows="3" + class="textareaInput" @blur="onBlurChange('text23')" ></textarea> </div> @@ -1143,7 +1229,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text24')" ></textarea> </div> @@ -1163,13 +1248,12 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text25')" ></textarea> </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="29"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -1187,7 +1271,6 @@ <h4 id="d015"> 鈻垛柖 搴旂敤涓庡疄璺�<span class="fontsz1">锛烇紴锛烇紴锛烇紴锛烇紴</span> </h4> - <p><br /></p> <p><b>涓�銆佸崟閫夐</b></p> <p> 1.娆查厤鍒舵祿搴︿负250mg/L鐨勬湁鏁堟隘娑堟瘨鍓�2000mL锛岄渶瑕佷娇鐢ㄦ湁鏁堟隘鍚噺涓�500mg/鐗囩殑鍚隘娑堟瘨鐗囷紙銆�<input @@ -1260,23 +1343,35 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('desc')" ></textarea> </div> <div class="tips-bk"> <div class="bj-tip"> - 浜戞祴璇曪細鍗曞厓浜屽簲鐢ㄤ笌瀹炶返<img - src="../icons/sub.png" - @click="activityThree" - alt="" - /> + 浜戞祴璇曪細鍗曞厓浜屽簲鐢ㄤ笌瀹炶返 <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="chapter002.idOpenThree && chapter002.qustionData[2]" + v-if="chapter002.idOpenThree && chapter002.qustionData[23]" class="tips-file" > - <examinations :cardList="chapter002.qustionData[2]" /> + <examinations + :primaryColor="'#f49a4c'" + :cardList="chapter002.qustionData[23]" + /> </div> </div> </div> @@ -1284,20 +1379,20 @@ </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"; export default { name: "chapter002", data() { return { + picOneUrl: require("../image/0027-1.jpg"), + picArr: [require("../image/0027-1.jpg")], chapter002: { videOneUrl: "", videOneUrl116: "", - picOneUrl: require("../image/0035-2.jpg"), - picArr: [require("../image/0035-2.jpg")], isOpenOne: true, isOpenTwo: true, idOpenThree: true, @@ -1306,53 +1401,8 @@ isInspectOpen: true, isInspectOpen: true, qustionData: {}, - textAreaItem: { - text1: "", - text2: "", - text3: "", - text4: "", - text5: "", - text6: "", - text7: "", - text8: "", - text9: "", - text10: "", - text11: "", - text12: "", - text13: "", - text14: "", - text15: "", - text16: "", - text17: "", - text18: "", - text19: "", - text20: "", - text21: "", - text22: "", - text23: "", - text24: "", - text25: "", - }, - table121: { - text1: "", - text2: "", - text3: "", - text4: "", - text5: "", - text6: "", - text7: "", - text8: "", - text9: "", - text10: "", - text11: "", - text12: "", - text13: "", - text14: "", - text15: "", - text16: "", - text17: "", - text18: "", - }, + textAreaItem: {}, + table121: {}, // 琛ㄦ牸1-2-1 headersData: [ "妫�鏌ュ璞�", @@ -1573,20 +1623,28 @@ }; }, components: { - // examinations, + examinations, }, - created() { + async created() { const localData = JSON.parse(localStorage.getItem("chapter002")); if (localData) { this.chapter002 = { ...Object.assign(this.chapter002, localData) }; } - // this.chapter002.videOneUrl = getResourcePath("6e471afdbeb95a8891f1551cbb0cd4fd"); - // this.chapter002.videOneUrl116 = getResourcePath('b727b78f8036a38cbd054816a81da7f8') + this.chapter002.videOneUrl = getResourcePath( + "6e471afdbeb95a8891f1551cbb0cd4fd" + ); + this.chapter002.videOneUrl116 = getResourcePath( + "b727b78f8036a38cbd054816a81da7f8" + ); this.chapter002.videOneUrl116 = "https:/jsek.bnuic.com/file/api/ApiDownload?md5=b727b78f8036a38cbd054816a81da7f8"; this.chapter002.videOneUrl = "https:/jsek.bnuic.com/file/api/ApiDownload?md5=6e471afdbeb95a8891f1551cbb0cd4fd"; - // this.qustionData = await getQuestionData("2",testData[2]); + this.chapter002.qustionData = await getQuestionData( + "2", + testData[2], + this.config.activeBook + ); }, methods: { activityOne() { -- Gitblit v1.9.1