闫增涛
2024-06-07 39f4904b1532acfa68eab45d0acbb3217060ecf5
src/books/lifeCare/view/components/chapter002.vue
File was renamed from src/books/lifeCare/view/chapter002.vue
@@ -1,13 +1,14 @@
<!-- eslint-disable no-irregular-whitespace -->
<template>
  <div class="chapter" num="3">
    <div class="page-box" page="19">
      <div v-if="showPageList.indexOf(19) > -1">
        <div class="bodystyle topImg">
          <h2 id="b002"><img class="img-0" alt="" src="../image/dy2.jpg" /></h2>
          <h2 id="b002"><img class="img-0" alt="" src="../../image/dy2.jpg" /></h2>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxmb.jpg" />
              </p>
            </div>
            <p class="block">通过本单元的学习,同学们应当实现如下学习目标。</p>
@@ -33,7 +34,7 @@
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxjy.jpg" />
              </p>
            </div>
            <p class="block">
@@ -60,7 +61,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第二单元·来园活动照护</span>
                <span class="pageNum">1-11</span>
              </div>
@@ -72,22 +73,22 @@
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center openImgBox">
              <img class="img-a" alt="" src="../image/0027-1.jpg" />
              <img class="img-a" alt="" src="../../image/0027-1.jpg" />
            </p>
          </div>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xgzl.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xgzl.jpg" />
              </p>
            </div>
            <p class="img">托班保教人员来园工作流程(节选)</p>
            <p class="center">
              <img class="img-a" alt="" src="../image/0027-2.jpg" />
              <img class="img-a" alt="" src="../../image/0027-2.jpg" />
            </p>
          </div>
        </div>
@@ -101,7 +102,7 @@
            <div class="content">
              <div class="pageStr">1-12</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -207,7 +208,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第二单元·来园活动照护</span>
                <span class="pageNum">1-13</span>
              </div>
@@ -244,11 +245,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0029-1.jpg" />
            <img class="img-h" alt="" src="../../image/0029-1.jpg" />
          </p>
          <p class="img">班级环境清洁消毒的评分标准</p>
        </div> -->
@@ -374,7 +375,7 @@
            <div class="content">
              <div class="pageStr">1-14</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -426,8 +427,8 @@
                        index == 0 ||
                        index == chapter002.headersData.length - 2 ||
                        index == chapter002.headersData.length - 1
                          ? '100px'
                          : '',
                          ? '120px'
                          : '40px',
                    }"
                    v-for="(header, index) in chapter002.headersData"
                    :key="index"
@@ -443,23 +444,20 @@
                >
                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                    <template v-if="cell === ''">
                      <input
                        type="text"
                        v-model="chapter002.tableData121[rowIndex][cellIndex]"
                        @blur="
                          updateCell(rowIndex, cellIndex, $event.target.value)
                        "
                      />
                      <div
                        contenteditable
                        @blur="updateCell(rowIndex, cellIndex, $event)"
                      >
                        {{ chapter002.tableData121[rowIndex][cellIndex] }}
                      </div>
                    </template>
                    <template v-else>
                      <input
                        :readonly="cellIndex == 0"
                        type="text"
                        :value="chapter002.tableData121[rowIndex][cellIndex]"
                        @blur="
                          updateCell(rowIndex, cellIndex, $event.target.value)
                        "
                      />
                      <div
                        :contenteditable="cellIndex != 0"
                        @blur="updateCell(rowIndex, cellIndex, $event)"
                      >
                        {{ chapter002.tableData121[rowIndex][cellIndex] }}
                      </div>
                    </template>
                  </td>
                </tr>
@@ -476,7 +474,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第二单元·来园活动照护</span>
                <span class="pageNum">1-15</span>
              </div>
@@ -538,7 +536,7 @@
            <div class="content">
              <div class="pageStr">1-16</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -643,7 +641,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第二单元·来园活动照护</span>
                <span class="pageNum">1-17</span>
              </div>
@@ -767,8 +765,8 @@
          <table class="table111 table122">
            <thead>
              <tr>
                <th rowspan="3">日期</th>
                <th rowspan="3">姓名</th>
                <th rowspan="3" style="width: 55px">日期</th>
                <th rowspan="3" style="width: 55px">姓名</th>
                <th colspan="3">晨间检查情况</th>
                <th colspan="8">全日观察情况</th>
                <th colspan="2">交班</th>
