From 4e974b7b54f3ee0561a7291e6fd60e4a4491c6de Mon Sep 17 00:00:00 2001 From: unknown <qq1940665526@163.com> Date: 星期二, 28 五月 2024 16:39:35 +0800 Subject: [PATCH] 增加流程图 --- src/books/lifeCare/view/chapter005.vue | 631 ++++++++++++++++++++++++++++++++++++++++---------------- 1 files changed, 450 insertions(+), 181 deletions(-) diff --git a/src/books/lifeCare/view/chapter005.vue b/src/books/lifeCare/view/chapter005.vue index 3bd4530..02667af 100644 --- a/src/books/lifeCare/view/chapter005.vue +++ b/src/books/lifeCare/view/chapter005.vue @@ -1,7 +1,7 @@ <template> - <div class="page-content-box"> - <div class="page-box"> - <div class="bodystyle"> + <div class="chapter" num="6"> + <div class="page-box" page="71"> + <div class="bodystyle topImg"> <h2 id="b005"> <img class="img-0" alt="" src="../image/dy5.jpg" /> </h2> @@ -60,7 +60,7 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="72"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -82,7 +82,12 @@ </p> </div> <p class="center"> - <img class="img-a" alt="" src="../image/0083-1.jpg" /> + <el-image + class="chapter002-img-0035" + :src="picOneUrl" + :preview-src-list="picArr" + /> + <!-- <img class="img-a" alt="" src="../image/0083-1.jpg" /> --> </p> </div> <div class="bk"> @@ -100,7 +105,7 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="73"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -149,7 +154,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text1')" ></textarea> </div> @@ -158,7 +162,7 @@ </p> </div> </div> - <div class="page-box"> + <div class="page-box" page="74"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -242,7 +246,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text2')" ></textarea> </div> @@ -254,7 +257,7 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" + class="textareaInput" @blur="onBlurChange('text3')" ></textarea> <p class="left">1锝�2宀�</p> @@ -263,7 +266,7 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" + class="textareaInput" @blur="onBlurChange('text4')" ></textarea> <p class="left">2锝�3宀�</p> @@ -272,13 +275,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="75"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -311,7 +314,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text6')" ></textarea> </div> @@ -369,19 +371,42 @@ <p><br /></p> <p>3.灏忕粍璁ㄨ鍒嗘瀽鍚勪綅鎴愬憳鐨勪竴鏃ラ璋憋紝璇勫嚭鏈�浣充竴鏃ラ璋便��</p> <p>锛�1锛夎鐢ㄥ浘鐗囧舰寮忓憟鐜帮紝骞惰创鍦ㄤ笅闈€��</p> - <div class="bk-tx"> + <!-- <div class="bk-tx"> <textarea v-model="chapter005.textAreaItem.text7" style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="100" @blur="onBlurChange('text7')" ></textarea> + </div> --> + <div class="bk-tx"> + <div class="upload-list" v-if="chapter005.pictrueListTwo.length > 0"> + <div + class="demo-image__preview" + v-for="item in chapter005.pictrueListTwo" + :key="item" + > + <el-image + style="height: 100%" + :src="item" + :preview-src-list="chapter005.pictrueListTwo" + > + </el-image> + </div> + </div> + <div class="bk-inputUpload"> + <input + type="file" + id="fileTwo" + @change="handUploadFile($event, '2')" + /> + <span class="btnUpload-list" @click="handFile('fileTwo')">+</span> + </div> </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="76"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -403,14 +428,12 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text8')" ></textarea> </div> <h4 id="d045"> 鈻垛柖 娲诲姩3锛氬啿璋冮厤鏂瑰ザ<span class="fontsz1">锛烇紴锛烇紴锛烇紴锛烇紴</span> </h4> - <p><br /></p> <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> @@ -424,11 +447,29 @@ </div> --> <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" @@ -476,13 +517,12 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text9')" ></textarea> </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="77"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -513,11 +553,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="chapter005.isGroupOpen" class="tips-file"> <table class="table111 table122"> @@ -578,6 +640,7 @@ </table> </div> </div> + <p><br /></p> <p><b>鈶f�荤粨涓庡弽鎬�</b></p> <p>1.鎿嶄綔涓鏄撳け璇墸鍒嗙殑鏂归潰鏈夊摢浜涳紵</p> <div class="bk-tx"> @@ -586,7 +649,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text10')" ></textarea> </div> @@ -597,7 +659,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text11')" ></textarea> </div> @@ -618,13 +679,12 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text12')" ></textarea> </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="78"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -647,7 +707,7 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" + class="textareaInput" @blur="onBlurChange('text13')" ></textarea> <p class="left">鍐</p> @@ -656,7 +716,7 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" + class="textareaInput" @blur="onBlurChange('text14')" ></textarea> </div> @@ -720,7 +780,7 @@ </p> </div> </div> - <div class="page-box"> + <div class="page-box" page="79"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -755,7 +815,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text15')" ></textarea> </div> @@ -814,7 +873,7 @@ </p> --> </div> </div> - <div class="page-box"> + <div class="page-box" page="80"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -842,7 +901,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('texts1')" ></textarea> </div> @@ -853,17 +911,22 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('texts2')" ></textarea> </div> - <p class="center"> + <!-- <p class="center"> <img class="img-b" alt="" src="image/0001-2.jpg" /> - </p> + </p> --> <p>2.濡備綍涓哄┐骞煎効鍑嗗涓�涓鏁炪�佸畨鍏ㄧ殑灏遍鐜锛�</p> - <p class="center"> - <img class="img-b" alt="" src="image/0001-2.jpg" /> - </p> + <div class="bk-tx"> + <textarea + v-model="chapter005.textAreaItem.texts3" + style="border: 0" + placeholder="璇疯緭鍏ュ唴瀹�" + rows="5" + @blur="onBlurChange('texts3')" + ></textarea> + </div> <h4 id="d048"> 鈻垛柖 娲诲姩2锛氬垱璁炬剦蹇殑杩涢姘涘洿<span class="fontsz1" >锛烇紴锛烇紴锛烇紴锛烇紴</span @@ -883,7 +946,7 @@ </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="81"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -911,7 +974,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text16')" ></textarea> </div> @@ -922,7 +984,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text17')" ></textarea> </div> @@ -946,7 +1007,7 @@ </p> </div> </div> - <div class="page-box"> + <div class="page-box" page="82"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -991,11 +1052,33 @@ </div> --> <div class="tips-bk"> <div class="bj-tip"> - 鍒嗗彂椁愬叿涓庨鐗╃殑璇勫垎鏍囧噯<img - src="../icons/task.png" - @click="activityScore1" - alt="" - /> + 鍒嗗彂椁愬叿涓庨鐗╃殑璇勫垎鏍囧噯 + <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="chapter005.isScore1Open" class="tips-file"> <table class="table111 table122"> @@ -1056,6 +1139,7 @@ </table> </div> </div> + <p><br /></p> <p><b>鈶㈠疄璁粌涔�</b></p> <p> 2锝�4浜轰负涓�缁勫紑灞曞疄璁搷浣滐紝鍏朵腑涓�浜烘搷浣滐紝鍏朵粬鍚屽瑙傛懇銆傛搷浣滆�呬竴杈瑰疄鎿嶄竴杈硅瑙f搷浣滆棰嗭紝鍏朵粬鍚屽鎸夌収鍒嗗彂椁愬叿涓庨鐗╃殑璇勫垎鏍囧噯缁欐搷浣滆�呮墦鍒嗐�� @@ -1068,7 +1152,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text18')" ></textarea> </div> @@ -1079,7 +1162,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text19')" ></textarea> </div> @@ -1092,7 +1174,7 @@ </p> </div> </div> - <div class="page-box"> + <div class="page-box" page="83"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -1123,7 +1205,7 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" + class="textareaInput" @blur="onBlurChange('text20')" ></textarea> <p class="left">濠村辜鍎跨殑骞撮緞</p> @@ -1132,7 +1214,7 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" + class="textareaInput" @blur="onBlurChange('text21')" ></textarea> <p class="left">浣犻噰鐢ㄧ殑浠嬬粛鏂瑰紡</p> @@ -1141,7 +1223,7 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" + class="textareaInput" @blur="onBlurChange('text22')" ></textarea> <p class="left">鍏蜂綋鐨勮瑷�</p> @@ -1150,7 +1232,7 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" + class="textareaInput" @blur="onBlurChange('text23')" ></textarea> </div> @@ -1164,7 +1246,7 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" + class="textareaInput" @blur="onBlurChange('text24')" ></textarea> <p class="left">鍏蜂綋浠嬬粛鐨勫唴瀹�</p> @@ -1173,13 +1255,13 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" + class="textareaInput" @blur="onBlurChange('text25')" ></textarea> </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="84"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -1204,7 +1286,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text26')" ></textarea> </div> @@ -1218,7 +1299,7 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" + class="textareaInput" @blur="onBlurChange('text27')" ></textarea> <p class="left">鍐呭</p> @@ -1227,7 +1308,7 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" + class="textareaInput" @blur="onBlurChange('text28')" ></textarea> </div> @@ -1240,7 +1321,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text28')" ></textarea> </div> @@ -1252,7 +1332,7 @@ <p>楗鏄渶閲嶈鐨勬棩甯哥敓娲伙紝鍠傚吇涓嶄粎鏄负濠村辜鍎挎彁渚涜惀鍏荤殑鎵嬫锛岃��</p> </div> </div> - <div class="page-box"> + <div class="page-box" page="85"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -1288,7 +1368,7 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" + class="textareaInput" @blur="onBlurChange('text29')" ></textarea> <p class="left">鍋滄鍠傚摵鐨勮〃鐜�</p> @@ -1297,7 +1377,7 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" + class="textareaInput" @blur="onBlurChange('text30')" ></textarea> </div> @@ -1350,7 +1430,7 @@ <p><br /></p> </div> </div> - <div class="page-box"> + <div class="page-box" page="86"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -1370,11 +1450,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" @@ -1427,7 +1525,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text31')" ></textarea> </div> @@ -1448,11 +1545,33 @@ </div> --> <div class="tips-bk"> <div class="bj-tip"> - 濂剁摱鍠傚摵鐨勮瘎鍒嗘爣鍑�<img - src="../icons/task.png" - @click="activityScore2" - alt="" - /> + 濂剁摱鍠傚摵鐨勮瘎鍒嗘爣鍑� + <div @click="activityScore2"> + <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="chapter005.isScore2Open" class="tips-file"> <table class="table111 table122"> @@ -1513,6 +1632,7 @@ </table> </div> </div> + <p><br /></p> <p><b>鈶㈠疄璁粌涔�</b></p> <p> 2锝�4浜轰负涓�缁勫紑灞曞疄璁搷浣滐紝鍏朵腑涓�浜烘搷浣滐紝鍏朵粬鍚屽瑙傛懇銆傛搷浣滆�呬竴杈瑰疄鎿嶄竴杈硅瑙f搷浣滆棰嗭紝鍏朵粬鍚屽鎸夌収濂剁摱鍠傚摵鐨勮瘎鍒嗘爣鍑嗙粰鎿嶄綔鑰呮墦鍒嗐�� @@ -1525,13 +1645,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="87"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -1552,7 +1671,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text33')" ></textarea> </div> @@ -1596,11 +1714,33 @@ </div> --> <div class="tips-bk"> <div class="bj-tip"> - 鍕哄瓙鍠傚摵鐨勮瘎鍒嗘爣鍑�<img - src="../icons/task.png" - @click="activityScore3" - alt="" - /> + 鍕哄瓙鍠傚摵鐨勮瘎鍒嗘爣鍑� + <div @click="activityScore3"> + <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="chapter005.isScore3Open" class="tips-file"> <table class="table111 table122"> @@ -1661,6 +1801,7 @@ </table> </div> </div> + <p><br /></p> <p><b>鈶㈠疄璁粌涔�</b></p> <p> 2锝�4浜轰负涓�缁勫紑灞曞疄璁搷浣滐紝鍏朵腑涓�浜烘搷浣滐紝鍏朵粬鍚屽瑙傛懇銆傛搷浣滆�呬竴杈瑰疄鎿嶄竴杈硅瑙f搷浣滆棰嗭紝鍏朵粬鍚屽鎸夌収鍕哄瓙鍠傚摵鐨勮瘎鍒嗘爣鍑嗙粰鎿嶄綔鑰呮墦鍒嗐�� @@ -1672,13 +1813,12 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text34')" ></textarea> </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="88"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -1703,11 +1843,29 @@ </p> <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" @@ -1758,7 +1916,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text35')" ></textarea> </div> @@ -1769,13 +1926,12 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text36')" ></textarea> </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="89"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -1796,7 +1952,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text37')" ></textarea> </div> @@ -1838,7 +1993,7 @@ </p> </div> </div> - <div class="page-box"> + <div class="page-box" page="90"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -1863,7 +2018,7 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" + class="textareaInput" @blur="onBlurChange('text38')" ></textarea> </div> @@ -1885,11 +2040,33 @@ </div> --> <div class="tips-bk"> <div class="bj-tip"> - 鐢ㄥ嫼杩涢鎸囧鐨勮瘎鍒嗘爣鍑�<img - src="../icons/task.png" - @click="activityScore4" - alt="" - /> + 鐢ㄥ嫼杩涢鎸囧鐨勮瘎鍒嗘爣鍑� + <div @click="activityScore4"> + <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="chapter005.isScore4Open" class="tips-file"> <table class="table111 table122"> @@ -1987,7 +2164,7 @@ <p>锛�1锛夋暀鑲插紩瀵笺�傛槑纭濠村辜鍎胯繘琛屾枃鏄庤繘椁愮殑鍋ュ悍鏁欒偛锛屽杩涢鐨勫湴鐐�</p> </div> </div> - <div class="page-box"> + <div class="page-box" page="91"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -2010,7 +2187,7 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" + class="textareaInput" @blur="onBlurChange('text40')" ></textarea> </div> @@ -2024,7 +2201,7 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" + class="textareaInput" @blur="onBlurChange('text41')" ></textarea> <p class="left">鍏蜂綋鍐呭</p> @@ -2033,7 +2210,7 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" + class="textareaInput" @blur="onBlurChange('text42')" ></textarea> </div> @@ -2047,7 +2224,7 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" + class="textareaInput" @blur="onBlurChange('text43')" ></textarea> <p class="left">鍏蜂綋鍐呭</p> @@ -2056,7 +2233,7 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" + class="textareaInput" @blur="onBlurChange('text44')" ></textarea> <p class="left">涓昏鍘熷洜</p> @@ -2065,13 +2242,13 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" + class="textareaInput" @blur="onBlurChange('text45')" ></textarea> </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="92"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -2094,7 +2271,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text46')" ></textarea> </div> @@ -2106,7 +2282,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text45')" ></textarea> </div> @@ -2120,7 +2295,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text48')" ></textarea> </div> @@ -2131,13 +2305,12 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text49')" ></textarea> </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="93"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -2182,7 +2355,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text50')" ></textarea> </div> @@ -2194,13 +2366,12 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text51')" ></textarea> </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="94"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -2223,7 +2394,7 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" + class="textareaInput" @blur="onBlurChange('text52')" ></textarea> <p class="left">钀ュ吇鎬х己閾佹�ц传琛�鍎�</p> @@ -2232,7 +2403,7 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" + class="textareaInput" @blur="onBlurChange('text53')" ></textarea> <p class="left">钀ュ吇涓嶈壇鍎�</p> @@ -2241,7 +2412,7 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" + class="textareaInput" @blur="onBlurChange('text54')" ></textarea> <p class="left">鏄撳弽澶嶆劅鏌撶柧鐥呯殑浣撳急鍎�</p> @@ -2250,7 +2421,7 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" + class="textareaInput" @blur="onBlurChange('text55')" ></textarea> </div> @@ -2272,13 +2443,12 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text56')" ></textarea> </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="95"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -2300,7 +2470,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text57')" ></textarea> </div> @@ -2311,7 +2480,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text58')" ></textarea> </div> @@ -2387,7 +2555,7 @@ </p> </div> </div> - <div class="page-box"> + <div class="page-box" page="96"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -2418,17 +2586,34 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text59')" ></textarea> </div> <div class="tips-bk"> <div class="bj-tip"> - 瑙嗛锛氶鍚庢暣鐞�<img - src="../icons/video.png" - @click="activityFive" - alt="" - /> + 瑙嗛锛氶鍚庢暣鐞� + <div @click="activityFive"> + <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" @@ -2462,7 +2647,7 @@ </div> --> <img class="img-gn2" alt="" src="../image/xxgcy.png" /> <p> - 璇锋壂浜岀淮鐮佽鐪嬭棰戯紝缁撳悎闃呰鎵嬪唽锛岃瀵熶竴涓嬭棰戜腑鐨勪繚鏁欎汉鍛樺湪椁愬悗闇�瑕佸仛鍝簺鏁寸悊宸ヤ綔锛屽苟瀹屾垚浠ヤ笅缁冧範銆� + 璇疯鐪嬭棰戯紝缁撳悎闃呰鎵嬪唽锛岃瀵熶竴涓嬭棰戜腑鐨勪繚鏁欎汉鍛樺湪椁愬悗闇�瑕佸仛鍝簺鏁寸悊宸ヤ綔锛屽苟瀹屾垚浠ヤ笅缁冧範銆� </p> <p>1.椁愬悗淇濇暀浜哄憳鐨勬暣鐞嗗伐浣滃唴瀹规槸浠�涔堬紵</p> <div class="bk-tx"> @@ -2471,21 +2656,23 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text60')" ></textarea> </div> <p> 2.濡備綍缁勭粐鍜屾寚瀵煎┐骞煎効杩涜椁愬悗鏁寸悊锛熻鐢诲嚭鎸囧濠村辜鍎块鍚庢暣鐞嗙殑娴佺▼鍥俱�� </p> - <div class="bk-tx"> - <p><br />銆�</p> - <p><br />銆�</p> - <p><br />銆�</p> + <div class="drawContent_wall"> + <drawflow + @getDrawData="drawflowDataClick" + :strId="'drawflowId005'" + :primaryColor="'#f49a4c'" + :importData="chapter005.drawData" + /> </div> </div> </div> - <div class="page-box"> + <div class="page-box" page="97"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -2507,7 +2694,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text61')" ></textarea> </div> @@ -2518,7 +2704,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text62')" ></textarea> </div> @@ -2529,7 +2714,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text63')" ></textarea> </div> @@ -2545,7 +2729,7 @@ <p>缁撳悎涓婅堪鎯呭锛屾煡闃呴槄璇绘墜鍐岋紝灏忕粍鍚堜綔锛岃В鍐充互涓嬮棶棰樸��</p> </div> </div> - <div class="page-box"> + <div class="page-box" page="98"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -2567,7 +2751,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text64')" ></textarea> </div> @@ -2578,31 +2761,13 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text65')" ></textarea> </div> <h4 id="d061"> 鈻垛柖 搴旂敤涓庡疄璺�<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="chapter005.idOpenThree && chapter005.qustionData[94]" - class="tips-file" - > - <examinations - :primaryColor="'#f49a4c'" - :cardList="chapter005.qustionData[94]" - /> - </div> - </div> + <p><br /></p> <!-- <p><br /></p> <div class="bk-sys"> <div class="bj1-sys"> @@ -2657,7 +2822,7 @@ <p class="block">D.鍠濈櫧寮�姘存病鏈夎惀鍏伙紝鍙互璁╁┐骞煎効澶氬枬楗枡</p> </div> </div> - <div class="page-box"> + <div class="page-box" page="99"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -2711,9 +2876,37 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @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="chapter005.idOpenThree && chapter005.qustionData[94]" + class="tips-file" + > + <examinations + :primaryColor="'#f49a4c'" + :cardList="chapter005.qustionData[94]" + /> + </div> </div> </div> </div> @@ -2724,11 +2917,16 @@ import getQuestionData from "@/assets/methods/examination.js"; import testData from "../js/examinationList.js"; import examinations from "@/components/examinations/index.vue"; +import { getFileMd5, getPublicImage } from "../js/tool.js"; +import drawflow from "@/components/drawflow"; export default { + // eslint-disable-next-line vue/multi-word-component-names name: "chapter005", data() { return { + picOneUrl: require("../image/0083-1.jpg"), + picArr: [require("../image/0083-1.jpg")], chapter005: { videOneUrl: "", videoTwoUrl: "", @@ -2743,7 +2941,16 @@ isScore1Open: true, isScore2Open: true, isScore3Open: true, + isScore4Open: true, + pictrueListTwo: [], qustionData: {}, + drawData:{ + drawflow: { + Home: { + data: {}, + }, + }, + }, // 鍐茶皟閰嶆柟濂� publicHeader: ["搴忓彿", "鑰冩牳鍐呭", "閰嶅垎", "璇勫垎鏍囧噯", "鎵e垎", "寰楀垎"], groupData: [ @@ -3149,16 +3356,25 @@ }, components: { examinations, + drawflow }, - async created() { + async created() { const localData = JSON.parse(localStorage.getItem("chapter005")); if (localData) { this.chapter005 = { ...Object.assign(this.chapter005, localData) }; } - this.chapter005.videOneUrl = getResourcePath("439b0bde62a5098875c77e2492676577"); - this.chapter005.videoTwoUrl = getResourcePath("1a878261410b01ee8e4e0602a1fe935f"); - this.chapter005.videoFourUrl = getResourcePath("6cf2619beb704b3d79de04f0775c8ba3"); - this.chapter005.videoFiveUrl = getResourcePath("8400384441ad9236d5eab24f500ec2c7"); + this.chapter005.videOneUrl = getResourcePath( + "439b0bde62a5098875c77e2492676577" + ); + this.chapter005.videoTwoUrl = getResourcePath( + "1a878261410b01ee8e4e0602a1fe935f" + ); + this.chapter005.videoFourUrl = getResourcePath( + "6cf2619beb704b3d79de04f0775c8ba3" + ); + this.chapter005.videoFiveUrl = getResourcePath( + "8400384441ad9236d5eab24f500ec2c7" + ); this.chapter005.videOneUrl = "https://jsek.bnuic.com/file/api/ApiDownload?md5=439b0bde62a5098875c77e2492676577"; this.chapter005.videoTwoUrl = @@ -3167,23 +3383,32 @@ "https://jsek.bnuic.com/file/api/ApiDownload?md5=6cf2619beb704b3d79de04f0775c8ba3"; this.chapter005.videoFiveUrl = "https://jsek.bnuic.com/file/api/ApiDownload?md5=8400384441ad9236d5eab24f500ec2c7"; - this.chapter005.qustionData = await getQuestionData("5",testData[5]); + this.chapter005.qustionData = await getQuestionData( + "5", + testData[5], + this.config.activeBook + ); }, methods: { activityOne() { this.chapter005.isOpenOne = !this.chapter005.isOpenOne; + localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, activityTwo() { this.chapter005.isOpenTwo = !this.chapter005.isOpenTwo; + localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, activityThree() { this.chapter005.idOpenThree = !this.chapter005.idOpenThree; + localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, activityFour() { this.chapter005.isOpenFour = !this.chapter005.isOpenFour; + localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, activityFive() { this.chapter005.isOpenFive = !this.chapter005.isOpenFive; + localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, activityGroup() { this.chapter005.isGroupOpen = !this.chapter005.isGroupOpen; @@ -3301,6 +3526,50 @@ onRadioText() { localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, + handUploadFile(e, type) { + var that = this; + const file = e.target.files[0]; + const FileName = file.name.split(".")[0]; + const Extension = file.name.split(".")[1]; + const FileType = file.type; + let size = 1024; + getFileMd5(file, size * 1024) + .then((e) => { + const imgData = new FormData(); + imgData.append("Md5", e); + imgData.append("FileName", FileName); + imgData.append("Extension", Extension); + imgData.append("FileType", FileType); + imgData.append("MetaData", null); + imgData.append("file", file); + that.MG.file.upload(imgData).then(() => {}); + setTimeout(() => { + if (type == "1") { + that.chapter005.pictrueList.push(getPublicImage(e)); + } + if (type == "2") { + that.chapter005.pictrueListTwo.push(getPublicImage(e)); + } + if (type == "3") { + that.chapter005.pictrueListThree.push(getPublicImage(e)); + } + that.isLoding = false; + localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); + }, 1000); + }) + .catch((e) => { + that.isLoding = false; + console.error(e); + }); + }, + handFile(str) { + let dom = document.getElementById(str); + dom.click(); + }, + drawflowDataClick(val) { + this.chapter005.drawData = val; + localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); + }, }, }; </script> -- Gitblit v1.9.1