闫增涛
2024-05-31 04dcf813e8002a99f6553d25065c30af1c4431f2
src/books/lifeCare/view/chapter005.vue
@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="6">
    <div class="page-box" page="71">
      <div v-if="showPageList.indexOf(71) > -1">
    <div class="page-box" page="75">
      <div v-if="showPageList.indexOf(75) > -1">
        <div class="bodystyle topImg">
          <h2 id="b005">
            <img class="img-0" alt="" src="../image/dy5.jpg" />
@@ -62,8 +62,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="72">
      <div v-if="showPageList.indexOf(72) > -1">
    <div class="page-box" page="76">
      <div v-if="showPageList.indexOf(76) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -84,13 +84,8 @@
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center">
              <el-image
                class="chapter002-img-0035"
                :src="picOneUrl"
                :preview-src-list="picArr"
              />
              <!-- <img class="img-a" alt="" src="../image/0083-1.jpg" /> -->
            <p class="center openImgBox">
              <img class="img-a" alt="" src="../image/0083-1.jpg" />
            </p>
          </div>
          <div class="bk">
@@ -109,8 +104,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="73">
      <div v-if="showPageList.indexOf(73) > -1">
    <div class="page-box" page="77">
      <div v-if="showPageList.indexOf(77) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -168,8 +163,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="74">
      <div v-if="showPageList.indexOf(74) > -1">
    <div class="page-box" page="78">
      <div v-if="showPageList.indexOf(78) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -290,8 +285,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="75">
      <div v-if="showPageList.indexOf(75) > -1">
    <div class="page-box" page="79">
      <div v-if="showPageList.indexOf(79) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -388,7 +383,33 @@
          </div>
          <p><br /></p>
          <p>3.小组讨论分析各位成员的一日食谱,评出最佳一日食谱。</p>
          <p>(1)请用图片形式呈现,并贴在下面。</p>
          <p class="pic-wall">
            (1)请用图片形式呈现,并贴在下面。<span
              class="btnUpload-list"
              @click="handFile('fileTwo')"
            >
              <svg
                t="1717059899765"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2633"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                width="18"
                height="18"
              >
                <path
                  d="M256.111993 608.601962c61.628148 0 122.808324 17.790888 183.220549 52.796701 88.122492-119.67252 198.387601-180.788701 328.747453-180.788701 80.122992 0 142.071121 0 191.860009 41.213424V217.522405C959.940004 168.181489 919.750516 127.992 870.345603 127.992h-716.755202A89.5944 89.5944 0 0 0 63.996 217.586401v489.569402c47.165052-64.95594 111.929004-98.489844 192.179989-98.489845z m95.994-159.99a95.994 95.994 0 1 0 0-191.988001 95.994 95.994 0 0 0 0 191.988001z m0 63.996a159.990001 159.990001 0 1 1 0-319.980001 159.990001 159.990001 0 0 1 0 319.980001zM1023.936004 619.097306a254.448097 254.448097 0 0 0-112.63296-41.469408c-38.909568-33.021936-81.27492-33.021936-143.223049-33.021936-116.664708 0-213.682645 58.23636-293.357665 177.716893l-17.726892 26.622336-26.622336-17.726892c-58.940316-39.293544-116.920692-58.620336-174.261109-58.620336-72.699456 0-125.880132 53.564652-163.317793 128.439972l-14.335104 28.606212-14.207112-7.103556A89.5944 89.5944 0 0 0 153.590401 905.031436h425.893381c6.783576 22.782576 16.63896 44.285232 29.182176 63.996H153.590401a153.590401 153.590401 0 0 1-153.590401-153.590401V217.586401A153.590401 153.590401 0 0 1 153.590401 63.996h716.691206A153.654397 153.654397 0 0 1 1023.936004 217.586401v401.510905z"
                  p-id="2634"
                ></path>
                <path
                  d="M796.366227 796.430223v-142.199112a28.414224 28.414224 0 0 1 56.892444 0v142.199112h142.199113a28.414224 28.414224 0 0 1 0 56.828448h-142.199113v142.263109a28.414224 28.414224 0 0 1-56.95644 0v-142.263109h-142.135116a28.414224 28.414224 0 0 1 0-56.828448h142.199112z"
                  p-id="2635"
                ></path>
              </svg>
            </span>
          </p>
          <!-- <div class="bk-tx">
          <textarea
            v-model="chapter005.textAreaItem.text7"
@@ -404,16 +425,11 @@
              v-if="chapter005.pictrueListTwo.length > 0"
            >
              <div
                class="demo-image__preview"
                class="demo-image__preview openImgBox"
                v-for="item in chapter005.pictrueListTwo"
                :key="item"
              >
                <el-image
                  style="height: 100%"
                  :src="item"
                  :preview-src-list="chapter005.pictrueListTwo"
                >
                </el-image>
                <img style="height: 100%" :src="item" alt="" />
              </div>
            </div>
            <div class="bk-inputUpload">
