闫增涛
2024-07-04 0e6467836bbd3fcd85d1cfaefcf763e58c9149be
src/books/English/view/components/chapter002.vue
@@ -123,29 +123,122 @@
        <!-- 内容 -->
        <div class="padding-93">
          <div class="bodystyle">
            <h3 id="c011"><span class="bjh3">Listening</span></h3>
            <audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
            <h3 id="c011" 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 people are sharing their experiences of working with their
                colleagues.Listen to the recording and mark the true statements
                according to the speaker.</b>
            </p>
            <p class="center">
              <img class="img-a" alt="" src="../../assets/images/0031-3.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 table-th-bc" rowspan="2">Speaker 1</td>
                <td class="bor-b-n">
                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. I can
                  understand my foreign colleagues because they are straightforward.
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="bor-t-n">
                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My foreign
                  colleagues just nod and agree with me when we have a discussion.
                </td>
              </tr>
              <!-- 第二行 -->
              <tr class="table-tr-bc">
                <td class="tl-cn table-th-bc" rowspan="2">Speaker 2</td>
                <td class="bor-b-n">
                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. My foreign
                  boss closely oversees our work and criticizes us for our mistakes.
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="bor-t-n">
                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My foreign
                  boss is very hands-off and gives us a lot freedom to do things.
                </td>
              </tr>
              <!-- 第三行 -->
              <tr class="table-tr-bc">
                <td class="tl-cn table-th-bc" rowspan="2">Speaker 3</td>
                <td class="bor-b-n">
                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. My Chinese
                  colleagues always stay late in the ofice or bring work home.
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="bor-t-n">
                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My Chinese
                  colleagues manage to get their work done during working hours.
                </td>
              </tr>
              <!-- 第四行 -->
              <tr class="table-tr-bc">
                <td class="tl-cn table-th-bc" rowspan="2">Speaker 4</td>
                <td class="bor-b-n">
                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. My Chinese
                  colleagues deal with issues more objectively
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="bor-t-n">
                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My Chinese
                  colleagues are likely to take things personally
                </td>
              </tr>
            </table>
            <h3 id="c012"><span class="bjh3">Reading</span></h3>
            <audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
            <p>
              1.Culture shock is a normal part of the life when moving somewhere
              new,such as travelling abroad,or studying abroad.So,what’s the
              definition of culture shock?
              <span class="btn-box" @click="showAnswerOne = !showAnswerOne">
                <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
                  <path class="a"
                    d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                    transform="translate(-3327.144 15329)" />
                </svg>
              </span>
            </p>
            <textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerOne">
              答案:Culture shock is a normal process of adapting to a new culture" ltis a time when a person becomes aware
              of the differences orconflicts in values and customs between their home culture andthe new culture they
              are in,Common feelings may be anxiety,confusion, homesickness or anger.
            </p>
            <p>
              2.Can you offer some examples of culture shock in regard to
              different languages,different table manners or different food
              customs?
              <span class="btn-box" @click="showAnswerTwo = !showAnswerTwo">
                <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
                  <path class="a"
                    d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                    transform="translate(-3327.144 15329)" />
                </svg>
              </span>
            </p>
            <textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerTwo">
              答案:(1)In Japanese culture, using the wrong levelDolitene5saddress1ng5omeone can beenconsidered rude or
              disrespectful
              (2)German tends to be a more direct language, while English speakers often use indirectlanguage for
              opinions. For instance, in German, one might say "Close the window", whereas inEnglish, it could be "could
              you please close the window?" The directness in German mightcome across as rude to some English speakers.
              (3)Mandarin Chinese has four different tones, and the meaning of a word can change entirelydepending on
              the tone used, Mispronouncing tones can lead to misunderstanding
            </p>
            <p class="center"><b>Challenges of Working Across Cultures</b></p>
            <p class="center">
              <audio :src="resource.readingOne" controls class="audio" @play="audioPlay"></audio>
            </p>
            <p>
              It is not a secret that a company’s success is heavily based on
              its people.An employee is defined by his/her talents,knowledge and
