zhongshujie
2024-07-08 bc7f6f02feeff377da9d95546420987a2539d7cc
英语(表格)
10个文件已修改
1440 ■■■■■ 已修改文件
src/books/English/assets/main.less 4 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/chapter001.vue 4 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/chapter002.vue 4 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/chapter003.vue 6 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/chapter004.vue 212 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/chapter005.vue 539 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/chapter006.vue 475 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/chapter007.vue 188 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/index.vue 6 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/artAndDrama/assets/main.less 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/main.less
@@ -896,6 +896,9 @@
      outline: none;
    }
  }
  .check-bc-t{
    background-color: transparent;
  }
 .input-no-border{
  border: 0;
  width: 86%;
@@ -909,6 +912,7 @@
 .bor-t-n{
  border-top: none;
 }
// 续表
 .continued{
  text-align: right;
  color: #FBB56D;
src/books/English/view/components/chapter001.vue
@@ -1446,7 +1446,7 @@
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.eight" class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
@@ -3145,7 +3145,7 @@
          five: "",
          six: "",
          seven: "",
          enight: "",
          eight: "",
          nine: "",
          ten: "",
          eleven: "",
src/books/English/view/components/chapter002.vue
@@ -97,7 +97,7 @@
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.enight"
                  <textarea v-model="questionData.table.eight"
                    class="w100 table-tr-bc b0 table-textarea textarea-box-right" @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -2071,7 +2071,7 @@
          five: "",
          six: "",
          seven: "",
          enight: "",
          eight: "",
          nine: "",
          ten: "",
          eleven: "",
src/books/English/view/components/chapter003.vue
@@ -1223,7 +1223,7 @@
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.enight"
                                    <textarea v-model="questionData.table.eight"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
@@ -1251,7 +1251,7 @@
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.enight"
                                    <textarea v-model="questionData.table.eight"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
@@ -2314,7 +2314,7 @@
                    five: "",
                    six: "",
                    seven: "",
                    enight: "",
                    eight: "",
                    nine: "",
                },
            },
src/books/English/view/components/chapter004.vue
@@ -394,37 +394,37 @@
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-tr-bc">
                                <td class="tl-lf" style="width: 33%;">l. often →<input :disabled="testData.isComplete"
                                        type="text" class="input-bottom-border input-bc-t" style="width: 70px"
                                        type="text" class="input-bottom-border input-bc-t" style="width: 5em"
                                        v-model="testData.in.one" @change="setTestData" /></td>
                                <td class="tl-lf" style="width: 33%;">2. go0d →<input :disabled="testData.isComplete"
                                        type="text" class="input-bottom-border input-bc-t" style="width: 70px"
                                        type="text" class="input-bottom-border input-bc-t" style="width: 5em"
                                        v-model="testData.in.one" @change="setTestData" /></td>
                                <td class="tl-lf" style="width: 33%;">3. bad →<input :disabled="testData.isComplete"
                                        type="text" class="input-bottom-border input-bc-t" style="width: 70px"
                                        type="text" class="input-bottom-border input-bc-t" style="width: 5em"
                                        v-model="testData.in.one" @change="setTestData" />
                                </td>
                            </tr>
                            <tr class="table-tr-bc ">
                                <td class="tl-lf">4. early →<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 70px"
                                        class="input-bottom-border input-bc-t" style="width: 5em"
                                        v-model="testData.in.one" @change="setTestData" /></td>
                                <td class="tl-lf">5. heavy →<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 70px"
                                        class="input-bottom-border input-bc-t" style="width: 5em"
                                        v-model="testData.in.one" @change="setTestData" /></td>
                                <td class="tl-lf">6. late →<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 70px"
                                        class="input-bottom-border input-bc-t" style="width: 5em"
                                        v-model="testData.in.one" @change="setTestData" />
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-lf">7. dangerous →<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 70px"
                                        class="input-bottom-border input-bc-t" style="width: 5em"
                                        v-model="testData.in.one" @change="setTestData" /></td>
                                <td class="tl-lf">8. thin →<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 70px"
                                        class="input-bottom-border input-bc-t" style="width: 5em"
                                        v-model="testData.in.one" @change="setTestData" /></td>
                                <td class="tl-lf">9. far →<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 70px"
                                        class="input-bottom-border input-bc-t" style="width: 5em"
                                        v-model="testData.in.one" @change="setTestData" />
                                </td>
                            </tr>
