Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

user1

2024-07-02 6aac0dd9c6d6bd3de148f3d6e123f9c91b1aab4b

 src/books/artAndDrama/view/components/chapter002.vue

@@ -4,7 +4,8 @@
      <div v-if="showPageList.indexOf(14) > -1">
        <h1 id="a004">
          <img class="img-0" alt="" src="../../assets/images/dy2.jpg" />
          <audio :src="auidoPathOne" controls class="audio" @play="audioPlay"></audio>
          <audio :src="auidoPathOne" controls controlslist="noplaybackrate nodownload" class="audio"
           ></audio>
        </h1>
        <div class="bodystyle">
          <div class="bk">
@@ -39,7 +40,7 @@
          </h3>
          <p class="text"><span class="hs1">◇</span>我是小画家</p>
          <p class="text">保持头部不动，试着用眼神画出下面的图案吧！</p>
          <p class="center">
          <p class="center openImgBox">
            <img class="img-e" alt="" src="../../assets/images/0016-1.jpg" />
          </p>
          <p class="text"><span class="hs1">◇</span>嗅觉大冒险</p>
@@ -96,8 +97,8 @@
              class="input-bottom-border fz-18" @change="setBookQuestion" style="width: 15%" />。</p>
          <h3 class="lefth3" id="c014" style="margin-top: 7%;"><img class="img-gn1" alt=""
              src="../../assets/images/czysj.jpg" /></h3>
          <p class="text"><span class="hs1">◇</span>阅读下面的文字，为小蚂蚁选择一种性格吧。</p>
          <drag class="text" :question="dragQuestion" :page="16"/> 
          <!-- <p class="text"><span class="hs1">◇</span>阅读下面的文字，为小蚂蚁选择一种性格吧。</p> -->
          <drag  :question="dragQuestion" :page="16" class="drag-text"/> 
          <!-- <choice class="text" :questions="questions"  :primaryColor="accentColor"  hoverBackgroundColor="green" hoverColor="white"></choice> -->
          <p class="center  openImgBox"><img class="img-e" alt="" src="../../assets/images/2-2.gif" /></p>
        </div>
@@ -194,13 +195,25 @@
        <div class="bodystyle" style="margin-top: 3%">
          <h2 id="b010" class="problem">单元活动任务</h2>
          <h3 class="lefth3" id="c019"><img class="img-gn1" alt="" src="../../assets/images/xsyty.jpg" /></h3>
          <p class="text"><span class="hs1">◇</span>吹纸练习</p>
          <p class="text ends">
            <span><span class="hs1">◇</span>吹纸练习</span>
            <span> <audio :src="auidoPathTwo" controls controlslist="noplaybackrate nodownload" class="audio"
               ></audio></span>
          </p>
          <p class="center text" style="margin: 4% 0"><img class="img-e" alt="" src="../../assets/images/0021-1.jpg" />
          </p>
          <p class="text">找一张纸巾，将它按在墙上。移开双手，努力用气息将纸“钉”在墙面上，不要让它向下滑落。</p>
          <p class="text"><span class="hs1">◇</span>吹笔练习</p>
          <p class="text ends">
            <span> <span class="hs1">◇</span>吹笔练习</span>
            <span> <audio :src="auidoPathThree" controls controlslist="noplaybackrate nodownload" class="audio"
                ></audio></span>
          </p>
          <p class="text">将一支笔立于桌面，看看你能不能用一口气将它吹倒。</p>
          <p class="text"><span class="hs1">◇</span>吹袋子练习</p>
          <p class="text ends">
            <span><span class="hs1">◇</span>吹袋子练习</span>
            <span> <audio :src="auidoPathFour" controls controlslist="noplaybackrate nodownload" class="audio"
                ></audio></span>
          </p>
          <p class="text">将一只塑料袋抛至空中，和你的小伙伴一起轮流吹气，避免塑料袋落地。</p>
        </div>
        <!-- 此处为页脚部分（需要设置页码） -->
