图书bug修改

闫增涛

2024-07-11 6565078d7af60fe9496a43a7d3d9bf00f92f0531

 src/books/childHealth/view/content/components/chapter011.vue

@@ -1,86 +1,111 @@
<template>
  <div class="chapter" num="12">
    <div class="page-box" page="282">
      <div class="padding-96">
        <p class="center" id="a017">
          <img
            class="img-a"
            alt=""
            src="../../../assets/images/chapterEleven/zhycs.jpg"
          />
        </p>
        <p class="block3">亲爱的同学：</p>
        <p class="block">
          祝贺你顺利完成本门课程的学习！想必在这门课程的学习过程中，你一定收获颇丰。
          下面，让咱们一起来检测一下学习效果吧。
          如果你全会，那恭喜你！如果你未能全部答对，也没有关系，请从教材中找到相应的内容复习一下吧。
          这里一共有十套测试题，现在开始自我检测之旅吧。
        </p>
        <!-- <p class="center">
          <el-image :src="tableOne" :preview-src-list="[tableOne]" />
        </p> -->
        <p class=" block3">
          <span class="block3 center dl-bl w100 mt-40">卷一</span>
          <examinations :cardList="questionData[2741]" :chapter="11" :page="2741" />
        </p>
        <span class="span-border"></span>
        <p class=" block3">
          <span class="block3 center dl-bl w100 mt-40">卷二</span>
          <examinations :cardList="questionData[2742]" :chapter="11" :page="2742" />
        </p>
        <span class="span-border"></span>
        <p class=" block3">
          <span class="block3 center dl-bl w100 mt-40">卷三</span>
          <examinations :cardList="questionData[2743]" :chapter="11" :page="2743" />
        </p>
        <span class="span-border"></span>
        <p class=" block3">
          <span class="block3 center dl-bl w100 mt-40">卷四</span>
          <examinations :cardList="questionData[2744]" :chapter="11" :page="2744" />
        </p>
        <span class="span-border"></span>
        <p class=" block3">
          <span class="block3 center dl-bl w100 mt-40">卷五</span>
          <examinations :cardList="questionData[2745]"  :chapter="11" :page="2745" />
        </p>
      <div v-if="showPageList.indexOf(282) > -1">
        <div class="padding-96">
          <p class="center" id="a017">
            <img
              class="img-a"
              alt=""
              src="../../../assets/images/chapterEleven/zhycs.jpg"
            />
          </p>
          <p class="block3">亲爱的同学：</p>
          <p class="block">
            祝贺你顺利完成本门课程的学习！想必在这门课程的学习过程中，你一定收获颇丰。
            下面，让咱们一起来检测一下学习效果吧。
            如果你全会，那恭喜你！如果你未能全部答对，也没有关系，请从教材中找到相应的内容复习一下吧。
            这里一共有十套测试题，现在开始自我检测之旅吧。
          </p>
          <p class="block3">
            <span class="block3 center dl-bl w100 mt-40">卷一</span>
            <examinations
            v-if="questionData"
              :cardList="questionData[282] ? questionData[282][1] : []"
            />
          </p>
          <span class="span-border"></span>
          <p class="block3">
            <span class="block3 center dl-bl w100 mt-40">卷二</span>
            <examinations
            v-if="questionData"
              :cardList="questionData[282] ? questionData[282][2] : []"
            />
          </p>
          <span class="span-border"></span>
          <p class="block3">
            <span class="block3 center dl-bl w100 mt-40">卷三</span>
            <examinations
            v-if="questionData"
              :cardList="questionData[282] ? questionData[282][3] : []"
            />
          </p>
          <span class="span-border"></span>
          <p class="block3">
            <span class="block3 center dl-bl w100 mt-40">卷四</span>
            <examinations
            v-if="questionData"
              :cardList="questionData[282] ? questionData[282][4] : []"
            />
          </p>
          <span class="span-border"></span>
          <p class="block3">
            <span class="block3 center dl-bl w100 mt-40">卷五</span>
            <examinations
            v-if="questionData"
              :cardList="questionData[282] ? questionData[282][5] : []"
            />
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="283">
      <div class="page-header-box">
        <span class="page-header-text" 
          >综合云测试</span
        >
        <span class="page-header-num">275</span>
      </div>
      <div class="padding-96">
        <!-- <p class="img">续表</p>
        <p class="center">
          <el-image :src="tableTwo" :preview-src-list="[tableTwo]" />
        </p> -->
        <p class=" block3">
          <span class="block3 center dl-bl w100 mt-40">卷六</span>
          <examinations :cardList="questionData[2746]" :chapter="11" :page="2746" />
        </p>
        <span class="span-border"></span>
        <p class=" block3">
          <span class="block3 center dl-bl w100 mt-40">卷七</span>
          <examinations :cardList="questionData[2747]" :chapter="11" :page="2747" />
        </p>
        <span class="span-border"></span>
        <p class=" block3">
          <span class="block3 center dl-bl w100 mt-40">卷八</span>
          <examinations :cardList="questionData[2748]" :chapter="11" :page="2748" />
        </p>
        <span class="span-border"></span>
        <p class=" block3">
          <span class="block3 center dl-bl w100 mt-40">卷九</span>
          <examinations :cardList="questionData[2749]" :chapter="11" :page="2749" />
        </p>
        <span class="span-border"></span>
        <p class=" block3">
          <span class="block3 center dl-bl w100 mt-40">卷十</span>
          <examinations :cardList="questionData[27410]" :chapter="11" :page="27410" />
        </p>
      <div v-if="showPageList.indexOf(283) > -1">
        <div class="page-header-box">
          <span class="page-header-text">综合云测试</span>
          <span class="page-header-num">275</span>
        </div>
        <div class="padding-96">
          <p class="block3">
            <span class="block3 center dl-bl w100 mt-40">卷六</span>
            <examinations
            v-if="questionData"
              :cardList="questionData[283] ? questionData[283][1] : []"
            />
          </p>
          <span class="span-border"></span>
          <p class="block3">
            <span class="block3 center dl-bl w100 mt-40">卷七</span>
            <examinations
            v-if="questionData"
              :cardList="questionData[283] ? questionData[283][2] : []"
            />
          </p>
          <span class="span-border"></span>
          <p class="block3">
            <span class="block3 center dl-bl w100 mt-40">卷八</span>
            <examinations
            v-if="questionData"
              :cardList="questionData[283] ? questionData[283][3] : []"
            />
          </p>
          <span class="span-border"></span>
          <p class="block3">
            <span class="block3 center dl-bl w100 mt-40">卷九</span>
            <examinations
            v-if="questionData"
              :cardList="questionData[283] ? questionData[283][4] : []"
            />
          </p>
          <span class="span-border"></span>
          <p class="block3">
            <span class="block3 center dl-bl w100 mt-40">卷十</span>
            <examinations
            v-if="questionData"
              :cardList="questionData[283] ? questionData[283][5] : []"
            />
          </p>
        </div>
      </div>
    </div>
  </div>
@@ -88,21 +113,29 @@

<script>
import examinations from "@/components/examinations/index.vue";
import getQuestionData from '@/assets/methods/examination'
import testData from '../../../assets/examinationList'
export default {
  name: "chapterEleven",
  components: {examinations},
  components: { examinations },
  props: {
    questionData: {
      type: Object,
    },
    showPageList: {
      type: Array,
    },
  },
  watch:{
    questionData:{
      handler(newVal) {
        console.log('新值',newVal);
      }
    },deep:true,immediate:true
  },
  data() {
    return {
      tableOne: require("../../../assets/images/chapterEleven/0287-1.jpg"),
      tableTwo: require("../../../assets/images/chapterEleven/0288-1.jpg"),
      questionData:{}
    };
  },
  async mounted() {
    this.$data.questionData = await getQuestionData('11',testData[11],this.config.activeBook)
  },
  async mounted() {},
};
</script>