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

闫增涛

2024-07-22 06abf30210fc7173b60d8872e10e8809f75ed1d5

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

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

@@ -445,7 +445,7 @@
            </p>
            <p class="center"><b>Challenges of Working Across Cultures</b></p>
            <p class="center">
              <audio :src="resource.readingOne" controls class="audio" @play="audioPlay"></audio>
              <audio :src="resource.readingOne" controls class="audio" ></audio>
            </p>

            <p>
@@ -524,7 +524,7 @@
              <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
              <span class="line-border-box"></span>
            </p>
            <audio :src="resource.readingTwo" controls class="audio" @play="audioPlay"></audio>
            <audio :src="resource.readingTwo" controls class="audio" ></audio>
            <p>define /dɪˈfaɪn/ <i>v.</i> 给……下定义</p>
            <div class="bkbj">
              <p><i>to state precisely the meaning of sth.</i></p>
@@ -1747,8 +1747,8 @@

            </p>
            <p class="center"><b>From 2008 to 2022:The Road of My Country and My Growth</b></p>
            <p class="center"><audio :src="resource.readingThree" controls style="margin-left: 10px" class="audio"
                @play="audioPlay"></audio></p>
            <p class="center"><audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                ></audio></p>
            <p>For an
              <span class="word-bc" @click="saveWord($event, 'individual')">individual</span>
              or a country,a period of 14 years is long enough to become calm,confident and
@@ -1836,7 +1836,7 @@
              <span class="line-border-box"></span>
            </p>
            <!-- 视频 -->
            <audio :src="resource.readingFour" controls class="audio" @play="audioPlay"></audio>
            <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" class="audio" ></audio>
            <p>individual /ˌɪndɪˈvɪdʒʊəl/ <i>n.</i> 个人；个体</p>
            <div class="bkbj">
              <p><i>a person considered separately rather than as part of a group</i></p>
@@ -2803,7 +2803,7 @@
            <h2 id="b007"><img class="img-0" alt="" src="../../assets/images/dy2-le3.jpg" /></h2>
            <h3 id="c017"><span class="bjh3">Listening</span></h3>
            <p><b>Ⅰ.Listen to the introduction to Cultural Diversity Day and fill in the following blanks.</b></p>
            <audio :src="resource.listenTwo" controls class="audio" @play="audioPlay"></audio>
            <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" class="audio" ></audio>
            <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
              <tr class="table-th-bc">
                <td class="tl-cn" colspan="2">Cultural Diversity Day</td>
@@ -2833,7 +2833,7 @@
              &nbsp;
            </p>
            <p><b>Ⅱ.Listen to the conversation and mark the activities when mentioned.</b></p>
            <audio :src="resource.listenThree" controls class="audio" @play="audioPlay"></audio>
            <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" class="audio" ></audio>
            <p><input :disabled="check.isComplete" type="checkbox" name="ball"
                value="Lecture on Ancient Chinese History" id="1" v-model="check.value" />
              Lecture on Ancient Chinese History

 src/books/English/view/components/chapter006.vue

@@ -333,7 +333,7 @@
            <p class="center"><b>A Positive Work Environment</b></p>
            <p class="center">
              <audio
                :src="resource.readingTwo"
                :src="resource.readingOne"
                controls
                controlslist="noplaybackrate nodownload"
                style="margin-left: 10px"
@@ -1448,7 +1448,7 @@
            <p class="center"><b>Code of Conduct in the Workplace</b></p>
            <p class="center">
              <audio
                :src="resource.readingTwo"
                :src="resource.readingThree"
                controls
                controlslist="noplaybackrate nodownload"
                style="margin-left: 10px"
@@ -1664,7 +1664,7 @@
              <span class="line-border-box"></span>
            </p>
            <audio
              :src="resource.readingTwo"
              :src="resource.readingFour"
              controls
              controlslist="noplaybackrate nodownload"
              style="margin-left: 10px"
@@ -2308,12 +2308,6 @@
            <h3 id="c053" class="fl al-cn">
              <span class="bjh3">Listening</span>
              <!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
              <audio
                :src="resource.listenOne"
                controls
                controlslist="noplaybackrate nodownload"
                class="audio"
              ></audio>
            </h3>
            <p>
              <b
