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/chapter006.vue | 159 ++++++++++++++++++++++++++-------------------------- 1 files changed, 80 insertions(+), 79 deletions(-) diff --git a/src/books/lifeCare/view/chapter006.vue b/src/books/lifeCare/view/components/chapter006.vue similarity index 94% rename from src/books/lifeCare/view/chapter006.vue rename to src/books/lifeCare/view/components/chapter006.vue index 28a3456..fa92f3c 100644 --- a/src/books/lifeCare/view/chapter006.vue +++ b/src/books/lifeCare/view/components/chapter006.vue @@ -3,11 +3,11 @@ <div class="page-box" page="104"> <div v-if="showPageList.indexOf(104) > -1"> <div class="bodystyle topImg"> - <h2 id="b006"><img class="img-0" alt="" src="../image/dy6.jpg" /></h2> + <h2 id="b006"><img class="img-0" alt="" src="../../image/dy6.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> @@ -29,7 +29,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"> @@ -57,7 +57,7 @@ <div class="content"> <div class="pageStr">1-96</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -67,7 +67,7 @@ <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"> @@ -76,13 +76,13 @@ :src="picOneUrl" :preview-src-list="picArr" /> --> - <img class="img-b" alt="" src="../image/0112-1.jpg" /> + <img class="img-b" alt="" src="../../image/0112-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"> @@ -121,7 +121,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-97</span> </div> @@ -188,7 +188,7 @@ <div class="content"> <div class="pageStr">1-98</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -198,7 +198,7 @@ <p>3.瀛︿範闃呰鎵嬪唽锛屽~鍐欒〃1-6-1骞跺洖绛旈棶棰樸��</p> <p class="img">琛�1-6-1銆�鍚勫勾榫勬濠村辜鍎夸竴鏃ラギ姘撮噺缁熻琛�</p> <!-- <p class="center"> - <img class="img-a" alt="" src="../image/0114-1.jpg" /> + <img class="img-a" alt="" src="../../image/0114-1.jpg" /> </p> --> <div> <table class="table111 table122"> @@ -209,7 +209,7 @@ width: index == chapter006.headersData.length - 1 ? '200px' - : '', + : '120px', }" v-for="(header, index) in chapter006.headersData" :key="index" @@ -225,23 +225,32 @@ > <td v-for="(cell, cellIndex) in row" :key="cellIndex"> <template v-if="cell === ''"> - <input - type="text" - v-model="chapter006.tableData161[rowIndex][cellIndex]" + <div + contenteditable @blur=" - updateCell(rowIndex, cellIndex, $event.target.value) + updateCell( + rowIndex, + cellIndex, + $event.target.innerText + ) " - /> + > + {{ chapter006.tableData161[rowIndex][cellIndex] }} + </div> </template> <template v-else> - <input - :readonly="cellIndex == 0" - type="text" - :value="chapter006.tableData161[rowIndex][cellIndex]" + <div + contenteditable @blur=" - updateCell(rowIndex, cellIndex, $event.target.value) + updateCell( + rowIndex, + cellIndex, + $event.target.innerText + ) " - /> + > + {{ chapter006.tableData161[rowIndex][cellIndex] }} + </div> </template> </td> </tr> @@ -295,7 +304,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-99</span> </div> @@ -357,7 +366,7 @@ <div class="content"> <div class="pageStr">1-100</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -411,7 +420,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-101</span> </div> @@ -469,7 +478,7 @@ <div class="content"> <div class="pageStr">1-102</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -528,7 +537,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-103</span> </div> @@ -593,7 +602,7 @@ <div class="content"> <div class="pageStr">1-104</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -675,7 +684,7 @@ <p>3.澶磋剳椋庢毚銆傚皬缁勬垚鍛樺綊绾虫�荤粨瀹屾垚琛�1-6-2銆�</p> <p class="img">琛�1-6-2銆�濠村辜鍎胯壇濂介ギ姘翠範鎯殑鍩瑰吇</p> <!-- <p class="center"> - <img class="img-a" alt="" src="../image/0120-2.jpg" /> + <img class="img-a" alt="" src="../../image/0120-2.jpg" /> </p> --> <div> <table class="table111 table122 table162"> @@ -698,26 +707,23 @@ 涓诲叕楗按鐨勪範鎯� </td> <td> - <textarea - v-model="chapter006.tableData162.text1" - @blur="updateCell162" - /> + <div contenteditable @blur="updateCell162($event,'text1')"> + {{ chapter006.tableData162.text1 }} + </div> </td> </tr> <tr> <td> - <textarea - v-model="chapter006.tableData162.text2" - @blur="updateCell162" - /> + <div contenteditable @blur="updateCell162($event,'text2')"> + {{ chapter006.tableData162.text2 }} + </div> </td> </tr> <tr> <td> - <textarea - v-model="chapter006.tableData162.text3" - @blur="updateCell162" - /> + <div contenteditable @blur="updateCell162($event,'text3')"> + {{ chapter006.tableData162.text3 }} + </div> </td> </tr> <tr> @@ -725,26 +731,23 @@ 鎰挎剰鍠濈櫧寮�姘寸殑涔犳儻 </td> <td> - <textarea - v-model="chapter006.tableData162.text4" - @blur="updateCell162" - /> + <div contenteditable @blur="updateCell162($event,'text4')"> + {{ chapter006.tableData162.text4 }} + </div> </td> </tr> <tr> <td> - <textarea - v-model="chapter006.tableData162.text5" - @blur="updateCell162" - /> + <div contenteditable @blur="updateCell162($event,'text5')"> + {{ chapter006.tableData162.text5 }} + </div> </td> </tr> <tr> <td> - <textarea - v-model="chapter006.tableData162.text6" - @blur="updateCell162" - /> + <div contenteditable @blur="updateCell162($event,'text6')"> + {{ chapter006.tableData162.text6 }} + </div> </td> </tr> <tr> @@ -752,26 +755,23 @@ 鍏朵粬鑹ソ鐨勯ギ姘翠範鎯� </td> <td> - <textarea - v-model="chapter006.tableData162.text7" - @blur="updateCell162" - /> + <div contenteditable @blur="updateCell162($event,'text7')"> + {{ chapter006.tableData162.text7 }} + </div> </td> </tr> <tr> <td> - <textarea - v-model="chapter006.tableData162.text8" - @blur="updateCell162" - /> + <div contenteditable @blur="updateCell162($event,'text8')"> + {{ chapter006.tableData162.text8 }} + </div> </td> </tr> <tr> <td> - <textarea - v-model="chapter006.tableData162.text9" - @blur="updateCell162" - /> + <div contenteditable @blur="updateCell162($event,'text9')"> + {{ chapter006.tableData162.text9 }} + </div> </td> </tr> </tbody> @@ -788,7 +788,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-105</span> </div> @@ -853,7 +853,7 @@ <div class="content"> <div class="pageStr">1-106</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -867,11 +867,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/0122-1.jpg" /> + <img class="img-h" alt="" src="../../image/0122-1.jpg" /> </p> <p class="img">鍑嗗楗按鐗╁搧鐨勮瘎鍒嗘爣鍑�</p> </div> --> @@ -992,11 +992,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/0122-2.jpg" /> + <img class="img-h" alt="" src="../../image/0122-2.jpg" /> </p> <p class="img">鍠濇按</p> </div> --> @@ -1072,7 +1072,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-107</span> </div> @@ -1108,11 +1108,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/0123-1.jpg" /> + <img class="img-h" alt="" src="../../image/0123-1.jpg" /> </p> <p class="img">鎸囧濠村辜鍎块泦浣撻ギ姘寸殑璇勫垎鏍囧噯</p> </div> --> @@ -1253,7 +1253,7 @@ <div class="content"> <div class="pageStr">1-108</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -1350,7 +1350,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 @@ -1369,8 +1369,8 @@ }, data() { return { - picOneUrl: require("../image/0112-1.jpg"), - picArr: [require("../image/0112-1.jpg")], + picOneUrl: require("../../image/0112-1.jpg"), + picArr: [require("../../image/0112-1.jpg")], chapter006: { videOneUrl: "", isGroupOpen: true, @@ -1573,8 +1573,9 @@ this.$set(this.chapter006.tableData161[rowIndex], cellIndex, value); localStorage.setItem("chapter006", JSON.stringify(this.chapter006)); }, - updateCell162() { + updateCell162(e,val) { // 鏇存柊鍗曞厓鏍兼暟鎹� + this.chapter006.tableData162[val] = e.target.innerText localStorage.setItem("chapter006", JSON.stringify(this.chapter006)); }, onBlurChange() { -- Gitblit v1.9.1