From ae0f7db7767d04612203c8c173c7dd9d0c1b7179 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期五, 24 五月 2024 15:53:18 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/lifeCare/view/chapter008.vue |  860 +++++++++++++++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 805 insertions(+), 55 deletions(-)

diff --git a/src/books/lifeCare/view/chapter008.vue b/src/books/lifeCare/view/chapter008.vue
index 14dd820..7b801bd 100644
--- a/src/books/lifeCare/view/chapter008.vue
+++ b/src/books/lifeCare/view/chapter008.vue
@@ -1,7 +1,7 @@
 锘�<template>
-  <div class="chapter">
-    <div class="page-box">
-      <div class="bodystyle">
+  <div class="chapter" num="8">
+    <div class="page-box" page="137">
+      <div class="bodystyle topImg">
         <h2 id="b008"><img class="img-0" alt="" src="../image/dy8.jpg" /></h2>
         <div class="bk">
           <div class="bj1">
@@ -43,7 +43,20 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="138">
+      <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-133</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
       <div class="bodystyle">
         <div class="bk">
           <div class="bj1">
@@ -93,19 +106,41 @@
         <p>鏍规嵁涓婅堪鎯呭锛屽洖绛斾笅鍒楅棶棰樸��</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="139">
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">1-134</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">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter008.textAreaItem.text1"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text1')"
+          ></textarea>
         </div>
         <p>2.涓轰簡閬垮厤涓婅堪鎯呭涓殑闂锛屽湪绂诲洯鍓嶅簲鐫�閲嶆敞鎰忓摢浜涙柟闈㈢殑妫�鏌ワ紵</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter008.textAreaItem.text2"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text2')"
+          ></textarea>
         </div>
         <h4 id="d085">
           鈻垛柖 娲诲姩2锛氱鍥墠鐨勭敓娲荤収鎶�<span class="fontsz1"
@@ -121,20 +156,123 @@
         <p>鍒嗘瀽涓婅堪鎯呭锛屽畬鎴愪笅鍒楀疄璺垫椿鍔ㄣ��</p>
         <p>1.璁捐涓�寮�1锝�12鏈堥緞濠村効绂诲洯鍓嶇敓娲荤収鎶ゆ竻鍗曪紙瑙佽〃1-8-1锛夈��</p>
         <p class="img">琛�1-8-1銆�1锝�12鏈堥緞濠村効绂诲洯鍓嶇敓娲荤収鎶ゆ竻鍗�</p>
-        <p class="center">
+        <!-- <p class="center">
           <img class="img-a" alt="" src="../image/0150-1.jpg" />
-        </p>
+        </p> -->
+        <div>
+          <table class="table111 table122">
+            <thead>
+              <tr>
+                <th
+                  :style="{
+                    width: index == 3 ? '220px' : '',
+                  }"
+                  v-for="(header, index) in chapter008.headersData181"
+                  :key="index"
+                >
+                  {{ header }}
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                v-for="(row, rowIndex) in chapter008.tableData181"
+                :key="rowIndex"
+              >
+                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
+                  <template v-if="cell === ''">
+                    <input
+                      type="text"
+                      v-model="chapter008.tableData181[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell181(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                  <template v-else>
+                    <input
+                      type="text"
+                      :value="chapter008.tableData181[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell181(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="140">
+      <!-- 濂囨暟椤� -->
+      <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-135</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
       <div class="bodystyle">
         <p>
           2.濠村辜鍎垮洜鍏剁敓鐞嗙壒鐐癸紝鍦ㄤ竴寮�濮嬫槸瀹屽叏渚濊禆鎴愪汉鐨勭収鎶ょ殑锛屼絾闅忕潃鍏惰兘鍔涚殑鍙戝睍锛屾垜浠鏈夋剰璇嗗湴鍩瑰吇浠栦滑鐨勫ソ涔犳儻銆傝灏忕粍鍚堜綔锛屽垎骞撮緞娈佃璁�1锝�12鏈堥緞濠村効绂诲洯濂戒範鎯吇鎴愭暀鑲插畨鎺掕〃锛堣〃1-8-2锛夈��
         </p>
         <p class="img">琛�1-8-2銆�1锝�12鏈堥緞濠村効绂诲洯濂戒範鎯吇鎴愭暀鑲插畨鎺掕〃</p>
