闫增涛
2024-05-23 e5a42538eda99a4860bddc417e107ef230df8837
src/books/lifeCare/view/chapter006.vue
@@ -1,7 +1,7 @@
<template>
  <div class="page-content-box">
    <div class="page-box">
      <div class="bodystyle">
      <div class="bodystyle topImg">
        <h2 id="b006"><img class="img-0" alt="" src="../image/dy6.jpg" /></h2>
        <div class="bk">
          <div class="bj1">
@@ -151,9 +151,55 @@
      <div class="bodystyle">
        <p>3.学习阅读手册,填写表1-6-1并回答问题。</p>
        <p class="img">表1-6-1 各年龄段婴幼儿一日饮水量统计表</p>
        <p class="center">
        <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0114-1.jpg" />
        </p>
        </p> -->
        <div>
          <table class="table111 table122">
            <thead>
              <tr>
                <th
                  :style="{
                    width:
                      index == chapter006.headersData.length - 1 ? '200px' : '',
                  }"
                  v-for="(header, index) in chapter006.headersData"
                  :key="index"
                >
                  {{ header }}
                </th>
              </tr>
            </thead>
            <tbody>
              <tr
                v-for="(row, rowIndex) in chapter006.tableData161"
                :key="rowIndex"
              >
                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                  <template v-if="cell === ''">
                    <input
                      type="text"
                      v-model="chapter006.tableData161[rowIndex][cellIndex]"
                      @blur="
                        updateCell(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                  </template>
                  <template v-else>
                    <input
                      :readonly="cellIndex == 0"
                      type="text"
                      :value="chapter006.tableData161[rowIndex][cellIndex]"
                      @blur="
                        updateCell(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                  </template>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <p>水是喝得越多越好吗?你知道什么是水中毒吗?请解释。</p>
        <div class="bk-tx">
          <textarea
@@ -393,8 +439,8 @@
            v-model="chapter006.textAreaItem.text15"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text15')"
          ></textarea>
        </div>
@@ -417,8 +463,8 @@
            v-model="chapter006.textAreaItem.text16"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text16')"
          ></textarea>
        </div>
@@ -460,9 +506,110 @@
        </div>
        <p>3.头脑风暴。小组成员归纳总结完成表1-6-2。</p>
        <p class="img">表1-6-2 婴幼儿良好饮水习惯的培养</p>
        <p class="center">
        <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0120-2.jpg" />
        </p>
        </p> -->
        <div>
          <table class="table111 table122 table162">
            <thead>
              <tr>
                <th
                  :style="{
                    width: index == 0 ? '200px' : '',
                  }"
                  v-for="(header, index) in chapter006.headersData162"
                  :key="index"
                >
                  {{ header }}
                </th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td rowspan="3" style="background-color: #eee">
                  主公饮水的习惯
                </td>
                <td>
                  <input
                    v-model="chapter006.tableData162.text1"
                    @blur="updateCell162"
                  />
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    v-model="chapter006.tableData162.text2"
                    @blur="updateCell162"
                  />
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    v-model="chapter006.tableData162.text3"
                    @blur="updateCell162"
                  />
                </td>
              </tr>
              <tr>
                <td rowspan="3" style="background-color: #eee">
                  愿意喝白开水的习惯
                </td>
                <td>
                  <input
                    v-model="chapter006.tableData162.text4"
                    @blur="updateCell162"
                  />
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    v-model="chapter006.tableData162.text5"
                    @blur="updateCell162"
                  />
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    v-model="chapter006.tableData162.text6"
                    @blur="updateCell162"
                  />
                </td>
              </tr>
              <tr>
                <td rowspan="3" style="background-color: #eee">
                  其他良好的饮水习惯
                </td>
                <td>
                  <input
                    v-model="chapter006.tableData162.text7"
                    @blur="updateCell162"
                  />
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    v-model="chapter006.tableData162.text8"
                    @blur="updateCell162"
                  />
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    v-model="chapter006.tableData162.text9"
                    @blur="updateCell162"
                  />
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <p><br /></p>
      </div>
    </div>
    <div class="page-box">
@@ -518,8 +665,7 @@
        <p>
          2~4人为一组开展实训操作,其中一人操作,其他同学观摩。操作者一边实操一边讲解操作要领,其他同学按照准备饮水物品的评分标准给操作者打分。
        </p>
        <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-sys.png" />
@@ -529,6 +675,73 @@
            <img class="img-h" alt="" src="../image/0122-1.jpg" />
          </p>
          <p class="img">准备饮水物品的评分标准</p>
        </div> -->
        <div class="tips-bk">
          <div class="bj-tip">
            准备饮水物品的评分标准<img
              src="../icons/task.png"
              @click="activityGroup"
              alt=""
            />
          </div>
          <div v-if="chapter006.isGroupOpen" class="tips-file">
            <table class="table111 table122">
              <thead>
                <tr>
                  <th
                    :style="{
                      width:
                        index == 1 || index == chapter006.groupData.length - 1
                          ? '100px'
                          : '',
                    }"
                    v-for="(header, index) in chapter006.publicHeader"
                    :key="index"
                  >
                    {{ header }}
                  </th>
                </tr>
              </thead>
              <tbody>
                <tr
                  v-for="(row, rowIndex) in chapter006.groupData"
                  :key="rowIndex"
                >
                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                    <template v-if="cell === ''">
                      <input
                        type="text"
                        v-model="chapter006.groupData[rowIndex][cellIndex]"
                        @blur="
                          updateCellGroup(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                    </template>
                    <template v-else-if="cellIndex == 4">
                      <input
                        type="text"
                        v-model="chapter006.groupData[rowIndex][cellIndex]"
                        @blur="
                          updateCellGroup(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                    </template>
                    <template v-else>
                      {{ cell }}
                    </template>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <p><b>④总结与反思</b></p>
        <p>1.操作中容易出现哪些失误?造成这些失误的原因分别是什么?</p>
@@ -558,7 +771,7 @@
            >>>>>>>>></span
          >
        </h4>
        <p><br /></p>
        <!-- <p><br /></p>
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
@@ -569,7 +782,33 @@
            <img class="img-h" alt="" src="../image/0122-2.jpg" />
          </p>
          <p class="img">喝水</p>
        </div> -->
        <div class="tips-bk">
          <div class="bj-tip">
            视频:喝水<img
              src="../icons/video.png"
              @click="activityOne"
              alt=""
            />
          </div>
          <div
            class="tips-file"
            v-if="chapter006.isOpenOne && chapter006.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="chapter006.videOneUrl"
            ></video>
          </div>
        </div>
        <p><br /></p>
        <p><b>①活动准备</b></p>
        <p>1.物品准备:水杯、水桶、餐桌、毛巾。</p>
        <p>
@@ -615,8 +854,8 @@
            @blur="onBlurChange('text22')"
          ></textarea>
        </div>
        <p><br /></p>
        <div class="bk-sys">
        <!-- <p><br /></p> -->
        <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
@@ -626,6 +865,73 @@
            <img class="img-h" alt="" src="../image/0123-1.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="chapter006.isScore1Open" class="tips-file">
            <table class="table111 table122">
              <thead>
                <tr>
                  <th
                    :style="{
                      width:
                        index == 1 || index == chapter006.scoreData1.length - 1
                          ? '100px'
                          : '',
                    }"
                    v-for="(header, index) in chapter006.publicHeader"
                    :key="index"
                  >
                    {{ header }}
                  </th>
                </tr>
              </thead>
              <tbody>
                <tr
                  v-for="(row, rowIndex) in chapter006.scoreData1"
                  :key="rowIndex"
                >
                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                    <template v-if="cell === ''">
                      <input
                        type="text"
                        v-model="chapter006.scoreData1[rowIndex][cellIndex]"
                        @blur="
                          updateCellGroup(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                    </template>
                    <template v-else-if="cellIndex == 4">
                      <input
                        type="text"
                        v-model="chapter006.scoreData1[rowIndex][cellIndex]"
                        @blur="
                          updateCellGroup(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                    </template>
                    <template v-else>
                      {{ cell }}
                    </template>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <p><b>③实训练习</b></p>
        <p>
@@ -768,54 +1074,54 @@
        isScore2Open: true,
        isScore3Open: true,
        qustionData: {},
        // 七步洗手法评分。。
        // 准备饮水物品的评分标准
        publicHeader: ["序号", "考核内容", "配分", "评分标准", "扣分", "得分"],
        groupData: [
          [
            1,
            "物品准备",
            16,
            "奶粉(在有效期内 )、消毒过的奶瓶、纯净水、保温瓶、凉水杯(恒温水壶)、洗手盆、洗手液、毛巾(准备不全,每缺少一项扣 2 分,扣完为止)",
            10,
            "水桶、水桶专用清洁巾、水杯专用百洁布、小刷子、水杯等用品(准备不全,每缺少一项扣2分,扣完为止)",
            "",
            "",
          ],
          [
            2,
            "操作者准备",
            8,
            "束起头发,剪短指甲,摘除手表及首饰,洗净双手(说明或操作不准确每项扣 2 分)",
            10,
            "束起头发,剪短指甲,摘除手表及首饰,洗净双手,穿上围兜并戴上头巾和口罩(说明或操作不准确每项扣2分,扣完为止)",
            "",
            "",
          ],
          [
            3,
            "准备工作",
            15,
            "检查奶粉包装,保证奶粉在保质期内,清洁无污染(说明或操作不准确每项扣 2 分,共 6 分),阅读奶粉调配说明书,根据婴儿的月龄及产品包装上的喂哺表,计算应调配的液体量(说明或操作不准确扣 4分),一手取消毒好的奶瓶,另一手拧开奶瓶盖,使之朝上置于安全位置(说明或操作不准确扣 5 分)",
            "清洁、消毒水桶",
            40,
            "用流动的水冲洗水桶,按照桶口—桶内壁—桶底—桶盖内侧、外侧—桶外壁)—桶外底的顺序依次擦拭,由内向外将水桶冲洗干净(说明或操作不合格每项扣2分),打开水桶下方的水龙头,使流动的水从水龙头出水口流,关上水龙头,倒入1/3开水,盖上盖子,用力左右摇晃水桶,使开水接触到桶内壁的每个角落。打开水桶下方的水龙头,让开水冲洗出水口(说明或操作不合格扣10分),采用消毒液擦拭的方法对水桶的外壁进行消毒(说明或操作不合格扣10分)。",
            "",
            "",
          ],
          [
            4,
            "精准取量",
            26,
            "参考奶粉包装上的用量说明,按婴儿的体重,把温水(38 ℃~ 40 ℃)倒入奶瓶中达合适的刻度(说明或操作不准确扣 5 分),眼睛与奶瓶平视,观察水量是否合适(说明或操作不准确扣 8 分),眼睛与奶瓶平视,观察水量是否合适(说明或操作不准确扣5分),打开奶粉罐,用奶粉专用的计量勺取适量奶粉,每一量勺多出量勺上沿的奶粉都用奶粉盒(筒)口平面处刮平(说明或操作不准确扣8分),将勺中奶粉于奶瓶正上方倒入奶瓶中(说明或操作不准确扣5分)。",
            "摆放水桶",
            5,
            "放置好水桶后,盖好顶部盖子,下方水龙头朝外,方便婴幼儿接水(说明或操作不合格扣5分)。",
            "",
            "",
          ],
          [
            5,
            "均匀溶解",
            "清洁、消毒水杯",
            15,
            "旋紧奶嘴盖,按一个方向水平轻轻摇晃(或左右旋转)瓶身,使奶粉溶解(说明或操作不准确扣10分),将奶瓶倾斜45°,检查瓶底的奶粉是否充分溶解。若瓶底有奶粉未溶解,重复以上操作至奶粉完全溶解,使瓶内奶液浓度均匀(说明或操作不准确扣5分)。",
            "用专用百洁布按照杯口—杯内壁—杯底—杯外壁的顺序擦拭,最后用小刷子刷洗水杯的把手(说明或操作不合格扣5分),用流动的水将水杯冲洗干净,依次放入待消毒的容器中(说明或操作不合格扣5分),放入消毒柜,进行消毒;消毒完毕后,将杯子倒扣放置沥干(说明或操作不合格扣5分)。",
            "",
            "",
          ],
          [
            6,
            "测试奶温",
            "摆放水杯",
            10,
            "将奶瓶倒置,使乳汁滴于喂哺者前臂内侧皮肤上测试奶温,感觉温度不烫手,便可给婴儿食用(说明或操作不合格扣10分)",
            "将消过毒的水杯放入水杯架;拿杯子时,手不碰杯口,柄朝外,杯口朝上(说明或操作不合格扣10分)",
            "",
            "",
          ],
@@ -829,49 +1135,59 @@
          ],
          [8, "测试奶温", 5, "控制在5分钟内(超过时间扣5分)", "", ""],
        ],
        // 表格1-5-1
        headersData: ["序号", "营养素", "主要功能", "食物来源", "缺乏症(状)"], // 表头
        tableData151: [
          // 二维数组作为表格数据
          ["1", "", "", "", ""],
          ["2", "", "", "", ""],
          ["3", "", "", "", ""],
          ["4", "", "", "", ""],
          ["5", "", "", "", ""],
          ["6", "", "", "", ""],
          ["7", "", "", "", ""],
        // 指导婴幼儿集体饮水的评分标准
        scoreData1: [
          [
            1,
            "物品准备",
            8,
            "水杯、水桶、餐桌、毛巾(准备不全,每缺少一项扣2分,扣完为止)",
            "",
            "",
          ],
          [
            2,
            "操作者准备",
            12,
            "束起头发,剪短指甲,摘除手表及首饰,穿上围兜,戴上头巾和口罩,用七步洗手法洗净双手(说明或操作不准确每项扣2分,扣完为止)",
            "",
            "",
          ],
          [
            3,
            "指导喝水",
            70,
            "引导婴幼儿在喝水前应先用七步洗手法清洗双手,然后取自己的杯子(语言或示范动作不准确扣10分),将温度和水量适中的水倒入婴幼儿的水杯中,放置在婴幼儿的正前方(动作或操作不准确扣10分),指导婴幼儿喝水时正确地拿水杯:右手持杯柄,左手扶杯身,避免水洒出或滑落(语言或示范动作不准确扣10分),提醒婴幼儿轻轻端起水杯,提醒婴幼儿吹一吹,轻轻用嘴唇试一试,避免烫嘴,喝水时要一口一口慢慢喝,不要边走边喝,喝水时不说笑(语言或示范动作不准确扣20分),帮助或者提醒婴幼儿将嘴巴擦干净(语言或示范动作不准确扣10分),用语言提醒婴幼儿喝完水后,将水杯放回水杯架对应的位置(忘记用语言提示者扣10分)。",
            "",
            "",
          ],
          [
            4,
            "整理物品",
            5,
            "用品归位,清理收纳(说明或操作不合格扣5分)",
            "",
            "",
          ],
          [5, " 时间要求", 15, "控制在5分钟内(超过时间扣5分)", "", ""],
        ],
        // 1-5-2
        headers152: ["餐点", "时间", "饭菜名称", "所含食物及数量"], // 表头
        tableData152: [
          // 二维数组作为表格数据
          ["", "", "", ""],
          ["", "", "", ""],
        // 表格1-6-1
        headersData: [
          "年龄(岁)",
          "体重(千克)",
          "总摄入量(毫升)",
          "每千克体重摄入量(毫升)",
        ], // 表头
        tableData161: [
          ["", "", "", ""],
          ["", "", "", ""],
          ["", "", "", ""],
          ["", "", "", ""],
          ["", "", "", ""],
        ],
        // 1-5-3
        headers153: ["适合月龄", "7-2月龄", "13-24月龄", "24以上月龄"], // 表头
        tableData153: [
          // 二维数组作为表格数据
          ["食物名称", "", "", ""],
          ["材料准备", "", "", ""],
          ["制作步骤", "", "", ""],
          ["注意事项", "", "", ""],
          ["你的评价", "", "", ""],
        ],
        // 1-5-4
        headers154: ["餐具名称", "使用阶段", "款式特点"],
        tableData154: [
          ["", "", ""],
          ["", "", ""],
          ["", "", ""],
          ["", "", ""],
          ["", "", ""],
        ],
        // 1-6-2
        headersData162: ["婴幼儿良好的饮水习惯", "培养方法"], // 表头
        tableData162: {},
        textAreaItem: {},
        radio: {},
      },
@@ -885,35 +1201,34 @@
    if (localData) {
      this.chapter006 = { ...Object.assign(this.chapter006, localData) };
    }
    // this.chapter006.videOneUrl = getResourcePath("439b0bde62a5098875c77e2492676577");
    // this.chapter006.videoTwoUrl = getResourcePath("1a878261410b01ee8e4e0602a1fe935f");
    // this.chapter006.videoFourUrl = getResourcePath("6cf2619beb704b3d79de04f0775c8ba3");
    // this.chapter006.videoFiveUrl = getResourcePath("8400384441ad9236d5eab24f500ec2c7");
    // this.chapter006.videOneUrl = getResourcePath("04fafb0e896ffe0379edd6d695a92b13");
    this.chapter006.videOneUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=439b0bde62a5098875c77e2492676577";
    this.chapter006.videoTwoUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=1a878261410b01ee8e4e0602a1fe935f";
    this.chapter006.videoFourUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=6cf2619beb704b3d79de04f0775c8ba3";
    this.chapter006.videoFiveUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=8400384441ad9236d5eab24f500ec2c7";
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=04fafb0e896ffe0379edd6d695a92b13";
    // this.chapter006.qustionData = await getQuestionData("5",testData[5]);
  },
  methods: {
    activityOne() {
      this.chapter006.isOpenOne = !this.chapter006.isOpenOne;
    },
    activityTwo() {
      this.chapter006.isOpenTwo = !this.chapter006.isOpenTwo;
    },
    activityThree() {
      this.chapter006.idOpenThree = !this.chapter006.idOpenThree;
    },
    activityFour() {
      this.chapter006.isOpenFour = !this.chapter006.isOpenFour;
    activityScore1() {
      this.chapter006.isScore1Open = !this.chapter006.isScore1Open;
      localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
    },
    activityFive() {
      this.chapter006.isOpenFive = !this.chapter006.isOpenFive;
    updateCellScore1(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter006.scoreData1[rowIndex], cellIndex, value);
      if (cellIndex == 4) {
        this.$set(
          this.chapter006.scoreData1[rowIndex],
          5,
          this.chapter006.scoreData1[rowIndex][2] -
            this.chapter006.scoreData1[rowIndex][cellIndex]
        );
      }
      localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
    },
    activityGroup() {
      this.chapter006.isGroupOpen = !this.chapter006.isGroupOpen;
@@ -934,17 +1249,16 @@
    },
    updateCell(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter006.tableData151[rowIndex], cellIndex, value);
      this.$set(this.chapter006.tableData161[rowIndex], cellIndex, value);
      localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
    },
    updateCell152(rowIndex, cellIndex, value) {
    // updateCell152(rowIndex, cellIndex, value) {
    //   // 更新单元格数据
    //   this.$set(this.chapter006.tableData152[rowIndex], cellIndex, value);
    //   localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
    // },
    updateCell162(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter006.tableData152[rowIndex], cellIndex, value);
      localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
    },
    updateCell153(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter006.tableData153[rowIndex], cellIndex, value);
      localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
    },
    onBlurChange() {