From 8931112f050759dfd31649ce04a48ca1aa99263c Mon Sep 17 00:00:00 2001
From: unknown <qq1940665526@163.com>
Date: 星期五, 07 六月 2024 15:05:21 +0800
Subject: [PATCH] 优化
---
src/books/lifeCare/view/chapter001.vue | 811 ++++++++++++++++++++++++++-------------------------------
1 files changed, 367 insertions(+), 444 deletions(-)
diff --git a/src/books/lifeCare/view/chapter001.vue b/src/books/lifeCare/view/chapter001.vue
index 7cc997c..578a6b0 100644
--- a/src/books/lifeCare/view/chapter001.vue
+++ b/src/books/lifeCare/view/chapter001.vue
@@ -218,85 +218,105 @@
<table class="table111">
<thead>
<tr>
- <th>鏃堕棿</th>
- <th>淇濊偛鏈烘瀯鐨勫悕绉�</th>
- <th>鐗圭偣</th>
+ <th style="width: 120px">鏃堕棿</th>
+ <th style="width: 200px">淇濊偛鏈烘瀯鐨勫悕绉�</th>
+ <th style="width: 200px">鐗圭偣</th>
</tr>
</thead>
<tbody>
<tr>
<td>1949骞�</td>
<td>
- <input
- v-model="chapter001.table111.tbText1"
- @blur="onBlurChangeTable('tbText1')"
- />
+ <div
+ contenteditable
+ @blur="onBlurChangeTable($event, 'tbText1')"
+ >
+ {{ chapter001.table111.tbText1 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table111.tbText2"
- @blur="onBlurChangeTable('tbText2')"
- />
+ <div
+ contenteditable
+ @blur="onBlurChangeTable($event, 'tbText2')"
+ >
+ {{ chapter001.table111.tbText2 }}
+ </div>
</td>
</tr>
<tr>
<td>1949-1980骞�</td>
<td>
- <input
- v-model="chapter001.table111.tbText3"
- @blur="onBlurChangeTable('tbText3')"
- />
+ <div
+ contenteditable
+ @blur="onBlurChangeTable($event, 'tbText3')"
+ >
+ {{ chapter001.table111.tbText3 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table111.tbText4"
- @blur="onBlurChangeTable('tbText4')"
- />
+ <div
+ contenteditable
+ @blur="onBlurChangeTable($event, 'tbText4')"
+ >
+ {{ chapter001.table111.tbText4 }}
+ </div>
</td>
</tr>
<tr>
<td>1980-1990骞�</td>
<td>
- <input
- v-model="chapter001.table111.tbText5"
- @blur="onBlurChangeTable('tbText5')"
- />
+ <div
+ contenteditable
+ @blur="onBlurChangeTable($event, 'tbText5')"
+ >
+ {{ chapter001.table111.tbText5 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table111.tbText6"
- @blur="onBlurChangeTable('tbText6')"
- />
+ <div
+ contenteditable
+ @blur="onBlurChangeTable($event, 'tbText6')"
+ >
+ {{ chapter001.table111.tbText6 }}
+ </div>
</td>
</tr>
<tr>
<td>1990-2000骞�</td>
<td>
- <input
- v-model="chapter001.table111.tbText7"
- @blur="onBlurChangeTable('tbText7')"
- />
+ <div
+ contenteditable
+ @blur="onBlurChangeTable($event, 'tbText7')"
+ >
+ {{ chapter001.table111.tbText7 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table111.tbText8"
- @blur="onBlurChangeTable('tbText8')"
- />
+ <div
+ contenteditable
+ @blur="onBlurChangeTable($event, 'tbText8')"
+ >
+ {{ chapter001.table111.tbText8 }}
+ </div>
</td>
</tr>
<tr>
<td>2000骞磋嚦浠�</td>
<td>
- <input
- v-model="chapter001.table111.tbText9"
- @blur="onBlurChangeTable('tbText9')"
- />
+ <div
+ contenteditable
+ @blur="onBlurChangeTable($event, 'tbText9')"
+ >
+ {{ chapter001.table111.tbText9 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table111.tbText10"
- @blur="onBlurChangeTable('tbText10')"
- />
+ <div
+ contenteditable
+ @blur="onBlurChangeTable($event, 'tbText10')"
+ >
+ {{ chapter001.table111.tbText10 }}
+ </div>
</td>
</tr>
</tbody>
@@ -637,534 +657,450 @@
<tbody>
<tr>
<td>
- <input
- v-model="chapter001.table112.cell1"
- @blur="onBlurChangeTable112('cell1')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell1')">
+ {{ chapter001.table112.cell1 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell2"
- @blur="onBlurChangeTable112('cell2')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell2')">
+ {{ chapter001.table112.cell2 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell3"
- @blur="onBlurChangeTable112('cell3')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell3')">
+ {{ chapter001.table112.cell3 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell4"
- @blur="onBlurChangeTable112('cell4')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell4')">
+ {{ chapter001.table112.cell4 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell5"
- @blur="onBlurChangeTable112('cell5')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell5')">
+ {{ chapter001.table112.cell5 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell6"
- @blur="onBlurChangeTable112('cell6')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell6')">
+ {{ chapter001.table112.cell6 }}
+ </div>
</td>
</tr>
<tr>
<td>
- <input
- v-model="chapter001.table112.cell7"
- @blur="onBlurChangeTable112('cell7')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell7')">
+ {{ chapter001.table112.cell7 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell8"
- @blur="onBlurChangeTable112('cell8')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell8')">
+ {{ chapter001.table112.cell8 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell9"
- @blur="onBlurChangeTable112('cell9')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell9')">
+ {{ chapter001.table112.cell9 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell10"
- @blur="onBlurChangeTable112('cell10')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell10')">
+ {{ chapter001.table112.cell10 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell11"
- @blur="onBlurChangeTable112('cell11')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell11')">
+ {{ chapter001.table112.cell11 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell12"
- @blur="onBlurChangeTable112('cell12')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell12')">
+ {{ chapter001.table112.cell12 }}
+ </div>
</td>
</tr>
<tr>
<td>
- <input
- v-model="chapter001.table112.cell13"
- @blur="onBlurChangeTable112('cell13')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell13')">
+ {{ chapter001.table112.cell13 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell14"
- @blur="onBlurChangeTable112('cell14')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell14')">
+ {{ chapter001.table112.cell14 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell15"
- @blur="onBlurChangeTable112('cell15')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell15')">
+ {{ chapter001.table112.cell15 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell16"
- @blur="onBlurChangeTable112('cell16')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell16')">
+ {{ chapter001.table112.cell16 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell17"
- @blur="onBlurChangeTable112('cell17')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell17')">
+ {{ chapter001.table112.cell17 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell18"
- @blur="onBlurChangeTable112('cell18')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell18')">
+ {{ chapter001.table112.cell18 }}
+ </div>
</td>
</tr>
<tr>
<td>
- <input
- v-model="chapter001.table112.cell19"
- @blur="onBlurChangeTable112('cell19')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell19')">
+ {{ chapter001.table112.cell19 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell20"
- @blur="onBlurChangeTable112('cell20')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell20')">
+ {{ chapter001.table112.cell20 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell21"
- @blur="onBlurChangeTable112('cell21')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell21')">
+ {{ chapter001.table112.cell21 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell22"
- @blur="onBlurChangeTable112('cell22')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell22')">
+ {{ chapter001.table112.cell22 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell23"
- @blur="onBlurChangeTable112('cell23')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell23')">
+ {{ chapter001.table112.cell23 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell24"
- @blur="onBlurChangeTable112('cell24')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell24')">
+ {{ chapter001.table112.cell24 }}
+ </div>
</td>
</tr>
<tr>
<td>
- <input
- v-model="chapter001.table112.cell25"
- @blur="onBlurChangeTable112('cell25')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell25')">
+ {{ chapter001.table112.cell25 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell26"
- @blur="onBlurChangeTable112('cell26')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell26')">
+ {{ chapter001.table112.cell26 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell27"
- @blur="onBlurChangeTable112('cell27')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell27')">
+ {{ chapter001.table112.cell27 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell28"
- @blur="onBlurChangeTable112('cell28')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell28')">
+ {{ chapter001.table112.cell28 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell29"
- @blur="onBlurChangeTable112('cell29')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell29')">
+ {{ chapter001.table112.cell29 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell30"
- @blur="onBlurChangeTable112('cell30')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell30')">
+ {{ chapter001.table112.cell30 }}
+ </div>
</td>
</tr>
<tr>
<td>
- <input
- v-model="chapter001.table112.cell31"
- @blur="onBlurChangeTable112('cell31')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell31')">
+ {{ chapter001.table112.cell31 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell32"
- @blur="onBlurChangeTable112('cell32')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell32')">
+ {{ chapter001.table112.cell32 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell33"
- @blur="onBlurChangeTable112('cell33')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell33')">
+ {{ chapter001.table112.cell33 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell34"
- @blur="onBlurChangeTable112('cell34')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell34')">
+ {{ chapter001.table112.cell34 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell35"
- @blur="onBlurChangeTable112('cell35')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell35')">
+ {{ chapter001.table112.cell35 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell36"
- @blur="onBlurChangeTable112('cell36')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell36')">
+ {{ chapter001.table112.cell36 }}
+ </div>
</td>
</tr>
<tr>
<td>
- <input
- v-model="chapter001.table112.cell37"
- @blur="onBlurChangeTable112('cell37')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell37')">
+ {{ chapter001.table112.cell37 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell38"
- @blur="onBlurChangeTable112('cell38')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell38')">
+ {{ chapter001.table112.cell38 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell39"
- @blur="onBlurChangeTable112('cell39')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell39')">
+ {{ chapter001.table112.cell39 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell40"
- @blur="onBlurChangeTable112('cell40')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell40')">
+ {{ chapter001.table112.cell40 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell41"
- @blur="onBlurChangeTable112('cell41')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell41')">
+ {{ chapter001.table112.cell41 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell42"
- @blur="onBlurChangeTable112('cell42')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell42')">
+ {{ chapter001.table112.cell42 }}
+ </div>
</td>
</tr>
<tr>
<td>
- <input
- v-model="chapter001.table112.cell43"
- @blur="onBlurChangeTable112('cell43')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell43')">
+ {{ chapter001.table112.cell43 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell44"
- @blur="onBlurChangeTable112('cell44')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell44')">
+ {{ chapter001.table112.cell44 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell45"
- @blur="onBlurChangeTable112('cell45')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell45')">
+ {{ chapter001.table112.cell45 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell46"
- @blur="onBlurChangeTable112('cell46')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell46')">
+ {{ chapter001.table112.cell46 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell47"
- @blur="onBlurChangeTable112('cell47')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell47')">
+ {{ chapter001.table112.cell47 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell48"
- @blur="onBlurChangeTable112('cell48')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell48')">
+ {{ chapter001.table112.cell48 }}
+ </div>
</td>
</tr>
<tr>
<td>
- <input
- v-model="chapter001.table112.cell49"
- @blur="onBlurChangeTable112('cell49')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell49')">
+ {{ chapter001.table112.cell49 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell50"
- @blur="onBlurChangeTable112('cell50')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell50')">
+ {{ chapter001.table112.cell50 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell51"
- @blur="onBlurChangeTable112('cell51')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell51')">
+ {{ chapter001.table112.cell51 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell52"
- @blur="onBlurChangeTable112('cell52')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell52')">
+ {{ chapter001.table112.cell52 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell53"
- @blur="onBlurChangeTable112('cell53')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell53')">
+ {{ chapter001.table112.cell53 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell54"
- @blur="onBlurChangeTable112('cell54')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell54')">
+ {{ chapter001.table112.cell54 }}
+ </div>
</td>
</tr>
<tr>
<td>
- <input
- v-model="chapter001.table112.cell55"
- @blur="onBlurChangeTable112('cell55')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell55')">
+ {{ chapter001.table112.cell55 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell56"
- @blur="onBlurChangeTable112('cell56')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell56')">
+ {{ chapter001.table112.cell56 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell57"
- @blur="onBlurChangeTable112('cell57')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell57')">
+ {{ chapter001.table112.cell57 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell58"
- @blur="onBlurChangeTable112('cell58')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell58')">
+ {{ chapter001.table112.cell58 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell58"
- @blur="onBlurChangeTable112('cell581')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell581')">
+ {{ chapter001.table112.cell58 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell60"
- @blur="onBlurChangeTable112('cell60')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell60')">
+ {{ chapter001.table112.cell60 }}
+ </div>
</td>
</tr>
<tr>
<td>
- <input
- v-model="chapter001.table112.cell61"
- @blur="onBlurChangeTable112('cell61')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell61')">
+ {{ chapter001.table112.cell61 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell62"
- @blur="onBlurChangeTable112('cell62')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell62')">
+ {{ chapter001.table112.cell62 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell63"
- @blur="onBlurChangeTable112('cell63')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell63')">
+ {{ chapter001.table112.cell63 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell64"
- @blur="onBlurChangeTable112('cell64')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell64')">
+ {{ chapter001.table112.cell64 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell65"
- @blur="onBlurChangeTable112('cell65')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell65')">
+ {{ chapter001.table112.cell65 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell66"
- @blur="onBlurChangeTable112('cell66')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell66')">
+ {{ chapter001.table112.cell66 }}
+ </div>
</td>
</tr>
<tr>
<td>
- <input
- v-model="chapter001.table112.cell67"
- @blur="onBlurChangeTable112('cell67')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell67')">
+ {{ chapter001.table112.cell67 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell68"
- @blur="onBlurChangeTable112('cell68')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell68')">
+ {{ chapter001.table112.cell68 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell69"
- @blur="onBlurChangeTable112('cell69')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell69')">
+ {{ chapter001.table112.cell69 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell70"
- @blur="onBlurChangeTable112('cell70')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell70')">
+ {{ chapter001.table112.cell70 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell72"
- @blur="onBlurChangeTable112('cell72')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell72')">
+ {{ chapter001.table112.cell72 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell73"
- @blur="onBlurChangeTable112('cell73')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell73')">
+ {{ chapter001.table112.cell73 }}
+ </div>
</td>
</tr>
<tr>
<td>
- <input
- v-model="chapter001.table112.cell74"
- @blur="onBlurChangeTable112('cell74')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell74')">
+ {{ chapter001.table112.cell74 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell75"
- @blur="onBlurChangeTable112('cell75')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell75')">
+ {{ chapter001.table112.cell75 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell76"
- @blur="onBlurChangeTable112('cell76')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell76')">
+ {{ chapter001.table112.cell76 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell77"
- @blur="onBlurChangeTable112('cell77')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell77')">
+ {{ chapter001.table112.cell77 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell78"
- @blur="onBlurChangeTable112('cell78')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell78')">
+ {{ chapter001.table112.cell78 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell79"
- @blur="onBlurChangeTable112('cell79')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell79')">
+ {{ chapter001.table112.cell79 }}
+ </div>
</td>
</tr>
<tr>
<td>
- <input
- v-model="chapter001.table112.cell80"
- @blur="onBlurChangeTable112('cell80')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell80')">
+ {{ chapter001.table112.cell80 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell81"
- @blur="onBlurChangeTable112('cell81')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell81')">
+ {{ chapter001.table112.cell81 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell82"
- @blur="onBlurChangeTable112('cell82')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell82')">
+ {{ chapter001.table112.cell82 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell83"
- @blur="onBlurChangeTable112('cell83')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell83')">
+ {{ chapter001.table112.cell83 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell84"
- @blur="onBlurChangeTable112('cell84')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell84')">
+ {{ chapter001.table112.cell84 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table112.cell85"
- @blur="onBlurChangeTable112('cell85')"
- />
+ <div contenteditable @blur="onBlurChangeTable112($event, 'cell85')">
+ {{ chapter001.table112.cell85 }}
+ </div>
</td>
</tr>
</tbody>
@@ -1211,102 +1147,87 @@
<tbody>
<tr>
<td>
- <input
- v-model="chapter001.table113.name1"
- @blur="onBlurChangeTable113('name1')"
- />
+ <div contenteditable @blur="onBlurChangeTable113($event,'name1')">
+ {{ chapter001.table113.name1 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table113.demand1"
- @blur="onBlurChangeTable113('demand1')"
- />
+ <div contenteditable @blur="onBlurChangeTable113($event,'demand1')">
+ {{ chapter001.table113.demand1 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table113.content1"
- @blur="onBlurChangeTable113('content1')"
- />
+ <div contenteditable @blur="onBlurChangeTable113($event,'content1')">
+ {{ chapter001.table113.content1 }}
+ </div>
</td>
</tr>
<tr>
<td>
- <input
- v-model="chapter001.table113.name2"
- @blur="onBlurChangeTable113('name2')"
- />
+ <div contenteditable @blur="onBlurChangeTable113($event,'name2')">
+ {{ chapter001.table113.name2 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table113.demand2"
- @blur="onBlurChangeTable113('demand2')"
- />
+ <div contenteditable @blur="onBlurChangeTable113($event,'demand2')">
+ {{ chapter001.table113.demand2 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table113.content2"
- @blur="onBlurChangeTable113('content2')"
- />
+ <div contenteditable @blur="onBlurChangeTable113($event,'content2')">
+ {{ chapter001.table113.content2 }}
+ </div>
</td>
</tr>
<tr>
<td>
- <input
- v-model="chapter001.table113.name3"
- @blur="onBlurChangeTable113('name3')"
- />
+ <div contenteditable @blur="onBlurChangeTable113($event,'name3')">
+ {{ chapter001.table113.name3 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table113.demand3"
- @blur="onBlurChangeTable113('demand3')"
- />
+ <div contenteditable @blur="onBlurChangeTable113($event,'demand3')">
+ {{ chapter001.table113.demand3 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table113.content3"
- @blur="onBlurChangeTable113('content3')"
- />
+ <div contenteditable @blur="onBlurChangeTable113($event,'content3')">
+ {{ chapter001.table113.content3 }}
+ </div>
</td>
</tr>
<tr>
<td>
- <input
- v-model="chapter001.table113.name4"
- @blur="onBlurChangeTable113('name4')"
- />
+ <div contenteditable @blur="onBlurChangeTable113($event,'name4')">
+ {{ chapter001.table113.name4 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table113.demand4"
- @blur="onBlurChangeTable113('demand4')"
- />
+ <div contenteditable @blur="onBlurChangeTable113($event,'demand4')">
+ {{ chapter001.table113.demand4 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table113.content4"
- @blur="onBlurChangeTable113('content4')"
- />
+ <div contenteditable @blur="onBlurChangeTable113($event,'content4')">
+ {{ chapter001.table113.content4 }}
+ </div>
</td>
</tr>
<tr>
<td>
- <input
- v-model="chapter001.table113.name5"
- @blur="onBlurChangeTable113('name5')"
- />
+ <div contenteditable @blur="onBlurChangeTable113($event,'name5')">
+ {{ chapter001.table113.name5 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table113.demand5"
- @blur="onBlurChangeTable113('demand5')"
- />
+ <div contenteditable @blur="onBlurChangeTable113($event,'demand5')">
+ {{ chapter001.table113.demand5 }}
+ </div>
</td>
<td>
- <input
- v-model="chapter001.table113.content5"
- @blur="onBlurChangeTable113('content5')"
- />
+ <div contenteditable @blur="onBlurChangeTable113($event,'content5')">
+ {{ chapter001.table113.content5 }}
+ </div>
</td>
</tr>
</tbody>
@@ -1462,19 +1383,21 @@
this.chapter001.idOpenThree = !this.chapter001.idOpenThree;
},
onBlurChange() {
- console.log(this.chapter001, "local");
localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
},
- onBlurChangeTable() {
+ onBlurChangeText112(){
localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
},
- onBlurChangeTable112() {
+ onBlurChangeTable(e, val) {
+ this.chapter001.table111[val] = e.target.innerText;
localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
},
- onBlurChangeText112() {
+ onBlurChangeTable112(e, val) {
+ this.chapter001.table112[val] = e.target.innerText;
localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
},
- onBlurChangeTable113() {
+ onBlurChangeTable113(e, val) {
+ this.chapter001.table113[val] = e.target.innerText;
localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
},
},
--
Gitblit v1.9.1