@@ -813,35 +813,55 @@
                                <td class="tl-cn table-th-bc">The FAST Team</td>
                                <td style="width: 65%;">
                                    <p class="table-p">
                                        The engineering and operation team has an average age of 1.
                                        while the on-site team has an average age of 2.
                                        The engineering and operation team has an average age of 1.<select
                                            v-model="dropdownData.one.value" style="width: 25%">
                                            <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
                                                {{ item }}
                                            </option>
                                        </select>
                                        while the on-site team has an average age of 2.<select
                                            v-model="dropdownData.one.value" style="width: 25%">
                                            <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
                                                {{ item }}
                                            </option>
                                        </select>
                                    </p>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn table-th-bc">Achievements</td>
                                <td style="width: 65%;">
                                    <p class="table-p">He would like to provide the world's 5.<input
                                            :disabled="testData.isComplete" type="text"
                                            class="input-bottom-border input-bc-t" style="width: 70px"
                                            v-model="testData.in.one" @change="setTestData" />least developed countries
                                    <p class="table-p">He would like to provide the world's 5.<select
                                            v-model="dropdownData.one.value" style="width: 25%">
                                            <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
                                                {{ item }}
                                            </option>
                                        </select>least developed countries
                                        with engineers.</p>
                                    <p class="table-p">He wants to reach 6.<input :disabled="testData.isComplete"
                                            type="text" class="input-bottom-border input-bc-t" style="width: 70px"
                                            v-model="testData.in.one" @change="setTestData" />people.</p>
                                    <p class="table-p">He wants to reach 6.<select v-model="dropdownData.one.value"
                                            style="width: 25%">
                                            <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
                                                {{ item }}
                                            </option>
                                        </select>people.</p>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn table-th-bc">Contributions ofTeam Members</td>
                                <td style="width: 65%;">
                                    <p class="table-p">He would like to provide the world's 5.<input
                                            :disabled="testData.isComplete" type="text"
                                            class="input-bottom-border input-bc-t" style="width: 70px"
                                            v-model="testData.in.one" @change="setTestData" />least developed countries
                                    <p class="table-p">He would like to provide the world's 5.<select
                                            v-model="dropdownData.one.value" style="width: 25%">
                                            <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
                                                {{ item }}
                                            </option>
                                        </select>least developed countries
                                        with engineers.</p>
                                    <p class="table-p">He wants to reach 6.<input :disabled="testData.isComplete"
                                            type="text" class="input-bottom-border input-bc-t" style="width: 70px"
                                            v-model="testData.in.one" @change="setTestData" />people.</p>
                                    <p class="table-p">He wants to reach 6.<select v-model="dropdownData.one.value"
                                            style="width: 25%">
                                            <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
                                                {{ item }}
                                            </option>
                                        </select>people.</p>
                                </td>
                            </tr>
                        </table>
@@ -950,11 +970,73 @@
                            then discuss with your group members about their spirit towards scientific research and
                            innovation.</p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0081-2.jpg" /></p>
                        <p class="center">
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn">Scientists</td>
                                <td class="tl-cn">Contributions</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">Zhang Heng</td>
                                <td class="tl-lf">
                                    He invented a machine called seismometer(地动仪), which could sense distant
                                    earthquakes,
                                    and indicated in which direction they were happening.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.one"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.two"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.one"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.two"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.one"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.two"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.one"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.two"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                        </p>
                        <h2 id="b015"><img class="img-0" alt="" src="../../assets/images/dy4-le3.jpg" /></h2>
                        <h3 id="c035"><span class="bjh3">Listening</span></h3>
                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                        <h3 id="c035" 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>Ⅰ.Listen to Nadia talking about her favorite electronic device and mark what she says
                                about it.</b></p>
                        <p>□ 1.What it is</p>
@@ -987,7 +1069,75 @@
                        <p>□ 6.Why it is important to Nadia</p>
                        <p><b>Ⅱ.Ms.Zhang is discussing technology trends with her students.Listen to the
                                conversation,and write down the benefits of each App.</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0082-1.jpg" /></p>
                        <p class="center">
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn">Artificial Inteligence Apps</td>
                                <td class="tl-cn">Benefits</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    digital assistance
                                </td>
                                <td class="tl-lf">
                                    <p class="table-p">
                                        It reminds me to do things.
                                    </p>
                                    <p class="table-p">
                                        It wakes me up 1<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 5em"
                                        v-model="testData.in.one" @change="setTestData" />in the morning.
                                    </p>
                                    <p class="table-p">
                                        It plays my 2.<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 5em"
                                        v-model="testData.in.one" @change="setTestData" />music.
                                    </p>
                                    <p class="table-p">
                                        I chat with it when I am alone..
                                    </p>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    online shopping recommendation
                                </td>
                                <td class="tl-lf">
                                    <p class="table-p">
                                        It 3.<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 5em"
                                        v-model="testData.in.one" @change="setTestData" />suggests things that I want.
                                    </p>
                                    <p class="table-p">
                                        It makes shopping a 4.<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 5em"
                                        v-model="testData.in.one" @change="setTestData" />experience.
                                    </p>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    instant translation
                                </td>
                                <td class="tl-lf">
                                    <p class="table-p">
                                        They help me communicate easily when I travel abroad.
                                    </p>
                                    <p class="table-p">
                                        They're so 5.<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 5em"
                                        v-model="testData.in.one" @change="setTestData" />for foreign language learning.
                                    </p>
                                    <p class="table-p">
                                        I can figure out words or the meaning of words 6.<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 5em"
                                        v-model="testData.in.one" @change="setTestData" />
                                    </p>
                                </td>
                            </tr>
                        </table>
                        </p>
                        <h3 id="c036"><span class="bjh3">Practical Writing</span></h3>
                        <p>Work with your partner to discuss the following questions.</p>
                        <p>1.What is a sales letter like?</p>