@@ -422,14 +438,13 @@
                id="fileTwo"
                @change="handUploadFile($event, '2')"
              />
              <span class="btnUpload-list" @click="handFile('fileTwo')">+</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="76">
      <div v-if="showPageList.indexOf(76) > -1">
    <div class="page-box" page="80">
      <div v-if="showPageList.indexOf(80) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -546,8 +561,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="77">
      <div v-if="showPageList.indexOf(77) > -1">
    <div class="page-box" page="81">
      <div v-if="showPageList.indexOf(81) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -712,8 +727,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="78">
      <div v-if="showPageList.indexOf(78) > -1">
    <div class="page-box" page="82">
      <div v-if="showPageList.indexOf(82) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -818,8 +833,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="79">
      <div v-if="showPageList.indexOf(79) > -1">
    <div class="page-box" page="83">
      <div v-if="showPageList.indexOf(83) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -923,8 +938,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="80">
      <div v-if="showPageList.indexOf(80) > -1">
    <div class="page-box" page="84">
      <div v-if="showPageList.indexOf(84) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -998,8 +1013,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="81">
      <div v-if="showPageList.indexOf(81) > -1">
    <div class="page-box" page="85">
      <div v-if="showPageList.indexOf(85) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1061,8 +1076,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="82">
      <div v-if="showPageList.indexOf(82) > -1">
    <div class="page-box" page="86">
      <div v-if="showPageList.indexOf(86) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1231,8 +1246,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="83">
      <div v-if="showPageList.indexOf(83) > -1">
    <div class="page-box" page="87">
      <div v-if="showPageList.indexOf(87) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1320,8 +1335,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="84">
      <div v-if="showPageList.indexOf(84) > -1">
    <div class="page-box" page="88">
      <div v-if="showPageList.indexOf(88) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1393,8 +1408,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="85">
      <div v-if="showPageList.indexOf(85) > -1">
    <div class="page-box" page="89">
      <div v-if="showPageList.indexOf(89) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1501,8 +1516,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="86">
      <div v-if="showPageList.indexOf(86) > -1">
    <div class="page-box" page="90">
      <div v-if="showPageList.indexOf(90) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1724,8 +1739,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="87">
      <div v-if="showPageList.indexOf(87) > -1">
    <div class="page-box" page="91">
      <div v-if="showPageList.indexOf(91) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1895,8 +1910,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="88">
      <div v-if="showPageList.indexOf(88) > -1">
    <div class="page-box" page="92">
      <div v-if="showPageList.indexOf(92) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -2010,8 +2025,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="89">
      <div v-if="showPageList.indexOf(89) > -1">
    <div class="page-box" page="93">
      <div v-if="showPageList.indexOf(93) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -2074,8 +2089,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="90">
      <div v-if="showPageList.indexOf(90) > -1">
    <div class="page-box" page="94">
      <div v-if="showPageList.indexOf(94) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -2248,8 +2263,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="91">
      <div v-if="showPageList.indexOf(91) > -1">
    <div class="page-box" page="95">
      <div v-if="showPageList.indexOf(95) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -2334,8 +2349,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="92">
      <div v-if="showPageList.indexOf(92) > -1">
    <div class="page-box" page="96">
      <div v-if="showPageList.indexOf(96) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -2398,8 +2413,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="93">
      <div v-if="showPageList.indexOf(93) > -1">
    <div class="page-box" page="97">
      <div v-if="showPageList.indexOf(97) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -2461,8 +2476,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="94">
      <div v-if="showPageList.indexOf(94) > -1">
    <div class="page-box" page="98">
      <div v-if="showPageList.indexOf(98) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -2540,8 +2555,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="95">
      <div v-if="showPageList.indexOf(95) > -1">
    <div class="page-box" page="99">
      <div v-if="showPageList.indexOf(99) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -2586,23 +2601,79 @@
              <thead>
                <tr>
                  <th>婴幼儿姓名</th>
                  <th></th>
                  <td>
                    <textarea
                      rows="2"
                      style="min-width: 80px;max-width:80px;font-size: 14px"
                      v-model="chapter005.textTh.text1"
                      @blur="changeThVal($event, 'text1')"
                    />
                  </td>
                  <th>性别</th>
                  <th></th>
                  <td>
                    <textarea
                      rows="2"
                      style="min-width: 80px;max-width:80px;font-size: 14px"
                      v-model="chapter005.textTh.text2"
                      @blur="changeThVal($event, 'text2')"
                    />
                  </td>
                  <th>年龄</th>
                  <th></th>
                  <td>
                    <textarea
                      rows="2"
                      style="min-width: 80px;max-width:80px;font-size: 14px"
                      v-model="chapter005.textTh.text3"
                      @blur="changeThVal($event, 'text3')"
                    />
                  </td>
                  <th>班级</th>
                  <th></th>
                  <td>
                    <textarea
                      rows="2"
                      style="min-width: 80px;max-width:80px;font-size: 14px"
                      v-model="chapter005.textTh.text4"
                      @blur="changeThVal($event, 'text4')"
                    />
                  </td>
                </tr>
                <tr>
                  <th>家长姓名</th>
                  <th></th>
                  <td>
                    <textarea
                      rows="2"
                      style="min-width: 80px;max-width:80px;font-size: 14px"
                      v-model="chapter005.textTh.text5"
                      @blur="changeThVal($event, 'text5')"
                    />
                  </td>
                  <th>联系方式</th>
                  <th></th>
                  <td>
                    <textarea
                      rows="2"
                      style="min-width: 80px;max-width:80px;font-size: 14px"
                      v-model="chapter005.textTh.text6"
                      @blur="changeThVal($event, 'text6')"
                    />
                  </td>
                  <th>家庭住址</th>
                  <th></th>
                  <td>
                    <textarea
                      rows="2"
                      style="min-width: 80px;max-width:80px;font-size: 14px"
                      v-model="chapter005.textTh.text7"
                      @blur="changeThVal($event, 'text7')"
                    />
                  </td>
                  <th>记录时间</th>
                  <th></th>
                  <td>
                    <textarea
                      rows="2"
                      style="min-width: 80px;max-width:80px;font-size: 14px"
                      v-model="chapter005.textTh.text8"
                      @blur="changeThVal($event, 'text8')"
                    />
                  </td>
                </tr>
              </thead>
              <tbody>