@@ -222,7 +315,7 @@
              <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
              <span class="line-border-box"></span>
            </p>
            <audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
            <audio :src="resource.readingTwo" controls class="audio" @play="audioPlay"></audio>
            <p>define /dɪˈfaɪn/ <i>v.</i> 给……下定义</p>
            <div class="bkbj">
              <p><i>to state precisely the meaning of sth.</i></p>
@@ -382,28 +475,44 @@
              (F).
            </p>
            <p>
              ( ) 1.An employee is usually defined by his/her talents and
              (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
                v-model="testData.in.one" @change="setTestData" />) 1.An employee is usually defined by his/her talents
              and
              abilities.
            </p>
            <p>
              ( ) 2.During the interview,I didn’t have difficulty in
              (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
                v-model="testData.in.one" @change="setTestData" />) 2.During the interview,I didn’t have difficulty in
              understanding my interviewer.
            </p>
            <p>
              ( ) 3.In Latvia,it is normal to expect replies by email after
              (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
                v-model="testData.in.one" @change="setTestData" />) 3.In Latvia,it is normal to expect replies by email
              after
              normal working hours.
            </p>
            <p>
              ( ) 4.Learning about your colleagues’ traditions can help you
              (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
                v-model="testData.in.one" @change="setTestData" />) 4.Learning about your colleagues’ traditions can
              help you
              move forward.
            </p>
            <p>
              ( ) 5.Email can make the communication more smooth because it
              (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
                v-model="testData.in.one" @change="setTestData" />) 5.Email can make the communication more smooth
              because it
              conveys the emotions.
            </p>
            <p>
              ( ) 6.We can learn a lot from each other when working in a
              (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
                v-model="testData.in.one" @change="setTestData" />) 6.We can learn a lot from each other when working in
              a
              cross-cultural environment.
            </p>
            <!-- 答案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
              v-if="showLessonOneQuestionAnswer">
              答案: 1.F &nbsp; 2.F &nbsp; 3.F &nbsp; 4.T &nbsp; 5.F &nbsp; 6.T
            </p>
            <p><b>Ⅱ.Language focus.</b></p>
            <p>
@@ -414,11 +523,15 @@
              <p>reward disturb tradition accept colleague arise</p>
            </div>
            <p>
              1.Working with photographers is one of the most ________ parts of
              1.Working with photographers is one of the most <input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /> parts
              of
              my job.
            </p>
            <p>2.All families must have ________ that they regularly follow.</p>
            <p>3.Being late is ________ in any working environment.</p>
            <p>2.All families must have <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 70px" v-model="testData.in.one" @change="setTestData" />that they regularly follow.</p>
            <p>3.Being late is <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 70px" v-model="testData.in.one" @change="setTestData" />in any working environment.</p>
          </div>
        </div>
        <div class="preface-bottom">
