闫增涛
2024-06-07 39f4904b1532acfa68eab45d0acbb3217060ecf5
src/books/lifeCare/view/components/chapter001.vue
File was renamed from src/books/lifeCare/view/chapter001.vue
@@ -4,12 +4,12 @@
      <div v-if="showPageList.indexOf(10) > -1">
        <div class="bodystyle topImg">
          <h2 id="b001">
            <img class="img-0" alt="" src="../image/dy1.jpg" />
            <img class="img-0" alt="" src="../../image/dy1.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>
@@ -35,7 +35,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">
@@ -63,7 +63,7 @@
            <div class="content">
              <div class="pageStr">1-2</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -73,7 +73,7 @@
          <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">
@@ -84,13 +84,13 @@
              />
            </p> -->
            <p class="center openImgBox">
              <img class="img-a" alt="" src="../image/0018-1.jpg" />
              <img class="img-a" alt="" src="../../image/0018-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="center"><b>托育园的一天</b></p>
@@ -180,7 +180,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-3</span>
              </div>
@@ -218,90 +218,110 @@
            <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>
            </table>
            <!-- <p class="center"><img class="img-a" alt="" src="../image/0019-2.jpg"></p> -->
            <!-- <p class="center"><img class="img-a" alt="" src="../../image/0019-2.jpg"></p> -->
          </div>
          <h4 id="d003">
            ▶▶ 活动3:说明婴幼儿生活保育工作的目标及意义<span class="fontsz1"
@@ -331,7 +351,7 @@
            <div class="content">
              <div class="pageStr">1-4</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -388,7 +408,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-5</span>
              </div>
@@ -456,7 +476,7 @@
            <div class="content">
              <div class="pageStr">1-6</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -526,7 +546,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-7</span>
              </div>
@@ -598,7 +618,7 @@
            <div class="content">
              <div class="pageStr">1-8</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -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>
@@ -1188,7 +1124,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-9</span>
              </div>
@@ -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>
@@ -1423,8 +1344,8 @@
  },
  data() {
    return {
      picOneUrl: require("../image/0018-1.jpg"),
      picArr: [require("../image/0018-1.jpg")],
      picOneUrl: require("../../image/0018-1.jpg"),
      picArr: [require("../../image/0018-1.jpg")],
      chapter001: {
        videOneUrl:
          "https://jsek.bnuic.com/file/api/ApiDownload?md5=68ebd5c05bcb742999a9ebdce4b4bd53",
@@ -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));
    },
  },