@@ -217,15 +230,21 @@
        </h1>
        <img class="headerimg" src="../../assets/images/page5.png" alt="" />
        <div class="bodystyle" style="margin-top: 3%;">
          <p class="text"><span class="hs1">◇</span>吹乒乓球练习</p>
          <p class="text ends">
            <span> <span class="hs1">◇</span>吹乒乓球练习</span>
            <span> <audio :src="auidoPathFive" controls controlslist="noplaybackrate nodownload" class="audio"
               ></audio></span>
          </p>
          <p class="text">用气息将桌面上的乒乓球从“起点”运送至“终点”，运送过程中避免乒乓球触碰障碍物。</p>
          <h3 class="lefth3" id="c020" style="margin-top: 7%"><img class="img-gn1" alt=""
              src="../../assets/images/tzyys.jpg" /></h3>
          <p class="text"><span class="hs1">◇</span>请走进剧场观看不同剧种的现场演出，感受戏剧的魅力吧！</p>
          <p class="text">
            <span class="hs1">◇</span>请走进剧场观看不同剧种的现场演出，感受戏剧的魅力吧！
          </p>
          <p class="center text">
            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
              x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
              controlslist="nodownload" class="w100 video" @play="videoPlay"
              controlslist="nodownload" class="w100 video"
              style="margin-top: 40px; border-radius: 10px; border: 2px solid green;"></video>
          </p>
          <p class="center videoname">