@@ -441,46 +554,89 @@
        <div class="padding-93">
          <div class="bodystyle">
            <p>
              4.Sarah’s ________ Li Lin made her feel welcome on her first day
              4.Sarah’s
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
                v-model="testData.in.one" @change="setTestData" />
              Li Lin made her feel welcome on her first day
              at work.
            </p>
            <p>
              5.Problems will ________ from communication between people from
              5.Problems will <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 70px" v-model="testData.in.one" @change="setTestData" /> from communication between people
              from
              different cultures.
            </p>
            <p>
              6.I’m sorry to ________ you,but can I talk to you for a moment?
              6.I’m sorry to <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 70px" v-model="testData.in.one" @change="setTestData" /> you,but can I talk to you for a
              moment?
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
              v-if="showLessonOneQuestionAnswer">
              答案: 1.rewarding &nbsp; 2.traditions &nbsp; 3.unacceptable &nbsp; 4.colleague &nbsp; 5.arise &nbsp;
              6.disturb
            </p>
            <p>
              B.Underline the following expressions in the passage and make
              sentences with them.
            </p>
            <p>1.apply for____________________________________</p>
            <p>2.in response to________________________________</p>
            <p>3.get familiar with______________________________</p>
            <p>4.take over____________________________________</p>
            <p>5.make an effort________________________________</p>
            <p>1.apply for <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 370px" v-model="testData.in.one" @change="setTestData" /> </p>
            <p>2.in response to <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 370px" v-model="testData.in.one" @change="setTestData" /> </p>
            <p>3.get familiar with<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 370px" v-model="testData.in.one" @change="setTestData" /></p>
            <p>4.take over<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 370px" v-model="testData.in.one" @change="setTestData" /></p>
            <p>5.make an effort<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 370px" v-model="testData.in.one" @change="setTestData" /></p>
            <!-- 例句 -->
            <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
              v-if="showLessonOneQuestionAnswer">
              <span>例句:</span>
              <p>1、I would like to apply for the position of sales assistant in your company.</p>
              <p>2、The product was developed in response to customer demand.</p>
              <p>3、It is important to get familiar with the company’s missions and values.</p>
              <p>4、As employees, we shouldn’t let negative thoughts take over.</p>
              <p>5、The company is making an effort to improve its services for local markets.</p>
            </div>
            <p>C.Translate the following sentences into Chinese.</p>
            <p>
              1.When working in a cross-cultural setting,there can be some
              language barriers among employees.
            </p>
            <p>_____________________________________________</p>
            <p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                v-model="testData.in.one" @change="setTestData" /></p>
            <p>
              2.You could go for a walk or jog to manage your frustration at
              work.
            </p>
            <p>_____________________________________________</p>
            <p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                v-model="testData.in.one" @change="setTestData" />
            </p>
            <p>
              3.They gave us some advice on how to correctly handle cultural
              differences in the workplace.
            </p>
            <p>_____________________________________________</p>
            <p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                v-model="testData.in.one" @change="setTestData" />
            </p>
            <p>
              4.Wearing appropriate clothes in the office will make you feel
              comfortable and confident.
            </p>
            <p>_____________________________________________</p>
            <p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                v-model="testData.in.one" @change="setTestData" />
            </p>
            <!--答案 -->
            <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
              v-if="showLessonOneQuestionAnswer">
              <span> 答案:</span>
              <p>1、在跨文化环境中工作,员工之间可能会存在语言障碍。</p>
              <p>2、你可以通过散步或慢跑来调节工作中的沮丧情绪。</p>
              <p>3、他们就如何在工作中正确处理文化差异给了我们一些建议。</p>
              <p>4、在办公室穿着合适的衣服会让你感到舒适和自信。</p>
            </div>
            <p><b>Ⅲ.Grammar focus:“it” as formal subject.</b></p>
            <p>
              A.Read the example and underline the real subject that “it”
@@ -542,20 +698,65 @@
              </p>
            </div>
            <p>1.To share new ideas with others makes us feel good.</p>
            <p>______________________________________________.</p>
            <p>
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                v-model="testData.in.one" @change="setTestData" />.
            </p>
            <p>2.To get along well with colleagues is really important.</p>
            <p>______________________________________________.</p>
            <p>
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                v-model="testData.in.one" @change="setTestData" />.
            </p>
            <p>
              3.To have an open mind towards a new culture is necessary in the
              workplace.
            </p>
            <p>_____________________________________________.</p>
            <p>
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                v-model="testData.in.one" @change="setTestData" />.
            </p>
            <p>
              4.To think twice before acting is always necessary for everyone.
            </p>
            <p>______________________________________________.</p>
            <p>
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                v-model="testData.in.one" @change="setTestData" />.
            </p>
            <p>5.You are very kind to help me with my sales report.</p>
            <p>______________________________________________.</p>
            <p>
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                v-model="testData.in.one" @change="setTestData" />.
            </p>
            <!--答案 -->
            <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
              v-if="showLessonOneQuestionAnswer">
              <span> 答案:</span>
              <p>1、It makes us feel good to share new ideas with others.</p>
              <p>2、It is really important to get along well with colleagues.</p>
              <p>3、It is necessary to have an open mind towards a new culture in the workplace.</p>
              <p>4、It is always necessary for everyone to think twice before acting.</p>
              <p>5、It’s very kind of you to help me with my sales report.</p>
            </div>
            <!-- 提交按钮 -->
            <div class="w100 fl">
              <ul class="fl ju-ar w100">
                <li>
                  <button class="btn-border btn-w" @click="saveData">
                    提交
                  </button>
                </li>
                <li>
                  <button @click="changeTestData" class="btn-border btn-w">
                    重做
                  </button>
                </li>
                <li>
                  <button @click="showLessonOneQuestionAnswer = !showLessonOneQuestionAnswer" class="parimary-btn">
                    查看答案
                  </button>
                </li>
              </ul>
            </div>
            <h3 id="c013"><span class="bjh3">Mini-project</span></h3>
            <p>
              Most foreigners in China have a hard time keeping up with Chinese
