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/chapter002.vue | 172 ++++++++++++++++++++++++++++++++-------------------------
1 files changed, 97 insertions(+), 75 deletions(-)
diff --git a/src/books/lifeCare/view/chapter002.vue b/src/books/lifeCare/view/components/chapter002.vue
similarity index 94%
rename from src/books/lifeCare/view/chapter002.vue
rename to src/books/lifeCare/view/components/chapter002.vue
index bd24f43..5db818b 100644
--- a/src/books/lifeCare/view/chapter002.vue
+++ b/src/books/lifeCare/view/components/chapter002.vue
@@ -1,13 +1,14 @@
+<!-- eslint-disable no-irregular-whitespace -->
<template>
<div class="chapter" num="3">
<div class="page-box" page="19">
<div v-if="showPageList.indexOf(19) > -1">
<div class="bodystyle topImg">
- <h2 id="b002"><img class="img-0" alt="" src="../image/dy2.jpg" /></h2>
+ <h2 id="b002"><img class="img-0" alt="" src="../../image/dy2.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>
@@ -33,7 +34,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">
@@ -60,7 +61,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-11</span>
</div>
@@ -72,22 +73,22 @@
<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/0027-1.jpg" />
+ <img class="img-a" alt="" src="../../image/0027-1.jpg" />
</p>
</div>
<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="img">鎵樼彮淇濇暀浜哄憳鏉ュ洯宸ヤ綔娴佺▼锛堣妭閫夛級</p>
<p class="center">
- <img class="img-a" alt="" src="../image/0027-2.jpg" />
+ <img class="img-a" alt="" src="../../image/0027-2.jpg" />
</p>
</div>
</div>
@@ -101,7 +102,7 @@
<div class="content">
<div class="pageStr">1-12</div>
<div class="title">
- <img src="../image/chapter.png" alt="" />
+ <img src="../../image/chapter.png" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
</div>
</div>
@@ -207,7 +208,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-13</span>
</div>
@@ -244,11 +245,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/0029-1.jpg" />
+ <img class="img-h" alt="" src="../../image/0029-1.jpg" />
</p>
<p class="img">鐝骇鐜娓呮磥娑堟瘨鐨勮瘎鍒嗘爣鍑�</p>
</div> -->
@@ -374,7 +375,7 @@
<div class="content">
<div class="pageStr">1-14</div>
<div class="title">
- <img src="../image/chapter.png" alt="" />
+ <img src="../../image/chapter.png" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
</div>
</div>
@@ -426,8 +427,8 @@
index == 0 ||
index == chapter002.headersData.length - 2 ||
index == chapter002.headersData.length - 1
- ? '100px'
- : '',
+ ? '120px'
+ : '40px',
}"
v-for="(header, index) in chapter002.headersData"
:key="index"
@@ -443,23 +444,20 @@
>
<td v-for="(cell, cellIndex) in row" :key="cellIndex">
<template v-if="cell === ''">
- <input
- type="text"
- v-model="chapter002.tableData121[rowIndex][cellIndex]"
- @blur="
- updateCell(rowIndex, cellIndex, $event.target.value)
- "
- />
+ <div
+ contenteditable
+ @blur="updateCell(rowIndex, cellIndex, $event)"
+ >
+ {{ chapter002.tableData121[rowIndex][cellIndex] }}
+ </div>
</template>
<template v-else>
- <input
- :readonly="cellIndex == 0"
- type="text"
- :value="chapter002.tableData121[rowIndex][cellIndex]"
- @blur="
- updateCell(rowIndex, cellIndex, $event.target.value)
- "
- />
+ <div
+ :contenteditable="cellIndex != 0"
+ @blur="updateCell(rowIndex, cellIndex, $event)"
+ >
+ {{ chapter002.tableData121[rowIndex][cellIndex] }}
+ </div>
</template>
</td>
</tr>
@@ -476,7 +474,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-15</span>
</div>
@@ -538,7 +536,7 @@
<div class="content">
<div class="pageStr">1-16</div>
<div class="title">
- <img src="../image/chapter.png" alt="" />
+ <img src="../../image/chapter.png" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
</div>
</div>
@@ -643,7 +641,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-17</span>
</div>
@@ -767,8 +765,8 @@
<table class="table111 table122">
<thead>
<tr>
- <th rowspan="3">鏃ユ湡</th>
- <th rowspan="3">濮撳悕</th>
+ <th rowspan="3" style="width: 55px">鏃ユ湡</th>
+ <th rowspan="3" style="width: 55px">濮撳悕</th>
<th colspan="3">鏅ㄩ棿妫�鏌ユ儏鍐�</th>
<th colspan="8">鍏ㄦ棩瑙傚療鎯呭喌</th>
<th colspan="2">浜ょ彮</th>
@@ -801,22 +799,20 @@
>
<td v-for="(cell, cellIndex) in row" :key="cellIndex">
<template v-if="cell === ''">
- <input
- type="text"
- :value="chapter002.tableData122[rowIndex][cellIndex]"
- @blur="
- updateCell122(rowIndex, cellIndex, $event.target.value)
- "
- />
+ <div
+ contenteditable
+ @blur="updateCell122(rowIndex, cellIndex, $event)"
+ >
+ {{ chapter002.tableData122[rowIndex][cellIndex] }}
+ </div>
</template>
<template v-else>
- <input
- type="text"
- :value="chapter002.tableData122[rowIndex][cellIndex]"
- @blur="
- updateCell122(rowIndex, cellIndex, $event.target.value)
- "
- />
+ <div
+ contenteditable
+ @blur="updateCell122(rowIndex, cellIndex, $event)"
+ >
+ {{ chapter002.tableData122[rowIndex][cellIndex] }}
+ </div>
</template>
</td>
</tr>
@@ -833,7 +829,7 @@
<div class="content">
<div class="pageStr">1-18</div>
<div class="title">
- <img src="../image/chapter.png" alt="" />
+ <img src="../../image/chapter.png" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
</div>
</div>
@@ -893,22 +889,24 @@
>
<td v-for="(cell, cellIndex) in row" :key="cellIndex">
<template v-if="cell === ''">
- <input
- type="text"
- v-model="chapter002.tableData123[rowIndex][cellIndex]"
+ <div
+ contenteditable
@blur="
updateCell123(rowIndex, cellIndex, $event.target.value)
"
- />
+ >
+ {{ chapter002.tableData123[rowIndex][cellIndex] }}
+ </div>
</template>
<template v-else>
- <input
- type="text"
- :value="cell"
+ <div
+ contenteditable
@blur="
updateCell123(rowIndex, cellIndex, $event.target.value)
"
- />
+ >
+ {{ cell }}
+ </div>
</template>
</td>
</tr>
@@ -924,7 +922,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-19</span>
</div>
@@ -1050,7 +1048,7 @@
</p>
<p>5.璇勫垎锛岀敱鍏朵粬缁勬寜鐓ц璁℃潵鍥彁绀哄崱鐨勮瘎鍒嗘爣鍑嗘墦鍒嗐��</p>
<p class="center openImgBox">
- <img class="img-b" alt="" src="../image/0035-2.jpg" />
+ <img class="img-b" alt="" src="../../image/0035-2.jpg" />
</p>
<p class="img">鍥�1-2-1銆�鏉ュ洯鎻愮ず鍗�</p>
</div>
@@ -1064,7 +1062,7 @@
<div class="content">
<div class="pageStr">1-20</div>
<div class="title">
- <img src="../image/chapter.png" alt="" />
+ <img src="../../image/chapter.png" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
</div>
</div>
@@ -1128,7 +1126,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-21</span>
</div>
@@ -1202,7 +1200,7 @@
<div class="content">
<div class="pageStr">1-22</div>
<div class="title">
- <img src="../image/chapter.png" alt="" />
+ <img src="../../image/chapter.png" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
</div>
</div>
@@ -1278,7 +1276,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-23</span>
</div>
@@ -1420,8 +1418,8 @@
},
data() {
return {
- picOneUrl: require("../image/0027-1.jpg"),
- picArr: [require("../image/0027-1.jpg")],
+ picOneUrl: require("../../image/0027-1.jpg"),
+ picArr: [require("../../image/0027-1.jpg")],
chapter002: {
videOneUrl: "",
videOneUrl116: "",
@@ -1693,24 +1691,40 @@
this.chapter002.isInspectOpen = !this.chapter002.isInspectOpen;
localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
},
- updateCell(rowIndex, cellIndex, value) {
+ updateCell(rowIndex, cellIndex, e) {
// 鏇存柊鍗曞厓鏍兼暟鎹�
- this.$set(this.chapter002.tableData121[rowIndex], cellIndex, value);
+ this.$set(
+ this.chapter002.tableData121[rowIndex],
+ cellIndex,
+ e.target.innerText
+ );
localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
},
- updateCell122(rowIndex, cellIndex, value) {
+ updateCell122(rowIndex, cellIndex, e) {
// 鏇存柊鍗曞厓鏍兼暟鎹�
- this.$set(this.chapter002.tableData122[rowIndex], cellIndex, value);
+ this.$set(
+ this.chapter002.tableData122[rowIndex],
+ cellIndex,
+ e.target.innerText
+ );
localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
},
- updateCell123(rowIndex, cellIndex, value) {
+ updateCell123(rowIndex, cellIndex, e) {
// 鏇存柊鍗曞厓鏍兼暟鎹�
- this.$set(this.chapter002.tableData123[rowIndex], cellIndex, value);
+ this.$set(
+ this.chapter002.tableData123[rowIndex],
+ cellIndex,
+ e.target.innerText
+ );
localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
},
updateCellGroup(rowIndex, cellIndex, value) {
// 鏇存柊鍗曞厓鏍兼暟鎹�
- this.$set(this.chapter002.groupData[rowIndex], cellIndex, value);
+ this.$set(
+ this.chapter002.groupData[rowIndex],
+ cellIndex,
+ value
+ );
if (cellIndex == 4) {
this.$set(
this.chapter002.groupData[rowIndex],
@@ -1723,7 +1737,11 @@
},
updateCellDesign(rowIndex, cellIndex, value) {
// 鏇存柊鍗曞厓鏍兼暟鎹�
- this.$set(this.chapter002.designData[rowIndex], cellIndex, value);
+ this.$set(
+ this.chapter002.designData[rowIndex],
+ cellIndex,
+ value
+ );
if (cellIndex == 4) {
this.$set(
this.chapter002.designData[rowIndex],
@@ -1736,7 +1754,11 @@
},
updateCellInspect(rowIndex, cellIndex, value) {
// 鏇存柊鍗曞厓鏍兼暟鎹�
- this.$set(this.chapter002.inspectData[rowIndex], cellIndex, value);
+ this.$set(
+ this.chapter002.inspectData[rowIndex],
+ cellIndex,
+ value
+ );
if (cellIndex == 4) {
this.$set(
this.chapter002.inspectData[rowIndex],
--
Gitblit v1.9.1