-        <p class="center">
+        <!-- <p class="center">
           <img class="img-a" alt="" src="../image/0151-1.jpg" />
-        </p>
+        </p> -->
+        <div>
+          <table class="table111 table122">
+            <thead>
+              <tr>
+                <th
+                  :style="{
+                    width: index == 3 ? '220px' : '',
+                  }"
+                  v-for="(header, index) in chapter008.headersData182"
+                  :key="index"
+                >
+                  {{ header }}
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                v-for="(row, rowIndex) in chapter008.tableData182"
+                :key="rowIndex"
+              >
+                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
+                  <template v-if="cell === ''">
+                    <input
+                      type="text"
+                      v-model="chapter008.tableData182[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell182(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                  <template v-else>
+                    <input
+                      type="text"
+                      :value="chapter008.tableData182[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell182(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <p><br /></p>
         <div class="bk-qjms">
           <p class="bj1-qjms">鈯欍��鎯呭鎻忚堪2銆�鈯�</p>
           <p class="block">
@@ -144,26 +282,127 @@
         <p>鍒嗘瀽涓婅堪鎯呭锛屽畬鎴愪笅鍒楀疄璺垫椿鍔ㄣ��</p>
         <p>1.璁捐涓�寮�24锝�36鏈堥緞骞煎効绂诲洯鍓嶇敓娲荤収鎶ゆ竻鍗曪紙瑙佽〃1-8-3锛夈��</p>
         <p class="img">琛�1-8-3銆�24锝�36鏈堥緞骞煎効绂诲洯鍓嶇敓娲荤収鎶ゆ竻鍗�</p>
-        <p class="center">
+        <!-- <p class="center">
           <img class="img-a" alt="" src="../image/0151-2.jpg" />
-        </p>
+        </p> -->
+        <div>
+          <table class="table111 table122">
+            <thead>
+              <tr>
+                <th
+                  :style="{
+                    width: index == 3 ? '220px' : '',
+                  }"
+                  v-for="(header, index) in chapter008.headersData183"
+                  :key="index"
+                >
+                  {{ header }}
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                v-for="(row, rowIndex) in chapter008.tableData183"
+                :key="rowIndex"
+              >
+                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
+                  <template v-if="cell === ''">
+                    <input
+                      type="text"
+                      v-model="chapter008.tableData183[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell183(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                  <template v-else>
+                    <input
+                      type="text"
+                      :value="chapter008.tableData183[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell183(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
         <p>
           2.璇峰皬缁勫悎浣滐紝鍒嗗勾榫勬璁捐24锝�36鏈堥緞骞煎効绂诲洯濂戒範鎯吇鎴愭暀鑲插畨鎺掕〃锛堣琛�1-8-4锛夈��
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="141">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">1-136</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="bodystyle">
         <p class="img">琛�1-8-4銆�24锝�36鏈堥緞骞煎効绂诲洯濂戒範鎯吇鎴愭暀鑲插畨鎺掕〃</p>
-        <p class="center">
+        <!-- <p class="center">
           <img class="img-a" alt="" src="../image/0152-1.jpg" />
-        </p>
+        </p> -->
+        <div>
+          <table class="table111 table122">
+            <thead>
+              <tr>
+                <th
+                  :style="{
+                    width: index == 3 ? '220px' : '',
+                  }"
+                  v-for="(header, index) in chapter008.headersData184"
+                  :key="index"
+                >
+                  {{ header }}
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                v-for="(row, rowIndex) in chapter008.tableData184"
+                :key="rowIndex"
+              >
+                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
+                  <template v-if="cell === ''">
+                    <input
+                      type="text"
+                      v-model="chapter008.tableData184[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell184(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                  <template v-else>
+                    <input
+                      type="text"
+                      :value="chapter008.tableData184[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell184(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
         <h3 id="c030">
           <span class="bk-h3"
             ><span class="bj1-h3">浜�</span>銆�銆�缁勭粐绂诲洯娲诲姩銆�</span
           >
         </h3>
-        <p><br /></p>
+        <!-- <p><br /></p>
         <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
@@ -174,7 +413,34 @@
             <img class="img-h" alt="" src="../image/0152-2.jpg" />
           </p>
           <p class="img">绂诲洯</p>