@@ -586,7 +787,7 @@
              <tr class="table-tr-bc">
                <td class="tl-cn">Eye Contact</td>
                <td>
                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
@@ -597,7 +798,7 @@
              <tr class="table-tr-bc">
                <td class="wh-no tl-cn">Gift Exchange</td>
                <td>
                  <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
@@ -608,7 +809,7 @@
              <tr class="table-tr-bc">
                <td class="wh-no tl-cn">Table Manners</td>
                <td>
                  <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
@@ -638,7 +839,7 @@
        <!-- 内容 -->
        <div class="padding-93">
          <div class="bodystyle">
            <p>continued</p>
            <p class="continued">continued</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">Items</td>
@@ -648,7 +849,7 @@
              <tr class="table-tr-bc" style="width: 40%">
                <td class="wh-no tl-cn">Gift Exchange</td>
                <td class="tl-w-45">
                  <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td class="tl-w-45">
@@ -659,7 +860,7 @@
              <tr class="table-tr-bc">
                <td class="wh-no tl-cn">Table Manners</td>
                <td class="tl-w-45">
                  <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td class="tl-w-45">
@@ -678,20 +879,25 @@
              </p>
            </div>
            <h2 id="b006"><img class="img-0" alt="" src="../../assets/images/dy2-le2.jpg" /></h2>
            <h3 id="c014"><span class="bjh3">Warm-up</span></h3>
            <audio :src="resource.readingTwo" controls style="margin-left: 10px" class="audio"
              @play="audioPlay"></audio>
            <h3 id="c014" class="fl al-cn">
              <span class="bjh3">Warm-up</span>
              <!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
              <audio :src="resource.warmOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
            </h3>
            <p><b>Appreciate the theme song of the Beijing</b>2022<b> Winter Olympics<i> Together for a Shared
                  Future</i> and fill in the blanks.</b></p>
            <p class="center"><b><i>Together for a Shared Future</i></b></p>
            <p class="center">There’s a twinkle in your eye</p>
            <p class="center">Reflects the snow that gently covers the tiles</p>
            <p class="center">Fly to the 1._______</p>
            <p class="center">Fly to the 1.<input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /></p>
            <p class="center">See the world’s new coat of crystal white</p>
            <p class="center">This feeling you just can’t 2._______</p>
            <p class="center">This feeling you just can’t 2.<input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /></p>
            <p class="center">Feels as snow as pure as that azure ice</p>
            <p class="center">Fly to the sky</p>
            <p class="center">Ride the 3._______watch your fears roll by</p>
            <p class="center">Ride the 3.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 70px" v-model="testData.in.one" @change="setTestData" />watch your fears roll by</p>
          </div>
        </div>
        <div class="preface-bottom">
@@ -714,23 +920,31 @@
        <!-- 内容 -->
        <div class="padding-93">
          <div class="bodystyle">
            <p class="center">When everyone needs 4._______</p>
            <p class="center">When everyone needs 4.<input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /></p>
            <p class="center">Let’s go hand in hand and rise above</p>
            <p class="center">Together for a shared future</p>
            <p class="center">You and I</p>
            <p class="center">We can 5._______the sky</p>
            <p class="center">We can 5.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 70px" v-model="testData.in.one" @change="setTestData" />the sky</p>
            <p class="center">We all know how to love</p>
            <p class="center">Open up your 6._______and that’s enough</p>
            <p class="center">Open up your 6.<input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />and
              that’s enough</p>
            <p class="center">Together for a shared future</p>
            <p class="center">You and I</p>
            <p class="center">Together</p>
            <p class="center">We can touch the sky</p>
            <!--答案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案:(1)sky &nbsp; (2)deny &nbsp; (3)rainbow &nbsp; (4)love &nbsp; (5)touch &nbsp; (6)heart
            </p>
            <h3 id="c015"><span class="bjh3">Reading</span></h3>
            <audio :src="resource.readingTwo" controls style="margin-left: 10px" class="audio"
              @play="audioPlay"></audio>
            <p>1.Have you watched the Beijing 2022 Winter Olympics? What did you think of the opening ceremony?</p>
            <p>2.What impressed you most during the Beijing 2022 Winter Olympics?</p>
            <p class="center"><b>From 2008 to 2022:The Road of My Country and My Growth</b></p>
            <p class="center"><audio :src="resource.readingThree" controls style="margin-left: 10px" class="audio"
                @play="audioPlay"></audio></p>
            <p>For an individual or a country,a period of 14 years is long enough to become calm,confident and mature.On
              the road from 2008 to 2022,I learned to grow up with my country and the Olympics.</p>
            <p>In 2008,hosting the Olympics was new to China and I was then new in covering the Olympics as a