@@ -2322,6 +2316,12 @@
                (F).</b
              >
            </p>
            <audio
                :src="resource.listenTwo"
                controls
                controlslist="noplaybackrate nodownload"
                class="audio"
              ></audio>
            <p v-for="(item,index) in listenThree[0].value" :key="index">
              (
                <select class="select-border" v-model="item.userAnswer" @change="saveListenThree"
@@ -2373,6 +2373,12 @@
                corresponding speaker.</b
              >
            </p>
            <audio
                :src="resource.listenThree"
                controls
                controlslist="noplaybackrate nodownload"
                class="audio"
              ></audio>
            <table
              border="1"
              cellpadding="4"
@@ -3478,6 +3484,10 @@
        listenOne: "",
        readingOne: "",
        readingTwo: "",
        readingThree: "",
        readingFour: "",
        listenTwo: "",
        listenThree: "",
      },
      // 新增
      dropDownOne:[
@@ -4388,14 +4398,27 @@
    },
    async getPath() {
      this.resource.listenOne = await getResourcePath(
        "422139A2EF66EA888C5ED1D550AE23E0"
        "AB15FA5A96B3FA325489F2E6620827FD"
      );
      this.resource.readingOne = await getResourcePath(
        "3F442B682D84C8AB06C800B29D734920"
        "DF353557BE4B2C0E71BB2A50C0CA753C"
      );
      this.resource.readingTwo = await getResourcePath(
        "E8719EC88026BCFB11D292AA999F6D3D"
        "88F39B788C726DD5DB25F429570FFF7D"
      );
      this.resource.readingThree = await getResourcePath(
        "B32CC91B062501D0D75349EC300C37EA"
      );
      this.resource.readingFour = await getResourcePath(
        "0CFCC206E2DC45FBA070CD9CD7F0428B"
      );
      this.resource.listenTwo = await getResourcePath(
        "B392589318D7CC282BE811EDA2D8E6B0"
      );
      this.resource.listenThree = await getResourcePath(
        "625FDB71EC5BD35CF489AA4DE6730373"
      );

    },
    saveDropdoenOne() {
      localStorage.setItem('english-chapter06-dropDownOne',JSON.stringify(this.dropDownOne))

 src/books/English/view/components/chapter007.vue

@@ -365,9 +365,9 @@
                            (4).Farmers plant so many fruits and vegetables to satisfy our appetite.
                        </p>
                        <p class="center"><b>Lineman Wang Jin</b></p>
                        <p class="center"><audio :src="resource.readingTwo" controls
                        <p class="center"><audio :src="resource.readingOne" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                                ></audio></p>
                        <p>Working on high-
                            <span class="word-bc" @click="saveWord($event, 'voltage')">voltage</span>
                            power lines is considered by many as a high-risk job.But for some
@@ -457,7 +457,7 @@
                            <span class="line-border-box"></span>
                        </p>
                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                            style="margin-left: 10px" class="audio"></audio>
                        <p>voltage /ˈvəʊltɪdʒ/ <i>n.</i> 电压</p>
                        <div class="bkbj">
                            <p><i>electrical force measured in volts</i></p>
@@ -1218,9 +1218,9 @@
                            (4).Someone can communicate with me openly and effectively.
                        </p>
                        <p class="center"><b>Work Ethic in the Workplace</b></p>
                        <p class="center"> <audio :src="resource.readingTwo" controls
                        <p class="center"> <audio :src="resource.readingThree" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                                ></audio></p>
                        <p>Work ethic is a set of standards of behavior and beliefs regarding what is and isn’t
                            acceptable to do at work,which can be strong (good) or poor (bad).It depends on personal
                            views of employees,their motivation,and overall company culture.</p>
@@ -1281,7 +1281,7 @@
                            <span class="line-border-box"></span>
                        </p>
                        <p>
                            <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                            <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload"
                                style="margin-left: 10px" class="audio"></audio>
                        </p>
                        <p>regarding /rɪˈɡɑːdɪŋ/ <i>prep.</i> 关于；至于</p>
@@ -1825,11 +1825,11 @@
                        <h3 id="c062" class="fl al-cn">
                            <span class="bjh3">Listening</span>
                            <!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
                            <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                                class="audio"></audio>
                        </h3>
                        <p><b>Ⅰ.Jeff rarely showed up at the office on time.Listen to the recording and mark his excuses
                                for being late.</b></p>
                                <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload"
                                class="audio"></audio>
                        <ul class="fl">
                            <li class="w50">
                                <p v-for="(item, index) in this.questionDataThree[0].option.slice(0, 4)"
@@ -1856,6 +1856,8 @@
                        </ul>
                        <p><b>Ⅱ.Susan,HR director,is now talking with Jenny about Jeff’s problems.Listen to the
                                conversation and fill in the blanks with what you hear.</b></p>
                                <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
                                class="audio"></audio>
                        <p>Susan:Have you noticed Jeff has been late many times?</p>
                        <p>Jenny:Yes,I want to have a talk with you about this.</p>
                        <p>Susan: From our punch records,I find that Jeff was late 7 times.Does his director Jim know
@@ -2865,6 +2867,10 @@
                listenOne: "",
                readingOne: "",
                readingTwo: "",
                readingThree: "",
                readingFour: "",
                listenTwo: "",
                listenThree: "",
            },
            //new
            dropdownData: {
@@ -3505,13 +3511,25 @@
        },
        async getPath() {
            this.resource.listenOne = await getResourcePath(
                "422139A2EF66EA888C5ED1D550AE23E0"
                "20D9B02E3B0C95E7CD524224C57E643A"
            );
            this.resource.readingOne = await getResourcePath(
                "3F442B682D84C8AB06C800B29D734920"
                "01A4E8C1E8E2801EF48DDBBA3E4A30BD"
            );
            this.resource.readingTwo = await getResourcePath(
                "E8719EC88026BCFB11D292AA999F6D3D"
                "8D5057637DBB959B365E38360121FB41"
            );
            this.resource.readingThree = await getResourcePath(
                "113D24C2D701120C0F6283A72F9F4366"
            );
            this.resource.readingFour = await getResourcePath(
                "DE0C4081FE1FFE2374EDB989609B25E9"
            );
            this.resource.listenTwo = await getResourcePath(
                "DB59D9F65B437605F766F7975026B61D"
            );
            this.resource.listenThree = await getResourcePath(
                "53543E43DC90215C21CFC432D46CAB18"
            );
        },
        showAnswer(type) {

 src/books/English/view/components/chapter008.vue

@@ -32,18 +32,244 @@
                        <h2 id="b029"><img class="img-0" alt="" src="../../assets/images/dy8-le1.jpg" /></h2>
                        <h3 id="c064"><span class="bjh3">Warm-up</span></h3>
                        <p><b>Ⅰ.Figure out what the people in the following pictures do.</b></p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-1.jpg" /></p>
                        <p class="center">1._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-2.jpg" /></p>
                        <p class="center">2._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-3.jpg" /></p>
                        <p class="center">3._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-4.jpg" /></p>
                        <p class="center">4._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-5.jpg" /></p>
                        <p class="center">5._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-6.jpg" /></p>
                        <p class="center">6._____________________</p>
                        <div class="openImgBox">
                            <div class="fl ju-bt">
                                <div class="left" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/0146-1.jpg" alt="" class="w100" />
                                        </p>
                                        <p class="center">
                                            1.
                                            <select class="select-border" v-model="dropdownData.one.value"
                                                @change="setDropdownData" :disabled="dropdownData.isComplete">
                                                <option v-for="(item, index) in dropDownList" :key="index"
                                                    :value="item">
                                                    {{ item }}
                                                </option>
                                            </select>
                                            <span class="icon-box">
                                                <svg v-if="dropdownData.one.isRight" t="1716986419862" class="icon"
                                                    viewBox="0 0 1820 1024" version="1.1"
                                                    xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                                    <path
                                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                                        fill="#1AFA29" p-id="18768"></path>
                                                </svg>
                                                <svg v-if="dropdownData.one.isRight == false" t="1716987085767"
                                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
                                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                                    <path
                                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                        fill="#d81e06" p-id="25746"></path>
                                                </svg>
                                            </span>
                                        </p>
                                    </div>
                                    <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
                                        答案：intercity train
                                    </p>
                                </div>
                                <div class="right" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/0146-2.jpg" alt="" style="width: 98%" />
                                        </p>
                                        <p class="center">
                                            2.
                                            <select class="select-border" v-model="dropdownData.two.value"
                                                @change="setDropdownData" :disabled="dropdownData.isComplete">
                                                <option v-for="(item, index) in dropDownList" :key="index"
                                                    :value="item">
                                                    {{ item }}
                                                </option>
                                            </select>
                                            <span class="icon-box">
                                                <svg v-if="dropdownData.two.isRight" t="1716986419862" class="icon"
                                                    viewBox="0 0 1820 1024" version="1.1"
                                                    xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                                    <path
                                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                                        fill="#1AFA29" p-id="18768"></path>
                                                </svg>
                                                <svg v-if="dropdownData.two.isRight == false" t="1716987085767"
                                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
                                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                                    <path
                                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                        fill="#d81e06" p-id="25746"></path>
                                                </svg>
                                            </span>
                                        </p>
                                    </div>
                                    <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
                                        答案：online shopping
                                    </p>
                                </div>
                            </div>

                            <div class="fl ju-bt">
                                <div class="left" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/0146-3.jpg" alt="" style="width: 98%" />
                                        </p>
                                        <p class="center">
                                            3.
                                            <select class="select-border" v-model="dropdownData.three.value"
                                                @change="setDropdownData" :disabled="dropdownData.isComplete">
                                                <option v-for="(item, index) in dropDownList" :key="index"
                                                    :value="item">
                                                    {{ item }}
                                                </option>
                                            </select>
                                            <span class="icon-box">
                                                <svg v-if="dropdownData.three.isRight" t="1716986419862" class="icon"
                                                    viewBox="0 0 1820 1024" version="1.1"
                                                    xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                                    <path
                                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                                        fill="#1AFA29" p-id="18768"></path>
                                                </svg>
                                                <svg v-if="dropdownData.three.isRight == false" t="1716987085767"
                                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
                                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                                    <path
                                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                        fill="#d81e06" p-id="25746"></path>
                                                </svg>
                                            </span>
                                        </p>
                                    </div>
                                    <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
                                        答案：electronic payment
                                    </p>
                                </div>
                                <div class="right" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/0146-4.jpg" alt="" style="width: 94%" />
                                        </p>
                                        <p class="center">
                                            4.
                                            <select class="select-border" v-model="dropdownData.four.value"
                                                @change="setDropdownData" :disabled="dropdownData.isComplete">
                                                <option v-for="(item, index) in dropDownList" :key="index"
                                                    :value="item">
                                                    {{ item }}
                                                </option>
                                            </select>
                                            <span class="icon-box">
                                                <svg v-if="dropdownData.four.isRight" t="1716986419862" class="icon"
                                                    viewBox="0 0 1820 1024" version="1.1"
                                                    xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                                    <path
                                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                                        fill="#1AFA29" p-id="18768"></path>
                                                </svg>
                                                <svg v-if="dropdownData.four.isRight == false" t="1716987085767"
                                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
                                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                                    <path
                                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                        fill="#d81e06" p-id="25746"></path>
                                                </svg>
                                            </span>
                                        </p>
                                    </div>
                                    <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
                                        答案：shared bike
                                    </p>
                                </div>
                            </div>

                            <div class="fl ju-bt">
                                <div class="left" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/0146-5.jpg" alt="" class="w100" />
                                        </p>
                                        <p class="center">
                                            5.
                                            <select class="select-border" v-model="dropdownData.five.value"
                                                @change="setDropdownData" :disabled="dropdownData.isComplete">
                                                <option v-for="(item, index) in dropDownList" :key="index"
                                                    :value="item">
                                                    {{ item }}
                                                </option>
                                            </select>
                                            <span class="icon-box">
                                                <svg v-if="dropdownData.five.isRight" t="1716986419862" class="icon"
                                                    viewBox="0 0 1820 1024" version="1.1"
                                                    xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                                    <path
                                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                                        fill="#1AFA29" p-id="18768"></path>
                                                </svg>
                                                <svg v-if="dropdownData.five.isRight == false" t="1716987085767"
                                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
                                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                                    <path
                                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                        fill="#d81e06" p-id="25746"></path>
                                                </svg>
                                            </span>
                                        </p>
                                    </div>
                                    <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
                                        答案：take-away service
                                    </p>
                                </div>
                                <div class="right" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/0146-6.jpg" alt="" style="width: 98%" />
                                        </p>
                                        <p class="center">
                                            6.
                                            <select class="select-border" v-model="dropdownData.six.value"
                                                @change="setDropdownData" :disabled="dropdownData.isComplete">
                                                <option v-for="(item, index) in dropDownList" :key="index"
                                                    :value="item">
                                                    {{ item }}
                                                </option>
                                            </select>
                                            <span class="icon-box">
                                                <svg v-if="dropdownData.six.isRight" t="1716986419862" class="icon"
                                                    viewBox="0 0 1820 1024" version="1.1"
                                                    xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                                    <path
                                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                                        fill="#1AFA29" p-id="18768"></path>
                                                </svg>
                                                <svg v-if="dropdownData.six.isRight == false" t="1716987085767"
                                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
                                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                                    <path
                                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                        fill="#d81e06" p-id="25746"></path>
                                                </svg>
                                            </span>
                                        </p>
                                    </div>
                                    <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
                                        答案：facial recognition
                                    </p>
                                </div>
                            </div>
                        </div>
                        <p><b>Ⅱ.What other jobs can you list?</b></p>
                        <p>____________________________________________</p>
                    </div>
@@ -636,18 +862,26 @@
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
                        <div class="bk-wh">
                            <p class="dl-box">
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'dangerous')">dangerous</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'demanding')">demanding</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'dull')">dull</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'exciting')">exciting</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'repetitive')">repetitive</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'risky')">risky</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'satisfying')">satisfying</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'stimulating')">stimulating</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'stressful')">stressful</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'voluntary')">voluntary</span>
              </p>
                            
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'dangerous')">dangerous</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'demanding')">demanding</span>
                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'dull')">dull</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'exciting')">exciting</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'repetitive')">repetitive</span>
                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'risky')">risky</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'satisfying')">satisfying</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'stimulating')">stimulating</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'stressful')">stressful</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'voluntary')">voluntary</span>
                            </p>

                            <p>　　　　　　　　　
                            </p>
                        </div>