+        </div> -->
+        <!-- <p><br /></p> -->
+        <div class="tips-bk" style="margin-top: 80px">
+          <div class="bj-tip">
+            瑙嗛锛氱鍥�<img
+              src="../icons/video.png"
+              @click="activityOne"
+              alt=""
+            />
+          </div>
+          <div
+            class="tips-file"
+            v-if="chapter008.isOpenOne && chapter008.videOneUrl"
+          >
+            <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="chapter008.videOneUrl"
+            ></video>
+          </div>
         </div>
+        <p><br /></p>
         <p>
           鍦ㄥ┐骞煎効绂诲洯鐜妭涓紝淇濇暀浜哄憳瑕佸仛濂戒竴鏃ョ敓娲绘�荤粨浠ュ強瀹跺洯娌熼�氾紝鍚戝闀垮弽棣堝┐骞煎効鐨勪竴鏃ョ敓娲诲拰瀛︿範鎯呭喌銆傚湪绂诲洯娴佺▼鏂归潰锛屼繚鏁欎汉鍛樿鍚堢悊鍒嗗伐銆佺珯浣嶇粍缁囧┐骞煎効鏈夊簭绂诲洯锛涘仛濂芥湁鐗规畩鎯呭喌鐨勫┐骞煎効鍦ㄧ鍥幆鑺傜殑浜ゆ帴瀹夋帓宸ヤ綔锛涘仛濂藉洜鏁呯敱浠栦汉浠ｆ帴鐨勫┐骞煎効鐨勪氦鎺ュ伐浣溿��
         </p>
@@ -198,25 +464,54 @@
         <p>鍒嗘瀽浠ヤ笂鎯呭锛屽皬缁勮璁哄苟鍥炵瓟浠ヤ笅闂銆�</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="142">
+      <!-- 濂囨暟椤� -->
+      <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-137</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
       <div class="bodystyle">
         <p>1.濠村辜鍎跨鍥椿鍔ㄧ殑鐩爣鏄粈涔堬紵</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter008.textAreaItem.text3"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text3')"
+          ></textarea>
         </div>
         <p>2.绂诲洯鐜妭鐨勫畨鍏ㄩ殣鎮ｆ湁鍝簺锛�</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter008.textAreaItem.text4"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text4')"
+          ></textarea>
         </div>
         <p>3.濡備綍鍚堢悊銆佹湁搴忓湴瀹夋帓绂诲洯鐜妭鐨勫伐浣滐紵</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter008.textAreaItem.text5"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text5')"
+          ></textarea>
         </div>
         <h4 id="d087">
           鈻垛柖 娲诲姩2锛氱鍥椂鐨勫鍥矡閫�<span class="fontsz1"
@@ -244,7 +539,20 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="143">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">1-138</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="bodystyle">
         <div class="bk-qjms">
           <p class="block">
@@ -266,13 +574,20 @@
         <p>鍒嗘瀽涓婅堪鎯呭锛屽厛鍥炵瓟闂鍐嶈璁＄浉鍏宠褰曡〃銆�</p>
         <p>1.瀵逛簬灏忔湀榫勫┐鍎跨殑瀹堕暱锛屽湪瀹跺洯娌熼�氫腑搴斾晶閲嶅摢浜涜鐐硅繘琛屽弽棣堬紵</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter008.textAreaItem.text6"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text6')"
+          ></textarea>
         </div>
         <p>2.璇疯璁�6锝�12鏈堥緞濠村効鐨勪竴鏃ョ敓娲昏褰曡〃銆�</p>
         <div class="bk-tx">
-          <p>銆�</p>
-          <p>銆�</p>
+          <p><br /></p>
+          <p><br /></p>
+          <p><br /></p>
         </div>
         <h3 id="c031">
           <span class="bk-h3"
@@ -284,7 +599,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="144">
+      <!-- 濂囨暟椤� -->
+      <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-139</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
       <div class="bodystyle">
         <p>
           姣忓懆搴旇嚦灏戞竻娲佹秷姣�1娆★紝浼犳煋鐥呮祦琛屽鑺傚簲姣忔棩娓呮磥娑堟瘨1娆°�傝鍒囧疄鍋氬ソ娓呮磥涓庢秷姣掑伐浣溿��
@@ -313,7 +642,7 @@
           3.鏀剧疆銆傛秷姣掑悗锛岀敤澶瑰瓙鍙栧嚭锛屾斁鍦ㄥ共鍑�鐨勭洏涓播骞叉按鍒嗭紝灏嗘櫨骞插悗鐨勫ザ鍢村鍦ㄥザ鐡剁洊涓婏紝鏀惧叆涓撶敤灏忕泦涓紝鐩栦笂灏忔瘺宸惧鐢ㄣ��
         </p>
         <p>4.鏁寸悊銆傛竻娲佹暣鐞嗘墍鐢ㄧ墿鍝侊紝鎽嗘斁鏁撮綈銆�</p>
-        <p><br /></p>
+        <!-- <p><br /></p>
         <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
@@ -324,12 +653,38 @@
             <img class="img-h" alt="" src="../image/0155-1.jpg" />
           </p>
           <p class="img">濂剁摱鐨勬竻娲佷笌娑堟瘨</p>
+        </div> -->
+        <div class="tips-bk">
+          <div class="bj-tip">
+            瑙嗛锛氬ザ鐡剁殑娓呮磥涓庢秷姣�<img
+              src="../icons/video.png"
+              @click="activityTwo"
+              alt=""
+            />
+          </div>
+          <div
+            class="tips-file"
+            v-if="chapter008.isOpenTwo && chapter008.videoTwoUrl"
+          >
+            <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="chapter008.videoTwoUrl"
+            ></video>
+          </div>
         </div>
+        <p><br /></p>
         <p><b>鈶㈠疄璁粌涔�</b></p>
         <p>
           2锝�4浜轰负涓�缁勫紑灞曞疄璁搷浣滐紝鍏朵腑涓�浜烘搷浣滐紝鍏朵粬鍚屽瑙傛懇銆傛搷浣滆�呬竴杈瑰疄鎿嶄竴杈硅瑙ｆ搷浣滆棰嗭紝鍏朵粬鍚屽鎸夌収娓呮磥涓庢秷姣掑ザ鐡剁殑璇勫垎鏍囧噯缁欐搷浣滆�呮墦鍒嗐��
         </p>
-        <p><br /></p>
+        <!-- <p><br /></p>
         <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
@@ -340,7 +695,72 @@
             <img class="img-h" alt="" src="../image/0155-2.jpg" />
           </p>
           <p class="img">娓呮磥涓庢秷姣掑ザ鐡剁殑璇勫垎鏍囧噯</p>
+        </div> -->
+        <div class="tips-bk">
+          <div class="bj-tip">
+            鐢ㄥ嫼杩涢鎸囧鐨勮瘎鍒嗘爣鍑�<img
+              src="../icons/task.png"
+              @click="activityScore1"
+              alt=""
+            />
+          </div>
+          <div v-if="chapter008.isScore1Open" class="tips-file">
+            <table class="table111 table122">
+              <thead>
+                <tr>
+                  <th
+                    :style="{
+                      width: index == 1 ? '100px' : '',
+                    }"
+                    v-for="(header, index) in chapter008.publicHeader"
+                    :key="index"
+                  >
+                    {{ header }}
+                  </th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr
+                  v-for="(row, rowIndex) in chapter008.scoreData1"
+                  :key="rowIndex"
+                >
+                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
+                    <template v-if="cell === ''">
+                      <input
+                        type="text"
+                        v-model="chapter008.scoreData1[rowIndex][cellIndex]"
+                        @blur="
+                          updateCellScore1(
+                            rowIndex,
+                            cellIndex,
+                            $event.target.value
+                          )
+                        "
+                      />
+                    </template>
+                    <template v-else-if="cellIndex == 4">
+                      <input
+                        type="text"
+                        v-model="chapter008.scoreData1[rowIndex][cellIndex]"
+                        @blur="
+                          updateCellScore1(
+                            rowIndex,
+                            cellIndex,
+                            $event.target.value
+                          )
+                        "
+                      />
+                    </template>
+                    <template v-else>
+                      {{ cell }}
+                    </template>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
         </div>
+        <p><br /></p>
         <h4 id="d089">
           鈻垛柖 娲诲姩2锛氫簡瑙ｆ墭鑲插洯鏃ュ父娓呮磥涓庢秷姣掓柟娉�<span class="fontsz1"
             >锛烇紴锛烇紴锛烇紴锛烇紴</span
@@ -355,24 +775,87 @@
         <p>鍒嗘瀽浠ヤ笂鎯呭锛屼互灏忕粍鍚堜綔鐨勫舰寮忓洖绛旈棶棰樺苟濉啓鐩稿叧琛ㄦ牸銆�</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="145">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">1-40</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">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter008.textAreaItem.text7"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text7')"
