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/chapter003.vue | 794 ++++++++++++++++++++++++++++++++++++++++--------------- 1 files changed, 571 insertions(+), 223 deletions(-) diff --git a/src/books/lifeCare/view/chapter003.vue b/src/books/lifeCare/view/chapter003.vue index 1a383de..5266e35 100644 --- a/src/books/lifeCare/view/chapter003.vue +++ b/src/books/lifeCare/view/chapter003.vue @@ -1,5 +1,5 @@ <template> - <div class="chapter" num="3"> + <div class="chapter" num="4"> <div class="page-box" page="30"> <div class="bodystyle topImg"> <h2 id="b003"> @@ -74,7 +74,12 @@ </p> </div> <p class="center"> - <img class="img-a" alt="" src="../image/0041-1.jpg" /> + <el-image + class="chapter002-img-0035" + :src="picOneUrl" + :preview-src-list="picArr" + /> + <!-- <img class="img-a" alt="" src="../image/0041-1.jpg" /> --> </p> </div> <div class="bk"> @@ -119,11 +124,29 @@ </h4> <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" @@ -163,17 +186,14 @@ <p>绗竷姝ワ細鏃嬭浆鎻夋悡鑵曢儴鑷宠倶閮紙瑙佸浘1-3-7锛夈��</p> <el-carousel :interval="3000" - :type="chapter003.sevenImgList?.length > 2 ? 'card' : ''" + :type="sevenImgList?.length > 2 ? 'card' : ''" indicator-position="none" > - <el-carousel-item - v-for="(item, i) in chapter003.sevenImgList" - :key="i" - > + <el-carousel-item v-for="(item, i) in sevenImgList" :key="i"> <div class="imgCarousel"> <el-image :src="item.url" - :preview-src-list="chapter003.sevenSrcList" + :preview-src-list="sevenSrcList" :fit="'fill'" /> <span v-if="item.name" class="medium">{{ item.name }}</span> @@ -207,11 +227,33 @@ </p> <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="chapter003.isGroupOpen" class="tips-file"> <table class="table111 table122"> @@ -310,7 +352,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text1')" ></textarea> </div> @@ -321,7 +362,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text2')" ></textarea> </div> @@ -332,7 +372,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text3')" ></textarea> </div> @@ -352,11 +391,29 @@ </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" @@ -387,7 +444,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text4')" ></textarea> </div> @@ -415,7 +471,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text5')" ></textarea> </div> @@ -426,17 +481,34 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text6')" ></textarea> </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" @@ -475,7 +547,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text7')" ></textarea> @@ -485,7 +556,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text8')" ></textarea> @@ -495,7 +565,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text9')" ></textarea> @@ -548,7 +617,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text10')" ></textarea> </div> @@ -582,7 +650,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text11')" ></textarea> </div> @@ -593,7 +660,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text12')" ></textarea> </div> @@ -610,7 +676,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text13')" ></textarea> </div> @@ -621,11 +686,29 @@ </h4> <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" @@ -690,7 +773,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text14')" ></textarea> </div> @@ -704,7 +786,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text15')" ></textarea> </div> @@ -718,7 +799,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text16')" ></textarea> </div> @@ -756,7 +836,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text17')" ></textarea> </div> @@ -767,11 +846,33 @@ </p> <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="chapter003.isScore1Open" class="tips-file"> <table class="table111 table122"> @@ -881,7 +982,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text18')" ></textarea> </div> @@ -892,7 +992,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text19')" ></textarea> </div> @@ -918,17 +1017,34 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text20')" ></textarea> </div> <div class="tips-bk"> <div class="bj-tip"> - 瑙嗛锛氬┐鍎胯噣閮ㄦ竻娲侊紙濞冨▋鐗堬級<img - src="../icons/video.png" - @click="activitySix" - alt="" - /> + 瑙嗛锛氬┐鍎胯噣閮ㄦ竻娲侊紙濞冨▋鐗堬級 + <div @click="activitySix"> + <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" @@ -1003,7 +1119,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text21')" ></textarea> </div> @@ -1014,7 +1129,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text22')" ></textarea> </div> @@ -1025,7 +1139,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text23')" ></textarea> </div> @@ -1051,11 +1164,33 @@ </p> <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="chapter003.isScore2Open" class="tips-file"> <table class="table111 table122"> @@ -1144,7 +1279,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text24')" ></textarea> </div> @@ -1172,7 +1306,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text25')" ></textarea> </div> @@ -1181,11 +1314,29 @@ </h4> <div class="tips-bk"> <div class="bj-tip"> - 瑙嗛锛氬┐鍎挎矏娴�<img - src="../icons/video.png" - @click="activitySeven" - alt="" - /> + 瑙嗛锛氬┐鍎挎矏娴� + <div @click="activitySeven"> + <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" @@ -1233,7 +1384,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text26')" ></textarea> </div> @@ -1289,7 +1439,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text27')" ></textarea> </div> @@ -1300,7 +1449,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text28')" ></textarea> </div> @@ -1339,11 +1487,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="chapter003.isScore3Open" class="tips-file"> <table class="table111 table122"> @@ -1399,11 +1569,29 @@ </h4> <div class="tips-bk"> <div class="bj-tip"> - 瑙嗛锛氭礂鑴稿強鎿﹂<img - src="../icons/video.png" - @click="activityEigth" - alt="" - /> + 瑙嗛锛氭礂鑴稿強鎿﹂ + <div @click="activityEigth"> + <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" @@ -1488,7 +1676,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text29')" ></textarea> </div> @@ -1510,11 +1697,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="chapter003.isScore4Open" class="tips-file"> <table class="table111 table122"> @@ -1616,7 +1825,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text30')" ></textarea> </div> @@ -1633,7 +1841,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text31')" ></textarea> </div> @@ -1661,7 +1868,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text32')" ></textarea> @@ -1671,7 +1877,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text33')" ></textarea> @@ -1688,11 +1893,29 @@ </p> <div class="tips-bk"> <div class="bj-tip"> - 瑙嗛锛氬埛鐗�<img - src="../icons/video.png" - @click="activityNine" - alt="" - /> + 瑙嗛锛氬埛鐗� + <div @click="activityNine"> + <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" @@ -1725,11 +1948,32 @@ </div> --> <div class="tips-bk"> <div class="bj-tip"> - 鎸囧濠村辜鍎挎礂鑴搞�佹摝棣欑殑璇勫垎鏍囧噯<img - src="../icons/task.png" - @click="activityScore4" - alt="" - /> + 鎸囧濠村辜鍎挎礂鑴搞�佹摝棣欑殑璇勫垎鏍囧噯<div @click="activityScore5"> + <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="chapter003.isScore5Open" class="tips-file"> <table class="table111 table122"> @@ -1796,17 +2040,14 @@ </p> <el-carousel :interval="3000" - :type="chapter003.picImageList?.length > 2 ? 'card' : ''" + :type="picImageList?.length > 2 ? 'card' : ''" indicator-position="none" > - <el-carousel-item - v-for="(item, i) in chapter003.picImageList" - :key="i" - > + <el-carousel-item v-for="(item, i) in picImageList" :key="i"> <div class="imgCarousel"> <el-image :src="item.url" - :preview-src-list="chapter003.picArr110" + :preview-src-list="picArr110" :fit="'fill'" /> <span v-if="item.name" class="medium">{{ item.name }}</span> @@ -1835,7 +2076,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text33')" ></textarea> </div> @@ -1877,11 +2117,29 @@ </h4> <div class="tips-bk"> <div class="bj-tip"> - 瑙嗛锛氭寚瀵煎辜鍎挎急鍙�<img - src="../icons/video.png" - @click="activityTen" - alt="" - /> + 瑙嗛锛氭寚瀵煎辜鍎挎急鍙� + <div @click="activityTen"> + <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" @@ -1928,7 +2186,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text34')" ></textarea> </div> @@ -1940,7 +2197,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text35')" ></textarea> </div> @@ -1967,7 +2223,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text36')" ></textarea> </div> @@ -1978,7 +2233,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text37')" ></textarea> </div> @@ -2000,11 +2254,29 @@ </h4> <div class="tips-bk"> <div class="bj-tip"> - 瑙嗛锛氬辜鍎夸笉鑹礂鎵嬩範鎯�<img - src="../icons/video.png" - @click="activityEle" - alt="" - /> + 瑙嗛锛氬辜鍎夸笉鑹礂鎵嬩範鎯� + <div @click="activityEle"> + <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" @@ -2046,7 +2318,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text38')" ></textarea> </div> @@ -2074,7 +2345,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text39')" ></textarea> </div> @@ -2085,11 +2355,29 @@ </h4> <div class="tips-bk"> <div class="bj-tip"> - 瑙嗛锛氬辜鍎跨殑涓嶈壇鍒风墮涔犳儻<img - src="../icons/video.png" - @click="activityTev" - alt="" - /> + 瑙嗛锛氬辜鍎跨殑涓嶈壇鍒风墮涔犳儻 + <div @click="activityTev"> + <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" @@ -2140,7 +2428,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text40')" ></textarea> </div> @@ -2155,7 +2442,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text41')" ></textarea> </div> @@ -2185,7 +2471,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text42')" ></textarea> </div> @@ -2196,7 +2481,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text43')" ></textarea> </div> @@ -2210,7 +2494,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text44')" ></textarea> </div> @@ -2222,7 +2505,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text45')" ></textarea> </div> @@ -2257,7 +2539,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text46')" ></textarea> </div> @@ -2268,7 +2549,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text47')" ></textarea> </div> @@ -2408,23 +2688,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="chapter003.idOpenThree && chapter003.qustionData[48]" class="tips-file" > - <examinations :primaryColor="'#f49a4c'" :cardList="chapter003.qustionData[48]" /> + <examinations + :primaryColor="'#f49a4c'" + :cardList="chapter003.qustionData[48]" + /> </div> </div> </div> @@ -2441,6 +2733,62 @@ name: "chapter003", data() { return { + picOneUrl: require("../image/0041-1.jpg"), + picArr: [require("../image/0041-1.jpg")], + // 1-3-10 + picArr110: [ + require("../image/0059-1.jpg"), + require("../image/0059-2.jpg"), + ], + picImageList: [ + { + name: "鍥�1-3-9", + url: require("../image/0059-1.jpg"), + }, + { + name: "鍥�1-3-10", + url: require("../image/0059-2.jpg"), + }, + ], + sevenSrcList: [ + "../image/0042-2.jpg", + "../image/0042-3.jpg", + "../image/0042-4.jpg", + "../image/0043-1.jpg", + "../image/0043-2.jpg", + "../image/0043-3.jpg", + "../image/0043-4.jpg", + ], + sevenImgList: [ + { + name: "鍥�1-3-1", + url: require("../image/0042-2.jpg"), + }, + { + name: "鍥�1-3-2", + url: require("../image/0042-3.jpg"), + }, + { + name: "鍥�1-3-3", + url: require("../image/0042-4.jpg"), + }, + { + name: "鍥�1-3-4", + url: require("../image/0043-1.jpg"), + }, + { + name: "鍥�1-3-5", + url: require("../image/0043-2.jpg"), + }, + { + name: "鍥�1-3-6", + url: require("../image/0043-3.jpg"), + }, + { + name: "鍥�1-3-7", + url: require("../image/0043-4.jpg"), + }, + ], chapter003: { videOneUrl: "", videoTwoUrl: "", @@ -2454,23 +2802,6 @@ videoEleUrl: "", videoTevUrl: "", isGroupOpen: true, - picOneUrl: require("../image/0018-1.jpg"), - picArr: [require("../image/0018-1.jpg")], - // 1-3-10 - picArr110: [ - require("../image/0059-1.jpg"), - require("../image/0059-2.jpg"), - ], - picImageList: [ - { - name: "鍥�1-3-9", - url: require("../image/0059-1.jpg"), - }, - { - name: "鍥�1-3-10", - url: require("../image/0059-2.jpg"), - }, - ], isOpenOne: true, isOpenTwo: true, idOpenThree: true, @@ -2486,7 +2817,8 @@ isScore1Open: true, isScore2Open: true, isScore3Open: true, - isScore4Open:true, + isScore4Open: true, + isScore5Open: true, qustionData: {}, // 涓冩娲楁墜娉曡瘎鍒嗐�傘�� publicHeader: ["搴忓彿", "鑰冩牳鍐呭", "閰嶅垎", "璇勫垎鏍囧噯", "鎵e垎", "寰楀垎"], @@ -2526,45 +2858,6 @@ "", "", ], - ], - sevenSrcList: [ - "../image/0042-2.jpg", - "../image/0042-3.jpg", - "../image/0042-4.jpg", - "../image/0043-1.jpg", - "../image/0043-2.jpg", - "../image/0043-3.jpg", - "../image/0043-4.jpg", - ], - sevenImgList: [ - { - name: "鍥�1-3-1", - url: require("../image/0042-2.jpg"), - }, - { - name: "鍥�1-3-2", - url: require("../image/0042-3.jpg"), - }, - { - name: "鍥�1-3-3", - url: require("../image/0042-4.jpg"), - }, - { - name: "鍥�1-3-4", - url: require("../image/0043-1.jpg"), - }, - { - name: "鍥�1-3-5", - url: require("../image/0043-2.jpg"), - }, - { - name: "鍥�1-3-6", - url: require("../image/0043-3.jpg"), - }, - { - name: "鍥�1-3-7", - url: require("../image/0043-4.jpg"), - }, ], // 鐪笺�侀蓟銆佽�� scoreData1: [ @@ -2830,17 +3123,39 @@ if (localData) { this.chapter003 = { ...Object.assign(this.chapter003, localData) }; } - this.chapter003.videOneUrl = getResourcePath("459ab85d46207bfcca4801dc9b319b9b"); - this.chapter003.videoTwoUrl = getResourcePath("3817bea302b25b865ff938140939a8de"); - this.chapter003.videoFourUrl = getResourcePath("7af72da649f6656c3b2164e708f5c132"); - this.chapter003.videoFiveUrl = getResourcePath("e24de9b0cdd889cb73e9b472ad6f4731"); - this.chapter003.videoSixUrl = getResourcePath("d95740ab777d9c7ca074c33317a835c4"); - this.chapter003.videoSevenUrl = getResourcePath("0b330926f3e6ed510b48144a83199fb3"); - this.chapter003.videoEigthUrl = getResourcePath("9f63cc4dcba6a87cbfe82a9ec4d7c77e"); - this.chapter003.videoNineUrl = getResourcePath("c2ecf6f102a6e9b210f3db49b17b58a4"); - this.chapter003.videoTenUrl = getResourcePath("b6943018923c0cbad4e414dc2097cb9a"); - this.chapter003.videoEleUrl = getResourcePath("eb604885f7c01cdf2d95df839c9c233a"); - this.chapter003.videoTevUrl = getResourcePath("f12a50c2ac57da78ff02f3d5f430163b"); + this.chapter003.videOneUrl = getResourcePath( + "459ab85d46207bfcca4801dc9b319b9b" + ); + this.chapter003.videoTwoUrl = getResourcePath( + "3817bea302b25b865ff938140939a8de" + ); + this.chapter003.videoFourUrl = getResourcePath( + "7af72da649f6656c3b2164e708f5c132" + ); + this.chapter003.videoFiveUrl = getResourcePath( + "e24de9b0cdd889cb73e9b472ad6f4731" + ); + this.chapter003.videoSixUrl = getResourcePath( + "d95740ab777d9c7ca074c33317a835c4" + ); + this.chapter003.videoSevenUrl = getResourcePath( + "0b330926f3e6ed510b48144a83199fb3" + ); + this.chapter003.videoEigthUrl = getResourcePath( + "9f63cc4dcba6a87cbfe82a9ec4d7c77e" + ); + this.chapter003.videoNineUrl = getResourcePath( + "c2ecf6f102a6e9b210f3db49b17b58a4" + ); + this.chapter003.videoTenUrl = getResourcePath( + "b6943018923c0cbad4e414dc2097cb9a" + ); + this.chapter003.videoEleUrl = getResourcePath( + "eb604885f7c01cdf2d95df839c9c233a" + ); + this.chapter003.videoTevUrl = getResourcePath( + "f12a50c2ac57da78ff02f3d5f430163b" + ); this.chapter003.videOneUrl = "https://jsek.bnuic.com/file/api/ApiDownload?md5=459ab85d46207bfcca4801dc9b319b9b"; this.chapter003.videoTwoUrl = @@ -2863,44 +3178,60 @@ "https://jsek.bnuic.com/file/api/ApiDownload?md5=eb604885f7c01cdf2d95df839c9c233a"; this.chapter003.videoTevUrl = "https://jsek.bnuic.com/file/api/ApiDownload?md5=f12a50c2ac57da78ff02f3d5f430163b"; - this.chapter003.qustionData = await getQuestionData("3",testData[3],this.config.activeBook); + this.chapter003.qustionData = await getQuestionData( + "3", + testData[3], + this.config.activeBook + ); }, methods: { activityOne() { this.chapter003.isOpenOne = !this.chapter003.isOpenOne; + localStorage.setItem("chapter003", JSON.stringify(this.chapter003)); }, activityTwo() { this.chapter003.isOpenTwo = !this.chapter003.isOpenTwo; + localStorage.setItem("chapter003", JSON.stringify(this.chapter003)); }, activityThree() { this.chapter003.idOpenThree = !this.chapter003.idOpenThree; + localStorage.setItem("chapter003", JSON.stringify(this.chapter003)); }, activityFour() { this.chapter003.isOpenFour = !this.chapter003.isOpenFour; + localStorage.setItem("chapter003", JSON.stringify(this.chapter003)); }, activityFive() { this.chapter003.isOpenFive = !this.chapter003.isOpenFive; + localStorage.setItem("chapter003", JSON.stringify(this.chapter003)); }, activitySix() { this.chapter003.isOpenSix = !this.chapter003.isOpenSix; + localStorage.setItem("chapter003", JSON.stringify(this.chapter003)); }, activitySeven() { this.chapter003.isOpenSeven = !this.chapter003.isOpenSeven; + localStorage.setItem("chapter003", JSON.stringify(this.chapter003)); }, activityEigth() { this.chapter003.isOpenEigth = !this.chapter003.isOpenEigth; + localStorage.setItem("chapter003", JSON.stringify(this.chapter003)); }, activityNine() { this.chapter003.isOpenNine = !this.chapter003.isOpenNine; + localStorage.setItem("chapter003", JSON.stringify(this.chapter003)); }, activityTen() { this.chapter003.isOpenTen = !this.chapter003.isOpenTen; + localStorage.setItem("chapter003", JSON.stringify(this.chapter003)); }, activityEle() { this.chapter003.isOpenEle = !this.chapter003.isOpenEle; + localStorage.setItem("chapter003", JSON.stringify(this.chapter003)); }, activityTev() { this.chapter003.isOpenTev = !this.chapter003.isOpenTev; + localStorage.setItem("chapter003", JSON.stringify(this.chapter003)); }, activityGroup() { this.chapter003.isGroupOpen = !this.chapter003.isGroupOpen; @@ -2974,6 +3305,23 @@ this.chapter003.isScore4Open = !this.chapter003.isScore4Open; localStorage.setItem("chapter003", JSON.stringify(this.chapter003)); }, + updateCellScore5(rowIndex, cellIndex, value) { + // 鏇存柊鍗曞厓鏍兼暟鎹� + this.$set(this.chapter003.scoreData5[rowIndex], cellIndex, value); + if (cellIndex == 4) { + this.$set( + this.chapter003.scoreData5[rowIndex], + 5, + this.chapter003.scoreData5[rowIndex][2] - + this.chapter003.scoreData5[rowIndex][cellIndex] + ); + } + localStorage.setItem("chapter003", JSON.stringify(this.chapter003)); + }, + activityScore5() { + this.chapter003.isScore5Open = !this.chapter003.isScore5Open; + localStorage.setItem("chapter003", JSON.stringify(this.chapter003)); + }, updateCellScore4(rowIndex, cellIndex, value) { // 鏇存柊鍗曞厓鏍兼暟鎹� this.$set(this.chapter003.scoreData4[rowIndex], cellIndex, value); -- Gitblit v1.9.1