@@ -1426,7 +1576,7 @@
                    five: "",
                    six: "",
                    seven: "",
                    enight: "",
                    eight: "",
                    nine: "",
                },
            },
src/books/English/view/components/chapter005.vue
@@ -63,7 +63,34 @@
                                @play="audioPlay"></audio></p>
                        <p><b>Nature is sending warnings to human beings.Watch the video and answer the following
                                questions.</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0088-8.jpg" /></p>
                        <p class="center">
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn">What have humans done to the
                                    planet?</td>
                                <td class="tl-cn">What did "lce" do to warn
                                    humans?</td>
                                <td class="tl-cn">How do humans respond to the
                                    warning?</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.one"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.two"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.three"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                        </p>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -405,7 +432,73 @@
                            time while humans do nothing but make it worse.Search online for the causes and effects of
                            environmental issues,and finish the worksheet,and then prepare a report to the class.</p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0094-1.jpg" /></p>
                        <p class="center">
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="wh-no tl-cn">Environmental issues</td>
                                <td class="tl-cn">Causes</td>
                                <td class="tl-cn">Effects</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="">Plastic Pollution</td>
                                <td class="tl-lf">
                                    Because plastie is affordable and durable, it has been overused, Most plastic
                                    is thrown away even after a single use, which ends up in landfills or in the oceans.
                                </td>
                                <td class="tl-lf">
                                    Plastie takes hundreds of years to decompose. Therefore plastie waste has posed a
                                    serious threat to the safety of land, oceans, humans and animals.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.four"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.five"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.six"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.seven"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.eight"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.nine"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.ten"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.eleven"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twelve"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                        </p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
                        <div class="bk-wh">
                            <p>smog greenhouse gases unusual temperature rising sea levels melting glaciers frequent
@@ -790,11 +883,94 @@
                        <p><b>Ⅱ.Work in groups.Ask your group members how they deal with the household waste every
                                day.Finish the worksheet and prepare a report to the class.</b></p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0100-2.jpg" /></p>
                        <p class="center">
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn">Names</td>
                                <td class="wh-no tl-cn">Ways of Sorting Daily Household Waste</td>
                                <td class="wh-no tl-cn">Right or Wrong</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">Li Ming</td>
                                <td class="tl-lf">He puts glass bottles and tin cans into recyclable waste bins,
                                    puts batteries and bulbs into harmful waste bins, puts apple cores and leftovers
                                    into
                                    kitchen waste bins, and puts used tissues and dirty plastie bags into other waste
                                    bins.</td>
                                <td class="wh-no">
                                    Right
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.thirteen"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.fourteen"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.fifteen"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.sixteen"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.seventeen"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.eighteen"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.nineteen"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twenty"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentyOne"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.twentyTwo"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentyThree"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentyFour"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                        </p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">96</span>
                    <span class="contet-num-box">90</span>
                </div>
            </div>
        </div>