+          ></textarea>
         </div>
         <p>2.璇峰～鍐欐墭鑲插洯鏃ュ父娓呮磥涓庢秷姣掓祦绋嬭鑼冭〃锛堣琛�1-8-5锛夈��</p>
         <p class="img">琛�1-8-5銆�鎵樿偛鍥棩甯告竻娲佷笌娑堟瘨娴佺▼瑙勮寖琛�</p>
-        <p class="center">
+        <!-- <p class="center">
           <img class="img-a" alt="" src="../image/0156-1.jpg" />
-        </p>
+        </p> -->
+        <div>
+          <table class="table111 table122">
+            <thead>
+              <tr>
+                <th
+                  :style="{
+                    width: index == 3 ? '220px' : '',
+                  }"
+                  v-for="(header, index) in chapter008.headersData185"
+                  :key="index"
+                >
+                  {{ header }}
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                v-for="(row, rowIndex) in chapter008.tableData185"
+                :key="rowIndex"
+              >
+                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
+                  <template v-if="cell === ''">
+                    <input
+                      type="text"
+                      v-model="chapter008.tableData185[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell185(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                  <template v-else>
+                    <input
+                      type="text"
+                      :value="chapter008.tableData185[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell185(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <p><br /></p>
         <h4 id="d090">
           鈻垛柖 搴旂敤涓庡疄璺�<span class="fontsz1">锛烇紴锛烇紴锛烇紴锛烇紴</span>
         </h4>
-        <p><br /></p>
-        <div class="bk-sys">
+        <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
               <img class="img-gn1" alt="" src="../image/dy-ycs.png" />
@@ -381,15 +864,25 @@
           <p class="center">
             <img class="img-g" alt="" src="../image/0156-2.jpg" />
           </p>
-        </div>
+        </div> -->
         <p><b>涓�銆侀�夋嫨棰�</b></p>
-        <p>1.鍒╃敤钂告苯鐨勯珮娓╀綔鐢ㄥ皢鑷寸梾寰敓鐗╂潃鐏殑娑堟瘨鏂规硶鍙綔锛堛��銆�锛夈��</p>
+        <p>
+          1.鍒╃敤钂告苯鐨勯珮娓╀綔鐢ㄥ皢鑷寸梾寰敓鐗╂潃鐏殑娑堟瘨鏂规硶鍙綔锛堛��<input
+            v-model="chapter008.radio.text7"
+            @blur="onRadioText()"
+          />銆�銆�锛夈��
+        </p>
         <p class="block">A.绱绾挎秷姣掓硶</p>
         <p class="block">B.鍖栧娑堟瘨娉�</p>
         <p class="block">C.钂告苯娑堟瘨娉�</p>
         <p class="block">D.鐓哺娑堟瘨娉�</p>
         <p class="block">E.宸存皬娑堟瘨娉�</p>
-        <p>2.浠ヤ笅瀵圭収鎶ゅ┐骞煎効瀛︿範銆佹椿鍔ㄥ拰鍗敓淇濆仴鐨勬弿杩颁笉姝ｇ‘鐨勬槸锛堛��銆�锛夈��</p>
+        <p>
+          2.浠ヤ笅瀵圭収鎶ゅ┐骞煎効瀛︿範銆佹椿鍔ㄥ拰鍗敓淇濆仴鐨勬弿杩颁笉姝ｇ‘鐨勬槸锛堛��<input
+            v-model="chapter008.radio.text6"
+            @blur="onRadioText()"
+          />銆�銆�锛夈��
+        </p>
         <p class="block">A.鍒涜瀹夊叏銆佽垝閫傜殑瀛︿範鐜</p>
         <p class="block">B.鎻愪緵鐪熷疄澶氭牱鐨勬潗鏂欙紝鍩瑰吇濠村辜鍎垮鏂归潰鐨勬劅鐭ヨ兘鍔�</p>
         <p class="block">C.娉ㄦ剰濠村辜鍎垮涔犳椿鍔ㄧ殑鐜鍗敓</p>
@@ -397,27 +890,284 @@
         <p class="block">E.淇濊瘉瀛︿範娲诲姩鍦烘墍閲囧厜鑹ソ銆侀�氶</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="146">
+      <!-- 濂囨暟椤� -->
+      <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-141</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
       <div class="bodystyle">
