From 37e5dc2b41fe3f79a4f45e82eba4c3b05bedd293 Mon Sep 17 00:00:00 2001 From: unknown <qq1940665526@163.com> Date: 星期四, 06 六月 2024 18:38:27 +0800 Subject: [PATCH] 优化 --- src/books/lifeCare/view/chapter003.vue | 448 ++++++++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 354 insertions(+), 94 deletions(-) diff --git a/src/books/lifeCare/view/chapter003.vue b/src/books/lifeCare/view/chapter003.vue index 2953fbf..e6f56de 100644 --- a/src/books/lifeCare/view/chapter003.vue +++ b/src/books/lifeCare/view/chapter003.vue @@ -187,7 +187,7 @@ <p>绗叚姝ワ細鎸囧皷鍦ㄥ彟涓�鎵嬬殑鎺屽績鎼撴摝锛堣鍥�1-3-6锛夈��</p> <p>绗竷姝ワ細鏃嬭浆鎻夋悡鑵曢儴鑷宠倶閮紙瑙佸浘1-3-7锛夈��</p> <div class="imgBox-003 openImgBox"> - <div class="swiper-container"> + <div class="swiper-container swiper-img"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> @@ -292,10 +292,7 @@ <tr> <th :style="{ - width: - index == 1 || index == chapter003.groupData.length - 1 - ? '100px' - : '', + width: index == 3 ? '300px' : '50px', }" v-for="(header, index) in chapter003.publicHeader" :key="index" @@ -311,6 +308,19 @@ > <td v-for="(cell, cellIndex) in row" :key="cellIndex"> <template v-if="cell === ''"> + <input + type="text" + v-model="chapter003.groupData[rowIndex][cellIndex]" + @blur=" + updateCellGroup( + rowIndex, + cellIndex, + $event.target.value + ) + " + /> + </template> + <template v-else-if="cellIndex == 4"> <input type="text" v-model="chapter003.groupData[rowIndex][cellIndex]" @@ -928,11 +938,7 @@ <tr> <th :style="{ - width: - index == 1 || - index == chapter003.scoreData1.length - 1 - ? '100px' - : '', + width: index == 3 ? '300px' : '50px', }" v-for="(header, index) in chapter003.publicHeader" :key="index" @@ -960,9 +966,38 @@ " /> </template> + <template v-else-if="cellIndex == 4"> + <input + type="text" + v-model="chapter003.scoreData1[rowIndex][cellIndex]" + @blur=" + updateCellScore1( + rowIndex, + cellIndex, + $event.target.value + ) + " + /> + </template> <template v-else> {{ cell }} </template> + <!-- <template v-if="cell === ''"> + <input + type="text" + v-model="chapter003.scoreData1[rowIndex][cellIndex]" + @blur=" + updateCellScore1( + rowIndex, + cellIndex, + $event.target.value + ) + " + /> + </template> + <template v-else> + {{ cell }} + </template> --> </td> </tr> </tbody> @@ -1254,11 +1289,7 @@ <tr> <th :style="{ - width: - index == 1 || - index == chapter003.scoreData2.length - 1 - ? '100px' - : '', + width: index == 3 ? '300px' : '50px', }" v-for="(header, index) in chapter003.publicHeader" :key="index" @@ -1273,7 +1304,36 @@ :key="rowIndex" > <td v-for="(cell, cellIndex) in row" :key="cellIndex"> + <!-- <template v-if="cell === ''"> + <input + type="text" + v-model="chapter003.scoreData2[rowIndex][cellIndex]" + @blur=" + updateCellScore2( + rowIndex, + cellIndex, + $event.target.value + ) + " + /> + </template> + <template v-else> + {{ cell }} + </template> --> <template v-if="cell === ''"> + <input + type="text" + v-model="chapter003.scoreData2[rowIndex][cellIndex]" + @blur=" + updateCellScore2( + rowIndex, + cellIndex, + $event.target.value + ) + " + /> + </template> + <template v-else-if="cellIndex == 4"> <input type="text" v-model="chapter003.scoreData2[rowIndex][cellIndex]" @@ -1585,11 +1645,7 @@ <tr> <th :style="{ - width: - index == 1 || - index == chapter003.scoreData3.length - 1 - ? '100px' - : '', + width: index == 3 ? '300px' : '50px', }" v-for="(header, index) in chapter003.publicHeader" :key="index" @@ -1617,9 +1673,38 @@ " /> </template> + <template v-else-if="cellIndex == 4"> + <input + type="text" + v-model="chapter003.scoreData3[rowIndex][cellIndex]" + @blur=" + updateCellScore3( + rowIndex, + cellIndex, + $event.target.value + ) + " + /> + </template> <template v-else> {{ cell }} </template> + <!-- <template v-if="cell === ''"> + <input + type="text" + v-model="chapter003.scoreData3[rowIndex][cellIndex]" + @blur=" + updateCellScore3( + rowIndex, + cellIndex, + $event.target.value + ) + " + /> + </template> + <template v-else> + {{ cell }} + </template> --> </td> </tr> </tbody> @@ -1800,11 +1885,7 @@ <tr> <th :style="{ - width: - index == 1 || - index == chapter003.scoreData4.length - 1 - ? '100px' - : '', + width: index == 3 ? '300px' : '50px', }" v-for="(header, index) in chapter003.publicHeader" :key="index" @@ -1832,9 +1913,38 @@ " /> </template> + <template v-else-if="cellIndex == 4"> + <input + type="text" + v-model="chapter003.scoreData4[rowIndex][cellIndex]" + @blur=" + updateCellScore4( + rowIndex, + cellIndex, + $event.target.value + ) + " + /> + </template> <template v-else> {{ cell }} </template> + <!-- <template v-if="cell === ''"> + <input + type="text" + v-model="chapter003.scoreData4[rowIndex][cellIndex]" + @blur=" + updateCellScore4( + rowIndex, + cellIndex, + $event.target.value + ) + " + /> + </template> + <template v-else> + {{ cell }} + </template> --> </td> </tr> </tbody> @@ -2047,7 +2157,7 @@ </div> <div class="bodystyle"> <div class="imgBox-003 openImgBox"> - <div class="swiper-container"> + <div class="swiper-container swiper-img"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> @@ -2082,11 +2192,11 @@ <p>濠村辜鍎跨粌涔犲埛鐗欑殑娉ㄦ剰浜嬮」鏄粈涔堬紵</p> <div class="bk-tx"> <textarea - v-model="chapter003.textAreaItem.text33" + v-model="chapter003.textAreaItem.text331" style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5" - @blur="onBlurChange('text33')" + @blur="onBlurChange('text331')" ></textarea> </div> </div> @@ -2111,6 +2221,109 @@ <p> 2锝�4浜轰负涓�缁勫紑灞曞┐骞煎効鍙h厰娓呮磥鐨勬ā鎷熷疄璁紝鍏朵腑涓�浜烘搷浣滐紝鍏朵粬鍚屽瑙傛懇銆傛搷浣滆�呬竴杈瑰疄鎿嶄竴杈硅瑙f搷浣滆棰嗭紝鍏朵粬鍚屽鎸夌収濠村辜鍎垮彛鑵旀竻娲佺殑璇勫垎鏍囧噯缁欐搷浣滆�呮墦鍒嗐�� </p> + <div class="tips-bk"> + <div class="bj-tip"> + 濠村辜鍎垮彛鑵旀竻娲佺殑璇勫垎鏍囧噯 + <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"> + <thead> + <tr> + <th + :style="{ + width: index == 3 ? '300px' : '50px', + }" + v-for="(header, index) in chapter003.publicHeader" + :key="index" + > + {{ header }} + </th> + </tr> + </thead> + <tbody> + <tr + v-for="(row, rowIndex) in chapter003.scoreData5" + :key="rowIndex" + > + <td v-for="(cell, cellIndex) in row" :key="cellIndex"> + <!-- <template v-if="cell === ''"> + <input + type="text" + v-model="chapter003.scoreData5[rowIndex][cellIndex]" + @blur=" + updateCellScore5( + rowIndex, + cellIndex, + $event.target.value + ) + " + /> + </template> + <template v-else> + {{ cell }} + </template> --> + <template v-if="cell === ''"> + <input + type="text" + v-model="chapter003.scoreData5[rowIndex][cellIndex]" + @blur=" + updateCellScore5( + rowIndex, + cellIndex, + $event.target.value + ) + " + /> + </template> + <template v-else-if="cellIndex == 4"> + <input + type="text" + v-model="chapter003.scoreData5[rowIndex][cellIndex]" + @blur=" + updateCellScore5( + rowIndex, + cellIndex, + $event.target.value + ) + " + /> + </template> + <template v-else> + {{ cell }} + </template> + </td> + </tr> + </tbody> + </table> + </div> + </div> + <p><br /></p> <h4 id="d028"> 鈻垛柖 娲诲姩3锛氭寚瀵煎辜鍎挎急鍙�<span class="fontsz1">锛烇紴锛烇紴锛烇紴锛烇紴</span> </h4> @@ -2707,9 +2920,9 @@ </div> </template> <script> -import getResourcePath from "@/assets/methods/resources.js"; -import getQuestionData from "@/assets/methods/examination.js"; -import testData from "../js/examinationList.js"; +import { getResourcePath } from "@/assets/methods/resources.js"; +// import getQuestionData from "@/assets/methods/examination.js"; +// import testData from "../js/examinationList.js"; import examinations from "@/components/examinations/index.vue"; import drawflow from "@/components/drawflow"; @@ -2722,6 +2935,10 @@ }, questionData: { type: Object, + }, + isSearch: { + type: Boolean, + default: false, }, }, data() { @@ -3094,6 +3311,57 @@ "", ], ], + // 濠村辜鍎垮彛鑵� + scoreData5: [ + [ + 1, + "鎿嶄綔鑰呭噯澶�", + 10, + "鏉熻捣澶村彂锛屽壀鐭寚鐢诧紝鎽橀櫎鎵嬭〃鍙婇楗帮紝娲楀噣鍙屾墜锛堝叡 5 鍒嗭級锛屽湪婕卞彛鏉唴鏀惧叆娓╂按锛屾按娓╂帶鍒跺湪 37鈥傗剝锝� 39鈥傗剝锛堝叡 5 鍒嗭級", + "", + "", + ], + [ + 2, + "鐗╁搧鍑嗗", + 7, + "鐗欓娇妯″瀷銆佹急鍙f澂銆佹寚濂楃墮鍒枫�佺粏杞殑娑堟瘨绾卞竷锛堢害 4鈥俢m瑙佹柟锛夈�佸┐骞煎効鐗欏埛銆佸┐骞煎効鐗欒啅銆佹摝鍢村皬姣涘肪锛堝叡 7 鍒嗭級", + "", + "", + ], + [ + 3, + "鏃犵墮鏈熺殑鍙h厰鎶ょ悊", + 18, + "鐢ㄦ俯姘存蹈婀挎秷姣掔罕甯冿紝鍏堝皢娑堟瘨绾卞竷鎷ф垚鍗婂共锛屽啀灏嗘秷姣掔罕鐨勪竴瑙掕9鍦ㄩ鎸囦笂锛堝叡 6 鍒嗭級锛涙摝鎷笂鐗欓緢鐨勫渚э紝鎹竴涓杞昏交鎿︽嫮涓婄墮榫堢殑鍐呬晶锛涙崲涓嶅悓鐨勭罕甯冭鍒嗗埆鎿︽嫮涓嬬墮榫堢殑澶栦晶鍜屽唴渚э紙鍏� 6 鍒嗭級锛涚敤骞插噣鐨勭罕甯冭鎿︽嫮鑸屽ご锛堝叡 6 鍒嗭級", + "", + "", + ], + [ + 4, + "1 宀佸唴濠村効闀跨墮鏈熺殑鍙h厰鎶ょ悊", + 10, + "灏嗘寚濂楃墮鍒锋竻鐞嗗共鍑�锛屽啀鏀惧叆娌告按閲岀叜1 锝� 2 鍒嗛挓娑堟瘨锛堝叡5 鍒嗭級锛涙纭墜娉曟搷浣滐紝鎵嬫硶杞绘煍锛堟搷浣滀笉鍚堟牸鎵� 5 鍒嗭紝鍏� 5 鍒嗭級锛�", + "", + "", + ], + [ + 5, + "1 宀佷互涓婂辜鍎跨殑鍙h厰鎶ょ悊", + 45, + "灏嗙墮鍒风敤娓╂按娴告场 1 锝� 2 鍒嗛挓锛堝叡 5 鍒嗭級锛涘彇閫傞噺鐗欒啅缃簬鐗欏埛涓婏紙鍏� 5 鍒嗭級锛涙墜鎻$墮鍒锋焺鍚� 1/3 澶勶紙鍏� 5 鍒嗭級锛涘厛鍒峰墠鐗欏攪渚э紱鍐嶅埛涓婄墮鍓嶈叚闈紝涓嬬墮鑸岄潰锛涘啀鍒峰悗鐗欓闈紱鍐嶅埛鍚庣墮鑸岄潰锛涙渶鍚庡埛鐗欏挰鍚堥潰锛堝叡 20 鍒嗭級锛涚敤娓╂按鍚急鏁版锛岀洿鑷崇墮鑶忔场娌畬鍏ㄦ竻娲楀共鍑�锛堝叡 5 鍒嗭級锛涙摝娲楀┐骞煎効鐨勫槾瑙掑強闈㈤儴锛堝叡 5 鍒嗭級锛�", + "", + "", + ], + [ + 6, + "鏁寸悊鐗╁搧", + 10, + "鏁寸悊鐗╁搧锛屾竻娲佹急鍙f澂銆佸皬鏂瑰肪绛夛紝灏嗙墿鍝佹憜鏀炬暣榻愶紙鍏� 10 鍒嗭級", + "", + "", + ], + ], textAreaItem: {}, radio: {}, drawDataOne: { @@ -3118,70 +3386,45 @@ drawflow, }, async created() { - const localData = JSON.parse(localStorage.getItem("chapter003")); - if (localData) { - this.chapter003 = { ...Object.assign(this.chapter003, localData) }; + if (!this.isSearch) { + const localData = JSON.parse(localStorage.getItem("chapter003")); + if (localData) { + this.chapter003 = { ...Object.assign(this.chapter003, localData) }; + } + this.chapter003.videOneUrl = await getResourcePath( + "459ab85d46207bfcca4801dc9b319b9b" + ); + this.chapter003.videoTwoUrl = await getResourcePath( + "3817bea302b25b865ff938140939a8de" + ); + this.chapter003.videoFourUrl = await getResourcePath( + "7af72da649f6656c3b2164e708f5c132" + ); + this.chapter003.videoFiveUrl = await getResourcePath( + "e24de9b0cdd889cb73e9b472ad6f4731" + ); + this.chapter003.videoSixUrl = await getResourcePath( + "d95740ab777d9c7ca074c33317a835c4" + ); + this.chapter003.videoSevenUrl = await getResourcePath( + "0b330926f3e6ed510b48144a83199fb3" + ); + this.chapter003.videoEigthUrl = await getResourcePath( + "9f63cc4dcba6a87cbfe82a9ec4d7c77e" + ); + this.chapter003.videoNineUrl = await getResourcePath( + "c2ecf6f102a6e9b210f3db49b17b58a4" + ); + this.chapter003.videoTenUrl = await getResourcePath( + "b6943018923c0cbad4e414dc2097cb9a" + ); + this.chapter003.videoEleUrl = await getResourcePath( + "eb604885f7c01cdf2d95df839c9c233a" + ); + this.chapter003.videoTevUrl = await 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 = - "https://jsek.bnuic.com/file/api/ApiDownload?md5=3817bea302b25b865ff938140939a8de"; - this.chapter003.videoFourUrl = - "https://jsek.bnuic.com/file/api/ApiDownload?md5=7af72da649f6656c3b2164e708f5c132"; - this.chapter003.videoFiveUrl = - "https://jsek.bnuic.com/file/api/ApiDownload?md5=e24de9b0cdd889cb73e9b472ad6f4731"; - this.chapter003.videoSixUrl = - "https://jsek.bnuic.com/file/api/ApiDownload?md5=d95740ab777d9c7ca074c33317a835c4"; - this.chapter003.videoSevenUrl = - "https://jsek.bnuic.com/file/api/ApiDownload?md5=0b330926f3e6ed510b48144a83199fb3"; - this.chapter003.videoEigthUrl = - "https://jsek.bnuic.com/file/api/ApiDownload?md5=9f63cc4dcba6a87cbfe82a9ec4d7c77e"; - this.chapter003.videoNineUrl = - "https://jsek.bnuic.com/file/api/ApiDownload?md5=c2ecf6f102a6e9b210f3db49b17b58a4"; - this.chapter003.videoTenUrl = - "https://jsek.bnuic.com/file/api/ApiDownload?md5=b6943018923c0cbad4e414dc2097cb9a"; - this.chapter003.videoEleUrl = - "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 - ); }, methods: { activityOne() { @@ -3317,6 +3560,23 @@ } localStorage.setItem("chapter003", JSON.stringify(this.chapter003)); }, + activityScore5() { + this.chapter003.isScore5Open = !this.chapter003.isScore5Open; + 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)); + }, onBlurChange() { localStorage.setItem("chapter003", JSON.stringify(this.chapter003)); }, -- Gitblit v1.9.1