@@ -2630,6 +2701,13 @@
                    </template>
                    <template v-else>
                      <input
                        :readonly="
                          cell == '问题表现' ||
                          cell == '原因分析' ||
                          cell == '采取措施' ||
                          cell == '效果分析' ||
                          cell == '后续建议'
                        "
                        type="text"
                        :value="chapter005.tableData156[rowIndex][cellIndex]"
                        @blur="
@@ -2646,6 +2724,7 @@
              </tbody>
            </table>
          </div>
          <p><br/></p>
          <h3 id="c020">
            <span class="bk-h3"
              ><span class="bj1-h3">六</span>  餐后保育 </span
@@ -2657,8 +2736,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="96">
      <div v-if="showPageList.indexOf(96) > -1">
    <div class="page-box" page="100">
      <div v-if="showPageList.indexOf(100) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -2666,7 +2745,7 @@
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <span class="pageStr">第五单元·进餐活动照护</span>
                <span class="pageNum">1-91</span>
                <span class="pageNum">1-95</span>
              </div>
            </div>
            <div class="borderLine"></div>
@@ -2776,8 +2855,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="97">
      <div v-if="showPageList.indexOf(97) > -1">
    <div class="page-box" page="101">
      <div v-if="showPageList.indexOf(101) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -2835,8 +2914,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="98">
      <div v-if="showPageList.indexOf(98) > -1">
    <div class="page-box" page="102">
      <div v-if="showPageList.indexOf(102) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -2930,8 +3009,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="99">
      <div v-if="showPageList.indexOf(99) > -1">
    <div class="page-box" page="103">
      <div v-if="showPageList.indexOf(103) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -3424,7 +3503,7 @@
          ["", "", "", ""],
        ],
        // 1-5-3
        headers153: ["适合月龄", "7-2月龄", "13-24月龄", "24以上月龄"], // 表头
        headers153: ["适合月龄", "7-12月龄", "13-24月龄", "24以上月龄"], // 表头
        tableData153: [
          // 二维数组作为表格数据
          ["食物名称", "", "", ""],
@@ -3446,7 +3525,7 @@
        headers155: [
          "喂养原则",
          "适合月龄",
          "7-2月龄",
          "7-12月龄",
          "13-24月龄",
          "24以上月龄",
        ],
@@ -3467,6 +3546,7 @@
        ],
        textAreaItem: {},
        radio: {},
        textTh: {},
      },
    };
  },
@@ -3631,6 +3711,11 @@
      this.$set(this.chapter005.tableData155[rowIndex], cellIndex, value);
      localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
    },
    updateCell156(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter005.tableData156[rowIndex], cellIndex, value);
      localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
    },
    onBlurChange() {
      localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
    },
@@ -3674,13 +3759,19 @@
        });
    },
    handFile(str) {
      let dom = document.getElementById(str);
      let dom = (this.container ? this.container : document).getElementById(
        str
      );
      dom.click();
    },
    drawflowDataClick(val) {
      this.chapter005.drawData = val;
      localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
    },
    changeThVal(e, val) {
      this.chapter005.textTh[val] = e.target.value;
      localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
    },
  },
};
</script>