-        <p>3.涓�鑸儏鍐典笅绾稿翱瑁ょ殑鏇存崲鏃堕棿搴斾负锛堛��銆�锛夈��</p>
+        <p>
+          3.涓�鑸儏鍐典笅绾稿翱瑁ょ殑鏇存崲鏃堕棿搴斾负锛堛��<input
+            v-model="chapter008.radio.text5"
+            @blur="onRadioText()"
+          />銆�銆�锛夈��
+        </p>
         <p class="block">A.2锝�3灏忔椂</p>
         <p class="block">B.4锝�6灏忔椂</p>
         <p class="block">C.5锝�8灏忔椂</p>
         <p class="block">D.9锝�10灏忔椂</p>
-        <p>4.缁欏┐骞煎効渚跨泦娑堟瘨甯哥敤鐨勬秷姣掑墏鏄紙銆�銆�锛夈��</p>
+        <p>
+          4.缁欏┐骞煎効渚跨泦娑堟瘨甯哥敤鐨勬秷姣掑墏鏄紙銆�<input
+            v-model="chapter008.radio.text4"
+            @blur="onRadioText()"
+          />銆�銆�锛夈��
+        </p>
         <p class="block">A.娆℃隘閰搁挔娑堟瘨娑�</p>
         <p class="block">B.纰樹紡</p>
         <p class="block">C.閰掔簿</p>
         <p class="block">D.杩囨哀涔欓吀</p>
         <p class="block">E.鐜哀涔欑兎</p>
         <p>
-          5.鍋囧濠村辜鍎跨殑灏块噺姣斿钩鏃剁殑灏块噺锛堛��銆�锛夛紝灏忎究鍙戦粍銆侀鑹茶緝娣憋紝濠村辜鍎垮彲鑳芥槸鍙戠儳浜嗐��
+          5.鍋囧濠村辜鍎跨殑灏块噺姣斿钩鏃剁殑灏块噺锛堛��<input
+            v-model="chapter008.radio.text3"
+            @blur="onRadioText()"
+          />銆�銆�锛夛紝灏忎究鍙戦粍銆侀鑹茶緝娣憋紝濠村辜鍎垮彲鑳芥槸鍙戠儳浜嗐��
         </p>
         <p class="block">A.澧炲</p>
         <p class="block">B.鍑忓皯</p>
         <p><b>浜屻�佽杩伴</b></p>
         <p>绠�杩板┐骞煎効绂诲洯鐨勬祦绋嬶紝鍙婁笉鍚岀幆鑺傚淇濇暀浜哄憳鐨勮姹傘��</p>
+        <div class="bk-tx">
+          <textarea
+            v-model="chapter008.radio.desc"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('desc')"
+          ></textarea>
+        </div>
+        <div class="tips-bk">
+          <div class="bj-tip">
+            浜戞祴璇曪細鍗曞厓鍏簲鐢ㄤ笌瀹炶返<img
+              src="../icons/sub.png"
+              @click="activityThree"
+              alt=""
+            />
+          </div>
+          <div
+            v-if="chapter008.idOpenThree && chapter008.qustionData[141]"
+            class="tips-file"
+          >
+            <examinations :primaryColor="'#f49a4c'" :cardList="chapter008.qustionData[141]" />
+          </div>
+        </div>
       </div>
     </div>
   </div>
 </template>
