YM
2024-06-07 cc7bbbd9b6a859235c9985cc09836effc1157fe8
src/books/lifeCare/view/chapter006.vue
@@ -139,11 +139,11 @@
          <p>根据以上情境,请小组讨论水与婴幼儿的健康有什么关系。</p>
          <div class="bk-tx">
            <textarea
              v-model="chapter006.textAreaItem.text1"
              v-model="chapter006.textAreaItem.text1111"
              style="border: 0"
              placeholder="请输入内容"
              rows="5"
              @blur="onBlurChange('text1')"
              @blur="onBlurChange('text1111')"
            ></textarea>
          </div>
          <h4 id="d063">
@@ -600,7 +600,7 @@
          </div>
        </div>
        <div class="bodystyle">
          <p>
          <!-- <p>
            1.根据以上情境,针对某一年龄段,以小组合作的方式共同设计一个主题墙饰,使婴幼儿能具体、直观地看到自己的饮水量,同时也便于托育园操作。在下方画出设计草图,并制作完成。
          </p>
          <div class="bk-tx">
@@ -611,6 +611,54 @@
              rows="5"
              @blur="onBlurChange('text17')"
            ></textarea>
          </div> -->
          <p class="pic-wall chapter-006">
            <span
              >1.根据以上情境,针对某一年龄段,以小组合作的方式共同设计一个主题墙饰,使婴幼儿能具体、直观地看到自己的饮水量,同时也便于托育园操作。在下方画出设计草图,并制作完成。</span
            >
            <span class="btnUpload-list btn" @click="handFile('fileThree')">
              <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">
            <div
              class="upload-list"
              v-if="chapter006.pictrueListThree.length > 0"
            >
              <div
                class="demo-image__preview openImgBox"
                v-for="item in chapter006.pictrueListThree"
                :key="item"
              >
                <img style="height: 100%" :src="item" alt="" />
              </div>
            </div>
            <div class="bk-inputUpload">
              <input
                type="file"
                id="fileThree"
                @change="handUploadFile($event, '3')"
              />
            </div>
          </div>
          <p>
            2.模拟演练。收集饮水健康教育的素材,如儿歌、故事、绘本、歌曲等,选取某年龄段(6~12月、1~2岁、2~3岁),针对婴幼儿主动喝水方面的某一问题,小组合作模拟进行饮水健康教育,组内成员进行点评,写出改进措施。
@@ -863,10 +911,7 @@
                  <tr>
                    <th
                      :style="{
                        width:
                          index == 1 || index == chapter006.groupData.length - 1
                            ? '100px'
                            : '',
                        width: index == 3 ? '300px' : '',
                      }"
                      v-for="(header, index) in chapter006.publicHeader"
                      :key="index"
@@ -1107,11 +1152,7 @@
                  <tr>
                    <th
                      :style="{
                        width:
                          index == 1 ||
                          index == chapter006.scoreData1.length - 1
                            ? '100px'
                            : '',
                        width: index == 3 ? '300px' : '50px',
                      }"
                      v-for="(header, index) in chapter006.publicHeader"
                      :key="index"
@@ -1131,7 +1172,7 @@
                          type="text"
                          v-model="chapter006.scoreData1[rowIndex][cellIndex]"
                          @blur="
                            updateCellGroup(
                            updateCellGroup1(
                              rowIndex,
                              cellIndex,
                              $event.target.value
@@ -1144,7 +1185,7 @@
                          type="text"
                          v-model="chapter006.scoreData1[rowIndex][cellIndex]"
                          @blur="
                            updateCellGroup(
                            updateCellGroup1(
                              rowIndex,
                              cellIndex,
                              $event.target.value
@@ -1307,8 +1348,9 @@
  </div>
</template>
<script>
import getResourcePath from "@/assets/methods/resources.js";
import { getResourcePath } from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";
import { getFileMd5, getPublicImage } from "../js/tool.js";
export default {
  // eslint-disable-next-line vue/multi-word-component-names
@@ -1319,6 +1361,10 @@
    },
    questionData: {
      type: Object,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
@@ -1332,6 +1378,7 @@
        idOpenThree: true,
        isScore1Open: true,
        qustionData: {},
        pictrueListThree: [],
        // 准备饮水物品的评分标准
        publicHeader: ["序号", "考核内容", "配分", "评分标准", "扣分", "得分"],
        groupData: [
@@ -1455,15 +1502,15 @@
    examinations,
  },
  async created() {
    const localData = JSON.parse(localStorage.getItem("chapter006"));
    if (localData) {
      this.chapter006 = { ...Object.assign(this.chapter006, localData) };
    if (!this.isSearch) {
      const localData = JSON.parse(localStorage.getItem("chapter006"));
      if (localData) {
        this.chapter006 = { ...Object.assign(this.chapter006, localData) };
      }
      this.chapter006.videOneUrl = await getResourcePath(
        "04fafb0e896ffe0379edd6d695a92b13"
      );
    }
    this.chapter006.videOneUrl = await getResourcePath(
      "04fafb0e896ffe0379edd6d695a92b13"
    );
    // this.chapter006.videOneUrl =
    //   "https://jsek.bnuic.com/file/api/ApiDownload?md5=04fafb0e896ffe0379edd6d695a92b13";
  },
  methods: {
    activityOne() {
@@ -1508,12 +1555,25 @@
      }
      localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
    },
    updateCellGroup1(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));
    },
    updateCell(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter006.tableData161[rowIndex], cellIndex, value);
      localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
    },
    updateCell162(rowIndex, cellIndex, value) {
    updateCell162() {
      // 更新单元格数据
      localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
    },
@@ -1523,6 +1583,42 @@
    onRadioText() {
      localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
    },
    handUploadFile(e, type) {
      console.log(type);
      var that = this;
      const file = e.target.files[0];
      const FileName = file.name.split(".")[0];
      const Extension = file.name.split(".")[1];
      const FileType = file.type;
      let size = 1024;
      getFileMd5(file, size * 1024)
        .then((e) => {
          const imgData = new FormData();
          imgData.append("Md5", e);
          imgData.append("FileName", FileName);
          imgData.append("Extension", Extension);
          imgData.append("FileType", FileType);
          imgData.append("MetaData", null);
          imgData.append("file", file);
          that.MG.file.upload(imgData).then(() => {});
          setTimeout(() => {
            that.chapter006.pictrueListThree.push(getPublicImage(e));
            that.isLoding = false;
            this.$emit("Upload_initViewer", "");
            localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
          }, 1000);
        })
        .catch((e) => {
          that.isLoding = false;
          console.error(e);
        });
    },
    handFile(str) {
      let dom = (this.container ? this.container : document).getElementById(
        str
      );
      dom.click();
    },
  },
};
</script>