From a81164dfb5529ffc669afac3a6a1572caf43f263 Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期三, 22 五月 2024 21:00:19 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/content/view/chapter001.vue | 1340 +++++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 1,192 insertions(+), 148 deletions(-)
diff --git a/src/books/content/view/chapter001.vue b/src/books/content/view/chapter001.vue
index e26f33c..a991846 100644
--- a/src/books/content/view/chapter001.vue
+++ b/src/books/content/view/chapter001.vue
@@ -54,7 +54,18 @@
</div>
</div>
<div class="page-box">
- <!-- <Header/> -->
+ <div class="header">
+ <div class="pageHeader-first">
+ <div class="header-bj"></div>
+ <div class="content">
+ <div class="pageStr">1-2</div>
+ <div class="title">
+ <img src="../image/chapter.png" alt="" />
+ <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+ </div>
+ </div>
+ </div>
+ </div>
<div class="bodystyle">
<div class="bk">
<div class="bj1">
@@ -63,11 +74,20 @@
</p>
</div>
<p class="center">
- <el-image :src="picOneUrl" :preview-src-list="picArr" />
+ <el-image
+ class="chapter001-img-0018"
+ :src="chapter001.picOneUrl"
+ :preview-src-list="chapter001.picArr"
+ />
</p>
<!-- <p class="center">
- <img class="img-a" alt="" src="../image/0018-1.jpg" />
- </p> -->
+ <img
+ class="img-a"
+ alt=""
+ @click="previewOne()"
+ src="../image/0018-1.jpg"
+ />
+ </p> -->
</div>
<div class="bk">
<div class="bj1">
@@ -117,7 +137,10 @@
alt=""
/>
</div>
- <div class="tips-file" v-if="isOpenOne">
+ <div
+ class="tips-file"
+ v-if="chapter001.isOpenOne && chapter001.videOneUrl"
+ >
<video
webkit-playsinline="true"
x-webkit-airplay="true"
@@ -127,13 +150,26 @@
x5-playsinline=""
controls
class="video-border w100"
- :src="videOneUrl"
+ :src="chapter001.videOneUrl"
></video>
</div>
</div>
</div>
</div>
<div class="page-box">
+ <div class="header">
+ <div class="pageHeader-second">
+ <div class="second-con">
+ <div class="second-left"></div>
+ <div class="second-right">
+ <img src="../image/pageImg.png" alt="" />
+ <span class="pageStr">鍗曞厓涓�路鍒濆濠村辜鍎跨敓娲讳繚鑲�</span>
+ <span class="pageNum">1-3</span>
+ </div>
+ </div>
+ <div class="borderLine"></div>
+ </div>
+ </div>
<div class="bodystyle">
<h4 id="d001">
鈻垛柖 娲诲姩1锛氳В閲婂┐骞煎効鐢熸椿淇濊偛鐨勬蹇�<span class="fontsz1"
@@ -144,13 +180,14 @@
淇濊偛鍛樺皬鐜嬭涓猴紝濠村辜鍎跨敓娲讳繚鑲插氨鏄濂藉┐骞煎効鐨勫悆銆佸枬銆佹媺銆佹拻銆佺潯銆備綘璁や负灏忕帇鐨勮娉曞鍚楋紵涓轰粈涔堬紵
</p>
<div class="bk-tx">
- <el-input
+ <textarea
+ v-model="chapter001.textAreaItem.text1"
style="border: 0"
- type="textarea"
- v-model="text1"
- :rows="4"
placeholder="璇疯緭鍏ュ唴瀹�"
- />
+ rows="5"
+ maxlength="200"
+ @blur="onBlurChange('text1')"
+ ></textarea>
</div>
<h4 id="d002">
鈻垛柖 娲诲姩2锛氬綊绾虫垜鍥戒繚鑲插伐浣滅殑鍙戝睍鍘嗙▼鍜岀壒鐐�<span class="fontsz1"
@@ -160,8 +197,93 @@
<p>瀛︿範闃呰鎵嬪唽鐨勪笓棰樹竴鐨勫唴瀹癸紝濉啓琛�1-1-1銆�</p>
<p class="img">琛�1-1-1銆�鎴戝浗淇濊偛宸ヤ綔鐨勫彂灞曞巻绋嬪拰鐗圭偣</p>
<!-- <el-table/> -->
- <div class="tableOne">
- <customTable />
+ <div style="margin-bottom: 40px">
+ <table class="table111">
+ <thead>
+ <tr>
+ <th>鏃堕棿</th>
+ <th>淇濊偛鏈烘瀯鐨勫悕绉�</th>
+ <th>鐗圭偣</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>1949骞�</td>
+ <td>
+ <input
+ v-model="chapter001.table111.tbText1"
+ @blur="onBlurChangeTable('tbText1')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table111.tbText2"
+ @blur="onBlurChangeTable('tbText2')"
+ />
+ </td>
+ </tr>
+ <tr>
+ <td>1949-1980骞�</td>
+ <td>
+ <input
+ v-model="chapter001.table111.tbText3"
+ @blur="onBlurChangeTable('tbText3')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table111.tbText4"
+ @blur="onBlurChangeTable('tbText4')"
+ />
+ </td>
+ </tr>
+ <tr>
+ <td>1980-1990骞�</td>
+ <td>
+ <input
+ v-model="chapter001.table111.tbText5"
+ @blur="onBlurChangeTable('tbText5')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table111.tbText6"
+ @blur="onBlurChangeTable('tbText6')"
+ />
+ </td>
+ </tr>
+ <tr>
+ <td>1990-2000骞�</td>
+ <td>
+ <input
+ v-model="chapter001.table111.tbText7"
+ @blur="onBlurChangeTable('tbText7')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table111.tbText8"
+ @blur="onBlurChangeTable('tbText8')"
+ />
+ </td>
+ </tr>
+ <tr>
+ <td>2000骞磋嚦浠�</td>
+ <td>
+ <input
+ v-model="chapter001.table111.tbText9"
+ @blur="onBlurChangeTable('tbText9')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table111.tbText10"
+ @blur="onBlurChangeTable('tbText10')"
+ />
+ </td>
+ </tr>
+ </tbody>
+ </table>
<!-- <p class="center"><img class="img-a" alt="" src="../image/0019-2.jpg"></p> -->
</div>
<h4 id="d003">
@@ -184,28 +306,42 @@
</div>
</div>
<div class="page-box">
+ <div class="header">
+ <div class="pageHeader-first">
+ <div class="header-bj"></div>
+ <div class="content">
+ <div class="pageStr">1-4</div>
+ <div class="title">
+ <img src="../image/chapter.png" alt="" />
+ <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+ </div>
+ </div>
+ </div>
+ </div>
<div class="bodystyle">
<p>1.濡傛灉浣犳槸浠ヤ笂鎯呭涓殑淇濊偛鍛橈紝璇ュ浣曢伩鍏嶆剰澶栫殑鍙戠敓锛�</p>
<div class="bk-tx">
- <el-input
+ <textarea
+ v-model="chapter001.textAreaItem.text2"
style="border: 0"
- type="textarea"
- v-model="text2"
- :rows="4"
placeholder="璇疯緭鍏ュ唴瀹�"
- />
+ rows="5"
+ maxlength="200"
+ @blur="onBlurChange('text2')"
+ ></textarea>
</div>
<p>
2.缁撳悎闃呰鎵嬪唽鐨勪笓棰樹竴鐨勫唴瀹癸紝灏忕粍璁ㄨ濠村辜鍎跨敓娲讳繚鑲插伐浣滅殑鐩爣鍙婃剰涔夈��
</p>
<div class="bk-tx">
- <el-input
+ <textarea
+ v-model="chapter001.textAreaItem.text3"
style="border: 0"
- type="textarea"
- v-model="text3"
- :rows="4"
placeholder="璇疯緭鍏ュ唴瀹�"
- />
+ rows="5"
+ maxlength="200"
+ @blur="onBlurChange('text3')"
+ ></textarea>
</div>
<h3 id="c002">
<span class="bk-h3"
@@ -228,6 +364,19 @@
</div>
</div>
<div class="page-box">
+ <div class="header">
+ <div class="pageHeader-second">
+ <div class="second-con">
+ <div class="second-left"></div>
+ <div class="second-right">
+ <img src="../image/pageImg.png" alt="" />
+ <span class="pageStr">鍗曞厓涓�路鍒濆濠村辜鍎跨敓娲讳繚鑲�</span>
+ <span class="pageNum">1-5</span>
+ </div>
+ </div>
+ <div class="borderLine"></div>
+ </div>
+ </div>
<div class="bodystyle">
<p>2.鍑嗗璧勬枡锛氫簰鑱旂綉涓婄殑鐩稿叧璧勬枡銆�</p>
<p>
@@ -238,118 +387,153 @@
1.鎴愮珛璋冪爺灏忕粍銆備緷鎹嚜鐢辩粍鍚堝吋椤句釜浜虹壒闀跨殑鍘熷垯纭畾灏忕粍浜洪�夛紝璁剧珛缁勯暱1鍚嶃�傛牴鎹垚鍛樼殑鐗归暱鍒嗛厤鍏蜂綋浠诲姟锛屽闄堣堪銆佽褰曘�佹媿鐓х瓑銆傚啓鏄庡皬缁勬垚鍛樺強鍒嗗伐銆�
</p>
<div class="bk-tx">
- <el-input
+ <textarea
+ v-model="chapter001.textAreaItem.text4"
style="border: 0"
- type="textarea"
- v-model="text4"
- :rows="4"
placeholder="璇疯緭鍏ュ唴瀹�"
- />
+ rows="5"
+ maxlength="200"
+ @blur="onBlurChange('text4')"
+ ></textarea>
</div>
<p>2.鍒惰璋冪爺璁″垝銆�</p>
<p>锛�1锛夎蛋璁挎墭鑲插洯闇�鎺屾彙鐨勪俊鎭槸浠�涔堬紵</p>
<div class="bk-tx">
- <el-input
+ <textarea
+ v-model="chapter001.textAreaItem.text5"
style="border: 0"
- type="textarea"
- v-model="text5"
- :rows="4"
placeholder="璇疯緭鍏ュ唴瀹�"
- />
+ rows="5"
+ maxlength="200"
+ @blur="onBlurChange('text5')"
+ ></textarea>
</div>
<p>锛�2锛夋嫙瑙ｅ喅鐨勯棶棰樻湁鍝簺锛�</p>
<div class="bk-tx">
- <el-input
+ <textarea
+ v-model="chapter001.textAreaItem.text6"
style="border: 0"
- type="textarea"
- v-model="text6"
- :rows="4"
placeholder="璇疯緭鍏ュ唴瀹�"
- />
+ rows="5"
+ maxlength="200"
+ @blur="onBlurChange('text6')"
+ ></textarea>
</div>
<p>锛�3锛夎蛋璁跨殑涓昏浠诲姟鍙婂唴瀹规槸浠�涔堬紵</p>
<div class="bk-tx">
- <el-input
+ <textarea
+ v-model="chapter001.textAreaItem.text7"
style="border: 0"
- type="textarea"
- v-model="text7"
- :rows="4"
placeholder="璇疯緭鍏ュ唴瀹�"
- />
+ rows="5"
+ maxlength="200"
+ @blur="onBlurChange('text7')"
+ ></textarea>
</div>
</div>
</div>
<div class="page-box">
+ <div class="header">
+ <div class="pageHeader-first">
+ <div class="header-bj"></div>
+ <div class="content">
+ <div class="pageStr">1-6</div>
+ <div class="title">
+ <img src="../image/chapter.png" alt="" />
+ <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+ </div>
+ </div>
+ </div>
+ </div>
<div class="bodystyle">
<p>锛�4锛夎蛋璁跨殑涓昏娴佺▼鏈夊摢浜涳紵</p>
<div class="bk-tx">
- <el-input
+ <textarea
+ v-model="chapter001.textAreaItem.text8"
style="border: 0"
- type="textarea"
- v-model="text8"
- :rows="4"
placeholder="璇疯緭鍏ュ唴瀹�"
- />
+ rows="5"
+ maxlength="200"
+ @blur="onBlurChange('text8')"
+ ></textarea>
</div>
<p>锛�5锛夎蛋璁跨殑鏃堕棿銆佹柟寮忋�佷富瑕佽仈绯讳汉鍙婅仈绯绘柟寮忔槸浠�涔堬紵</p>
<div class="bk-tx">
- <el-input
+ <textarea
+ v-model="chapter001.textAreaItem.text9"
style="border: 0"
- type="textarea"
- v-model="text9"
- :rows="4"
placeholder="璇疯緭鍏ュ唴瀹�"
- />
+ rows="5"
+ maxlength="200"
+ @blur="onBlurChange('text9')"
+ ></textarea>
</div>
<p>
3.鏌ユ壘鎵�闇�淇℃伅銆傞噸鐐规敹闆嗗懆杈规墭鑲插洯鐨勫悕绉般�佽妯°�佽窛绂汇�佸湴鍧�銆佽仈绯讳汉绛夎皟鐮斿璞＄殑淇℃伅锛屽苟纭畾瑕佽蛋璁跨殑鎵樿偛鍥��
</p>
<p>锛�1锛夋敹闆嗙殑涓昏淇℃伅鏄粈涔堬紵</p>
<div class="bk-tx">
- <el-input
+ <textarea
+ v-model="chapter001.textAreaItem.text10"
style="border: 0"
- type="textarea"
- v-model="text10"
- :rows="4"
placeholder="璇疯緭鍏ュ唴瀹�"
- />
+ rows="5"
+ maxlength="200"
+ @blur="onBlurChange('text10')"
+ ></textarea>
</div>
<p>锛�2锛夎璧拌鐨勬墭鑲插洯鐨勫悕绉版槸浠�涔堬紵</p>
<div class="bk-tx">
- <el-input
+ <textarea
+ v-model="chapter001.textAreaItem.text11"
style="border: 0"
- type="textarea"
- v-model="text11"
- :rows="4"
placeholder="璇疯緭鍏ュ唴瀹�"
- />
+ rows="5"
+ maxlength="200"
+ @blur="onBlurChange('text11')"
+ ></textarea>
</div>
<p>锛�3锛夐�夋嫨璧拌璇ュ洯鐨勫師鍥犳槸浠�涔堬紵</p>
<div class="bk-tx">
- <el-input
+ <textarea
+ v-model="chapter001.textAreaItem.text12"
style="border: 0"
- type="textarea"
- v-model="text12"
- :rows="4"
placeholder="璇疯緭鍏ュ唴瀹�"
- />
+ rows="5"
+ maxlength="200"
+ @blur="onBlurChange('text12')"
+ ></textarea>
</div>
</div>
</div>
<div class="page-box">
+ <div class="header">
+ <div class="pageHeader-second">
+ <div class="second-con">
+ <div class="second-left"></div>
+ <div class="second-right">
+ <img src="../image/pageImg.png" alt="" />
+ <span class="pageStr">鍗曞厓涓�路鍒濆濠村辜鍎跨敓娲讳繚鑲�</span>
+ <span class="pageNum">1-7</span>
+ </div>
+ </div>
+ <div class="borderLine"></div>
+ </div>
+ </div>
<div class="bodystyle">
<p>
4.鍋氬ソ鍑鸿瑙勫垝銆傛煡鎵捐矾绾夸俊鎭紝纭畾鍑鸿鏂瑰紡銆佸ぇ鑷磋垂鐢紝骞剁‘瀹氬ソ瀵规柟鐨勮仈绯讳汉銆�
</p>
<p>浣犱滑缁勭殑鍑鸿瑙勫垝鏄粈涔堬紵</p>
<div class="bk-tx">
- <el-input
+ <textarea
+ v-model="chapter001.textAreaItem.text13"
style="border: 0"
- type="textarea"
- v-model="text13"
- :rows="4"
placeholder="璇疯緭鍏ュ唴瀹�"
- />
+ rows="5"
+ maxlength="200"
+ @blur="onBlurChange('text13')"
+ ></textarea>
</div>
<h4 id="d005">
鈻垛柖 娲诲姩2锛氳皟鏌ユ墭鑲插洯涓�鏃ョ敓娲讳繚鑲�<span class="fontsz1"
@@ -372,63 +556,760 @@
<p>4.姹囨�昏皟鐮斾俊鎭��</p>
<p>锛�1锛夎蛋璁跨殑鎵樿偛鍥殑鍚嶇О鏄粈涔堬紵</p>
<div class="bk-tx">
- <el-input
+ <textarea
+ v-model="chapter001.textAreaItem.text14"
style="border: 0"
- type="textarea"
- v-model="text14"
- :rows="4"
placeholder="璇疯緭鍏ュ唴瀹�"
- />
+ rows="5"
+ maxlength="200"
+ @blur="onBlurChange('text14')"
+ ></textarea>
</div>
<p>锛�2锛夎蛋璁跨殑鎵樿偛鍥竴鏃ョ敓娲荤殑涓昏鐜妭鏈夊摢浜涳紵</p>
<div class="bk-tx">
- <el-input
+ <textarea
+ v-model="chapter001.textAreaItem.text15"
style="border: 0"
- type="textarea"
- v-model="text15"
- :rows="4"
placeholder="璇疯緭鍏ュ唴瀹�"
- />
+ rows="5"
+ maxlength="200"
+ @blur="onBlurChange('text15')"
+ ></textarea>
</div>
</div>
</div>
<div class="page-box">
+ <div class="header">
+ <div class="pageHeader-first">
+ <div class="header-bj"></div>
+ <div class="content">
+ <div class="pageStr">1-8</div>
+ <div class="title">
+ <img src="../image/chapter.png" alt="" />
+ <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+ </div>
+ </div>
+ </div>
+ </div>
<div class="bodystyle">
<p>锛�3锛変簡瑙ｈ蛋璁跨殑鎵樿偛鍥埗璁竴鏃ョ敓娲绘棩绋嬬殑渚濇嵁骞跺～琛ㄣ��</p>
<div class="bk-tx">
- <el-input
+ <textarea
+ v-model="chapter001.textAreaItem.text16"
style="border: 0"
- type="textarea"
- v-model="text16"
- :rows="4"
placeholder="璇疯緭鍏ュ唴瀹�"
- />
+ rows="5"
+ maxlength="200"
+ @blur="onBlurChange('text16')"
+ ></textarea>
</div>
<p>璧拌鐨勬墭鑲插洯涓�鏃ョ敓娲绘棩绋嬭琛�1-1-2銆�</p>
<p class="img">琛�1-1-2銆�______鎵樿偛鍥竴鏃ョ敓娲绘棩绋�</p>
- <p class="center">
- <img class="img-a" alt="" src="../image/0024-1.jpg" />
- </p>
+ <div class="chapter01Table">
+ <table class="table112">
+ <thead>
+ <tr>
+ <th colspan="2">0-1宀佹棩鎵樼彮</th>
+ <th colspan="2">1-2宀佹棩鎵樼彮</th>
+ <th colspan="2">2-3宀佹棩鎵樼彮</th>
+ </tr>
+ <tr>
+ <th>鏃堕棿</th>
+ <th>鍐呭</th>
+ <th>鏃堕棿</th>
+ <th>鍐呭</th>
+ <th>鏃堕棿</th>
+ <th>鍐呭</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <input
+ v-model="chapter001.table112.cell1"
+ @blur="onBlurChangeTable112('cell1')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell2"
+ @blur="onBlurChangeTable112('cell2')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell3"
+ @blur="onBlurChangeTable112('cell3')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell4"
+ @blur="onBlurChangeTable112('cell4')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell5"
+ @blur="onBlurChangeTable112('cell5')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell6"
+ @blur="onBlurChangeTable112('cell6')"
+ />
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <input
+ v-model="chapter001.table112.cell7"
+ @blur="onBlurChangeTable112('cell7')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell8"
+ @blur="onBlurChangeTable112('cell8')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell9"
+ @blur="onBlurChangeTable112('cell9')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell10"
+ @blur="onBlurChangeTable112('cell10')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell11"
+ @blur="onBlurChangeTable112('cell11')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell12"
+ @blur="onBlurChangeTable112('cell12')"
+ />
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <input
+ v-model="chapter001.table112.cell13"
+ @blur="onBlurChangeTable112('cell13')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell14"
+ @blur="onBlurChangeTable112('cell14')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell15"
+ @blur="onBlurChangeTable112('cell15')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell16"
+ @blur="onBlurChangeTable112('cell16')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell17"
+ @blur="onBlurChangeTable112('cell17')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell18"
+ @blur="onBlurChangeTable112('cell18')"
+ />
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <input
+ v-model="chapter001.table112.cell19"
+ @blur="onBlurChangeTable112('cell19')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell20"
+ @blur="onBlurChangeTable112('cell20')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell21"
+ @blur="onBlurChangeTable112('cell21')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell22"
+ @blur="onBlurChangeTable112('cell22')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell23"
+ @blur="onBlurChangeTable112('cell23')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell24"
+ @blur="onBlurChangeTable112('cell24')"
+ />
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <input
+ v-model="chapter001.table112.cell25"
+ @blur="onBlurChangeTable112('cell25')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell26"
+ @blur="onBlurChangeTable112('cell26')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell27"
+ @blur="onBlurChangeTable112('cell27')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell28"
+ @blur="onBlurChangeTable112('cell28')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell29"
+ @blur="onBlurChangeTable112('cell29')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell30"
+ @blur="onBlurChangeTable112('cell30')"
+ />
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <input
+ v-model="chapter001.table112.cell31"
+ @blur="onBlurChangeTable112('cell31')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell32"
+ @blur="onBlurChangeTable112('cell32')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell33"
+ @blur="onBlurChangeTable112('cell33')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell34"
+ @blur="onBlurChangeTable112('cell34')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell35"
+ @blur="onBlurChangeTable112('cell35')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell36"
+ @blur="onBlurChangeTable112('cell36')"
+ />
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <input
+ v-model="chapter001.table112.cell37"
+ @blur="onBlurChangeTable112('cell37')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell38"
+ @blur="onBlurChangeTable112('cell38')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell39"
+ @blur="onBlurChangeTable112('cell39')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell40"
+ @blur="onBlurChangeTable112('cell40')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell41"
+ @blur="onBlurChangeTable112('cell41')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell42"
+ @blur="onBlurChangeTable112('cell42')"
+ />
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <input
+ v-model="chapter001.table112.cell43"
+ @blur="onBlurChangeTable112('cell43')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell44"
+ @blur="onBlurChangeTable112('cell44')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell45"
+ @blur="onBlurChangeTable112('cell45')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell46"
+ @blur="onBlurChangeTable112('cell46')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell47"
+ @blur="onBlurChangeTable112('cell47')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell48"
+ @blur="onBlurChangeTable112('cell48')"
+ />
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <input
+ v-model="chapter001.table112.cell49"
+ @blur="onBlurChangeTable112('cell49')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell50"
+ @blur="onBlurChangeTable112('cell50')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell51"
+ @blur="onBlurChangeTable112('cell51')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell52"
+ @blur="onBlurChangeTable112('cell52')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell53"
+ @blur="onBlurChangeTable112('cell53')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell54"
+ @blur="onBlurChangeTable112('cell54')"
+ />
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <input
+ v-model="chapter001.table112.cell55"
+ @blur="onBlurChangeTable112('cell55')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell56"
+ @blur="onBlurChangeTable112('cell56')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell57"
+ @blur="onBlurChangeTable112('cell57')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell58"
+ @blur="onBlurChangeTable112('cell58')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell58"
+ @blur="onBlurChangeTable112('cell58')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell60"
+ @blur="onBlurChangeTable112('cell60')"
+ />
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <input
+ v-model="chapter001.table112.cell61"
+ @blur="onBlurChangeTable112('cell61')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell62"
+ @blur="onBlurChangeTable112('cell62')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell63"
+ @blur="onBlurChangeTable112('cell63')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell64"
+ @blur="onBlurChangeTable112('cell64')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell65"
+ @blur="onBlurChangeTable112('cell65')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell66"
+ @blur="onBlurChangeTable112('cell66')"
+ />
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <input
+ v-model="chapter001.table112.cell67"
+ @blur="onBlurChangeTable112('cell67')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell68"
+ @blur="onBlurChangeTable112('cell68')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell69"
+ @blur="onBlurChangeTable112('cell69')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell70"
+ @blur="onBlurChangeTable112('cell70')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell72"
+ @blur="onBlurChangeTable112('cell72')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell73"
+ @blur="onBlurChangeTable112('cell73')"
+ />
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <input
+ v-model="chapter001.table112.cell74"
+ @blur="onBlurChangeTable112('cell74')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell75"
+ @blur="onBlurChangeTable112('cell75')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell76"
+ @blur="onBlurChangeTable112('cell76')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell77"
+ @blur="onBlurChangeTable112('cell77')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell78"
+ @blur="onBlurChangeTable112('cell78')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell79"
+ @blur="onBlurChangeTable112('cell79')"
+ />
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <input
+ v-model="chapter001.table112.cell80"
+ @blur="onBlurChangeTable112('cell80')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell81"
+ @blur="onBlurChangeTable112('cell81')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell82"
+ @blur="onBlurChangeTable112('cell82')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell83"
+ @blur="onBlurChangeTable112('cell83')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell84"
+ @blur="onBlurChangeTable112('cell84')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table112.cell85"
+ @blur="onBlurChangeTable112('cell85')"
+ />
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ <textarea
+ class="textareaInput"
+ placeholder="鎮ㄧ殑璇勪环:"
+ :rows="8"
+ v-model="chapter001.textareaVal"
+ :maxlength="300"
+ @blur="onBlurChangeText112"
+ ></textarea>
+ </div>
</div>
</div>
<div class="page-box">
+ <div class="header">
+ <div class="pageHeader-second">
+ <div class="second-con">
+ <div class="second-left"></div>
+ <div class="second-right">
+ <img src="../image/pageImg.png" alt="" />
+ <span class="pageStr">鍗曞厓涓�路鍒濆濠村辜鍎跨敓娲讳繚鑲�</span>
+ <span class="pageNum">1-9</span>
+ </div>
+ </div>
+ <div class="borderLine"></div>
+ </div>
+ </div>
<div class="bodystyle">
<p>璧拌鐨勬墭鑲插洯涓�鏃ョ敓娲讳繚鑲茶姹傚強鍏蜂綋鍐呭瑙佽〃1-1-3銆�</p>
<p class="img">琛�1-1-3銆�______鎵樿偛鍥竴鏃ョ敓娲讳繚鑲茶姹傚強鍏蜂綋鍐呭</p>
- <p class="center">
- <img class="img-a" alt="" src="../image/0025-1.jpg" />
- </p>
+ <div style="margin-bottom: 40px">
+ <table class="table112 table113">
+ <thead>
+ <tr>
+ <th>鐜妭鍚嶇О</th>
+ <th>淇濊偛瑕佹眰</th>
+ <th>鍏蜂綋鍐呭</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <input
+ v-model="chapter001.table113.name1"
+ @blur="onBlurChangeTable113('name1')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table113.demand1"
+ @blur="onBlurChangeTable113('demand1')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table113.content1"
+ @blur="onBlurChangeTable113('content1')"
+ />
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <input
+ v-model="chapter001.table113.name2"
+ @blur="onBlurChangeTable113('name2')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table113.demand2"
+ @blur="onBlurChangeTable113('demand2')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table113.content2"
+ @blur="onBlurChangeTable113('content2')"
+ />
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <input
+ v-model="chapter001.table113.name3"
+ @blur="onBlurChangeTable113('name3')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table113.demand3"
+ @blur="onBlurChangeTable113('demand3')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table113.content3"
+ @blur="onBlurChangeTable113('content3')"
+ />
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <input
+ v-model="chapter001.table113.name4"
+ @blur="onBlurChangeTable113('name4')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table113.demand4"
+ @blur="onBlurChangeTable113('demand4')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table113.content4"
+ @blur="onBlurChangeTable113('content4')"
+ />
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <input
+ v-model="chapter001.table113.name5"
+ @blur="onBlurChangeTable113('name5')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table113.demand5"
+ @blur="onBlurChangeTable113('demand5')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table113.content5"
+ @blur="onBlurChangeTable113('content5')"
+ />
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
<p>
锛�4锛夐�氳繃涓庢墭鑲插洯鑰佸笀鐨勪氦娴侊紝浣犺涓哄紑灞曞┐骞煎効鐢熸椿淇濊偛闇�瑕佸叿澶囩殑鐭ヨ瘑鍜屾妧鑳芥湁鍝簺锛�
</p>
<div class="bk-tx">
- <el-input
+ <textarea
+ v-model="chapter001.textAreaItem.text17"
style="border: 0"
- type="textarea"
- v-model="text18"
- :rows="4"
placeholder="璇疯緭鍏ュ唴瀹�"
- />
+ rows="5"
+ maxlength="200"
+ @blur="onBlurChange('text17')"
+ ></textarea>
</div>
<p>
锛�5锛夋敹闆嗗洖璁夸俊鎭�傝皟鐮旀墽琛屽畬姣曞悗锛岀暀涓嬭皟鐮斿璞＄殑鑱旂郴鏂瑰紡锛岀粨鏉熷悗濡傚彂鐜板皻鏈В鍐崇殑闂锛屽彲閫氳繃缃戠粶銆佺數璇濈瓑褰㈠紡鍥炶銆�
@@ -440,13 +1321,42 @@
<p>
1.鏍规嵁璧拌鎵樿偛鍥墍鑾峰緱鐨勪俊鎭紝鎵惧嚭骞舵鎷墭鑲插洯涓�鏃ョ敓娲讳繚鑲蹭笌銆婃墭鑲叉満鏋勪繚鑲叉寚瀵煎ぇ绾诧紙璇曡锛夈�嬬浉瀵瑰簲鐨勫唴瀹广��
</p>
+ <div class="bk-tx">
+ <textarea
+ v-model="chapter001.radio.desc1"
+ style="border: 0"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="5"
+ maxlength="200"
+ @blur="onBlurChange('desc1')"
+ ></textarea>
+ </div>
<p>
2.璧拌鎵樿偛鍥紝璋堣皥浣犲銆婃墭鑲叉満鏋勪繚鑲叉寚瀵煎ぇ绾诧紙璇曡锛夈�嬩腑鐨勬墭鑲叉満鏋勪繚鑲插簲閬靛惊鐨勫皧閲嶅効绔ャ�佸畨鍏ㄥ仴搴枫�佺Н鏋佸洖搴斻�佺瀛﹁鑼冨洓涓熀鏈師鍒欑殑鐞嗚В銆�
</p>
+ <div class="bk-tx">
+ <textarea
+ v-model="chapter001.radio.desc2"
+ style="border: 0"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="5"
+ maxlength="200"
+ @blur="onBlurChange('desc2')"
+ ></textarea>
+ </div>
<p>
3.鎴戜滑甯歌0锝�3宀佺殑濠村辜鍎挎槸鏈�鈥滄煍杞�濈殑缇や綋锛屾垜浠濡備綍鍛垫姢杩欎釜缇や綋锛�
</p>
- <p><br /></p>
+ <div class="bk-tx">
+ <textarea
+ v-model="chapter001.radio.desc3"
+ style="border: 0"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="5"
+ maxlength="200"
+ @blur="onBlurChange('desc3')"
+ ></textarea>
+ </div>
<div class="tips-bk">
<div class="bj-tip">
浜戞祴璇曪細鍗曞厓涓�搴旂敤涓庡疄璺�<img
@@ -455,23 +1365,15 @@
alt=""
/>
</div>
- <div v-if="idOpenThree" class="tips-file">
- <examinations :cardList="qustionData[9]" />
+ <div
+ v-if="chapter001.idOpenThree && chapter001.qustionData[9]"
+ class="tips-file"
+ >
+ <examinations
+ :primaryColor="'#f49a4c'"
+ :cardList="chapter001.qustionData[9]"
+ />
</div>
- <!-- <div class="tips-file" v-if="isOpenOne">
-
- <video
- webkit-playsinline="true"
- x-webkit-airplay="true"
- playsinline="true"
- x5-video-orientation="h5"
- x5-video-player-fullscreen="true"
- x5-playsinline=""
- controls
- class="video-border w100"
- :src="videOneUrl"
- ></video>
- </div> -->
</div>
</div>
</div>
@@ -482,55 +1384,197 @@
import getResourcePath from "@/assets/methods/resources.js";
import getQuestionData from "@/assets/methods/examination.js";
import testData from "../js/examinationList.js";
-import customTable from "../components/customTable.vue";
import examinations from "@/components/examinations/index.vue";
+
export default {
name: "chapter001",
data() {
return {
- videOneUrl: "",
- picOneUrl: require("../image/0018-1.jpg"),
- picArr: [require("../image/0018-1.jpg")],
- isOpenOne: true,
- idOpenThree: true,
- qustionData: {},
- text1: "",
- text2: "",
- text3: "",
- text4: "",
- text5: "",
- text6: "",
- text7: "",
- text8: "",
- text9: "",
- text10: "",
- text11: "",
- text12: "",
- text13: "",
- text14: "",
- text15: "",
- text16: "",
- text17: "",
- text18: "",
+ chapter001: {
+ videOneUrl:
+ "https://jsek.bnuic.com/file/api/ApiDownload?md5=68ebd5c05bcb742999a9ebdce4b4bd53",
+ picOneUrl: require("../image/0018-1.jpg"),
+ picArr: [require("../image/0018-1.jpg")],
+ isOpenOne: true,
+ idOpenThree: true,
+ qustionData: {},
+ textAreaItem: {
+ text1: "",
+ text2: "",
+ text3: "",
+ text4: "",
+ text5: "",
+ text6: "",
+ text7: "",
+ text8: "",
+ text9: "",
+ text10: "",
+ text11: "",
+ text12: "",
+ text13: "",
+ text14: "",
+ text15: "",
+ text16: "",
+ text17: "",
+ text18: "",
+ },
+ radio: {},
+ table111: {
+ tbText1: "",
+ tbText2: "",
+ tbText3: "",
+ tbText4: "",
+ tbText5: "",
+ tbText6: "",
+ tbText7: "",
+ tbText8: "",
+ tbText9: "",
+ tbText10: "",
+ },
+ table112: {
+ cell1: "",
+ cell2: "",
+ cell3: "",
+ cell4: "",
+ cell5: "",
+ cell6: "",
+ cell7: "",
+ cell8: "",
+ cell9: "",
+ cell10: "",
+ cell11: "",
+ cell12: "",
+ cell13: "",
+ cell14: "",
+ cell15: "",
+ cell16: "",
+ cell17: "",
+ cell18: "",
+ cell19: "",
+ cell20: "",
+ cell21: "",
+ cell22: "",
+ cell23: "",
+ cell24: "",
+ cell25: "",
+ cell26: "",
+ cell27: "",
+ cell28: "",
+ cell29: "",
+ cell30: "",
+ cell31: "",
+ cell32: "",
+ cell33: "",
+ cell34: "",
+ cell35: "",
+ cell36: "",
+ cell37: "",
+ cell38: "",
+ cell39: "",
+ cell40: "",
+ cell41: "",
+ cell42: "",
+ cell43: "",
+ cell44: "",
+ cell45: "",
+ cell46: "",
+ cell47: "",
+ cell48: "",
+ cell49: "",
+ cell50: "",
+ cell51: "",
+ cell52: "",
+ cell53: "",
+ cell54: "",
+ cell55: "",
+ cell56: "",
+ cell57: "",
+ cell58: "",
+ cell58: "",
+ cell60: "",
+ cell61: "",
+ cell62: "",
+ cell63: "",
+ cell64: "",
+ cell65: "",
+ cell66: "",
+ cell67: "",
+ cell68: "",
+ cell69: "",
+ cell70: "",
+ cell72: "",
+ cell73: "",
+ cell74: "",
+ cell75: "",
+ cell76: "",
+ cell77: "",
+ cell78: "",
+ cell79: "",
+ cell80: "",
+ cell81: "",
+ cell82: "",
+ cell83: "",
+ cell84: "",
+ cell85: "",
+ },
+ table113: {
+ name1: "",
+ name2: "",
+ name3: "",
+ name4: "",
+ name5: "",
+ demand1: "",
+ demand2: "",
+ demand3: "",
+ demand4: "",
+ demand5: "",
+ content1: "",
+ content2: "",
+ content3: "",
+ content4: "",
+ content5: "",
+ },
+ textareaVal: "",
+ },
};
},
components: {
examinations,
- customTable,
},
async created() {
- this.videOneUrl = getResourcePath("68ebd5c05bcb742999a9ebdce4b4bd53");
- this.qustionData = await getQuestionData(testData[1]);
+ const localData = JSON.parse(localStorage.getItem("chapter001"));
+ if (localData) {
+ this.chapter001 = { ...Object.assign(this.chapter001, localData) };
+ }
+
+ this.chapter001.videOneUrl = getResourcePath(
+ "68ebd5c05bcb742999a9ebdce4b4bd53"
+ );
+ this.chapter001.qustionData = await getQuestionData("1", testData[1]);
},
methods: {
activityOne() {
- this.isOpenOne = !this.isOpenOne;
+ this.chapter001.isOpenOne = !this.chapter001.isOpenOne;
},
activityThree() {
- this.idOpenThree = !this.idOpenThree;
+ this.chapter001.idOpenThree = !this.chapter001.idOpenThree;
+ },
+ onBlurChange(val) {
+ console.log(this.chapter001, "local");
+ localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
+ },
+ onBlurChangeTable(val) {
+ localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
+ },
+ onBlurChangeTable112(val) {
+ localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
+ },
+ onBlurChangeText112() {
+ localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
+ },
+ onBlurChangeTable113() {
+ localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
},
},
};
</script>
-
-<style lang="less" scoped></style>
--
Gitblit v1.9.1