艺术戏剧（文本框样式修改）

zhongshujie

2024-07-04 38b2ebcdd71d5f59b79c2e9db9f6a857fef34c63

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

@@ -196,7 +196,7 @@
              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="showAnswerThree = !showAnswerThree">
              <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"
@@ -206,7 +206,7 @@
            </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">
            <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.
@@ -215,7 +215,7 @@
              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="showAnswerThree = !showAnswerThree">
              <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"
@@ -225,7 +225,7 @@
            </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">
            <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
@@ -510,7 +510,8 @@
              cross-cultural environment.
            </p>
            <!-- 答案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
            <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>
@@ -570,7 +571,8 @@
                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="showQuestionAnswer">
            <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>
@@ -580,34 +582,24 @@
            </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 class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              例句： I would like to apply for the position of sales assistant in your company.
            </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 class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              例句： The product was developed in response to customer demand.
            </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 class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              例句： It is important to get familiar with the company’s missions and values.
            </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 class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              例句： As employees, we shouldn’t let negative thoughts take over.
            </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>
            <!-- 例句 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              例句：The company is making an effort to improve its services for local markets.
            </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
@@ -615,10 +607,6 @@
            </p>
            <p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                v-model="testData.in.one" @change="setTestData" /></p>
            <!--答案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：在跨文化环境中工作，员工之间可能会存在语言障碍。
            </p>
            <p>
              2.You could go for a walk or jog to manage your frustration at
              work.
@@ -626,20 +614,12 @@
            <p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                v-model="testData.in.one" @change="setTestData" />
            </p>
            <!--答案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：你可以通过散步或慢跑来调节工作中的沮丧情绪。
            </p>
            <p>
              3.They gave us some advice on how to correctly handle cultural
              differences in the workplace.
            </p>
            <p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                v-model="testData.in.one" @change="setTestData" />
            </p>
            <!--答案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：他们就如何在工作中正确处理文化差异给了我们一些建议。
            </p>
            <p>
              4.Wearing appropriate clothes in the office will make you feel
@@ -649,9 +629,14 @@
                v-model="testData.in.one" @change="setTestData" />
            </p>
            <!--答案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：在办公室穿着合适的衣服会让你感到舒适和自信。
            </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”
@@ -717,18 +702,10 @@
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                v-model="testData.in.one" @change="setTestData" />.
            </p>
            <!--答案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：It makes us feel good to share new ideas with others.
            </p>
            <p>2.To get along well with colleagues is really important.</p>
            <p>
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                v-model="testData.in.one" @change="setTestData" />.
            </p>
            <!--答案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：It is really important to get along well with colleagues.
            </p>
            <p>
              3.To have an open mind towards a new culture is necessary in the
@@ -738,10 +715,6 @@
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                v-model="testData.in.one" @change="setTestData" />.
            </p>
            <!--答案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：It is necessary to have an open mind towards a new culture in the workplace.
            </p>
            <p>
              4.To think twice before acting is always necessary for everyone.
            </p>
@@ -749,19 +722,21 @@
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                v-model="testData.in.one" @change="setTestData" />.
            </p>
            <!--答案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：It is always necessary for everyone to think twice before acting.
            </p>
            <p>5.You are very kind to help me with my sales report.</p>
            <p>
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                v-model="testData.in.one" @change="setTestData" />.
            </p>
            <!--答案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：It’s very kind of you to help me with my sales report.
            </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">
@@ -776,7 +751,7 @@
                  </button>
                </li>
                <li>
                  <button @click="showQuestionAnswer = !showQuestionAnswer" class="parimary-btn">
                  <button @click="showLessonOneQuestionAnswer = !showLessonOneQuestionAnswer" class="parimary-btn">
                    查看答案
                  </button>
                </li>
@@ -1285,7 +1260,8 @@
              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
              答案：(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>
@@ -1381,18 +1357,32 @@
              </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" />
@@ -1409,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">
@@ -1434,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
@@ -1503,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
@@ -1513,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>
@@ -1558,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>
@@ -1570,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"
                  <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
@@ -1584,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>
@@ -1660,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>
@@ -1668,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>
@@ -1678,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>
@@ -1706,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>
@@ -1714,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>
@@ -1724,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>
@@ -1752,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>
@@ -1760,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>
@@ -1770,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>
@@ -1830,7 +1848,7 @@
      showAnswerFour: false,
      showAnswerFive: false,
      showImg: false,
      showQuestionAnswer: false,
      showLessonOneQuestionAnswer: false,
      rawData: {
        left: [
          {