@@ -1592,18 +1826,18 @@
                <div class="padding-93">
                    <div class="bodystyle">
                        <p class="center"><b>Worksheet for the Interviewer</b></p>
                        <table border="1" cellpadding="4" cellspacing="0"  class="fz-14 fieldset-5">
                        <table border="1" cellpadding="4" cellspacing="0" class="fz-14 fieldset-5">
                            <tr class="table-tr-bc">
                                <td class="tl-cn ">
                                    <p class="table-p">Name: <input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 35em"
                                        v-model="testData.in.one" @change="setTestData" /></p>
                                            class="input-bottom-border input-bc-t" style="width: 35em"
                                            v-model="testData.in.one" @change="setTestData" /></p>
                                    <p class="table-p">Phone: <input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 34.8em"
                                        v-model="testData.in.one" @change="setTestData" /></p>
                                            class="input-bottom-border input-bc-t" style="width: 34.8em"
                                            v-model="testData.in.one" @change="setTestData" /></p>
                                    <p class="table-p">Email: <input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 35em"
                                        v-model="testData.in.one" @change="setTestData" /></p>
                                            class="input-bottom-border input-bc-t" style="width: 35em"
                                            v-model="testData.in.one" @change="setTestData" /></p>
                                </td>
                            </tr>

@@ -1614,7 +1848,7 @@
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                  

                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
@@ -1623,7 +1857,7 @@
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
        

                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
@@ -1632,7 +1866,7 @@
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
  

                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">

 src/books/English/view/components/index.vue

@@ -213,7 +213,7 @@

    // 测试页面跳转
     setTimeout(() => {
      this.gotoPage(6,101);
      this.gotoPage(9,140);
    //   setTimeout(() => {
    //     this.renderSign("Highlight", {
    //       id: "2ACA9359",