From 58a1f8c0fe7c46f21382f6359be02a8e375ece04 Mon Sep 17 00:00:00 2001 From: unknown <qq1940665526@163.com> Date: 星期三, 05 六月 2024 17:59:48 +0800 Subject: [PATCH] 体育与健康样章 --- src/books/lifeCare/view/chapter005.vue | 313 +++++++++++++++++++++++++++++++++------------------ 1 files changed, 201 insertions(+), 112 deletions(-) diff --git a/src/books/lifeCare/view/chapter005.vue b/src/books/lifeCare/view/chapter005.vue index c192e2d..7d84fab 100644 --- a/src/books/lifeCare/view/chapter005.vue +++ b/src/books/lifeCare/view/chapter005.vue @@ -1,7 +1,7 @@ <template> <div class="chapter" num="6"> - <div class="page-box" page="71"> - <div v-if="showPageList.indexOf(71) > -1"> + <div class="page-box" page="75"> + <div v-if="showPageList.indexOf(75) > -1"> <div class="bodystyle topImg"> <h2 id="b005"> <img class="img-0" alt="" src="../image/dy5.jpg" /> @@ -62,8 +62,8 @@ </div> </div> </div> - <div class="page-box" page="72"> - <div v-if="showPageList.indexOf(72) > -1"> + <div class="page-box" page="76"> + <div v-if="showPageList.indexOf(76) > -1"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -84,13 +84,8 @@ <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" /> </p> </div> - <p class="center"> - <el-image - class="chapter002-img-0035" - :src="picOneUrl" - :preview-src-list="picArr" - /> - <!-- <img class="img-a" alt="" src="../image/0083-1.jpg" /> --> + <p class="center openImgBox"> + <img class="img-a" alt="" src="../image/0083-1.jpg" /> </p> </div> <div class="bk"> @@ -109,8 +104,8 @@ </div> </div> </div> - <div class="page-box" page="73"> - <div v-if="showPageList.indexOf(73) > -1"> + <div class="page-box" page="77"> + <div v-if="showPageList.indexOf(77) > -1"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -168,8 +163,8 @@ </div> </div> </div> - <div class="page-box" page="74"> - <div v-if="showPageList.indexOf(74) > -1"> + <div class="page-box" page="78"> + <div v-if="showPageList.indexOf(78) > -1"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -290,8 +285,8 @@ </div> </div> </div> - <div class="page-box" page="75"> - <div v-if="showPageList.indexOf(75) > -1"> + <div class="page-box" page="79"> + <div v-if="showPageList.indexOf(79) > -1"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -388,7 +383,33 @@ </div> <p><br /></p> <p>3.灏忕粍璁ㄨ鍒嗘瀽鍚勪綅鎴愬憳鐨勪竴鏃ラ璋憋紝璇勫嚭鏈�浣充竴鏃ラ璋便��</p> - <p>锛�1锛夎鐢ㄥ浘鐗囧舰寮忓憟鐜帮紝骞惰创鍦ㄤ笅闈€��</p> + <p class="pic-wall"> + 锛�1锛夎鐢ㄥ浘鐗囧舰寮忓憟鐜帮紝骞惰创鍦ㄤ笅闈€��<span + class="btnUpload-list" + @click="handFile('fileTwo')" + > + <svg + t="1717059899765" + class="icon" + viewBox="0 0 1024 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="2633" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="18" + height="18" + > + <path + d="M256.111993 608.601962c61.628148 0 122.808324 17.790888 183.220549 52.796701 88.122492-119.67252 198.387601-180.788701 328.747453-180.788701 80.122992 0 142.071121 0 191.860009 41.213424V217.522405C959.940004 168.181489 919.750516 127.992 870.345603 127.992h-716.755202A89.5944 89.5944 0 0 0 63.996 217.586401v489.569402c47.165052-64.95594 111.929004-98.489844 192.179989-98.489845z m95.994-159.99a95.994 95.994 0 1 0 0-191.988001 95.994 95.994 0 0 0 0 191.988001z m0 63.996a159.990001 159.990001 0 1 1 0-319.980001 159.990001 159.990001 0 0 1 0 319.980001zM1023.936004 619.097306a254.448097 254.448097 0 0 0-112.63296-41.469408c-38.909568-33.021936-81.27492-33.021936-143.223049-33.021936-116.664708 0-213.682645 58.23636-293.357665 177.716893l-17.726892 26.622336-26.622336-17.726892c-58.940316-39.293544-116.920692-58.620336-174.261109-58.620336-72.699456 0-125.880132 53.564652-163.317793 128.439972l-14.335104 28.606212-14.207112-7.103556A89.5944 89.5944 0 0 0 153.590401 905.031436h425.893381c6.783576 22.782576 16.63896 44.285232 29.182176 63.996H153.590401a153.590401 153.590401 0 0 1-153.590401-153.590401V217.586401A153.590401 153.590401 0 0 1 153.590401 63.996h716.691206A153.654397 153.654397 0 0 1 1023.936004 217.586401v401.510905z" + p-id="2634" + ></path> + <path + d="M796.366227 796.430223v-142.199112a28.414224 28.414224 0 0 1 56.892444 0v142.199112h142.199113a28.414224 28.414224 0 0 1 0 56.828448h-142.199113v142.263109a28.414224 28.414224 0 0 1-56.95644 0v-142.263109h-142.135116a28.414224 28.414224 0 0 1 0-56.828448h142.199112z" + p-id="2635" + ></path> + </svg> + </span> + </p> <!-- <div class="bk-tx"> <textarea v-model="chapter005.textAreaItem.text7" @@ -404,16 +425,11 @@ v-if="chapter005.pictrueListTwo.length > 0" > <div - class="demo-image__preview" + class="demo-image__preview openImgBox" v-for="item in chapter005.pictrueListTwo" :key="item" > - <el-image - style="height: 100%" - :src="item" - :preview-src-list="chapter005.pictrueListTwo" - > - </el-image> + <img style="height: 100%" :src="item" alt="" /> </div> </div> <div class="bk-inputUpload"> @@ -422,14 +438,13 @@ id="fileTwo" @change="handUploadFile($event, '2')" /> - <span class="btnUpload-list" @click="handFile('fileTwo')">+</span> </div> </div> </div> </div> </div> - <div class="page-box" page="76"> - <div v-if="showPageList.indexOf(76) > -1"> + <div class="page-box" page="80"> + <div v-if="showPageList.indexOf(80) > -1"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -546,8 +561,8 @@ </div> </div> </div> - <div class="page-box" page="77"> - <div v-if="showPageList.indexOf(77) > -1"> + <div class="page-box" page="81"> + <div v-if="showPageList.indexOf(81) > -1"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -712,8 +727,8 @@ </div> </div> </div> - <div class="page-box" page="78"> - <div v-if="showPageList.indexOf(78) > -1"> + <div class="page-box" page="82"> + <div v-if="showPageList.indexOf(82) > -1"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -818,8 +833,8 @@ </div> </div> </div> - <div class="page-box" page="79"> - <div v-if="showPageList.indexOf(79) > -1"> + <div class="page-box" page="83"> + <div v-if="showPageList.indexOf(83) > -1"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -923,8 +938,8 @@ </div> </div> </div> - <div class="page-box" page="80"> - <div v-if="showPageList.indexOf(80) > -1"> + <div class="page-box" page="84"> + <div v-if="showPageList.indexOf(84) > -1"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -998,8 +1013,8 @@ </div> </div> </div> - <div class="page-box" page="81"> - <div v-if="showPageList.indexOf(81) > -1"> + <div class="page-box" page="85"> + <div v-if="showPageList.indexOf(85) > -1"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -1061,8 +1076,8 @@ </div> </div> </div> - <div class="page-box" page="82"> - <div v-if="showPageList.indexOf(82) > -1"> + <div class="page-box" page="86"> + <div v-if="showPageList.indexOf(86) > -1"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -1231,8 +1246,8 @@ </div> </div> </div> - <div class="page-box" page="83"> - <div v-if="showPageList.indexOf(83) > -1"> + <div class="page-box" page="87"> + <div v-if="showPageList.indexOf(87) > -1"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -1320,8 +1335,8 @@ </div> </div> </div> - <div class="page-box" page="84"> - <div v-if="showPageList.indexOf(84) > -1"> + <div class="page-box" page="88"> + <div v-if="showPageList.indexOf(88) > -1"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -1393,8 +1408,8 @@ </div> </div> </div> - <div class="page-box" page="85"> - <div v-if="showPageList.indexOf(85) > -1"> + <div class="page-box" page="89"> + <div v-if="showPageList.indexOf(89) > -1"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -1501,8 +1516,8 @@ </div> </div> </div> - <div class="page-box" page="86"> - <div v-if="showPageList.indexOf(86) > -1"> + <div class="page-box" page="90"> + <div v-if="showPageList.indexOf(90) > -1"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -1724,8 +1739,8 @@ </div> </div> </div> - <div class="page-box" page="87"> - <div v-if="showPageList.indexOf(87) > -1"> + <div class="page-box" page="91"> + <div v-if="showPageList.indexOf(91) > -1"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -1895,8 +1910,8 @@ </div> </div> </div> - <div class="page-box" page="88"> - <div v-if="showPageList.indexOf(88) > -1"> + <div class="page-box" page="92"> + <div v-if="showPageList.indexOf(92) > -1"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -2010,8 +2025,8 @@ </div> </div> </div> - <div class="page-box" page="89"> - <div v-if="showPageList.indexOf(89) > -1"> + <div class="page-box" page="93"> + <div v-if="showPageList.indexOf(93) > -1"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -2074,8 +2089,8 @@ </div> </div> </div> - <div class="page-box" page="90"> - <div v-if="showPageList.indexOf(90) > -1"> + <div class="page-box" page="94"> + <div v-if="showPageList.indexOf(94) > -1"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -2248,8 +2263,8 @@ </div> </div> </div> - <div class="page-box" page="91"> - <div v-if="showPageList.indexOf(91) > -1"> + <div class="page-box" page="95"> + <div v-if="showPageList.indexOf(95) > -1"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -2334,8 +2349,8 @@ </div> </div> </div> - <div class="page-box" page="92"> - <div v-if="showPageList.indexOf(92) > -1"> + <div class="page-box" page="96"> + <div v-if="showPageList.indexOf(96) > -1"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -2398,8 +2413,8 @@ </div> </div> </div> - <div class="page-box" page="93"> - <div v-if="showPageList.indexOf(93) > -1"> + <div class="page-box" page="97"> + <div v-if="showPageList.indexOf(97) > -1"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -2461,8 +2476,8 @@ </div> </div> </div> - <div class="page-box" page="94"> - <div v-if="showPageList.indexOf(94) > -1"> + <div class="page-box" page="98"> + <div v-if="showPageList.indexOf(98) > -1"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -2540,8 +2555,8 @@ </div> </div> </div> - <div class="page-box" page="95"> - <div v-if="showPageList.indexOf(95) > -1"> + <div class="page-box" page="99"> + <div v-if="showPageList.indexOf(99) > -1"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -2586,23 +2601,79 @@ <thead> <tr> <th>濠村辜鍎垮鍚�</th> - <th></th> + <td> + <textarea + rows="2" + style="min-width: 80px; max-width: 80px; font-size: 14px" + v-model="chapter005.textTh.text1" + @blur="changeThVal($event, 'text1')" + /> + </td> <th>鎬у埆</th> - <th></th> + <td> + <textarea + rows="2" + style="min-width: 80px; max-width: 80px; font-size: 14px" + v-model="chapter005.textTh.text2" + @blur="changeThVal($event, 'text2')" + /> + </td> <th>骞撮緞</th> - <th></th> + <td> + <textarea + rows="2" + style="min-width: 80px; max-width: 80px; font-size: 14px" + v-model="chapter005.textTh.text3" + @blur="changeThVal($event, 'text3')" + /> + </td> <th>鐝骇</th> - <th></th> + <td> + <textarea + rows="2" + style="min-width: 80px; max-width: 80px; font-size: 14px" + v-model="chapter005.textTh.text4" + @blur="changeThVal($event, 'text4')" + /> + </td> </tr> <tr> <th>瀹堕暱濮撳悕</th> - <th></th> + <td> + <textarea + rows="2" + style="min-width: 80px; max-width: 80px; font-size: 14px" + v-model="chapter005.textTh.text5" + @blur="changeThVal($event, 'text5')" + /> + </td> <th>鑱旂郴鏂瑰紡</th> - <th></th> + <td> + <textarea + rows="2" + style="min-width: 80px; max-width: 80px; font-size: 14px" + v-model="chapter005.textTh.text6" + @blur="changeThVal($event, 'text6')" + /> + </td> <th>瀹跺涵浣忓潃</th> - <th></th> + <td> + <textarea + rows="2" + style="min-width: 80px; max-width: 80px; font-size: 14px" + v-model="chapter005.textTh.text7" + @blur="changeThVal($event, 'text7')" + /> + </td> <th>璁板綍鏃堕棿</th> - <th></th> + <td> + <textarea + rows="2" + style="min-width: 80px; max-width: 80px; font-size: 14px" + v-model="chapter005.textTh.text8" + @blur="changeThVal($event, 'text8')" + /> + </td> </tr> </thead> <tbody> @@ -2630,6 +2701,13 @@ </template> <template v-else> <input + :readonly=" + cell == '闂琛ㄧ幇' || + cell == '鍘熷洜鍒嗘瀽' || + cell == '閲囧彇鎺柦' || + cell == '鏁堟灉鍒嗘瀽' || + cell == '鍚庣画寤鸿' + " type="text" :value="chapter005.tableData156[rowIndex][cellIndex]" @blur=" @@ -2646,6 +2724,7 @@ </tbody> </table> </div> + <p><br /></p> <h3 id="c020"> <span class="bk-h3" ><span class="bj1-h3">鍏�</span>銆�銆�椁愬悗淇濊偛銆�</span @@ -2657,8 +2736,8 @@ </div> </div> </div> - <div class="page-box" page="96"> - <div v-if="showPageList.indexOf(96) > -1"> + <div class="page-box" page="100"> + <div v-if="showPageList.indexOf(100) > -1"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -2666,7 +2745,7 @@ <div class="second-right"> <img src="../image/pageImg.png" alt="" /> <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span> - <span class="pageNum">1-91</span> + <span class="pageNum">1-95</span> </div> </div> <div class="borderLine"></div> @@ -2776,8 +2855,8 @@ </div> </div> </div> - <div class="page-box" page="97"> - <div v-if="showPageList.indexOf(97) > -1"> + <div class="page-box" page="101"> + <div v-if="showPageList.indexOf(101) > -1"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -2835,8 +2914,8 @@ </div> </div> </div> - <div class="page-box" page="98"> - <div v-if="showPageList.indexOf(98) > -1"> + <div class="page-box" page="102"> + <div v-if="showPageList.indexOf(102) > -1"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -2930,8 +3009,8 @@ </div> </div> </div> - <div class="page-box" page="99"> - <div v-if="showPageList.indexOf(99) > -1"> + <div class="page-box" page="103"> + <div v-if="showPageList.indexOf(103) > -1"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -3023,7 +3102,7 @@ </div> </template> <script> -import getResourcePath from "@/assets/methods/resources.js"; +import { getResourcePath } from "@/assets/methods/resources.js"; import examinations from "@/components/examinations/index.vue"; import { getFileMd5, getPublicImage } from "../js/tool.js"; import drawflow from "@/components/drawflow"; @@ -3037,6 +3116,10 @@ }, questionData: { type: Object, + }, + isSearch: { + type: Boolean, + default: false, }, }, data() { @@ -3424,7 +3507,7 @@ ["", "", "", ""], ], // 1-5-3 - headers153: ["閫傚悎鏈堥緞", "7-2鏈堥緞", "13-24鏈堥緞", "24浠ヤ笂鏈堥緞"], // 琛ㄥご + headers153: ["閫傚悎鏈堥緞", "7-12鏈堥緞", "13-24鏈堥緞", "24浠ヤ笂鏈堥緞"], // 琛ㄥご tableData153: [ // 浜岀淮鏁扮粍浣滀负琛ㄦ牸鏁版嵁 ["椋熺墿鍚嶇О", "", "", ""], @@ -3446,7 +3529,7 @@ headers155: [ "鍠傚吇鍘熷垯", "閫傚悎鏈堥緞", - "7-2鏈堥緞", + "7-12鏈堥緞", "13-24鏈堥緞", "24浠ヤ笂鏈堥緞", ], @@ -3467,6 +3550,7 @@ ], textAreaItem: {}, radio: {}, + textTh: {}, }, }; }, @@ -3475,30 +3559,24 @@ drawflow, }, async created() { - const localData = JSON.parse(localStorage.getItem("chapter005")); - if (localData) { - this.chapter005 = { ...Object.assign(this.chapter005, localData) }; + if (!this.isSearch) { + const localData = JSON.parse(localStorage.getItem("chapter005")); + if (localData) { + this.chapter005 = { ...Object.assign(this.chapter005, localData) }; + } + this.chapter005.videOneUrl = await getResourcePath( + "439b0bde62a5098875c77e2492676577" + ); + this.chapter005.videoTwoUrl = await getResourcePath( + "1a878261410b01ee8e4e0602a1fe935f" + ); + this.chapter005.videoFourUrl = await getResourcePath( + "6cf2619beb704b3d79de04f0775c8ba3" + ); + this.chapter005.videoFiveUrl = await getResourcePath( + "8400384441ad9236d5eab24f500ec2c7" + ); } - this.chapter005.videOneUrl = getResourcePath( - "439b0bde62a5098875c77e2492676577" - ); - this.chapter005.videoTwoUrl = getResourcePath( - "1a878261410b01ee8e4e0602a1fe935f" - ); - this.chapter005.videoFourUrl = getResourcePath( - "6cf2619beb704b3d79de04f0775c8ba3" - ); - this.chapter005.videoFiveUrl = getResourcePath( - "8400384441ad9236d5eab24f500ec2c7" - ); - this.chapter005.videOneUrl = - "https://jsek.bnuic.com/file/api/ApiDownload?md5=439b0bde62a5098875c77e2492676577"; - this.chapter005.videoTwoUrl = - "https://jsek.bnuic.com/file/api/ApiDownload?md5=1a878261410b01ee8e4e0602a1fe935f"; - this.chapter005.videoFourUrl = - "https://jsek.bnuic.com/file/api/ApiDownload?md5=6cf2619beb704b3d79de04f0775c8ba3"; - this.chapter005.videoFiveUrl = - "https://jsek.bnuic.com/file/api/ApiDownload?md5=8400384441ad9236d5eab24f500ec2c7"; }, methods: { activityOne() { @@ -3631,6 +3709,11 @@ this.$set(this.chapter005.tableData155[rowIndex], cellIndex, value); localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, + updateCell156(rowIndex, cellIndex, value) { + // 鏇存柊鍗曞厓鏍兼暟鎹� + this.$set(this.chapter005.tableData156[rowIndex], cellIndex, value); + localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); + }, onBlurChange() { localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, @@ -3664,8 +3747,8 @@ if (type == "3") { that.chapter005.pictrueListThree.push(getPublicImage(e)); } - that.isLoding = false; - localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); + that.$emit("Upload_initViewer", ""); + localStorage.setItem("chapter005", JSON.stringify(that.chapter005)); }, 1000); }) .catch((e) => { @@ -3674,13 +3757,19 @@ }); }, handFile(str) { - let dom = document.getElementById(str); + let dom = (this.container ? this.container : document).getElementById( + str + ); dom.click(); }, drawflowDataClick(val) { this.chapter005.drawData = val; localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, + changeThVal(e, val) { + this.chapter005.textTh[val] = e.target.value; + localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); + }, }, }; </script> -- Gitblit v1.9.1