@@ -781,7 +995,8 @@
              <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
              <span class="line-border-box"></span>
            </p>
            <audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
            <!-- 视频 -->
            <audio :src="resource.readingFour" controls class="audio" @play="audioPlay"></audio>
            <p>individual /ˌɪndɪˈvɪdʒʊəl/ <i>n.</i> 个人;个体</p>
            <div class="bkbj">
              <p><i>a person considered separately rather than as part of a group</i></p>
@@ -884,9 +1099,15 @@
            <p><b>Ⅰ.Reading comprehension.</b></p>
            <p>A.Read the passage and answer the following questions.</p>
            <p>1.What was the theme of the Beijing 2022 Winter Olympics?</p>
            <p>______________________________________________</p>
            <p>
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 400px"
                v-model="testData.in.one" @change="setTestData" />.
            </p>
            <p>2.What made the Beijing 2022 Winter Olympics “exceptional”?</p>
            <p>______________________________________________</p>
            <p>
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 400px"
                v-model="testData.in.one" @change="setTestData" />.
            </p>
          </div>
        </div>
        <div class="preface-bottom">
@@ -909,7 +1130,11 @@
        <div class="padding-93">
          <div class="bodystyle">
            <p>3.How does the author feel about China holding two Olympic Games?</p>
            <p>______________________________________________</p>
            <p>
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 400px"
                v-model="testData.in.one" @change="setTestData" />.
            </p>
            <p>B.Read the author’s opinions of the two Olympics,and put the number of the sentence into the right
              column.</p>
            <p>1.I was full of energy rushing for work but also making errors.</p>
@@ -918,22 +1143,64 @@
            <p>4.I couldn’t control myself when the Chinese anthem was played.</p>
            <p>5.More audio-visual technologies were used in the opening ceremony.</p>
            <p>6.It focused more on introducing “myself” instead of telling the story of “togetherness”.</p>
            <p class="center"><img class="img-a" alt="" src="../../assets/images/0041-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">2008 Olympics</td>
                <td class="tl-cn">2022 Olympics</td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.one"
                    class="w100 table-tr-bc b0 table-textarea textarea-box-center" @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.two"
                    class="w100 table-tr-bc b0 table-textarea textarea-box-center" @change="setBookQuestion"></textarea>
                </td>
              </tr>
            </table>
            <p><b>Ⅱ.Language focus.</b></p>
            <p>A.Replace the words or expressions in italics with the exact words in the passage and change the form if
              necessary.</p>
            <p>1.Each <i>person</i> has a particular job within the company._________</p>
            <p>2.Lin Wei showed <i>excellent</i> mechanic skills as an auto technician._________</p>
            <p>3.As a team member,I always <i>take part</i> in the discussions as much as possible._________</p>
            <p>4.She was the winner of the business plan <i>contest</i> in my company._________</p>
            <p>5.He is a good <i>reporter</i> who is curious about new information every time._________</p>
            <p>1.Each <i>person</i> has a particular job within the company.
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
                v-model="testData.in.one" @change="setTestData" />
            </p>
            <p>2.Lin Wei showed <i>excellent</i> mechanic skills as an auto technician.
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
                v-model="testData.in.one" @change="setTestData" />
            </p>
            <p>3.As a team member,I always <i>take part</i> in the discussions as much as possible.
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
                v-model="testData.in.one" @change="setTestData" />
            </p>
            <p>4.She was the winner of the business plan <i>contest</i> in my company.
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
                v-model="testData.in.one" @change="setTestData" />
            </p>
            <p>5.He is a good <i>reporter</i> who is curious about new information every time.
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
                v-model="testData.in.one" @change="setTestData" />
            </p>
            <!-- 答案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
              答案:(1) individual &nbsp; (2) exceptional &nbsp; (3)participate &nbsp; (4)competition &nbsp; (5) journalist
              &nbsp;
            </p>
            <p>B.Fill in the blanks with the proper form of the expressions given below.</p>
            <div class="bk-wh">
              <p>fail to focus on due to move away pay tribute to</p>
            </div>
            <p>1.The delivery man was praised by us ________ his positive attitude.</p>
            <p>2.The manager basically ________ cost reduction and quality improvement.</p>
            <p>3.Li Ming ________ control his emotions when he saw the Chinese flag flying at the Olympic Stadium.</p>
            <p>1.The delivery man was praised by us <input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /> his
              positive attitude.</p>
            <p>2.The manager basically <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 70px" v-model="testData.in.one" @change="setTestData" /> cost reduction and quality
              improvement.</p>
            <p>3.Li Ming <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 70px" v-model="testData.in.one" @change="setTestData" /> control his emotions when he saw
              the Chinese flag flying at the Olympic Stadium.</p>
          </div>
        </div>
        <div class="preface-bottom">
