From 95a70fceae8d1b3b547a7414a995aec28b147d68 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期二, 28 五月 2024 16:28:08 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/lifeCare/view/chapter007.vue | 520 ++++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 386 insertions(+), 134 deletions(-) diff --git a/src/books/lifeCare/view/chapter007.vue b/src/books/lifeCare/view/chapter007.vue index 50d4c48..49a8072 100644 --- a/src/books/lifeCare/view/chapter007.vue +++ b/src/books/lifeCare/view/chapter007.vue @@ -1,5 +1,5 @@ 锘�<template> - <div class="chapter" num="7"> + <div class="chapter" num="8"> <div class="page-box" page="114"> <div class="bodystyle topImg"> <h2 id="b007"><img class="img-0" alt="" src="../image/dy7.jpg" /></h2> @@ -67,7 +67,12 @@ </p> </div> <p class="center"> - <img class="img-a" alt="" src="../image/0126-1.jpg" /> + <el-image + class="chapter002-img-0035" + :src="picOneUrl" + :preview-src-list="picArr" + /> + <!-- <img class="img-a" alt="" src="../image/0126-1.jpg" /> --> </p> </div> <div class="bk"> @@ -134,7 +139,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text1')" ></textarea> </div> @@ -147,7 +151,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text2')" ></textarea> </div> @@ -246,7 +249,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text4')" ></textarea> </div> @@ -258,7 +260,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text5')" ></textarea> @@ -268,7 +269,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text6')" ></textarea> @@ -278,7 +278,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text7')" ></textarea> @@ -288,7 +287,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text8')" ></textarea> @@ -345,7 +343,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text9')" ></textarea> </div> @@ -375,7 +372,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text10')" ></textarea> </div> @@ -397,11 +393,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="chapter007.isGroupOpen" class="tips-file"> <table class="table111 table122"> @@ -513,7 +531,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text11')" ></textarea> </div> @@ -526,14 +543,33 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text12')" ></textarea> </div> <p>3.瑙傚療骞舵敹闆嗗┐骞煎効鐨勭潯鐪犱俊鍙枫�傝嫢鏈夌収鐗囷紝鍙创鍦ㄤ笅闈€��</p> <div class="bk-tx"> - <p><br /></p> - <p><br /></p> + <div class="upload-list" v-if="chapter007.pictrueListTwo.length > 0"> + <div + class="demo-image__preview" + v-for="item in chapter007.pictrueListTwo" + :key="item" + > + <el-image + style="height: 100%" + :src="item" + :preview-src-list="chapter007.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> <p>4.鏌ラ槄闃呰鎵嬪唽锛岀爺璁ㄥ強褰掔撼濠村辜鍎跨殑鐫$湢淇″彿銆�</p> <div class="bk-tx"> @@ -543,7 +579,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text13')" ></textarea> @@ -553,7 +588,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text14')" ></textarea> @@ -563,7 +597,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text15')" ></textarea> @@ -573,7 +606,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text16')" ></textarea> @@ -583,7 +615,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text17')" ></textarea> @@ -623,7 +654,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text18')" ></textarea> </div> @@ -634,7 +664,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text19')" ></textarea> </div> @@ -669,7 +698,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text99')" ></textarea> </div> @@ -733,7 +761,7 @@ ><span class="bj1-h3">涓�</span>銆�銆�鐫″墠鍑嗗銆�</span > </h3> - <p><br /></p> + <p> </p> <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> @@ -747,11 +775,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" @@ -790,11 +836,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" @@ -813,6 +877,7 @@ ></video> </div> </div> + <p><br /></p> <p><br /></p> <div class="bk-qjms"> <p class="bj1-qjms">鈯欍��鎯呭鎻忚堪銆�鈯�</p> @@ -843,7 +908,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text20')" ></textarea> </div> @@ -854,7 +918,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text21')" ></textarea> </div> @@ -871,11 +934,29 @@ </div> --> <div class="tips-bk"> <div class="bj-tip"> - 瑙嗛锛氳劚琛g墿鎸囧<img - src="../icons/video.png" - @click="activityFour" - alt="" - /> + 瑙嗛锛氳劚琛g墿鎸囧 + <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" @@ -902,7 +983,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text22')" ></textarea> </div> @@ -922,11 +1002,34 @@ </div> --> <div class="tips-bk"> <div class="bj-tip"> - 鎸囧绌胯劚琛g墿鐨勮瘎鍒嗘爣鍑�<img - src="../icons/task.png" - @click="activityScore1" - alt="" - /> + 鎸囧绌胯劚琛g墿鐨勮瘎鍒嗘爣鍑� + <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> + <!-- <img src="../icons/task.png" @click="activityScore1" alt="" /> --> </div> <div v-if="chapter007.isScore1Open" class="tips-file"> <table class="table111 table122"> @@ -1044,7 +1147,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text23')" ></textarea> </div> @@ -1055,7 +1157,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text24')" ></textarea> </div> @@ -1091,11 +1192,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="chapter007.isScore2Open" class="tips-file"> <table class="table111 table122"> @@ -1180,7 +1303,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text25')" ></textarea> </div> @@ -1191,7 +1313,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text26')" ></textarea> </div> @@ -1212,10 +1333,52 @@ </div> </div> <div class="bodystyle"> - <p>3.璇风粯鍒朵负濠村辜鍎垮仛鐫″墠鍑嗗宸ヤ綔鐨勬�濈淮瀵煎浘銆�</p> - <div class="bk-tx"> - <p>銆�<br /></p> - <p>銆�<br /></p> + <p class="bk-swdt"> + 3.璇风粯鍒朵负濠村辜鍎垮仛鐫″墠鍑嗗宸ヤ綔鐨勬�濈淮瀵煎浘銆�<img + src="../icons/swdt.png" + alt="" + @click="showSwdt" + /> + </p> + <div class="bk-tx" style="min-height: 200px"> + <div class="bk-iframe" v-if="chapter007.isShowSwdt"> + <div class="header-swdt"> + <p>鎬濈淮瀵煎浘</p> + <i class="el-icon-close" @click="showSwdt"></i> + </div> + <iframe + width="100%" + height="600px" + frameborder="0" + scrolling="no" + src="https://www.iodraw.com/mind" + ></iframe> + </div> + <div class="bk-inputUpload" v-if="chapter007.pictrueList.length == 0"> + <input + type="file" + id="fileOne" + @change="handUploadFile($event, 1)" + /> + <span class="btnUpload" @click="handFile('fileOne')">+</span> + </div> + <div + style="width: 100%; height: 100%" + v-if="chapter007.pictrueList.length > 0" + > + <div + class="demo-image__preview-swdt" + v-for="item in chapter007.pictrueList" + :key="item" + > + <el-image + style="width: 100%" + :src="item" + :preview-src-list="chapter007.pictrueList" + > + </el-image> + </div> + </div> </div> <p>4.鏍规嵁闃呰鎵嬪唽锛岃璁哄浣曟湁鏁堝紑灞曠潯鍓嶅噯澶囧伐浣溿��</p> <p>锛�1锛夊湪寮�灞曞悇椤圭潯鍓嶆椿鍔ㄦ椂搴旀敞鎰忓摢浜涢棶棰橈紵</p> @@ -1226,7 +1389,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text27')" ></textarea> @@ -1236,7 +1398,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text28')" ></textarea> @@ -1246,7 +1407,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text29')" ></textarea> @@ -1256,7 +1416,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text30')" ></textarea> @@ -1269,7 +1428,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text31')" ></textarea> @@ -1279,7 +1437,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text32')" ></textarea> @@ -1307,7 +1464,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text33')" ></textarea> </div> @@ -1318,7 +1474,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text34')" ></textarea> </div> @@ -1336,11 +1491,29 @@ </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" @@ -1386,7 +1559,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text35')" ></textarea> </div> @@ -1409,8 +1581,31 @@ <div class="bodystyle"> <p>2.鎷嶆憚鎴栫粯鍒跺┐骞煎効鐨勫悇绉嶇潯濮裤��</p> <div class="bk-tx"> - <p><br />銆�</p> - <p><br />銆�</p> + <div + class="upload-list" + v-if="chapter007.pictrueListThree.length > 0" + > + <div + class="demo-image__preview" + v-for="item in chapter007.pictrueListThree" + :key="item" + > + <el-image + style="height: 100%" + :src="item" + :preview-src-list="chapter007.pictrueListThree" + > + </el-image> + </div> + </div> + <div class="bk-inputUpload"> + <input + type="file" + id="fileThree" + @change="handUploadFile($event, '3')" + /> + <span class="btnUpload-list" @click="handFile('fileThree')">+</span> + </div> </div> <div class="bk-qjms"> <p class="bj1-qjms">鈯欍��鎯呭鎻忚堪2銆�鈯�</p> @@ -1426,7 +1621,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text36')" ></textarea> @@ -1436,7 +1630,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text37')" ></textarea> @@ -1446,7 +1639,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text38')" ></textarea> @@ -1462,7 +1654,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text39')" ></textarea> @@ -1472,7 +1663,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text40')" ></textarea> @@ -1500,7 +1690,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text41')" ></textarea> @@ -1513,7 +1702,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text42')" ></textarea> @@ -1523,7 +1711,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text43')" ></textarea> @@ -1533,7 +1720,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text44')" ></textarea> @@ -1546,7 +1732,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text45')" ></textarea> @@ -1556,7 +1741,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text46')" ></textarea> @@ -1566,7 +1750,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text47')" ></textarea> @@ -1579,7 +1762,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text48')" ></textarea> @@ -1608,7 +1790,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text49')" ></textarea> @@ -1618,7 +1799,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text50')" ></textarea> @@ -1631,7 +1811,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text51')" ></textarea> @@ -1641,7 +1820,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text52')" ></textarea> @@ -1651,7 +1829,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text53')" ></textarea> @@ -1702,7 +1879,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text54')" ></textarea> </div> @@ -1713,7 +1889,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text55')" ></textarea> </div> @@ -1724,7 +1899,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text56')" ></textarea> </div> @@ -1739,7 +1913,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text57')" ></textarea> @@ -1771,7 +1944,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text58')" ></textarea> @@ -1786,7 +1958,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text59')" ></textarea> @@ -1807,7 +1978,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text60')" ></textarea> @@ -1820,7 +1990,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text61')" ></textarea> @@ -1875,7 +2044,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text62')" ></textarea> </div> @@ -1893,11 +2061,29 @@ </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" @@ -1926,7 +2112,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text63')" ></textarea> </div> @@ -2018,7 +2203,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('text64')" ></textarea> </div> @@ -2030,7 +2214,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text65')" ></textarea> @@ -2040,7 +2223,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text66')" ></textarea> @@ -2068,7 +2250,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text67')" ></textarea> @@ -2078,7 +2259,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text68')" ></textarea> @@ -2088,7 +2268,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text68')" ></textarea> @@ -2098,7 +2277,6 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="3" - maxlength="100" class="textareaInput" @blur="onBlurChange('text69')" ></textarea> @@ -2203,18 +2381,28 @@ style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - maxlength="200" @blur="onBlurChange('desc')" ></textarea> </div> <p></p> <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="chapter007.idOpenThree && chapter007.qustionData[131]" @@ -2235,11 +2423,14 @@ 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"; export default { name: "chapter007", data() { return { + picOneUrl: require("../image/0126-1.jpg"), + picArr: [require("../image/0126-1.jpg")], chapter007: { videoTwoUrl: "", videoFourUrl: "", @@ -2254,6 +2445,10 @@ isOpenSix: true, isScore1Open: true, isScore2Open: true, + isShowSwdt: false, + pictrueList: [], + pictrueListTwo: [], + pictrueListThree: [], qustionData: {}, // 鍒涜鑹ソ鐫$湢鐜鐨勮瘎鍒嗘爣鍑� publicHeader: ["搴忓彿", "鑰冩牳鍐呭", "閰嶅垎", "璇勫垎鏍囧噯", "鎵e垎", "寰楀垎"], @@ -2489,16 +2684,26 @@ components: { examinations, }, - async created() { + async created() { const localData = JSON.parse(localStorage.getItem("chapter007")); if (localData) { this.chapter007 = { ...Object.assign(this.chapter007, localData) }; } - this.chapter007.videOneUrl = getResourcePath("3c35b62a39cf8beddc28c5c1c8a847ec"); - this.chapter007.videoTwoUrl = getResourcePath("4731be836c5c625584c3c94a61249cc9"); - this.chapter007.videoFourUrl = getResourcePath("4889c1899ed5716aeea6ca031cd3136d"); - this.chapter007.videoFiveUrl = getResourcePath("a1d60d7c5322d531939118c1aaf8feb7"); - this.chapter007.videoSixUrl = getResourcePath("f92c68faa37e1f6ce9ca50f234ddad90"); + this.chapter007.videOneUrl = getResourcePath( + "3c35b62a39cf8beddc28c5c1c8a847ec" + ); + this.chapter007.videoTwoUrl = getResourcePath( + "4731be836c5c625584c3c94a61249cc9" + ); + this.chapter007.videoFourUrl = getResourcePath( + "4889c1899ed5716aeea6ca031cd3136d" + ); + this.chapter007.videoFiveUrl = getResourcePath( + "a1d60d7c5322d531939118c1aaf8feb7" + ); + this.chapter007.videoSixUrl = getResourcePath( + "f92c68faa37e1f6ce9ca50f234ddad90" + ); this.chapter007.videOneUrl = "https://jsek.bnuic.com/file/api/ApiDownload?md5=3c35b62a39cf8beddc28c5c1c8a847ec"; this.chapter007.videoTwoUrl = @@ -2509,7 +2714,11 @@ "https://jsek.bnuic.com/file/api/ApiDownload?md5=a1d60d7c5322d531939118c1aaf8feb7"; this.chapter007.videoSixUrl = "https://jsek.bnuic.com/file/api/ApiDownload?md5=f92c68faa37e1f6ce9ca50f234ddad90"; - this.chapter007.qustionData = await getQuestionData("7",testData[7],this.config.activeBook); + this.chapter007.qustionData = await getQuestionData( + "7", + testData[7], + this.config.activeBook + ); }, methods: { activityOne() { @@ -2592,6 +2801,49 @@ onRadioText() { localStorage.setItem("chapter007", JSON.stringify(this.chapter007)); }, + showSwdt() { + this.chapter007.isShowSwdt = !this.chapter007.isShowSwdt; + }, + 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.chapter007.pictrueList.push(getPublicImage(e)); + } + if (type == "2") { + that.chapter007.pictrueListTwo.push(getPublicImage(e)); + } + if (type == "3") { + that.chapter007.pictrueListThree.push(getPublicImage(e)); + } + that.isLoding = false; + localStorage.setItem("chapter007", JSON.stringify(this.chapter007)); + }, 1000); + }) + .catch((e) => { + that.isLoding = false; + console.error(e); + }); + }, + handFile(str) { + let dom = document.getElementById(str); + dom.click(); + }, }, }; </script> -- Gitblit v1.9.1