@@ -801,22 +799,20 @@
              >
                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                  <template v-if="cell === ''">
                    <input
                      type="text"
                      :value="chapter002.tableData122[rowIndex][cellIndex]"
                      @blur="
                        updateCell122(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                    <div
                      contenteditable
                      @blur="updateCell122(rowIndex, cellIndex, $event)"
                    >
                      {{ chapter002.tableData122[rowIndex][cellIndex] }}
                    </div>
                  </template>
                  <template v-else>
                    <input
                      type="text"
                      :value="chapter002.tableData122[rowIndex][cellIndex]"
                      @blur="
                        updateCell122(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                    <div
                      contenteditable
                      @blur="updateCell122(rowIndex, cellIndex, $event)"
                    >
                      {{ chapter002.tableData122[rowIndex][cellIndex] }}
                    </div>
                  </template>
                </td>
              </tr>
@@ -833,7 +829,7 @@
            <div class="content">
              <div class="pageStr">1-18</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -893,22 +889,24 @@
              >
                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                  <template v-if="cell === ''">
                    <input
                      type="text"
                      v-model="chapter002.tableData123[rowIndex][cellIndex]"
                    <div
                      contenteditable
                      @blur="
                        updateCell123(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                    >
                      {{ chapter002.tableData123[rowIndex][cellIndex] }}
                    </div>
                  </template>
                  <template v-else>
                    <input
                      type="text"
                      :value="cell"
                    <div
                      contenteditable
                      @blur="
                        updateCell123(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                    >
                      {{ cell }}
                    </div>
                  </template>
                </td>
              </tr>
@@ -924,7 +922,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第二单元·来园活动照护</span>
                <span class="pageNum">1-19</span>
              </div>
@@ -1050,7 +1048,7 @@
          </p>
          <p>5.评分,由其他组按照设计来园提示卡的评分标准打分。</p>
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../image/0035-2.jpg" />
            <img class="img-b" alt="" src="../../image/0035-2.jpg" />
          </p>
          <p class="img">图1-2-1 来园提示卡</p>
        </div>
@@ -1064,7 +1062,7 @@
            <div class="content">
              <div class="pageStr">1-20</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -1128,7 +1126,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第二单元·来园活动照护</span>
                <span class="pageNum">1-21</span>
              </div>
@@ -1202,7 +1200,7 @@
            <div class="content">
              <div class="pageStr">1-22</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -1278,7 +1276,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第二单元·来园活动照护</span>
                <span class="pageNum">1-23</span>
              </div>
@@ -1420,8 +1418,8 @@
  },
  data() {
    return {
      picOneUrl: require("../image/0027-1.jpg"),
      picArr: [require("../image/0027-1.jpg")],
      picOneUrl: require("../../image/0027-1.jpg"),
      picArr: [require("../../image/0027-1.jpg")],
      chapter002: {
        videOneUrl: "",
        videOneUrl116: "",
@@ -1693,24 +1691,40 @@
      this.chapter002.isInspectOpen = !this.chapter002.isInspectOpen;
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    updateCell(rowIndex, cellIndex, value) {
    updateCell(rowIndex, cellIndex, e) {
      // 更新单元格数据
      this.$set(this.chapter002.tableData121[rowIndex], cellIndex, value);
      this.$set(
        this.chapter002.tableData121[rowIndex],
        cellIndex,
        e.target.innerText
      );
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    updateCell122(rowIndex, cellIndex, value) {
    updateCell122(rowIndex, cellIndex, e) {
      // 更新单元格数据
      this.$set(this.chapter002.tableData122[rowIndex], cellIndex, value);
      this.$set(
        this.chapter002.tableData122[rowIndex],
        cellIndex,
        e.target.innerText
      );
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    updateCell123(rowIndex, cellIndex, value) {
    updateCell123(rowIndex, cellIndex, e) {
      // 更新单元格数据
      this.$set(this.chapter002.tableData123[rowIndex], cellIndex, value);
      this.$set(
        this.chapter002.tableData123[rowIndex],
        cellIndex,
        e.target.innerText
      );
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    updateCellGroup(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter002.groupData[rowIndex], cellIndex, value);
      this.$set(
        this.chapter002.groupData[rowIndex],
        cellIndex,
        value
      );
      if (cellIndex == 4) {
        this.$set(
          this.chapter002.groupData[rowIndex],
@@ -1723,7 +1737,11 @@
    },
    updateCellDesign(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter002.designData[rowIndex], cellIndex, value);
      this.$set(
        this.chapter002.designData[rowIndex],
        cellIndex,
        value
      );
      if (cellIndex == 4) {
        this.$set(
          this.chapter002.designData[rowIndex],
@@ -1736,7 +1754,11 @@
    },
    updateCellInspect(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter002.inspectData[rowIndex], cellIndex, value);
      this.$set(
        this.chapter002.inspectData[rowIndex],
        cellIndex,
        value
      );
      if (cellIndex == 4) {
        this.$set(
          this.chapter002.inspectData[rowIndex],