@@ -956,18 +1223,47 @@
        <!-- 内容 -->
        <div class="padding-93">
          <div class="bodystyle">
            <p>4.The boss ________ what she had done for the company.</p>
            <p>5.To be creative,we’d better ________ from traditional ideas at work.</p>
            <p>4.The boss <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 70px" v-model="testData.in.one" @change="setTestData" /> what she had done for the
              company.</p>
            <p>5.To be creative,we’d better <input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /> from
              traditional ideas at work.</p>
            <!-- 答案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
              答案:(1) due to &nbsp; (2) focuses on &nbsp; (3)failed to &nbsp; (4)paid tribute to &nbsp; (5) move away
              &nbsp;
            </p>
            <p><b>Ⅲ.Grammar focus:Active and passive voice.</b></p>
            <p>Complete the passage using the correct form of the verbs in the brackets.</p>
            <p>Fashion designer Vivienne Tam 1. ________ (name) “Yin Yok” when she was born.She was given her English
              name when she started studying in Hong Kong.Her teacher 2. ________ (teach) English at school but she
              spoke Chinese at home.Her parents 3. ________ (tell) her to remember Chinese culture.At the same
              time,Western ideas 4. ________ (introduce) to her since people from many cultures were living in Hong
              Kong.This mix of East and West in her life 5. ________ (see) in her designs even now.Vivienne 6. ________
            <p>Fashion designer Vivienne Tam 1. <input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
              (name) “Yin Yok” when she was born.She was given her English
              name when she started studying in Hong Kong.Her teacher 2. <input :disabled="testData.isComplete"
                type="text" class="input-bottom-border" style="width: 70px" v-model="testData.in.one"
                @change="setTestData" /> (teach) English at school but she
              spoke Chinese at home.Her parents 3. <input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
              (tell) her to remember Chinese culture.At the same
              time,Western ideas 4. <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 70px" v-model="testData.in.one" @change="setTestData" /> (introduce) to her since people
              from many cultures were living in Hong
              Kong.This mix of East and West in her life 5. <input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /> (see)
              in her designs even now.Vivienne 6. <input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
              (move) to New York when she was twenty-five.Her new and interesting designs were liked by important shops
              there,so a lot of orders for her clothing 7 ________ (place).Today she 8. ________ (sell) East-meets-West
              there,so a lot of orders for her clothing 7 <input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
              (place).Today she 8. <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 70px" v-model="testData.in.one" @change="setTestData" /> (sell) East-meets-West
              clothes not only in New York,but also in cities around the world.</p>
            <!-- 答案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
              答案:(1)was named &nbsp; (2) taught &nbsp; (3)told &nbsp; (4)were introduced &nbsp; (5) is seen &nbsp; (6)
              moved &nbsp; (7) were placed &nbsp; (8) sells
              &nbsp;
            </p>
            <h3 id="c016"><span class="bjh3">Mini-project</span></h3>
            <p>China has a history of over 5,000 years with rich cultural heritage and great achievements that have
              drawn admiration from around the world.There are plenty of good reasons to be proud of her.List the things