@@ -250,10 +269,9 @@
<script>
import drag from "@/components/dragQuestion/index.vue"
import { getResourcePath } from "@/assets/methods/resources";
import choice from "@/components/choice/choice.vue"
export default {
  name: "chapterTwo",
  components: { choice,drag },
  components: { drag },
  props: {
    showPageList: {
      type: Array,
@@ -273,6 +291,10 @@
      collectCheck: require("../../assets/images/icon/heart-check.png"),
      videoPathOne: "",
      auidoPathOne: "",
      auidoPathTwo: "",
      auidoPathThree: "",
      auidoPathFour: "",
      auidoPathFive: "",
      chapterData: {
        isCollectImg: false,
        isCollectVideo: false,
@@ -312,10 +334,10 @@
          nine: "",
        },
      },
      dragQuestion:[
          {
      dragQuestion: [
        {
          analysisCon: null,
          answer: ['C','A','B'],
          answer: ['C', 'A', 'B'],
          difficulty: 0,
          id: "7BC7B760",
          isCollect: false,
@@ -330,21 +352,21 @@
              index: "010311",
              txt: "胆小的",
              value: "A",
              isShow:true
              isShow: true
            },
            {
              img: "",
              index: "010312",
              txt: "善良的",
              value: "B",
              isShow:true
              isShow: true
            },
            {
              img: "",
              index: "010313",
              txt: "沉稳的",
              value: "C",
              isShow:true
              isShow: true
            },
          ],
          optionStyle: "Txt",
@@ -352,85 +374,85 @@
          score: 2,
          stem: {
            0: "蚂蚁队长走路昂首挺胸、步伐坚定，它是一只(",
            1:{
            1: {
              data: "span",
              num: 0
            },
            2: ")蚂蚁;小蚂蚁走起路来小心翼翼，眼神飘忽不定，它是一只(",
            3:{
              data:"span",
              num:1
            3: {
              data: "span",
              num: 1
            },
            4:")蚂蚁;蚂蚁小妹面带微笑，时刻愿意帮助大家，它是一只(",
            5:{
              data:"span",
              num:2,
            4: ")蚂蚁;蚂蚁小妹面带微笑，时刻愿意帮助大家，它是一只(",
            5: {
              data: "span",
              num: 2,
            },
            6:" )蚂蚁"
            6: " )蚂蚁"
          },
          stemStyle: "RichTxt",
          type: "拖拽题",
          userAnswer:[
          userAnswer: [
            {
              vlaue:'',
              txt:''
              vlaue: '',
              txt: ''
            },
            {
              vlaue:'',
              txt:''
              vlaue: '',
              txt: ''
            },
            {
              vlaue:'',
              txt:''
              vlaue: '',
              txt: ''
            },
          ]
        },
      ],
      questions: [
                {
                    analysisCon: "undefined",
                    answer: ['C', 'A', 'B'],
                    difficulty: 0,
                    id: 47775,
                    isCollect: false,
                    isComplete: false,
                    isRight: null,
                    isUnfold: "",
                    isUserAnswer: false,
                    number: 1,
                    options: [
                        {
                            "img": "",
                            "index": "3CA6",
                            "txt": "胆小的",
                            "value": "A"
                        },
                        {
                            "img": "",
                            "index": "73EE",
                            "txt": "善良的",
                            "value": "B"
                        },
                        {
                            "img": "",
                            "index": "6AEF",
                            "txt": "沉稳的",
                            "value": "C"
                        },
                    ],
                    optionStyle: "Image",
                    questionType: "singleChoice",
                    score: 2,
                    stem: {
                        "stemTxt": "蚂蚁队长走路昂首挺胸、步伐坚定，它是一只（　　）蚂蚁；小蚂蚁走起路来小心翼翼，眼神飘忽不定，它是一只（　　）蚂蚁；蚂蚁小妹面带微笑，时刻愿意帮助大家，它是一只（　　）蚂蚁。"
                    },
                    stemStyle: "Txt",
                    userAnswer: "",
                    // 单选题这里的字段内容就是"单选题"
                    type: 'sort'
                },
            ],
      accentColor:'green',
        {
          analysisCon: "undefined",
          answer: ['C', 'A', 'B'],
          difficulty: 0,
          id: 47775,
          isCollect: false,
          isComplete: false,
          isRight: null,
          isUnfold: "",
          isUserAnswer: false,
          number: 1,
          options: [
            {
              "img": "",
              "index": "3CA6",
              "txt": "胆小的",
              "value": "A"
            },
            {
              "img": "",
              "index": "73EE",
              "txt": "善良的",
              "value": "B"
            },
            {
              "img": "",
              "index": "6AEF",
              "txt": "沉稳的",
              "value": "C"
            },
          ],
          optionStyle: "Image",
          questionType: "singleChoice",
          score: 2,
          stem: {
            "stemTxt": "蚂蚁队长走路昂首挺胸、步伐坚定，它是一只（　　）蚂蚁；小蚂蚁走起路来小心翼翼，眼神飘忽不定，它是一只（　　）蚂蚁；蚂蚁小妹面带微笑，时刻愿意帮助大家，它是一只（　　）蚂蚁。"
          },
          stemStyle: "Txt",
          userAnswer: "",
          // 单选题这里的字段内容就是"单选题"
          type: 'sort'
        },
      ],
      accentColor: 'green',
    };
  },
  methods: {
@@ -439,9 +461,21 @@
      this.videoPathOne = await getResourcePath(
        "a3c9b55ac8227e4c885384ff2fc6c0e7"
      );
      // this.auidoPathOne = await getResourcePath(
      //   "2c5f6c69b0f9f7a3c03e473cb8c977f5"
      // );
      this.auidoPathOne = await getResourcePath(
        "0c147c73d67672d1538f76fa22793ff1"
      );
      this.auidoPathTwo = await getResourcePath(
        "daf62713e056d875baa37283c6190a46"
      );
      this.auidoPathThree = await getResourcePath(
        "126edb6a476971840e4c6abf0a3e9da5"
      );
      this.auidoPathFour = await getResourcePath(
        "2485785e9a21a78bcfc58db132537ffd"
      );
      this.auidoPathFive = await getResourcePath(
        "a37bb621b2591e3666e94d1a3bc23bc0"
      );
    },
    setBookQuestion() {
      console.log("保存");
@@ -449,14 +483,6 @@
        "artAndDrama-book-question-two",
        JSON.stringify(this.questionData)
      );
    },
    //音频
    audioPlay(e) {
      this.$emit('closeAudio', e.srcElement.currentSrc)
    },
    //视频
    videoPlay(e) {
      this.$emit('closeVideo', e.srcElement.currentSrc)
    },
    handleChapterData() {
      localStorage.setItem(
@@ -500,4 +526,10 @@
  height: 100%;
  background-color: red;
}

.drag-text {
  margin: 0 4%;
  font-family: "STKaiti";
  font-size: 19px;
}
</style>