+<script>
+import getResourcePath from "@/assets/methods/resources.js";
+import getQuestionData from "@/assets/methods/examination.js";
+import testData from "../js/examinationList.js";
+import examinations from "@/components/examinations/index.vue";
+
+export default {
+  name: "chapter008",
+  data() {
+    return {
+      chapter008: {
+        videOneUrl: "",
+        videoTwoUrl: "",
+        isGroupOpen: true,
+        isOpenOne: true,
+        isOpenTwo: true,
+        idOpenThree: true,
+        isScore1Open: true,
+        isScore2Open: true,
+        isScore3Open: true,
+        qustionData: {},
+        publicHeader: ["搴忓彿", "鑰冩牳鍐呭", "閰嶅垎", "璇勫垎鏍囧噯", "鎵ｅ垎", "寰楀垎"],
+        // 娓呮磥涓庢秷姣掑ザ鐡剁殑璇勫垎鏍囧噯
+        scoreData1: [
+          [
+            1,
+            "鐗╁搧鍑嗗",
+            10,
+            "濂剁摱鍒枫�佸皬姣涘埛銆佸ザ鐡跺す銆侀攨銆佸皬鐩嗐�佺罕甯冦�佸皬 1 鍒嗭紝鎵ｅ畬涓烘姣涘肪锛堣鏄庝笉鍑嗙‘姣忛」鎵�2鍒嗭紝鎵ｅ畬涓烘锛�",
+            "",
+            "",
+          ],
+          [
+            2,
+            "鎿嶄綔鑰呭噯澶�",
+            10,
+            "鐢ㄨ偉鐨傘�佹祦鍔ㄦ按娲楀噣鍙屾墜锛屾暣鐞嗕华琛紝涓嶆埓鎴掓寚锛屼笉鐣欓暱鎸囩敳锛屼笉鎶暱鍙戯紝涓嶇┛楂樿窡闉嬪拰鎷栭瀷锛堣鏄庝笉鍑嗙‘姣忛」鎵�2鍒嗭紝鎵ｅ畬涓烘锛�",
+            "",
+            "",
+          ],
+          [
+            3,
+            "纭畾椁愬叿鏁伴噺",
+            30,
+            "灏嗗ザ鐡剁殑鎵�鏈夌粍浠跺寘鎷ザ鐡躲�佺摱鐩栥�佸ザ鍢淬�佸鐜叏閮ㄦ媶寮�锛岄�愪竴鐢ㄥ埛瀛愬埛鍘绘畫鐣欑殑涔虫眮锛岀劧鍚庡啿娲楀共鍑�锛涘ザ鍢存礊銆佸ザ鍢村唴渚у強濂剁摱鐩栫殑娌熺汗澶勭瓑锛屽疁鐢ㄥ皬鍒峰瓙鍒锋礂锛堟搷浣滃拰璇存槑涓嶅噯纭瘡鐜妭鎵�10鍒嗭紝鍏�30鍒嗭級",
+            "",
+            "",
+          ],
+          [
+            4,
+            "鍒嗗彂纰�",
+            30,
+            "鐢ㄦ秷姣掗攨娑堟瘨鎴栫儹姘寸叜娌告秷姣掋�傚皢濂剁摱鏀惧叆閿呭唴鐓�5锝�10鍒嗛挓锛屽ザ鍢村強鐡剁洊鐢ㄧ罕甯冨寘浣忕叜3鍒嗛挓銆傦紙鎿嶄綔鍜岃鏄庝笉鍑嗙‘姣忕幆鑺傛墸10鍒嗭紝鍏�30鍒嗭級",
+            "",
+            "",
+          ],
+          [
+            5,
+            "鍒嗗彂鐩樺瓙",
+            10,
+            "娑堟瘨鍚庯紝鐢ㄥす瀛愬彇鍑猴紝鏀惧湪骞插噣鐩樹腑娌ュ共姘村垎锛屾櫨骞插悗鐨勫ザ鍢达紝濂楀ソ濂剁摱鐩栵紝鏀惧叆涓撶敤灏忕泦涓紝鐩栦笂灏忔瘺宸惧鐢紙鎿嶄綔鍜岃鏄庝笉鍑嗙‘鎵�10鍒嗭級",
+            "",
+            "",
+          ],
+          [
+            6,
+            "鏁寸悊",
+            10,
+            "娓呮磥鏁寸悊鎵�鐢ㄧ墿鍝侊紝鎽嗘斁鏁撮綈锛堟搷浣滃拰璇存槑涓嶅噯纭墸10鍒嗭級",
+            "",
+            "",
+          ],
+        ],
+        // 琛ㄦ牸1-8-1
+        headersData181: ["椤圭洰", "鍐呭"], // 琛ㄥご
+        tableData181: [
+          // 浜岀淮鏁扮粍浣滀负琛ㄦ牸鏁版嵁
+          ["", ""],
+          ["", ""],
+          ["", ""],
+          ["", ""],
+          ["", ""],
+          ["", ""],
+        ],
+        // 1-8-2
+        headersData182: ["椤圭洰", "濂戒範鎯吇鎴愭爣鍑�"], // 琛ㄥご
+        tableData182: [
+          // 浜岀淮鏁扮粍浣滀负琛ㄦ牸鏁版嵁
+          ["", ""],
+          ["", ""],
+          ["", ""],
+          ["", ""],
+          ["", ""],
+          ["", ""],
+        ],
+        // 1-8-3
+        headersData183: ["椤圭洰", "鍐呭"], // 琛ㄥご
+        tableData183: [
+          // 浜岀淮鏁扮粍浣滀负琛ㄦ牸鏁版嵁
+          ["", ""],
+          ["", ""],
+          ["", ""],
+          ["", ""],
+          ["", ""],
+        ],
+        // 1-8-4
+        headersData184: ["椤圭洰", "濂戒範鎯吇鎴愭爣鍑�"],
+        tableData184: [
+          ["", ""],
+          ["", ""],
+          ["", ""],
+          ["", ""],
+          ["", ""],
+        ],
+        // 1-8-5
+        headersData185: ["瀵硅薄", "鏂规硶", "娴佺▼"],
+        tableData185: [
+          ["", "", ""],
+          ["", "", ""],
+          ["", "", ""],
+          ["", "", ""],
+          ["", "", ""],
+        ],
+        textAreaItem: {},
+        radio: {},
+      },
+    };
+  },
+  components: {
+    examinations,
+  },
+  async created() {
+    const localData = JSON.parse(localStorage.getItem("chapter008"));
+    if (localData) {
+      this.chapter008 = { ...Object.assign(this.chapter008, localData) };
+    }
+    this.chapter008.videOneUrl = getResourcePath("80986796eb2d8ee1a47cdde606900ed0");
+    this.chapter008.videoTwoUrl = getResourcePath("460c7bc740882a9ad93b096a2151dd1c");
+    this.chapter008.videOneUrl =
+      "https://jsek.bnuic.com/file/api/ApiDownload?md5=80986796eb2d8ee1a47cdde606900ed0";
+    this.chapter008.videoTwoUrl =
+      "https://jsek.bnuic.com/file/api/ApiDownload?md5=460c7bc740882a9ad93b096a2151dd1c";
+    this.chapter008.qustionData = await getQuestionData("8",testData[8],this.config.activeBook);
+  },
+  methods: {
+    activityOne() {
+      this.chapter008.isOpenOne = !this.chapter008.isOpenOne;
+    },
+    activityTwo() {
+      this.chapter008.isOpenTwo = !this.chapter008.isOpenTwo;
+    },
+    activityThree() {
+      this.chapter008.idOpenThree = !this.chapter008.idOpenThree;
+    },
+    activityScore1() {
+      this.chapter008.isScore1Open = !this.chapter008.isScore1Open;
+      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
+    },
+    updateCellScore1(rowIndex, cellIndex, value) {
+      // 鏇存柊鍗曞厓鏍兼暟鎹�
+      this.$set(this.chapter008.scoreData1[rowIndex], cellIndex, value);
+      if (cellIndex == 4) {
+        this.$set(
+          this.chapter008.scoreData1[rowIndex],
+          5,
+          this.chapter008.scoreData1[rowIndex][2] -
+            this.chapter008.scoreData1[rowIndex][cellIndex]
+        );
+      }
+      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
+    },
+    updateCell181(rowIndex, cellIndex, value) {
+      // 鏇存柊鍗曞厓鏍兼暟鎹�
+      this.$set(this.chapter008.tableData181[rowIndex], cellIndex, value);
+      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
+    },
+    updateCell182(rowIndex, cellIndex, value) {
+      // 鏇存柊鍗曞厓鏍兼暟鎹�
+      this.$set(this.chapter008.tableData182[rowIndex], cellIndex, value);
+      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
+    },
+    updateCell183(rowIndex, cellIndex, value) {
+      // 鏇存柊鍗曞厓鏍兼暟鎹�
+      this.$set(this.chapter008.tableData183[rowIndex], cellIndex, value);
+      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
+    },
+    updateCell184(rowIndex, cellIndex, value) {
+      // 鏇存柊鍗曞厓鏍兼暟鎹�
+      this.$set(this.chapter008.tableData184[rowIndex], cellIndex, value);
+      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
+    },
+    updateCell185(rowIndex, cellIndex, value) {
+      // 鏇存柊鍗曞厓鏍兼暟鎹�
+      this.$set(this.chapter008.tableData185[rowIndex], cellIndex, value);
+      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
+    },
+    onBlurChange() {
+      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
+    },
+    onRadioText() {
+      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
+    },
+  },
+};
+</script>

--
Gitblit v1.9.1