闫增涛
2024-06-03 95ca47afec682be5e33a87168e4f91202dfca8c3
合并
3个文件已修改
142 ■■■■ 已修改文件
src/books/English/view/components/chapter001.vue 130 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/header.vue 6 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/matching/matching.vue 6 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/chapter001.vue
@@ -517,6 +517,9 @@
            <p class="center">
              <img class="img-0" alt="" src="../../assets/images/0013-3.jpg" />
            </p>
            <!-- <div>
              <matching :rawData="rawData" :item="question" :value="value"></matching>
            </div> -->
            <h3 id="c003" class="fl al-cn">
              <span class="bjh3">Reading</span>
              <audio :src="resource.readingOne" controls></audio>
@@ -841,7 +844,6 @@
                <p>along the way 沿途</p>
              </li>
            </ul>
            
            <div class="bj-note">
              <p class="m0"><b class="fz-18">Notes:</b></p>
@@ -1815,7 +1817,6 @@
                  <div class="pageBox"></div>
                </div>
                <!-- 显示当前页和总页数的元素 -->
              </div>
            </div>
          </div>
@@ -2306,9 +2307,11 @@
</template>
<script>
import matching from "@/components/matching/matching.vue";
import {getResourcePath} from "@/assets/methods/resources";
export default {
  name: "chapter-one",
  components:{matching},
  props: {
    showPageList: {
      type: Array,
@@ -2324,8 +2327,119 @@
      showAnswerFive: false,
      showImg: false,
      showQuestionAnswer: false,
      // pageNum: "1",
      // total: "27",
      rawData: {
        left: [
          {
            oldId: "FB34",
            txt: "Silk",
          },
          {
            oldId: "64D6",
            txt: "The Great Wall",
          },
          {
            oldId: "2ED4",
            txt: "Chinese Food",
          },
          {
            oldId: "44DE",
            txt: "Chinese Tea",
          },
        ],
        right: [
          {
            oldId: "64D6",
            txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
          },
          {
            oldId: "FB34",
            txt: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
          },
          {
            oldId: "2ED4",
            txt: "The clothing material is quite popular among Roman women inancient times.",
          },
          {
            oldId: "44DE",
            txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
          },
        ],
      },
      value: [],
      question: {
        KnowledgePoint: "123",
        analysis: "123",
        answer: [
          {
            id: "FB34",
            linkValue: "The clothing material is quite popular among Roman women inancient times.",
            value: "Silk",
          },
          {
            id: "64D6",
            linkValue: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
            value: "The Great Wall",
          },
          {
            id: "2ED4",
            linkValue: "C",
            value: "Chinese Food",
          },
          {
            id: "44DE",
            linkValue: "D",
            value: "Chinese Tea",
          },
        ],
        optionStyle: undefined,
        id: 489306,
        options: {
          linkValues: [
            {
              oldId: "64D6",
              txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
            },
            {
              oldId: "FB34",
              txt: "The clothing material is quite popular among Roman women inancient times.",
            },
            {
              oldId: "2ED4",
              txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
            },
            {
              oldId: "44DE",
              txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.",
            },
          ],
          values: [
            {
              oldId: "FB34",
              txt: "Silk",
            },
            {
              oldId: "64D6",
              txt: "The Great Wall",
            },
            {
              oldId: "2ED4",
              txt: "Chinese Food",
            },
            {
              oldId: "44DE",
              txt: "Chinese Tea",
            },
          ],
        },
        questionType: "matching",
        stem: {
          stemTxt: "按顺序连线",
        },
        stemStyle: undefined,
        titleDescription: "1",
        userChoise: [],
        value: [],
      },
      questionData: {
        warnUp: {
          one: {
@@ -2542,14 +2656,14 @@
        JSON.stringify(this.questionData)
      );
    },
    getPath() {
      this.resource.listenOne = getResourcePath(
    async getPath() {
      this.resource.listenOne = await getResourcePath(
        "422139A2EF66EA888C5ED1D550AE23E0"
      );
      this.resource.readingOne = getResourcePath(
      this.resource.readingOne = await getResourcePath(
        "3F442B682D84C8AB06C800B29D734920"
      );
      this.resource.readingTwo = getResourcePath(
      this.resource.readingTwo = await getResourcePath(
        "E8719EC88026BCFB11D292AA999F6D3D"
      );
    },
src/books/English/view/components/header.vue
@@ -1,8 +1,5 @@
<template>
  <div class="chapter" num="1">
    <div class="page-box">
      <matching :rawData="rawData" :item="question" :value="value"></matching>
    </div>
    <!--  -->
    <div class="page-box mt-20" page="1" style="min-height: auto">
      <div v-if="showPageList.indexOf(1) > -1">
@@ -196,10 +193,9 @@
</template>
<script>
import matching from "@/components/matching/matching.vue";
export default {
  name: "page-header",
  components: { matching },
  props: {
    showPageList: {
      type: Array,
src/components/matching/matching.vue
@@ -187,9 +187,9 @@
          };
        })
        .filter((r) => r.right !== undefined);
      this.$emit("input", model);
      // this.$emit("input", model);
      this.item.userChoise = model;
      console.log(JSON.stringify(model));
      // console.log(JSON.stringify(model));
    },
    // 触摸开始
    touchstart(e, item,index) {
@@ -223,7 +223,7 @@
      if (this.item.showAnswer) {
        return false;
      }
      // let event = e.targetTouches[0];
      console.log('移动',e);
      this.checkItem.line[2] = e.pageX;
      this.checkItem.line[3] =
        e.pageY - this.$refs.connect.getBoundingClientRect().y + this.scrollTop;