@@ -819,25 +995,218 @@
                        <h3 id="c044"><span class="bjh3">Listening</span></h3>
                        <p><b>Ⅰ.Every one of us should have a clear sense of how important Nature means to mankind.Watch
                                the video and fill in the blanks with what you hear.</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0101-2.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="wh-no tl-cn">Redwood Sapling</td>
                                <td class="tl-cn">Ways of Sorting Daily Household Waste</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn wh-no">How come you're so smart?</td>
                                <td class="tl-lf">
                                    Our kind has been around a really long time, longer than just about anything. I've
                                    seen just about everything.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn wh-no">
                                    What have you seen?
                                </td>
                                <td>
                                    I've seen all kinds of l.<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 60px"
                                        v-model="testData.in.one" @change="setTestData" />
                                    <span>
                                        <svg v-if="
                                            testData.isComplete &&
                                            isTextRight(testData.in.answer, testData.in.one, 0)
                                        " 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="
                                            testData.isComplete &&
                                            isTextRight(testData.in.answer, testData.in.one, 0) == 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>,bugs and 2.<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 60px"
                                        v-model="testData.in.one" @change="setTestData" />
                                    <span>
                                        <svg v-if="
                                            testData.isComplete &&
                                            isTextRight(testData.in.answer, testData.in.one, 0)
                                        " 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="
                                            testData.isComplete &&
                                            isTextRight(testData.in.answer, testData.in.one, 0) == 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>,mice andrats, rabbits and bears, and skuhks. But things have been changed
                                    ever since humans came.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn wh-no">
                                    What did the humans do?
                                </td>
                                <td>
                                    They changed wolves into dogs, rivers into lakes, and us into 3.<input
                                        :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 60px"
                                        v-model="testData.in.one" @change="setTestData" />
                                    <span>
                                        <svg v-if="
                                            testData.isComplete &&
                                            isTextRight(testData.in.answer, testData.in.one, 0)
                                        " 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="
                                            testData.isComplete &&
                                            isTextRight(testData.in.answer, testData.in.one, 0) == 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>They started using the 4.<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 60px"
                                        v-model="testData.in.one" @change="setTestData" />
                                    <span>
                                        <svg v-if="
                                            testData.isComplete &&
                                            isTextRight(testData.in.answer, testData.in.one, 0)
                                        " 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="
                                            testData.isComplete &&
                                            isTextRight(testData.in.answer, testData.in.one, 0) == 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>like it was put there just for them, Actlike they've got an extra one.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn wh-no">
                                    Why do they do that?
                                </td>
                                <td>
                                    I don't know, If they don't figure put that they're part of 5.<input
                                        :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 60px"
                                        v-model="testData.in.one" @change="setTestData" />
                                    <span>
                                        <svg v-if="
                                            testData.isComplete &&
                                            isTextRight(testData.in.answer, testData.in.one, 0)
                                        " 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="
                                            testData.isComplete &&
                                            isTextRight(testData.in.answer, testData.in.one, 0) == 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>
                                    rather than just using it, they probably won't be around to see you grow up.
                                </td>
                            </tr>
                        </table>
                        <p><b>Ⅱ.The four people below are all concerned with the increasingly serious environmental
                                issues.Listen to the recording and decide which website they use to search for the
                                information they need.</b></p>
                        <p class="center"><img class="img-b" alt="" src="../../assets/images/0101-3.jpg" /></p>
                        <div class="fieldset-7">
                            <p><b>a. oneworld.org</b></p>
                            <p>There’s lots of environmental information here, whether you’re just starting to explore
                                the subject, or wanting to find out about the latest research.</p>
                            <p><b>b. eco.org</b></p>
                            <p>You can find out here if your choice of transport damages the planet. If so, try the easy
                                changes to your routine suggested here.</p>
                            <p><b>c. planetmatters.org</b></p>
                            <p>There’s a recycling section in this website — find different uses for things that you
                                might otherwise put in the bin.</p>
                            <p><b>d. ourworld.org</b></p>
                            <p>If you prefer working things out for yourself, you can find experiments to do in this
                                website, like making your own power using sunlight!</p>
                        </div>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-tr-bc">
                                <td class="tl-lf ">
                                    <p class="table-p">
                                        <b>a. oneworld.org</b>
                                    </p>
                                    <p class="table-p">
                                        There’s lots of environmental information here, whether you’re just starting to
                                        explore
                                        the subject, or wanting to find out about the latest research.
                                    </p>
                                </td>
                                <td style="width: 50%;">
                                    <p class="table-p">
                                        <b>b. eco.org</b>
                                    </p>
                                    <p class="table-p">
                                        There’s lots of environmental information here, whether you’re just starting to
                                        explore
                                        the subject, or wanting to find out about the latest research.
                                    </p>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <p class="table-p">
                                        <b>c. planetmatters.org</b>
                                    </p>
                                    <p class="table-p">
                                        There’s a recycling section in this website — find different uses for things
                                        that you
                                        might otherwise put in the bin.
                                    </p>
                                </td>
                                <td style="width: 50%;">
                                    <p class="table-p">
                                        <b>d. ourworld.org</b>
                                    </p>
                                    <p class="table-p">
                                        If you prefer working things out for yourself, you can find experiments to do in
                                        this
                                        website, like making your own power using sunlight!
                                    </p>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -1023,7 +1392,100 @@
                        <p>Step 4:Share your experiences as well as your thoughts on how to reduce personal carbon
                            footprints in the class.</p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0105-2.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn" colspan="8">The 7-day No PlastigChallenge</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="wh-no tl-cn">Form(s) of Documenting</td>
                                <td class="tl-cn" colspan="1"><input type="checkbox" name="ball1" :disabled="testData.isComplete" value="Language" id="1"
                                    v-model="testData.check.value" @change="setTestData" />vlogs</td>
                                <td class="tl-cn" colspan="2"><input type="checkbox" name="ball1" :disabled="testData.isComplete" value="Language" id="1"
                                    v-model="testData.check.value" @change="setTestData" />photos</td>
                                <td class="tl-cn" colspan="2"><input type="checkbox" name="ball1" :disabled="testData.isComplete" value="Language" id="1"
                                    v-model="testData.check.value" @change="setTestData" />journals</td>
                                <td class="tl-cn" colspan="2"><input type="checkbox" name="ball1" :disabled="testData.isComplete" value="Language" id="1"
                                    v-model="testData.check.value" @change="setTestData" />other<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 60px"
                                        v-model="testData.in.one" @change="setTestData" />
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn wh-no">
                                    Social Media Platform(s)
                                </td>
                                <td colspan="7">
                                    <textarea v-model="questionData.table.twentyFive"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td rowspan="2" class="tl-cn">
                                    Challenges
                                </td>
                                <td>
                                    DAY 1
                                </td>
                                <td>
                                    DAY 2
                                </td>
                                <td>
                                    DAY 3
                                </td>
                                <td>
                                    DAY 4
                                </td>
                                <td>
                                    DAY 5
                                </td>
                                <td>
                                    DAY 6
                                </td>
                                <td>
                                    DAY 7
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.twentySix"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentySeven"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentyEight"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentyNine"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.thirty"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.thirtyOne"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.thirtyTwo"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    Reflections
                                </td>
                                <td colspan="7">
                                    <textarea v-model="questionData.table.thirtyThree"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                        <div class="fieldset-4">
                            <p class="center"><b>Useful Expressions</b></p>
                            <p>In response to the national call for plastic reduction, I decide to engage in the 7-day