@@ -988,7 +1284,7 @@
              <tr class="table-tr-bc">
                <td class="tl-cn">Chinses Art</td>
                <td>
                  <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -998,7 +1294,7 @@
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -1024,7 +1320,7 @@
        <!-- 内容 -->
        <div class="padding-93">
          <div class="bodystyle">
            <p class="mr-rg">continued</p>
            <p class="mr-rg continued">continued</p>
            <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
              <tr class="table-th-bc">
                <td class="tl-cn">Items</td>
@@ -1036,7 +1332,7 @@
                    @change="setBookQuestion"></textarea>
                </td>
                <td style="width: 90%;">
                  <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -1046,7 +1342,7 @@
                    @change="setBookQuestion"></textarea>
                </td>
                <td style="width: 90%;">
                  <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -1054,26 +1350,41 @@
            <h2 id="b007"><img class="img-0" alt="" src="image/dy2-le3.jpg" /></h2>
            <h3 id="c017"><span class="bjh3">Listening</span></h3>
            <p><b>Ⅰ.Listen to the introduction to Cultural Diversity Day and fill in the following blanks.</b></p>
            <audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
            <audio :src="resource.listenTwo" controls class="audio" @play="audioPlay"></audio>
            <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
              <tr class="table-th-bc">
                <td class="tl-cn" colspan="2">Cultural Diversity Day</td>
              </tr>
              <tr class="table-tr-bc">
                <td>When is it?</td>
                <td>1.On_______21st</td>
                <td>1.On<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
                    style="width: 70px" v-model="testData.in.one" @change="setTestData" />21st</td>
              </tr>
              <tr class="table-tr-bc">
                <td>Why do we celebrate it?</td>
                <td>Recognizing cultural 2._______
                <td>Recognizing cultural 2.<input :disabled="testData.isComplete" type="text"
                    class="input-bottom-border input-bc-t" style="width: 70px" v-model="testData.in.one"
                    @change="setTestData" />
                  Understanding the concept of culture.
                  Getting to know each other through the differences in language,3._______race,
                  Getting to know each other through the differences in language,3.<input
                    :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t "
                    style="width: 70px" v-model="testData.in.one" @change="setTestData" />race,
                  religion and other elements.
                  Giving people a sense of 4._______in their own culture.
                  .Leading to community 5._______and personal growth.</td>
                  Giving people a sense of 4.<input :disabled="testData.isComplete" type="text"
                    class="input-bottom-border input-bc-t" style="width: 70px" v-model="testData.in.one"
                    @change="setTestData" />in their own culture.
                  .Leading to community 5.<input :disabled="testData.isComplete" type="text"
                    class="input-bottom-border input-bc-t" style="width: 70px" v-model="testData.in.one"
                    @change="setTestData" />and personal growth.</td>
              </tr>
            </table>
            <!-- 答案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
              答案:(1) May &nbsp; (2) differences &nbsp; (3)values &nbsp; (4)pride &nbsp; (5) progress
              &nbsp;
            </p>
            <p><b>Ⅱ.Listen to the conversation and mark the activities when mentioned.</b></p>
            <audio :src="resource.listenThree" controls class="audio" @play="audioPlay"></audio>
            <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
              Lecture on Ancient Chinese History</p>
            <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Calligraphy &amp;
@@ -1088,6 +1399,13 @@
              Medicine</p>
            <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Traditional Chinese
              Crafts</p>
            <!-- 答案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
              答案:(1) Lecture on Ancient Chinese History &nbsp; (2)Calligraphy &amp;
              Painting Demonstration &nbsp; (3)Traditional Chinese
              Music &nbsp; (4)Tea Ceremony &nbsp; (5) Tai Chi &nbsp; (6) Traditional Chinese Crafts
              &nbsp;
            </p>
          </div>
        </div>
        <div class="preface-bottom">
