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/chapter005.vue | 468 +++++++++++++++++++++++++++------------------------------ 1 files changed, 222 insertions(+), 246 deletions(-) diff --git a/src/books/lifeCare/view/chapter005.vue b/src/books/lifeCare/view/components/chapter005.vue similarity index 92% rename from src/books/lifeCare/view/chapter005.vue rename to src/books/lifeCare/view/components/chapter005.vue index 5361ced..146ef6f 100644 --- a/src/books/lifeCare/view/chapter005.vue +++ b/src/books/lifeCare/view/components/chapter005.vue @@ -1,15 +1,16 @@ +<!-- eslint-disable no-irregular-whitespace --> <template> <div class="chapter" num="6"> <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" /> + <img class="img-0" alt="" src="../../image/dy5.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> @@ -39,7 +40,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"> @@ -69,7 +70,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-67</span> </div> @@ -81,17 +82,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/0083-1.jpg" /> + <img class="img-a" alt="" src="../../image/0083-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"> @@ -112,7 +113,7 @@ <div class="content"> <div class="pageStr">1-68</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -170,7 +171,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-69</span> </div> @@ -181,7 +182,7 @@ <div class="bodystyle"> <p class="img">琛�1-5-1銆�濠村辜鍎挎墍闇�钀ュ吇琛�</p> <!-- <p class="center"> - <img class="img-a" alt="" src="../image/0085-1.jpg" /> + <img class="img-a" alt="" src="../../image/0085-1.jpg" /> </p> --> <div> <table class="table111 table122"> @@ -190,10 +191,11 @@ <th :style="{ width: - index == 0 || - index == chapter005.tableData151.length - 1 - ? '100px' - : '', + index == chapter005.headersData.length - 1 + ? '220px' + : index == 0 + ? '40px' + : '120px', }" v-for="(header, index) in chapter005.headersData" :key="index" @@ -209,23 +211,20 @@ > <td v-for="(cell, cellIndex) in row" :key="cellIndex"> <template v-if="cell === ''"> - <input - type="text" - v-model="chapter005.tableData151[rowIndex][cellIndex]" - @blur=" - updateCell(rowIndex, cellIndex, $event.target.value) - " - /> + <div + contenteditable + @blur="updateCell(rowIndex, cellIndex, $event)" + > + {{ chapter005.tableData151[rowIndex][cellIndex] }} + </div> </template> <template v-else> - <input - :readonly="cellIndex == 0" - type="text" - :value="chapter005.tableData151[rowIndex][cellIndex]" - @blur=" - updateCell(rowIndex, cellIndex, $event.target.value) - " - /> + <div + :contenteditable="cellIndex != 0" + @blur="updateCell(rowIndex, cellIndex, $event)" + > + {{ chapter005.tableData151[rowIndex][cellIndex] }} + </div> </template> </td> </tr> @@ -293,7 +292,7 @@ <div class="content"> <div class="pageStr">1-70</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -327,7 +326,7 @@ </p> <p class="img">琛�1-5-2銆�______鏈堥緞涓�鏃ラ璋憋紙 骞� 鏈� 鏃ワ級</p> <!-- <p class="center"> - <img class="img-a" alt="" src="../image/0086-1.jpg" /> + <img class="img-a" alt="" src="../../image/0086-1.jpg" /> </p> --> <div> <table class="table111 table122"> @@ -335,7 +334,7 @@ <tr> <th :style="{ - width: index == 3 ? '220px' : '', + width: index == 3 ? '220px' : '100px', }" v-for="(header, index) in chapter005.headers152" :key="index" @@ -351,30 +350,20 @@ > <td v-for="(cell, cellIndex) in row" :key="cellIndex"> <template v-if="cell === ''"> - <input - type="text" - v-model="chapter005.tableData152[rowIndex][cellIndex]" - @blur=" - updateCell152( - rowIndex, - cellIndex, - $event.target.value - ) - " - /> + <div + contenteditable + @blur="updateCell152(rowIndex, cellIndex, $event)" + > + {{ chapter005.tableData152[rowIndex][cellIndex] }} + </div> </template> <template v-else> - <input - type="text" - :value="chapter005.tableData152[rowIndex][cellIndex]" - @blur=" - updateCell152( - rowIndex, - cellIndex, - $event.target.value - ) - " - /> + <div + contenteditable + @blur="updateCell152(rowIndex, cellIndex, $event)" + > + {{ chapter005.tableData152[rowIndex][cellIndex] }} + </div> </template> </td> </tr> @@ -450,7 +439,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-71</span> </div> @@ -475,11 +464,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/0087-1.jpg" /> + <img class="img-h" alt="" src="../../image/0087-1.jpg" /> </p> <p class="img">閰嶆柟濂剁殑鍐茶皟</p> </div> --> @@ -569,7 +558,7 @@ <div class="content"> <div class="pageStr">1-72</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -583,11 +572,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/0088-1.jpg" /> + <img class="img-h" alt="" src="../../image/0088-1.jpg" /> </p> <p class="img">鍐茶皟閰嶆柟濂剁殑璇勫垎鏍囧噯</p> </div> --> @@ -731,7 +720,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-73</span> </div> @@ -766,13 +755,14 @@ </p> <p class="img">琛�1-5-3銆�涓嶅悓鏈堥緞鐨勫┐骞煎効椋熺墿鍒朵綔璁板綍琛�</p> <!-- <p class="center"> - <img class="img-0" alt="" src="../image/0089-2.jpg" /> + <img class="img-0" alt="" src="../../image/0089-2.jpg" /> </p> --> <div> <table class="table111 table122"> <thead> <tr> <th + :style="{ width: index == 0 ? '80px' : '120px' }" v-for="(header, index) in chapter005.headers153" :key="index" > @@ -787,31 +777,20 @@ > <td v-for="(cell, cellIndex) in row" :key="cellIndex"> <template v-if="cell === ''"> - <input - type="text" - v-model="chapter005.tableData153[rowIndex][cellIndex]" - @blur=" - updateCell153( - rowIndex, - cellIndex, - $event.target.value - ) - " - /> + <div + contenteditable + @blur="updateCell153(rowIndex, cellIndex, $event)" + > + {{ chapter005.tableData153[rowIndex][cellIndex] }} + </div> </template> <template v-else> - <input - :readonly="cellIndex == 0" - type="text" - :value="chapter005.tableData153[rowIndex][cellIndex]" - @blur=" - updateCell153( - rowIndex, - cellIndex, - $event.target.value - ) - " - /> + <div + :contenteditable="cellIndex != 0" + @blur="updateCell153(rowIndex, cellIndex, $event)" + > + {{ chapter005.tableData153[rowIndex][cellIndex] }} + </div> </template> </td> </tr> @@ -838,7 +817,7 @@ <div class="content"> <div class="pageStr">1-74</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -898,30 +877,20 @@ > <td v-for="(cell, cellIndex) in row" :key="cellIndex"> <template v-if="cell === ''"> - <input - type="text" - v-model="chapter005.tableData154[rowIndex][cellIndex]" - @blur=" - updateCell154( - rowIndex, - cellIndex, - $event.target.value - ) - " - /> + <div + contenteditable + @blur="updateCell154(rowIndex, cellIndex, $event)" + > + {{ chapter005.tableData154[rowIndex][cellIndex] }} + </div> </template> <template v-else> - <input - type="text" - :value="chapter005.tableData154[rowIndex][cellIndex]" - @blur=" - updateCell154( - rowIndex, - cellIndex, - $event.target.value - ) - " - /> + <div + contenteditable + @blur="updateCell154(rowIndex, cellIndex, $event)" + > + {{ chapter005.tableData154[rowIndex][cellIndex] }} + </div> </template> </td> </tr> @@ -930,7 +899,7 @@ </div> <p><br /></p> <!-- <p class="center"> - <img class="img-a" alt="" src="../image/0090-1.jpg" /> + <img class="img-a" alt="" src="../../image/0090-1.jpg" /> </p> --> </div> </div> @@ -942,7 +911,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-75</span> </div> @@ -1018,7 +987,7 @@ <div class="content"> <div class="pageStr">1-76</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -1080,7 +1049,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-77</span> </div> @@ -1109,11 +1078,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/0093-1.jpg" /> + <img class="img-h" alt="" src="../../image/0093-1.jpg" /> </p> <p class="img">鍒嗗彂椁愬叿涓庨鐗╃殑璇勫垎鏍囧噯</p> </div> --> @@ -1247,7 +1216,7 @@ <div class="content"> <div class="pageStr">1-78</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -1335,7 +1304,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-79</span> </div> @@ -1409,7 +1378,7 @@ <div class="content"> <div class="pageStr">1-80</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -1454,7 +1423,7 @@ <p>2.鏄庣‘涓嶅悓鏈堥緞鐨勫┐骞煎効鐨勫熀鏈杺鍏诲師鍒欙紙瑙佽〃1-5-5锛夈��</p> <p class="img">琛�1-5-5銆�涓嶅悓鏈堥緞鐨勫┐骞煎効鐨勫熀鏈杺鍏诲師鍒�</p> <!-- <p class="center"> - <img class="img-a" alt="" src="../image/0096-2.jpg" /> + <img class="img-a" alt="" src="../../image/0096-2.jpg" /> </p> --> <div> <table class="table111 table122"> @@ -1475,30 +1444,20 @@ > <td v-for="(cell, cellIndex) in row" :key="cellIndex"> <template v-if="cell === ''"> - <input - type="text" - v-model="chapter005.tableData155[rowIndex][cellIndex]" - @blur=" - updateCell155( - rowIndex, - cellIndex, - $event.target.value - ) - " - /> + <div + contenteditable + @blur="updateCell155(rowIndex, cellIndex, $event)" + > + {{ chapter005.tableData155[rowIndex][cellIndex] }} + </div> </template> <template v-else> - <input - type="text" - :value="chapter005.tableData155[rowIndex][cellIndex]" - @blur=" - updateCell155( - rowIndex, - cellIndex, - $event.target.value - ) - " - /> + <div + contenteditable + @blur="updateCell155(rowIndex, cellIndex, $event)" + > + {{ chapter005.tableData155[rowIndex][cellIndex] }} + </div> </template> </td> </tr> @@ -1516,7 +1475,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-81</span> </div> @@ -1576,11 +1535,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/0097-1.jpg" /> + <img class="img-h" alt="" src="../../image/0097-1.jpg" /> </p> <p class="img">浜哄伐鍠傚吇</p> </div> --> @@ -1615,11 +1574,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/0097-2.jpg" /> + <img class="img-h" alt="" src="../../image/0097-2.jpg" /> </p> <p class="img">濂剁摱鍠傚摵鐨勮瘎鍒嗘爣鍑�</p> </div> --> @@ -1736,7 +1695,7 @@ <div class="content"> <div class="pageStr">1-82</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -1783,11 +1742,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/0098-1.jpg" /> + <img class="img-h" alt="" src="../../image/0098-1.jpg" /> </p> <p class="img">鍕哄瓙鍠傚摵鐨勮瘎鍒嗘爣鍑�</p> </div> --> @@ -1902,7 +1861,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-83</span> </div> @@ -1967,11 +1926,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/0099-1.jpg" /> + <img class="img-h" alt="" src="../../image/0099-1.jpg" /> </p> <p class="img">缁勭粐濠村辜鍎块泦浣撹繘椁�</p> </div> --> @@ -2018,7 +1977,7 @@ <div class="content"> <div class="pageStr">1-84</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -2081,7 +2040,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-85</span> </div> @@ -2112,11 +2071,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/0101-1.jpg" /> + <img class="img-h" alt="" src="../../image/0101-1.jpg" /> </p> <p class="img">鐢ㄥ嫼杩涢鎸囧鐨勮瘎鍒嗘爣鍑�</p> </div> --> @@ -2252,7 +2211,7 @@ <div class="content"> <div class="pageStr">1-86</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -2337,7 +2296,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-87</span> </div> @@ -2402,7 +2361,7 @@ <div class="content"> <div class="pageStr">1-88</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -2464,7 +2423,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-89</span> </div> @@ -2544,7 +2503,7 @@ <div class="content"> <div class="pageStr">1-90</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -2575,7 +2534,7 @@ <p>3.灏濊瘯瀵圭壒娈婂┐骞煎効杩涢鐓ф姢杩涜涓瑙傚療骞惰褰曪紙瑙佽〃1-5-6锛夈��</p> <p class="img">琛�1-5-6銆�鐗规畩濠村辜鍎胯繘椁愮殑涓璁板綍琛�</p> <!-- <p class="center"> - <img class="img-a" alt="" src="../image/0106-1.jpg" /> + <img class="img-a" alt="" src="../../image/0106-1.jpg" /> </p> --> <div> <table class="table111 table122"> @@ -2583,77 +2542,85 @@ <tr> <th>濠村辜鍎垮鍚�</th> <td> - <textarea - rows="2" + <div + contenteditable style="min-width: 80px; max-width: 80px; font-size: 14px" - v-model="chapter005.textTh.text1" @blur="changeThVal($event, 'text1')" - /> + > + {{ chapter005.textTh.text1 }} + </div> </td> <th>鎬у埆</th> <td> - <textarea - rows="2" + <div + contenteditable style="min-width: 80px; max-width: 80px; font-size: 14px" - v-model="chapter005.textTh.text2" @blur="changeThVal($event, 'text2')" - /> + > + {{ chapter005.textTh.text2 }} + </div> </td> <th>骞撮緞</th> <td> - <textarea - rows="2" + <div + contenteditable style="min-width: 80px; max-width: 80px; font-size: 14px" - v-model="chapter005.textTh.text3" @blur="changeThVal($event, 'text3')" - /> + > + {{ chapter005.textTh.text3 }} + </div> </td> <th>鐝骇</th> <td> - <textarea - rows="2" + <div + contenteditable style="min-width: 80px; max-width: 80px; font-size: 14px" - v-model="chapter005.textTh.text4" @blur="changeThVal($event, 'text4')" - /> + > + {{ chapter005.textTh.text4 }} + </div> </td> </tr> <tr> <th>瀹堕暱濮撳悕</th> <td> - <textarea - rows="2" + <div + contenteditable style="min-width: 80px; max-width: 80px; font-size: 14px" - v-model="chapter005.textTh.text5" @blur="changeThVal($event, 'text5')" - /> + > + {{ chapter005.textTh.text5 }} + </div> </td> <th>鑱旂郴鏂瑰紡</th> <td> - <textarea - rows="2" + <div + contenteditable style="min-width: 80px; max-width: 80px; font-size: 14px" - v-model="chapter005.textTh.text6" @blur="changeThVal($event, 'text6')" - /> + > + {{ chapter005.textTh.text6 }} + </div> </td> <th>瀹跺涵浣忓潃</th> <td> - <textarea - rows="2" + <div + contenteditable style="min-width: 80px; max-width: 80px; font-size: 14px" - v-model="chapter005.textTh.text7" @blur="changeThVal($event, 'text7')" - /> + > + {{ chapter005.textTh.text7 }} + </div> </td> <th>璁板綍鏃堕棿</th> <td> - <textarea - rows="2" + <div + contenteditable style="min-width: 80px; max-width: 80px; font-size: 14px" - v-model="chapter005.textTh.text8" @blur="changeThVal($event, 'text8')" - /> + > + {{ chapter005.textTh.text8 }} + </div> </td> </tr> </thead> @@ -2668,37 +2635,26 @@ :key="cellIndex" > <template v-if="cell === ''"> - <input - type="text" - v-model="chapter005.tableData156[rowIndex][cellIndex]" - @blur=" - updateCell156( - rowIndex, - cellIndex, - $event.target.value - ) - " - /> + <div + contenteditable + @blur="updateCell156(rowIndex, cellIndex, $event)" + > + {{ chapter005.tableData156[rowIndex][cellIndex] }} + </div> </template> <template v-else> - <input - :readonly=" - cell == '闂琛ㄧ幇' || - cell == '鍘熷洜鍒嗘瀽' || - cell == '閲囧彇鎺柦' || - cell == '鏁堟灉鍒嗘瀽' || - cell == '鍚庣画寤鸿' + <div + :contenteditable=" + cell != '闂琛ㄧ幇' && + cell != '鍘熷洜鍒嗘瀽' && + cell != '閲囧彇鎺柦' && + cell != '鏁堟灉鍒嗘瀽' && + cell != '鍚庣画寤鸿' " - type="text" - :value="chapter005.tableData156[rowIndex][cellIndex]" - @blur=" - updateCell156( - rowIndex, - cellIndex, - $event.target.value - ) - " - /> + @blur="updateCell156(rowIndex, cellIndex, $event)" + > + {{ chapter005.tableData156[rowIndex][cellIndex] }} + </div> </template> </td> </tr> @@ -2724,7 +2680,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-95</span> </div> @@ -2800,15 +2756,15 @@ <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/0107-1.jpg" /> + <img class="img-h" alt="" src="../../image/0107-1.jpg" /> </p> <p class="img">椁愬悗鏁寸悊</p> </div> --> - <img class="img-gn2" alt="" src="../image/xxgcy.png" /> + <img class="img-gn2" alt="" src="../../image/xxgcy.png" /> <p> 璇疯鐪嬭棰戯紝缁撳悎闃呰鎵嬪唽锛岃瀵熶竴涓嬭棰戜腑鐨勪繚鏁欎汉鍛樺湪椁愬悗闇�瑕佸仛鍝簺鏁寸悊宸ヤ綔锛屽苟瀹屾垚浠ヤ笅缁冧範銆� </p> @@ -2844,7 +2800,7 @@ <div class="content"> <div class="pageStr">1-92</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -2902,7 +2858,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-93</span> </div> @@ -2939,11 +2895,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/0109-1.jpg" /> + <img class="img-g" alt="" src="../../image/0109-1.jpg" /> </p> </div> --> <p><b>涓�銆佸崟閫夐</b></p> @@ -2998,7 +2954,7 @@ <div class="content"> <div class="pageStr">1-94</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -3085,7 +3041,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"; import drawflow from "@/components/drawflow"; export default { @@ -3105,8 +3061,8 @@ }, data() { return { - picOneUrl: require("../image/0083-1.jpg"), - picArr: [require("../image/0083-1.jpg")], + picOneUrl: require("../../image/0083-1.jpg"), + picArr: [require("../../image/0083-1.jpg")], chapter005: { videOneUrl: "", videoTwoUrl: "", @@ -3665,34 +3621,54 @@ } localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, - updateCell(rowIndex, cellIndex, value) { + updateCell(rowIndex, cellIndex, e) { // 鏇存柊鍗曞厓鏍兼暟鎹� - this.$set(this.chapter005.tableData151[rowIndex], cellIndex, value); + this.$set( + this.chapter005.tableData151[rowIndex], + cellIndex, + e.target.innerText + ); localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, - updateCell152(rowIndex, cellIndex, value) { + updateCell152(rowIndex, cellIndex, e) { // 鏇存柊鍗曞厓鏍兼暟鎹� - this.$set(this.chapter005.tableData152[rowIndex], cellIndex, value); + this.$set( + this.chapter005.tableData152[rowIndex], + cellIndex, + e.target.innerText + ); localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, - updateCell153(rowIndex, cellIndex, value) { + updateCell153(rowIndex, cellIndex, e) { // 鏇存柊鍗曞厓鏍兼暟鎹� - this.$set(this.chapter005.tableData153[rowIndex], cellIndex, value); + this.$set( + this.chapter005.tableData153[rowIndex], + cellIndex, + e.target.innerText + ); localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, - updateCell154(rowIndex, cellIndex, value) { + updateCell154(rowIndex, cellIndex, e) { // 鏇存柊鍗曞厓鏍兼暟鎹� - this.$set(this.chapter005.tableData154[rowIndex], cellIndex, value); + this.$set( + this.chapter005.tableData154[rowIndex], + cellIndex, + e.target.innerText + ); localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, - updateCell155(rowIndex, cellIndex, value) { + updateCell155(rowIndex, cellIndex, e) { // 鏇存柊鍗曞厓鏍兼暟鎹� - this.$set(this.chapter005.tableData155[rowIndex], cellIndex, value); + this.$set( + this.chapter005.tableData155[rowIndex], + cellIndex, + e.target.innerText + ); localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, - updateCell156(rowIndex, cellIndex, value) { + updateCell156(rowIndex, cellIndex, e) { // 鏇存柊鍗曞厓鏍兼暟鎹� - this.$set(this.chapter005.tableData156[rowIndex], cellIndex, value); + this.$set(this.chapter005.tableData156[rowIndex], cellIndex, e.target.innerText); localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, onBlurChange() { @@ -3748,7 +3724,7 @@ localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, changeThVal(e, val) { - this.chapter005.textTh[val] = e.target.value; + this.chapter005.textTh[val] = e.target.innerText; localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, }, -- Gitblit v1.9.1