@@ -1052,6 +1514,7 @@
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p class="continued">continued</p>
                        <div class="fieldset-4">
                            <p>I will post my experience on …</p>
                            <p>I will use eco-friendly bags for grocery shopping.</p>
@@ -1257,8 +1720,42 @@
                    five: "",
                    six: "",
                    seven: "",
                    enight: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                    fifteen: "",
                    sixteen: "",
                    seventeen: "",
                    eighteen: "",
                    nineteen: "",
                    twenty: "",
                    twentyOne: "",
                    twentyTwo: "",
                    twentyThree: "",
                    twentyFour: "",
                    twentyFive: "",
                    twentySix: "",
                    twentySeven: "",
                    twentyEight: "",
                    twentyNine: "",
                    thirty:"",
                    thirtyOne:"",
                    thirtyTwo:"",
                    thirtyThree:"",
                    thirtyFour:"",
                    thirtyFive:"",
                    thirtySix:"",
                    thirtySeven:"",
                    thirtyEight:"",
                    thirtyNine:"",
                    forty:"",
                    fortyOne:"",
                    fortyTwo:"",
                },
            },
            testData: {
src/books/English/view/components/chapter006.vue
@@ -71,12 +71,56 @@
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <h3 id="c047"><span class="bjh3">Listening</span></h3>
                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                        <h3 id="c047" 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>Four interns are talking about the work environment they like.Listen to the recording and
                                fill in the blanks with what you hear.</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0109-2.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-tr-bc">
                                <td class="tl-lf table-th-bc wh-no">Chen Meiling</td>
                                <td>
                                    I would prefer working in an interesting and professional environment where
                                    everybody works hard and helps each other to succeed as a l.<input
                                        :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 70px"
                                        v-model="testData.in.one" @change="setTestData" />
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn table-th-bc">Ross</td>
                                <td>
                                    For me, I prefer the workplace that gives me enough space to grow, There should be
                                    good 2.<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 70px"
                                        v-model="testData.in.one" @change="setTestData" />and mutual 3.<input
                                        :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 70px"
                                        v-model="testData.in.one" @change="setTestData" />between each team member.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn table-th-bc">Amelia</td>
                                <td>
                                    I'd like to work in an environment that gives me learning opportunities as well as
                                    spacefor personal 4.<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 70px"
                                        v-model="testData.in.one" @change="setTestData" />
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn table-th-bc">Li Tao</td>
                                <td>
                                    I hope it's a workplace where there is 5.<input :disabled="testData.isComplete"
                                        type="text" class="input-bottom-border input-bc-t" style="width: 70px"
                                        v-model="testData.in.one" @change="setTestData" />for people's ideas as well as
                                    appreciationfor good work and elfort.
                                </td>
                            </tr>
                        </table>
                        <h3 id="c048"><span class="bjh3">Reading</span></h3>
                        <p>1.What makes a positive work environment?</p>
                        <p>2.Why would people be more productive in such environment?</p>
@@ -310,7 +354,52 @@
                            <p>2.What does positive work environment refer to?</p>
                            <p>3.How do employers maintain a positive work environment?</p>
                        </div>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0112-1.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn">Paragraphs</td>
                                <td class="wh-no tl-cn">Related Questions</td>
                                <td class="tl-cn">Answers</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">Para. 1-2</td>
                                <td class="wh-no tl-cn"><input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 70px"
                                        v-model="testData.in.one" @change="setTestData" /></td>
                                <td style="width: 80%;">
                                    <textarea v-model="questionData.table.one"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    Para. 3-4
                                </td>
                                <td class="tl-cn">
                                    <input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 70px"
                                        v-model="testData.in.one" @change="setTestData" />
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.two"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    Para. 5
                                </td>
                                <td class="tl-cn">
                                    <input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 70px"
                                        v-model="testData.in.one" @change="setTestData" />
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.three"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                        <p><b>Ⅱ.Language focus.</b></p>
                        <p>A.Fill in the blanks with the proper words in the passage.The initial letters of the words
                            have been given.</p>
@@ -438,7 +527,81 @@
                            groups to list the elements of a pleasant work environment and explain the reasons for your
                            choice.</p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0114-1.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn">Elements</td>
                                <td class="tl-cn">Reasons for the Choice</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn wh-no">Company Culture</td>
                                <td>
                                    Company culture is the soul and essence of a company, It helps us define the
                                    atti-tude and behavior within a company.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.four"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.five"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.six"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.seven"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.eight"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.nine"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.ten"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.eleven"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.twelve"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.thirteen"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -857,12 +1020,88 @@
                        <p>Work in groups.Ask your group members about any improper behavior he/she has ever seen in the
                            library and draft a code of conduct.Share your opinions with the class.</p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0121-1.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn wh-no">Improper Behavior</td>
                                <td class="tl-cn">Talking Loudly</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn wh-no">Code of Conduct</td>
                                <td style="width: 85%;">
                                    <p class="table-p">Keep quiet and do not make and receive phone calls.</p>
                                    <p class="table-p"> Diseuss in the seminar room.</p>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.fourteen"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.fifteen"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.sixteen"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.seventeen"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.eighteen"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.nineteen"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.twenty"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentyOne"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.twentyTwo"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentyThree"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                        <h2 id="b023"><img class="img-0" alt="" src="../../assets/images/dy6-le3.jpg" /></h2>
                        <h3 id="c053"><span class="bjh3">Listening</span></h3>
                        <p class="center"><audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <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>Ⅰ.Listen to the monologue about the perfect workplace and decide whether the following
                                statements are true (T) or false (F).</b></p>
                        <p>( ) 1.A positive workplace might have the same details for everybody.</p>
@@ -894,7 +1133,46 @@
                    <div class="bodystyle">
                        <p><b>Ⅱ.Listen to the conversation about the dress code between Sally and Ross and match the
                                following information with the corresponding speaker.</b></p>
                        <p class="center"><img class="img-0" alt="" src="../../assets/images/0122-1.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-tr-bc">
                                <td class="tl-cn wh-no table-th-bc">Sally</td>
                                <td>
                                    <select class="select-border select-bc-t" style="background-color: transparent"
                                        v-model="dropdownData.one.value" @change="setDropdownData"
                                        :disabled="dropdownData.isComplete">
                                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                                            {{ item }}
                                        </option>
                                    </select>
                                </td>
                                <td rowspan="2">
                                    <p class="table-p">a. I need to follow the dress code and dress properly for work.
                                    </p>
                                    <p class="table-p">b. I think dress code is quite necessary to maintain a business
                                        formal image.</p>
                                    <p class="table-p">c. A neat and pressed business suit with a tie is a great choice
                                        for me.</p>
                                    <p class="table-p">d. Our boss thinks that casual wear brings inspiration for the
                                        job.</p>
                                    <p class="table-p">e. I don't have to dress formally for work.</p>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="table-th-bc tl-cn"> Ross </td>
                                <td>
                                    <select class="select-border" style="background-color: transparent"
                                        v-model="dropdownData.two.value" @change="setDropdownData"
                                        :disabled="dropdownData.isComplete">
                                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                                            {{ item }}
                                        </option>
                                    </select>
                                </td>
                            </tr>
                        </table>
                        <h3 id="c054"><span class="bjh3">Practical Writing</span></h3>
                        <p>Work with your partner to discuss the following questions.</p>
                        <p>1.Why do we need to take the minutes?</p>
@@ -981,7 +1259,30 @@
                        <p>Ⅳ<b>.The HR department has been assigned the task to prepare the in-service training for the
                                newly recruited employees.Complete the following minutes based on the information
                                provided.</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0124-2.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn" style="width: 86%;">Interviewees</td>
                                <td class="tl-cn">Presented By</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <p class="table-p">Introduce the briefing of the training program;</p>
                                    <p class="table-p">vote to approve the budget plan of the training.</p>
                                </td>
                                <td>
                                    Tim Shaw
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <p class="table-p">Reserve the lecture hall for the training;</p>
                                    <p class="table-p">ensure the multimedia equipment works.</p>
                                </td>
                                <td>
                                    James Lee
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -1042,7 +1343,58 @@
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0126-3.jpg" /></p>
                        <p class="img">Picture 3</p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dyworksheet1.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0126-4.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn">Pictures</td>
                                <td class="tl-cn">Problems</td>
                                <td class="tl-cn wh-no">Measures for Improvement</td>
                                <td class=" tl-cn">Reasons for Improvement</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">1</td>
                                <td class="tl-lf">The documents are scattered messily on the desk.</td>
                                <td class="tl-lf">
                                    Organize the documents into different categories.
                                </td>
                                <td class="tl-lf">
                                    It is easier for us to locate specific documents if we sort them into categories.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    2
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentyFour"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentyFive"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentySix"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    3
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentySeven"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentyEight"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentyNine"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -1068,7 +1420,66 @@
                        <p><b>Task 2:</b> Investigate the work environment of the people you know,and then work with
                            your partner to finish Worksheet 2.</p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dyworksheet2.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0127-1.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn">Respondents</td>
                                <td class="tl-cn">Problems</td>
                                <td class="tl-cn wh-no">Measures for Improvement</td>
                                <td class=" tl-cn">Reasons for lmprovement</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn"><textarea v-model="questionData.table.thirty"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td class="tl-lf"><textarea v-model="questionData.table.thirtyOne"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td class="tl-lf">
                                    <textarea v-model="questionData.table.thirtyTwo"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td class="tl-lf">
                                    <textarea v-model="questionData.table.thirtyThree"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.thirtyFour"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.thirtyFive"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.thirtySix"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.thirtySeven"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.thirtyEight"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.thirtyNine"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.forty"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.fortyOne"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                        <div class="fieldset-8">
                            <p class="center"><b>Useful Expressions</b></p>
                            <p>I don’t think it appropriate to ...</p>
@@ -1277,8 +1688,40 @@
                    five: "",
                    six: "",
                    seven: "",
                    enight: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                    fifteen: "",
                    sixteen: "",
                    seventeen: "",
                    eighteen: "",
                    nineteen: "",
                    twenty: "",
                    twentyOne: "",
                    twentyTwo: "",
                    twentyThree: "",
                    twentyFour: "",
                    twentyFive: "",
                    twentySix: "",
                    twentySeven: "",
                    twentyEight: "",
                    twentyNine: "",
                    thirty: "",
                    thirtyOne: "",
                    thirtyTwo: "",
                    thirtyThree: "",
                    thirtyFour: "",
                    thirtyFive: "",
                    thirtySix: "",
                    thirtySeven: "",
                    thirtyEight: "",
                    thirtyNine: "",
                    forty:"",
                    fortyOne:"",
                },
            },
            testData: {
src/books/English/view/components/chapter007.vue
@@ -38,7 +38,114 @@
                        <p><b>Ⅱ.Put the following names of the departments in the proper blanks according to their
                                functions.</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0129-2.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0129-1.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn">Departments</td>
                                <td class="tl-cn">Functions</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <select class="select-border select-bc-t" style="background-color: transparent"
                                        v-model="dropdownData.one.value" @change="setDropdownData"
                                        :disabled="dropdownData.isComplete">
                                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                                            {{ item }}
                                        </option>
                                    </select>
                                </td>
                                <td>
                                    It has overall responsibilities for creating, planning, implementing, and
                                    integratingthe strategie direction of an organization.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <select class="select-border select-bc-t" style="background-color: transparent"
                                        v-model="dropdownData.two.value" @change="setDropdownData"
                                        :disabled="dropdownData.isComplete">
                                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                                            {{ item }}
                                        </option>
                                    </select>
                                </td>
                                <td>
                                    It deals with such matters as involving employees, hiring, training, labor
                                    relations,and benefits.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <select class="select-border select-bc-t" style="background-color: transparent"
                                        v-model="dropdownData.three.value" @change="setDropdownData"
                                        :disabled="dropdownData.isComplete">
                                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                                            {{ item }}
                                        </option>
                                    </select>
                                </td>
                                <td>
                                    It is responsible for presenting, advertising and selling a company's products
                                    orservices.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <select class="select-border select-bc-t" style="background-color: transparent"
                                        v-model="dropdownData.four.value" @change="setDropdownData"
                                        :disabled="dropdownData.isComplete">
                                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                                            {{ item }}
                                        </option>
                                    </select>
                                </td>
                                <td>
                                    It is responsible for finding new products and processes or improving existing ones.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <select class="select-border select-bc-t" style="background-color: transparent"
                                        v-model="dropdownData.five.value" @change="setDropdownData"
                                        :disabled="dropdownData.isComplete">
                                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                                            {{ item }}
                                        </option>
                                    </select>
                                </td>
                                <td>
                                    It manages money in running a business, an activity or a project.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <select class="select-border select-bc-t" style="background-color: transparent"
                                        v-model="dropdownData.six.value" @change="setDropdownData"
                                        :disabled="dropdownData.isComplete">
                                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                                            {{ item }}
                                        </option>
                                    </select>
                                </td>
                                <td>
                                    It's a department where people assist the CEO to plan, organize and run a business.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <select class="select-border select-bc-t" style="background-color: transparent"
                                        v-model="dropdownData.seven.value" @change="setDropdownData"
                                        :disabled="dropdownData.isComplete">
                                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                                            {{ item }}
                                        </option>
                                    </select>
                                </td>
                                <td>
                                    It makes food, goods or materials, especially in large quantities.
                                </td>
                            </tr>
                        </table>
                        <h3 id="c056"><span class="bjh3">Listening</span></h3>
                        <p class="center"><audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
@@ -387,7 +494,54 @@
                <div class="padding-93">
                    <div class="bodystyle">
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0134-1.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn">Names</td>
                                <td class="tl-cn">Reasons</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">Yuan Longping</td>
                                <td>
                                    He was creative and started his research of hybrid rice technology,by which farmers can produce harvests twice as large as before.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.one"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.two"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.three"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.four"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.five"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.six"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
                        <div class="bk-wh">
                            <p>strong-willed motivated active cooperative stressful disciplined risky helpful dutiful enthusiastic
@@ -1176,43 +1330,49 @@
                readingTwo: "",
            },
            dropDownList: [
                "online shopping",
                "facial recognition",
                "electronic payment",
                "intercity train",
                "shared bike",
                "take-away service",
                "HR Department",
                "R&D Department",
                "CEO office",
                "Finance Department",
                "Produetion Department",
                "Marketing Department",
                "Administration office",
            ],
            dropdownData: {
                one: {
                    value: "",
                    isRight: null,
                    answer: "intercity train",
                    answer: "Administration office",
                },
                two: {
                    value: "",
                    isRight: null,
                    answer: "online shopping",
                    answer: "HR department",
                },
                three: {
                    value: "",
                    isRight: null,
                    answer: "electronic payment",
                    answer: "Marketing department",
                },
                four: {
                    value: "",
                    isRight: null,
                    answer: "shared bike",
                    answer: "R & D department",
                },
                five: {
                    value: "",
                    isRight: null,
                    answer: "take-away service",
                    answer: "Finance department",
                },
                six: {
                    value: "",
                    isRight: null,
                    answer: "facial recognition",
                    answer: "CEO office",
                },
                seven: {
                    value: "",
                    isRight: null,
                    answer: "Production department",
                },
            },
        };
src/books/English/view/components/index.vue
@@ -212,8 +212,8 @@
    }, 500);
    // 测试页面跳转
    //  setTimeout(() => {
    //    this.gotoPage(1,14);
      setTimeout(() => {
        this.gotoPage(7,126);
    //   setTimeout(() => {
    //     this.renderSign("Highlight", {
    //       id: "2ACA9359",
@@ -241,7 +241,7 @@
    //   txt: " 运动系统是由骨、骨连结和骨骼肌三部分组成的。全身的骨通过骨连结组成人体骨骼(见图1-1)。骨骼是人体的支架,具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下,肌肉收缩牵动所附着的骨绕着关节转动,使身体产生各种动作。所以,运动系统具有运动、支持和保护等功能,幼年时期的骨骼还具有造血功能。 ",
    //   txtIndex: 57
    // });
      // }, 50);
       }, 50);
  },
  methods: {
    // setZoom1() {
src/books/artAndDrama/assets/main.less
@@ -375,7 +375,7 @@
div.bk{
  border:4px dashed #3FB135;
  padding:15px;
  padding:0.79em;
  margin-bottom:2em;
  margin-top:1em;
}