@@ -1113,7 +1431,19 @@
            <h3 id="c018"><span class="bjh3">Practical Writing</span></h3>
            <p>Work with your partner to discuss the following questions.</p>
            <p>1.Why is a schedule important for everyone attending the event?</p>
            <textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
              答案:(1)Save time and stress &nbsp; (2)Organize all detail &nbsp; (3) Meet your objectives &nbsp; (4)Manage
              time for extra tasks
            </p>
            <p>2.What are the elements of a schedule?</p>
            <textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
              答案:It includes dates, locations, programming start and end time.
            </p>
            <p><b>Ⅰ.Read the following tips for making a schedule of an event and find out how you can improve your
                schedule.</b></p>
            <p>An event schedule is a document that organizers provide for the attendees and participants.It usually
@@ -1182,7 +1512,10 @@
                <td class="tl-cn">Place</td>
              </tr>
              <tr class="table-tr-bc">
                <td>1._________</td>
                <td style="text-wrap: nowrap">
                  1<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>Attend the festival activities</td>
                <td>
                  The International Intangible Cultural Heritage Park
@@ -1192,27 +1525,33 @@
                <td>Wednesday</td>
                <td>Climb the mountain</td>
                <td>
                  2.___________
                  2.<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>Thursday</td>
                <td>Visit attractions in the downtown
                  3.____________ </td>
                  3.<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>
                  Wuhou Temple & Jinsha Site MuseumShunxing Tea House
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>Friday</td>
                <td> 4.____________ Buy souvenirs</td>
                <td> 4.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
                    style="width: 70px" v-model="testData.in.one" @change="setTestData" />Buy souvenirs</td>
                <td>
                  Panda Base 5.____________
                  Panda Base 5.
                  <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>Saturday</td>
                <td>6.___________</td>
                <td>6.<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>
                  Shuangliu International Airport
                </td>
@@ -1237,11 +1576,11 @@
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <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 textarea-box"
                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
@@ -1249,13 +1588,13 @@
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <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"
                <td>
                  <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
@@ -1263,11 +1602,11 @@
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea "
                    @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.enight" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -1339,7 +1678,7 @@
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
@@ -1347,7 +1686,7 @@
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -1357,11 +1696,11 @@
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea "
                    @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.enight" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -1385,7 +1724,7 @@
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
@@ -1393,7 +1732,7 @@
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -1403,11 +1742,11 @@
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea "
                    @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.enight" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -1431,7 +1770,7 @@
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
@@ -1439,7 +1778,7 @@
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -1449,11 +1788,11 @@
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea"
                    @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.enight" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -1509,7 +1848,7 @@
      showAnswerFour: false,
      showAnswerFive: false,
      showImg: false,
      showQuestionAnswer: false,
      showLessonOneQuestionAnswer: false,
      rawData: {
        left: [
          {
@@ -1726,6 +2065,11 @@
        listenOne: "",
        readingOne: "",
        readingTwo: "",
        warmOne: "",
        readingThree: "",
        readingFour: "",
        listenTwo: "",
        listenThree: "",
      },
      dropDownList: [
        "online shopping",
@@ -1847,13 +2191,28 @@
    },
    async getPath() {
      this.resource.listenOne = await getResourcePath(
        "422139A2EF66EA888C5ED1D550AE23E0"
        "D96D6F8082786B037A2B1842860BC0C4 "
      );
      this.resource.readingOne = await getResourcePath(
        "3F442B682D84C8AB06C800B29D734920"
        "E51F6E052B08F00B19819E4D5504219F"
      );
      this.resource.readingTwo = await getResourcePath(
        "E8719EC88026BCFB11D292AA999F6D3D"
        "1456A70576E21C0E8C1497916A6E8D57"
      );
      this.resource.warmOne = await getResourcePath(
        "7301D06AC2208C93FE05A9952C8858E7"
      );
      this.resource.readingThree = await getResourcePath(
        "85198824B16CA185AFF073275FC394BE"
      );
      this.resource.readingFour = await getResourcePath(
        "148CD1F30A60DAF665B4E4678755D767"
      );
      this.resource.listenTwo = await getResourcePath(
        "7CE34F30D8440BAE15D4A76479834434"
      );
      this.resource.listenThree = await getResourcePath(
        "D5080B2EEBFE29233A6DB282B1A28D6C"
      );
    },
    showAnswer(type) {