From 39f4904b1532acfa68eab45d0acbb3217060ecf5 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期五, 07 六月 2024 18:31:31 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/lifeCare/view/components/chapter007.vue | 207 +++++++++++++++++++++++++++++---------------------- 1 files changed, 116 insertions(+), 91 deletions(-) diff --git a/src/books/lifeCare/view/chapter007.vue b/src/books/lifeCare/view/components/chapter007.vue similarity index 95% rename from src/books/lifeCare/view/chapter007.vue rename to src/books/lifeCare/view/components/chapter007.vue index c73c4d8..d55e0f8 100644 --- a/src/books/lifeCare/view/chapter007.vue +++ b/src/books/lifeCare/view/components/chapter007.vue @@ -1,13 +1,14 @@ -锘�<template> +锘�<!-- eslint-disable no-irregular-whitespace --> +<template> <div class="chapter" num="8"> <div class="page-box" page="118"> <div v-if="showPageList.indexOf(118) > -1"> <div class="bodystyle topImg"> - <h2 id="b007"><img class="img-0" alt="" src="../image/dy7.jpg" /></h2> + <h2 id="b007"><img class="img-0" alt="" src="../../image/dy7.jpg" /></h2> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxmb.jpg" /> </p> </div> <p class="block">閫氳繃鏈崟鍏冪殑瀛︿範锛屽悓瀛︿滑搴斿綋杈炬垚濡備笅瀛︿範鐩爣銆�</p> @@ -27,7 +28,7 @@ <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxjy.jpg" /> </p> </div> <p class="block"> @@ -58,7 +59,7 @@ <div class="content"> <div class="pageStr">1-110</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -68,17 +69,17 @@ <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxdh.jpg" /> </p> </div> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0126-1.jpg" /> + <img class="img-a" alt="" src="../../image/0126-1.jpg" /> </p> </div> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-qjgs.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-qjgs.jpg" /> </p> </div> <p class="block"> @@ -103,7 +104,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span> <span class="pageNum">1-111</span> </div> @@ -120,7 +121,7 @@ <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xgzl.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xgzl.jpg" /> </p> </div> <p class="block"> @@ -184,23 +185,32 @@ > <td v-for="(cell, cellIndex) in row" :key="cellIndex"> <template v-if="cell === ''"> - <input - type="text" - v-model="chapter007.tableData171[rowIndex][cellIndex]" + <div + contenteditable @blur=" - updateCell(rowIndex, cellIndex, $event.target.value) + updateCell( + rowIndex, + cellIndex, + $event.target.innerText + ) " - /> + > + {{ chapter007.tableData171[rowIndex][cellIndex] }} + </div> </template> <template v-else> - <input - :readonly="cellIndex == 0" - type="text" - :value="chapter007.tableData171[rowIndex][cellIndex]" + <div + :contenteditable="cellIndex != 0" @blur=" - updateCell(rowIndex, cellIndex, $event.target.value) + updateCell( + rowIndex, + cellIndex, + $event.target.innerText + ) " - /> + > + {{ chapter007.tableData171[rowIndex][cellIndex] }} + </div> </template> </td> </tr> @@ -209,7 +219,7 @@ </div> <p><br /></p> <!-- <p class="center"> - <img class="img-a" alt="" src="../image/0127-1.jpg" /> + <img class="img-a" alt="" src="../../image/0127-1.jpg" /> </p> --> </div> </div> @@ -222,7 +232,7 @@ <div class="content"> <div class="pageStr">1-112</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -306,7 +316,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span> <span class="pageNum">1-113</span> </div> @@ -410,7 +420,7 @@ <div class="content"> <div class="pageStr">1-114</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -435,11 +445,11 @@ <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0130-1.jpg" /> + <img class="img-h" alt="" src="../../image/0130-1.jpg" /> </p> <p class="img">鍒涜鑹ソ鐫$湢鐜鐨勮瘎鍒嗘爣鍑�</p> </div> --> @@ -563,7 +573,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span> <span class="pageNum">1-115</span> </div> @@ -702,7 +712,7 @@ <div class="content"> <div class="pageStr">1-116</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -757,7 +767,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span> <span class="pageNum">1-117</span> </div> @@ -782,7 +792,7 @@ </p> <p class="img">琛�1-7-2銆�鐫$湢淇″彿鍙婂搫鐫″皬濡欐嫑</p> <!-- <p class="center"> - <img class="img-a" alt="" src="../image/0133-1.jpg" /> + <img class="img-a" alt="" src="../../image/0133-1.jpg" /> </p> --> <div> <table class="table111 table122"> @@ -810,23 +820,32 @@ > <td v-for="(cell, cellIndex) in row" :key="cellIndex"> <template v-if="cell === ''"> - <input - type="text" - v-model="chapter007.tableData172[rowIndex][cellIndex]" + <div + contenteditable @blur=" - updateCell(rowIndex, cellIndex, $event.target.value) + updateCell172( + rowIndex, + cellIndex, + $event.target.innerText + ) " - /> + > + {{ chapter007.tableData172[rowIndex][cellIndex] }} + </div> </template> <template v-else> - <input - :readonly="cellIndex == 0" - type="text" - :value="chapter007.tableData172[rowIndex][cellIndex]" + <div + :contenteditable="cellIndex != 0" @blur=" - updateCell(rowIndex, cellIndex, $event.target.value) + updateCell172( + rowIndex, + cellIndex, + $event.target.innerText + ) " - /> + > + {{ chapter007.tableData172[rowIndex][cellIndex] }} + </div> </template> </td> </tr> @@ -842,11 +861,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0133-2.jpg" /> + <img class="img-h" alt="" src="../../image/0133-2.jpg" /> </p> <p class="img">鍗堢潯鍓嶇殑鍑嗗</p> </div> --> @@ -903,11 +922,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0133-3.jpg" /> + <img class="img-h" alt="" src="../../image/0133-3.jpg" /> </p> <p class="img">鍗堢潯鍓嶇殑鎶ょ悊</p> </div> --> @@ -973,7 +992,7 @@ <div class="content"> <div class="pageStr">1-118</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -1005,11 +1024,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0134-1.jpg" /> + <img class="img-h" alt="" src="../../image/0134-1.jpg" /> </p> <p class="img">鑴辫。鐗╂寚瀵�</p> </div> --> @@ -1073,11 +1092,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0134-2.jpg" /> + <img class="img-h" alt="" src="../../image/0134-2.jpg" /> </p> <p class="img">鎸囧绌胯劚琛g墿鐨勮瘎鍒嗘爣鍑�</p> </div> --> @@ -1110,7 +1129,7 @@ </g> </svg> </div> - <!-- <img src="../icons/task.png" @click="activityScore1" alt="" /> --> + <!-- <img src="../../icons/task.png" @click="activityScore1" alt="" /> --> </div> <div v-if="chapter007.isScore1Open" class="tips-file"> <table class="table111 table122"> @@ -1195,7 +1214,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span> <span class="pageNum">1-119</span> </div> @@ -1254,7 +1273,7 @@ <div class="content"> <div class="pageStr">1-120</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -1264,11 +1283,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0135-1.jpg" /> + <img class="img-h" alt="" src="../../image/0135-1.jpg" /> </p> <p class="img">缁欏┐骞煎効璁茶堪鏁呬簨鐨勮瘎鍒嗘爣鍑�</p> </div> --> @@ -1308,7 +1327,7 @@ <tr> <th :style="{ - width: index == 3 ? '300px' : '50px', + width: index == 3 ? '300px' : '50px', }" v-for="(header, index) in chapter007.publicHeader" :key="index" @@ -1405,7 +1424,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span> <span class="pageNum">1-121</span> </div> @@ -1416,7 +1435,7 @@ <div class="bodystyle"> <p class="bk-swdt"> 3.璇风粯鍒朵负濠村辜鍎垮仛鐫″墠鍑嗗宸ヤ綔鐨勬�濈淮瀵煎浘銆�<img - src="../icons/swdt.png" + src="../../icons/swdt.png" alt="" @click="showSwdt" /> @@ -1540,7 +1559,7 @@ <div class="content"> <div class="pageStr">1-122</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -1571,11 +1590,11 @@ <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0138-1.jpg" /> + <img class="img-h" alt="" src="../../image/0138-1.jpg" /> </p> <p class="img">鍗堢潯宸℃煡</p> </div> --> @@ -1662,7 +1681,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span> <span class="pageNum">1-123</span> </div> @@ -1788,7 +1807,7 @@ <div class="content"> <div class="pageStr">1-124</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -1888,7 +1907,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span> <span class="pageNum">1-125</span> </div> @@ -1975,7 +1994,7 @@ <div class="content"> <div class="pageStr">1-126</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -2043,7 +2062,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span> <span class="pageNum">1-126</span> </div> @@ -2124,7 +2143,7 @@ <div class="content"> <div class="pageStr">1-128</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -2171,11 +2190,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0144-1.jpg" /> + <img class="img-h" alt="" src="../../image/0144-1.jpg" /> </p> <p class="img">璧峰簥鍚庣殑鎶ょ悊</p> </div> --> @@ -2245,7 +2264,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span> <span class="pageNum">1-129</span> </div> @@ -2257,7 +2276,7 @@ <p>3.璇峰皬缁勮璁猴紝濉啓鐫″悗鎸囧鐨勪富瑕佸伐浣滃唴瀹癸紙瑙佽〃1-7-3锛夈��</p> <p class="img">琛�1-7-3銆�濠村辜鍎跨潯鍚庢寚瀵肩殑涓昏鍐呭</p> <!-- <p class="center"> - <img class="img-a" alt="" src="../image/0145-1.jpg" /> + <img class="img-a" alt="" src="../../image/0145-1.jpg" /> </p> --> <div> <table class="table111 table122"> @@ -2286,31 +2305,32 @@ > <td v-for="(cell, cellIndex) in row" :key="cellIndex"> <template v-if="cell === ''"> - <input - type="text" - v-model="chapter007.tableData173[rowIndex][cellIndex]" + <div + contenteditable @blur=" updateCell173( rowIndex, cellIndex, - $event.target.value + $event.target.innerText ) " - /> + > + {{ chapter007.tableData173[rowIndex][cellIndex] }} + </div> </template> <template v-else> - <input - :readonly="cellIndex == 0" - type="text" - :value="chapter007.tableData173[rowIndex][cellIndex]" + <div + :contenteditable="cellIndex != 0 && cellIndex != 1" @blur=" updateCell173( rowIndex, cellIndex, - $event.target.value + $event.target.innerText ) " - /> + > + {{ chapter007.tableData173[rowIndex][cellIndex] }} + </div> </template> </td> </tr> @@ -2370,7 +2390,7 @@ <div class="content"> <div class="pageStr">1-130</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -2422,11 +2442,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-ycs.png" /> + <img class="img-gn1" alt="" src="../../image/dy-ycs.png" /> </p> </div> <p class="center"> - <img class="img-g" alt="" src="../image/0146-2.jpg" /> + <img class="img-g" alt="" src="../../image/0146-2.jpg" /> </p> </div> --> <p><b>涓�銆佸崟閫夐</b></p> @@ -2495,7 +2515,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span> <span class="pageNum">1-131</span> </div> @@ -2558,7 +2578,7 @@ <script> import { getResourcePath } from "@/assets/methods/resources.js"; import examinations from "@/components/examinations/index.vue"; -import { getFileMd5, getPublicImage } from "../js/tool.js"; +import { getFileMd5, getPublicImage } from "../../js/tool.js"; export default { // eslint-disable-next-line vue/multi-word-component-names @@ -2577,8 +2597,8 @@ }, data() { return { - picOneUrl: require("../image/0126-1.jpg"), - picArr: [require("../image/0126-1.jpg")], + picOneUrl: require("../../image/0126-1.jpg"), + picArr: [require("../../image/0126-1.jpg")], chapter007: { videoTwoUrl: "", videoFourUrl: "", @@ -2928,7 +2948,12 @@ }, updateCell(rowIndex, cellIndex, value) { // 鏇存柊鍗曞厓鏍兼暟鎹� - this.$set(this.chapter007.tableData161[rowIndex], cellIndex, value); + this.$set(this.chapter007.tableData171[rowIndex], cellIndex, value); + localStorage.setItem("chapter007", JSON.stringify(this.chapter007)); + }, + updateCell172(rowIndex, cellIndex, value) { + // 鏇存柊鍗曞厓鏍兼暟鎹� + this.$set(this.chapter007.tableData172[rowIndex], cellIndex, value); localStorage.setItem("chapter007", JSON.stringify(this.chapter007)); }, updateCell173(rowIndex, cellIndex, value) { -- Gitblit v1.9.1