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

yiming

2024-07-23 041b94102f67461e361a28e3af493715cf776b21

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

 .env.product

@@ -1,6 +1,6 @@
VUE_APP_ENV = 'product'
VUE_APP_API_URL = "https://jsek.bnuic.com"
VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/childHealth'
VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/english'
VUE_APP_BOOK_LIST = "childHealth/lifeCare/sportsAndHealth/embedded/english/artAndDance/artAndDrama/mathBook"
VUE_APP_BOOK_ID = 'childHealth'
VUE_APP_BOOK_ID = 'english'

 src/books/English/assets/images/M8ListeningOne.png

 src/books/English/assets/images/M8WarmUp.png

 src/books/English/assets/images/job-1.jpg

 src/books/English/assets/images/job-2.jpg

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

@@ -326,7 +326,7 @@
                colleagues.Listen to the recording and mark the true statements
                according to the speaker.</b>
            </p>
            <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
            <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14 w100">
              <!-- 第一行 -->
              <tr class="table-tr-bc">
                <td class="tl-cn table-th-bc" rowspan="2">Speaker 1</td>
@@ -400,6 +400,26 @@
                </td>
              </tr>
            </table>
                <!-- 提交按钮 -->
                <div class="w100 fl">
              <ul class="fl ju-ar w100">
                <li>
                  <button class="btn-border btn-w" @click="saveDataOne">
                    提交
                  </button>
                </li>
                <li>
                  <button @click="changeQuestionDataOne" class="btn-border btn-w">
                    重做
                  </button>
                </li>
                <li>
                  <button @click="showLessonOneQuestionAnswer = !showLessonOneQuestionAnswer" class="parimary-btn">
                    查看答案
                  </button>
                </li>
              </ul>
            </div>
            <h3 id="c012"><span class="bjh3">Reading</span></h3>
            <p>
              1.Culture shock is a normal part of the life when moving somewhere
@@ -445,23 +465,35 @@
            </p>
            <p class="center"><b>Challenges of Working Across Cultures</b></p>
            <p class="center">
              <audio :src="resource.readingOne" controls class="audio" @play="audioPlay"></audio>
              <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio" ></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
              abilities.This is the “visible” side of an employee.The
              “hidden”side,which is also important,is the cultural identity.The
              its people.An employee is 
              <span class="word-bc" @click="saveWord($event, 'defined')">defined</span>
               by his/her talents,knowledge and
              abilities.This is the 
              “<span class="word-bc" @click="saveWord($event, 'visible')">visible</span>”
               side of an employee.The
              “hidden”side,which is also important,is the cultural 
              <span class="word-bc" @click="saveWord($event, 'identity')">identity</span>
              .The
              culture of an employee impacts his/her views on life,work,business
              relationships and how they handle challenges.There are some issues
              that may arise when working in a cross-cultural environment.
              relationships and how they 
              <span class="word-bc" @click="saveWord($event, 'handle')">handle</span>
               challenges.There are some issues
              that may 
              <span class="word-bc" @click="saveWord($event, 'arise')">arise</span>
               when working in a cross-cultural environment.
            </p>
            <p>
              When your colleagues speak different languages,it is easy to
              misunderstand each other.When I applied for the position at an
              international trade company,during the interview,my
              interviewer,who is from Egypt,was saying “quote”,but to me,it
              interviewer,who is from Egypt,was saying
              “<span class="word-bc" @click="saveWord($event, 'quote')">quote</span>”
              ,but to me,it
              sounded like “court”.It took me a while to
            </p>
          </div>
@@ -487,7 +519,9 @@
        <div class="padding-93">
          <div class="bodystyle">
            <p>
              understand what he meant,and I still remember how confused I felt
              understand what he meant,and I still remember how 
              <span class="word-bc" @click="saveWord($event, 'confused')">confused</span>
               I felt
              when I had to reply without knowing what he was asking about.You
              may feel uncomfortable to ask your conversation partner to repeat
              the sentence.However,it will save you from making mistakes and
@@ -495,36 +529,52 @@
              understand him.
            </p>
            <p>
              Things that are normal or routine in one culture can be totally
              unacceptable in another culture.In my home country of Latvia,it is
              Things that are normal or 
              <span class="word-bc" @click="saveWord($event, 'routine')">routine</span>
               in one culture can be totally
              <span class="word-bc" @click="saveWord($event, 'unacceptable')">unacceptable</span>
              in another culture.In my home country of Latvia,it is
              a normal practice not to expect replies by email after normal
              working hours and I will only disturb a colleague if the matter is
              working hours and I will only 
              <span class="word-bc" @click="saveWord($event, 'disturb')">disturb</span>
               a colleague if the matter is
              very serious.However,in other countries,like Russia and Egypt,the
              tendency is to work 24/7 in response to the industry needs.Get
              <span class="word-bc" @click="saveWord($event, 'tendency')">tendency</span>
               is to work 24/7 in response to the industry needs.Get
              familiar with the behavior patterns accepted in your colleagues’
              countries,and learn about their traditions,you will finally find
              the best way to respectfully communicate.
              countries,and learn about their 
              <span class="word-bc" @click="saveWord($event, 'traditions')">traditions</span>
              ,you will finally find the best way to respectfully communicate.
            </p>
            <p>
              Language and cultural barriers can cause frustration.Don’t let
              Language and cultural 
              <span class="word-bc" @click="saveWord($event, 'barriers')">barriers</span>
               can cause 
              <span class="word-bc" @click="saveWord($event, 'frustration')">frustration</span>
               .Don’t let
              emotions take over.Think about the objective you want to
              reach,make an effort to understand the other person and use the
              most appropriate means for it.For example,email does not convey
              most 
              <span class="word-bc" @click="saveWord($event, 'appropriate')">appropriate</span>
               means for it.For example,email does not convey
              the speaker’s emotions and limits the possibility to ask
              questions.Calling someone on the phone and hearing his/her tone
              questions.Calling someone on the phone and hearing his/her 
              <span class="word-bc" @click="saveWord($event, 'tone')">tone</span>
              can make the communication more smooth,and you will be surprised
              by the level of understanding you will receive in return.
            </p>
            <p>
              Working with colleagues from other countries or cultures can at
              times be challenging,but it is so rewarding when you can learn
              times be challenging,but it is so 
              <span class="word-bc" @click="saveWord($event, 'rewarding')">rewarding</span>
               when you can learn
              from each other and open your eyes to other ways of life.
            </p>
            <p class="fl al-cn mt-40">
              <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
              <span class="line-border-box"></span>
            </p>
            <audio :src="resource.readingTwo" controls class="audio" @play="audioPlay"></audio>
            <audio :src="resource.readingTwo" controls class="audio" ></audio>
            <p>define /dɪˈfaɪn/ <i>v.</i> 给……下定义</p>
            <div class="bkbj">
              <p><i>to state precisely the meaning of sth.</i></p>
@@ -1747,8 +1797,8 @@

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

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

@@ -1702,9 +1702,6 @@
                                your partner to do research online and match the following
                                organizations with their missions.</b>
                        </p>
                        <p class="center">
                            <img class="img-a" alt="" src="../../assets/images/0056-1.jpg" />
                        </p>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -1734,8 +1731,38 @@
                        <p>
                            1.More and more organizations and individuals in China are working
                            in public service.Can you name a few?
                            <span class="btn-box" @click="showNoSubmitAnswer(3,0)">
                                <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>
                        <p>2.What changes do they bring to China?</p>
                        <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[0].userAnswer" class="w100" @input="saveNoSubmitData"></textarea>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[0].isShowAnswer">
                            <span>答案：</span>
                            <P v-for="(item,index) in noSubmitData[3].value[0].answer">
                                {{index + 1}}.{{item}}
                            </p>
                        </div>
                        <p>
                            2.What changes do they bring to China?
                            <span class="btn-box" @click="showNoSubmitAnswer(3,1)">
                                <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 name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[1].userAnswer" class="w100" @input="saveNoSubmitData"></textarea>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[1].isShowAnswer">
                            <span>答案：</span>
                            <P v-for="(item,index) in noSubmitData[3].value[1].answer">
                                {{index + 1}}.{{item}}
                            </p>
                        </div>
                        <p class="center"><b>How to Light Up the World</b></p>
                        <p class="center">
                            <audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload"
@@ -4421,6 +4448,31 @@
                            userAnswer: '',
                        },
                    ]
                },
                {
                    type:'shortAnswer',
                    value:[
                        {
                            userAnswer:'',
                            answer:[
                                'China Rural Doctors Program',
                                'China Foundation for Rural Development',
                                'Shanghai Oasis Green Food Bank',
                                '钱七虎(Qian Qihu)'
                            ],
                            isShowAnswer:false,
                        },
                        {
                            userAnswer:'',
                            answer:[
                                'China Rural Doctors Program helps to improve the medical treatment levels of the rural doctors so that people in the rural areas can receive more proper treatments when getting ill.',
                                'Over the eight years of battle against poverty, China Foundation for Rural Development has raised RMB 5.199 billion of funds and materials in total and benefited 35.3776 million person-times.',
                                'Since 2014, Oasis Food Bank has helped 234 food manufacturers save over 755 tons of food that would have been wasted. 285 non-profit organizations, communities, and schools have become authorized distribution points. Over 80,000 volunteers have participated in sorting and distributing surplus food for people in need.',
                                'Qian has spent over 60 years studying protection engineering, helping China to build an indestructible “Underground Steel Great Wall.” He proposed and realized the defensive requirements in the construction of subways across the country. Not only defensive infrastructure, but also many national projects that already play a key part in Chinese people’s life have links to his work, including the Nanjing Yangtze River Tunnel, the Hong Kong-Zhuhai-Macao Bridge, and the giant South-to-North Water Transfer Project. And his generosity has helped a lot of children in need.',
                            ],
                            isShowAnswer:false,
                        },
                    ]
                }
            ],
            listenOne: [
@@ -5532,7 +5584,10 @@
                const item = this.practicalWriting[index];
                item.isShowAnswer = !item.isShowAnswer
            }
        }
        },
        showNoSubmitAnswer(index,num) {
            this.$set(this.noSubmitData[index].value[num],'isShowAnswer',!this.noSubmitData[index].value[num].isShowAnswer)
        },
    },
};
</script>

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

@@ -268,11 +268,42 @@
                        </p>
                        <matching :rawData="rawData" :question="question"></matching>
                        <h3 id="c030"><span class="bjh3">Reading</span></h3>
                        <p>1.Technology is all around us.What images spring to your mind when you hear the word “robot”?
                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
                            ></audio>
                        <p>
                            1.Technology is all around us.What images spring to your mind when you hear the word “robot”?
                            <span class="btn-box" @click="showNoSubmitAnswer(0,0)">
                                <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 name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[0].value[0].userAnswer" @input="saveNoSubmitData"></textarea>
                        <p>2.How can robots help humans today in daily life and work?</p>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[0].value[0].isShowAnswer">
                            <span>答案:</span>
                            <p v-for="(item,index) in noSubmitData[0].value[0].answer" :key="index">
                                {{index + 1}}) {{item}}
                            </p>
                        </div>
                        <p>
                            2.How can robots help humans today in daily life and work?
                            <span class="btn-box" @click="showNoSubmitAnswer(0,1)">
                                <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 name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[0].value[1].userAnswer" @input="saveNoSubmitData"></textarea>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[0].value[1].isShowAnswer">
                            <span>答案:</span>
                            <p v-for="(item,index) in noSubmitData[0].value[1].answer" :key="index">
                                {{index + 1}}) {{item}}
                            </p>
                        </div>
                        <p class="center"><b>Robots in Action</b></p>
                        <p class="center">
                            <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload"
@@ -2835,9 +2866,28 @@
                    type:'shortAnswer',
                    value:[
                        {
                            userAnswer:''
                            answer:[
                                'a two-legged humanoid who can do house work',
                                'a giant one-armed industrial robot holding a welding torch',
                                'an alternative to pets like the robotic dog',
                                'autonomous vehicles which can navigate and operate independently',
                                'a companion to interact with humans, especially for the elderly or people with disabilities'
                            ],
                            isShowAnswer:false,
                            userAnswer:'',
                        },
                        {
                            answer:[
                                'Domestic chores',
                                'Healthcare support',
                                'Manufacturing and labor-intensive tasks',
                                'Assistance for people with disabilities',
                                'Exploration and research',
                                'Customer service',
                                'Education',
                                'Agriculture'
                            ],
                            isShowAnswer:false,
                            userAnswer:''
                        }
                    ]
@@ -2959,7 +3009,8 @@
                            userAnswer:''
                        }
                    ]
                }
                },
                
            ],
            readingOne:[
                {

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

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

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

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

@@ -365,9 +365,9 @@
                            (4).Farmers plant so many fruits and vegetables to satisfy our appetite.
                        </p>
                        <p class="center"><b>Lineman Wang Jin</b></p>
                        <p class="center"><audio :src="resource.readingTwo" controls
                        <p class="center"><audio :src="resource.readingOne" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                                ></audio></p>
                        <p>Working on high-
                            <span class="word-bc" @click="saveWord($event, 'voltage')">voltage</span>
                            power lines is considered by many as a high-risk job.But for some
@@ -457,7 +457,7 @@
                            <span class="line-border-box"></span>
                        </p>
                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                            style="margin-left: 10px" class="audio"></audio>
                        <p>voltage /ˈvəʊltɪdʒ/ <i>n.</i> 电压</p>
                        <div class="bkbj">
                            <p><i>electrical force measured in volts</i></p>
@@ -1218,29 +1218,40 @@
                            (4).Someone can communicate with me openly and effectively.
                        </p>
                        <p class="center"><b>Work Ethic in the Workplace</b></p>
                        <p class="center"> <audio :src="resource.readingTwo" controls
                        <p class="center"> <audio :src="resource.readingThree" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <p>Work ethic is a set of standards of behavior and beliefs regarding what is and isn’t
                                ></audio></p>
                        <p>Work ethic is a set of standards of behavior and beliefs 
                            <span class="word-bc" @click="saveWord($event, 'regard')">regarding</span>
                             what is and isn’t
                            acceptable to do at work,which can be strong (good) or poor (bad).It depends on personal
                            views of employees,their motivation,and overall company culture.</p>
                        <p>Next,we’ll review some common examples of both strong and poor work ethic.</p>
                        <p><b>Example</b> 1</p>
                        <p>Angela’s director asked her to sort out data about the patients and
                            insurance.Unfortunately,Angela isn’t very familiar with processing certain insurance claims.
                            <span class="word-bc" @click="saveWord($event, 'insurance')">insurance</span>
                            .Unfortunately,Angela isn’t very familiar with processing certain insurance 
                            <span class="word-bc" @click="saveWord($event, 'claim')">claims</span>
                            .
                        </p>
                        <p>Rather than giving up,Angela decides to expand her skills.She networks with her coworkers in
                            the insurance department and consults her director.</p>
                        <p>In the process,she expands her skills to make sure she meets her goals.</p>
                        <p><b>Example</b> 2</p>
                        <p>Jim’s director asked him to review the financial reports from last quarter to look for
                            purchases from one guest.The director gave him this task about a month ago and asked him to
                            <span class="word-bc" @click="saveWord($event, 'purchas')">purchases</span>
                             from one guest.The director gave him this task about a month ago and asked him to
                            complete it within a few weeks.</p>
                        <p>Now,a month has passed,but Jim still hasn’t reviewed any of the reports.Rather than starting
                            early,he leaves it to the last minute and turns in an incomplete report.</p>
                        <p><b>Example</b> 3</p>
                        <p>Sheila is sometimes bothered by the tasks assigned by her director.However,she never
                            addresses her complaints to the director.Instead,she complains to her coworkers,friends,and
                        <p>Sheila is sometimes 
                            <span class="word-bc" @click="saveWord($event, 'bother')">bothered</span>
                             by the tasks assigned by her director.However,she never
                            <span class="word-bc" @click="saveWord($event, 'address')">addresses</span>
                            her 
                            <span class="word-bc" @click="saveWord($event, 'complaint')">complaints</span>
                             to the director.Instead,she complains to her coworkers,friends,and
                        </p>
                    </div>
                </div>
@@ -1272,7 +1283,9 @@
                            for half an hour or even longer.</p>
                        <p>Instead of trying hard to change the current situation,he makes various excuses for being
                            late.</p>
                        <p>His constant delay shows a lack of respect for his job and coworkers.His coworkers think of
                        <p>His 
                            <span class="word-bc" @click="saveWord($event, 'constant')">constant</span>
                             delay shows a lack of respect for his job and coworkers.His coworkers think of
                            him as being unreliable and irresponsible as a result.</p>
                        <p>The above examples represent a set of working attitudes that regulate employees’ behavior at
                            work.And what can you do to develop strong work ethic?</p>
@@ -1281,7 +1294,7 @@
                            <span class="line-border-box"></span>
                        </p>
                        <p>
                            <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                            <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload"
                                style="margin-left: 10px" class="audio"></audio>
                        </p>
                        <p>regarding /rɪˈɡɑːdɪŋ/ <i>prep.</i> 关于；至于</p>
@@ -1825,11 +1838,11 @@
                        <h3 id="c062" class="fl al-cn">
                            <span class="bjh3">Listening</span>
                            <!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
                            <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                                class="audio"></audio>
                        </h3>
                        <p><b>Ⅰ.Jeff rarely showed up at the office on time.Listen to the recording and mark his excuses
                                for being late.</b></p>
                                <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload"
                                class="audio"></audio>
                        <ul class="fl">
                            <li class="w50">
                                <p v-for="(item, index) in this.questionDataThree[0].option.slice(0, 4)"
@@ -1856,6 +1869,8 @@
                        </ul>
                        <p><b>Ⅱ.Susan,HR director,is now talking with Jenny about Jeff’s problems.Listen to the
                                conversation and fill in the blanks with what you hear.</b></p>
                                <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
                                class="audio"></audio>
                        <p>Susan:Have you noticed Jeff has been late many times?</p>
                        <p>Jenny:Yes,I want to have a talk with you about this.</p>
                        <p>Susan: From our punch records,I find that Jeff was late 7 times.Does his director Jim know
@@ -2059,27 +2074,85 @@
                        </div>
                        <div class="bk-13">
                            <p>Dear Jeff Bell,</p>
                            <p>Your HR department has been informed by your director that
                                <select class="select-border select-bc-t w80" @change="handleDropdownData">
                                    <option v-for="(item, index) in dropdownData.dp.dropDownList" :key="index"
                            <p class="tl-lf">Your HR department has been informed by your director that
                                <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[0].userAnswer" @change="setWarmUpOne">
                                    <option v-for="(item, index) in warmUpOne[0].option" :key="index"
                                        :value="item">
                                        {{ item }}
                                    </option>
                                </select>
                                <img :src="warmUpOne[0].value[0].isRight ? correctIcon : errorIcon"
                                v-if="warmUpOne[0].isComplete">
                                do not comply with Tech
                                Market Technology Company’s policies:
                            </p>
                            <p>· Infraction 1:Being late for January 4th,13th,16th,17th,24th and 25th.</p>
                            <p>_____on January 17th,2023.</p>
                            <p>The following consequences,_____,will be applied,should you not demonstrate improvement
                            <p>     <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[1].userAnswer" @change="setWarmUpOne">
                                    <option v-for="(item, index) in warmUpOne[0].option" :key="index"
                                        :value="item">
                                        {{ item }}
                                    </option>
                                </select>
                                <img :src="warmUpOne[0].value[1].isRight ? correctIcon : errorIcon"
                                v-if="warmUpOne[0].isComplete">on January 17th,2023.</p>
                            <p class="tl-lf">The following consequences,    
                                 <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[2].userAnswer" @change="setWarmUpOne">
                                    <option v-for="(item, index) in warmUpOne[0].option" :key="index"
                                        :value="item">
                                        {{ item }}
                                    </option>
                                </select>
                                <img :src="warmUpOne[0].value[2].isRight ? correctIcon : errorIcon"
                                v-if="warmUpOne[0].isComplete">,will be applied,should you not demonstrate improvement
                                or cease violation of company policies:</p>
                            <p>1.Second warning notice issued</p>
                            <p>2._____</p>
                            <p>2. <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[3].userAnswer" @change="setWarmUpOne">
                                    <option v-for="(item, index) in warmUpOne[0].option" :key="index"
                                        :value="item">
                                        {{ item }}
                                    </option>
                                </select>
                                <img :src="warmUpOne[0].value[3].isRight ? correctIcon : errorIcon"
                                v-if="warmUpOne[0].isComplete"></p>
                            <p>3.Third and final warning notice followed by an in-person meeting</p>
                            <p>4.Termination of employment</p>
                            <p>We will do whatever to_____.</p>
                            <p class="tl-lf">We will do whatever to 
                                <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[4].userAnswer" @change="setWarmUpOne">
                                    <option v-for="(item, index) in warmUpOne[0].option" :key="index"
                                        :value="item">
                                        {{ item }}
                                    </option>
                                </select>
                                <img :src="warmUpOne[0].value[4].isRight ? correctIcon : errorIcon"
                                v-if="warmUpOne[0].isComplete">.</p>
                            <p>Supervisor’s signature:Jim Marche</p>
                            <p>Date:1/31/23</p>
                        </div>
                        <div class="event-header-text-bc pd-5" style="width: 90%" v-if="warmUpOne[0].isShowAnswer">
                            <div>
                                <p class="event-header-text-bc pd-5" v-for="(item, index) in warmUpOne[0].value" :key="'warmUpOne'+index" >
                                      {{index+1}}.{{item.answer}}
                                </p>
                            </div>       
                        </div>
                        <div class="w100 fl ju-cn">
                            <ul class="fl ju-ar w80">
                                <li>
                                    <button class="btn-border btn-w" @click="handleWarmUpOne">
                                        提交
                                    </button>
                                </li>
                                <li>
                                    <button @click="recastWarmUpOne" class="btn-border btn-w">
                                        重做
                                    </button>
                                </li>
                                <li>
                                    <button @click="viewWarmUpOne" class="parimary-btn">
                                        查看答案
                                    </button>
                                </li>
                            </ul>
                        </div>
                        <p><b>Ⅲ.Put the following words in right order to make sentences.</b>
                            <span class="btn-box" @click="showAnswerEight = !showAnswerEight">
@@ -2865,6 +2938,10 @@
                listenOne: "",
                readingOne: "",
                readingTwo: "",
                readingThree: "",
                readingFour: "",
                listenTwo: "",
                listenThree: "",
            },
            //new
            dropdownData: {
@@ -3375,6 +3452,11 @@
                            isRight: null,
                        },
                        {
                            answer: 'in order of escalation',
                            userAnswer: '',
                            isRight: null,
                        },
                        {
                            answer: 'job suspension without pay for one workweek',
                            userAnswer: '',
                            isRight: null,
@@ -3411,6 +3493,11 @@
        const warmUp = localStorage.getItem("english-chapter-7-warmUp");
        if (warmUp) {
            this.warmUp = JSON.parse(warmUp);
        }

        const warmUpOne = localStorage.getItem("english-chapter-7-warmUpOne");
        if (warmUpOne) {
            this.warmUpOne = JSON.parse(warmUpOne);
        }

        const questionDataTwo = localStorage.getItem("english-chapter-7-questionDataTwo");
@@ -3505,13 +3592,25 @@
        },
        async getPath() {
            this.resource.listenOne = await getResourcePath(
                "422139A2EF66EA888C5ED1D550AE23E0"
                "20D9B02E3B0C95E7CD524224C57E643A"
            );
            this.resource.readingOne = await getResourcePath(
                "3F442B682D84C8AB06C800B29D734920"
                "01A4E8C1E8E2801EF48DDBBA3E4A30BD"
            );
            this.resource.readingTwo = await getResourcePath(
                "E8719EC88026BCFB11D292AA999F6D3D"
                "8D5057637DBB959B365E38360121FB41"
            );
            this.resource.readingThree = await getResourcePath(
                "113D24C2D701120C0F6283A72F9F4366"
            );
            this.resource.readingFour = await getResourcePath(
                "DE0C4081FE1FFE2374EDB989609B25E9"
            );
            this.resource.listenTwo = await getResourcePath(
                "DB59D9F65B437605F766F7975026B61D"
            );
            this.resource.listenThree = await getResourcePath(
                "53543E43DC90215C21CFC432D46CAB18"
            );
        },
        showAnswer(type) {
@@ -3668,6 +3767,44 @@
                item.isShowAnswer = !item.isShowAnswer
            }
        },
        handleWarmUpOne() {
            for (let index = 0; index < this.warmUpOne.length; index++) {
                const item = this.warmUpOne[index];
                item.isComplete = true;
                item.isShowAnswer = true;
                for (let cindex = 0; cindex < item.value.length; cindex++) {
                    const citem = item.value[cindex];
                    citem.isRight = citem.answer == citem.userAnswer;
                }
            }
        },
        setWarmUpOne() {
            localStorage.setItem(
                "english-chapter-7-warmUpOne",
                JSON.stringify(this.warmUpOne)
            );
        },
        recastWarmUpOne() {
            localStorage.removeItem("english-chapter-7-warmUpOne");
            for (let index = 0; index < this.warmUpOne.length; index++) {
                const item = this.warmUpOne[index];
                item.isComplete = false;
                item.isShowAnswer = false;
                for (let cindex = 0; cindex < item.value.length; cindex++) {
                    const citem = item.value[cindex];
                    citem.isRight = null;
                    citem.userAnswer = "";
                }

            }
        },
        viewWarmUpOne() {
            for (let index = 0; index < this.warmUpOne.length; index++) {
                const item = this.warmUpOne[index];
                item.isShowAnswer = !item.isShowAnswer
            }
        },

        handleQuestionDataTwo() {
            for (let index = 0; index < this.questionDataTwo.length; index++) {
                const item = this.questionDataTwo[index];

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

@@ -32,21 +32,133 @@
                        <h2 id="b029"><img class="img-0" alt="" src="../../assets/images/dy8-le1.jpg" /></h2>
                        <h3 id="c064"><span class="bjh3">Warm-up</span></h3>
                        <p><b>Ⅰ.Figure out what the people in the following pictures do.</b></p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-1.jpg" /></p>
                        <p class="center">1._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-2.jpg" /></p>
                        <p class="center">2._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-3.jpg" /></p>
                        <p class="center">3._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-4.jpg" /></p>
                        <p class="center">4._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-5.jpg" /></p>
                        <p class="center">5._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-6.jpg" /></p>
                        <p class="center">6._____________________</p>
                        <p><b>Ⅱ.What other jobs can you list?</b></p>
                        <p>____________________________________________</p>
                        <div class="openImgBox">
                            <div class="fl ju-bt">
                                <div class="left" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/0146-1.jpg" alt="" class="w100" />
                                        </p>
                                        <p class="center">
                                            1.
                                            <input type="text" class="input-bottom-border w50"
                                                v-model="warmUp[0].value[0].userAnswer" @input="setWarmUp"
                                                @blur="handleWarmUp(0)" />
                                            <img :src="warmUp[0].value[0].isRight ? correctIcon : errorIcon"
                                                v-if="warmUp[0].value[0].isRight == true || warmUp[0].value[0].isRight == false">
                                        </p>
                    </div>
                                </div>
                                <div class="right" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/0146-2.jpg" alt="" style="width: 98%" />
                                        </p>
                                        <p class="center">
                                            2.
                                            <input type="text" class="input-bottom-border w50"
                                                v-model="warmUp[0].value[1].userAnswer" @input="setWarmUp"
                                                @blur="handleWarmUp(1)" />
                                            <img :src="warmUp[0].value[1].isRight ? correctIcon : errorIcon"
                                                v-if="warmUp[0].value[1].isRight == true || warmUp[0].value[1].isRight == false">
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div class="fl ju-bt">
                                <div class="left" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/0146-3.jpg" alt="" style="width: 98%" />
                                        </p>
                                        <p class="center">
                                            3.
                                            <input type="text" class="input-bottom-border w50"
                                                v-model="warmUp[0].value[2].userAnswer" @input="setWarmUp"
                                                @blur="handleWarmUp(2)" />
                                            <img :src="warmUp[0].value[2].isRight ? correctIcon : errorIcon"
                                                v-if="warmUp[0].value[2].isRight == true || warmUp[0].value[2].isRight == false">
                                        </p>
                                    </div>

                                </div>
                                <div class="right" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/0146-4.jpg" alt="" style="width: 94%" />
                                        </p>
                                        <p class="center">
                                            4.
                                            <input type="text" class="input-bottom-border w50"
                                                v-model="warmUp[0].value[3].userAnswer" @input="setWarmUp"
                                                @blur="handleWarmUp(3)" />
                                            <img :src="warmUp[0].value[3].isRight ? correctIcon : errorIcon"
                                                v-if="warmUp[0].value[3].isRight == true || warmUp[0].value[3].isRight == false">
                                        </p>
                                    </div>

                                </div>
                            </div>

                            <div class="fl ju-bt">
                                <div class="left" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/0146-5.jpg" alt="" class="w100" />
                                        </p>
                                        <p class="center">
                                            5.
                                            <input type="text" class="input-bottom-border w50"
                                                v-model="warmUp[0].value[4].userAnswer" @input="setWarmUp"
                                                @blur="handleWarmUp(4)" />
                                            <img :src="warmUp[0].value[4].isRight ? correctIcon : errorIcon"
                                                v-if="warmUp[0].value[4].isRight == true || warmUp[0].value[4].isRight == false">
                                        </p>
                                    </div>

                                </div>
                                <div class="right" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/0146-6.jpg" alt="" style="width: 98%" />
                                        </p>
                                        <p class="center">
                                            6.
                                            <input type="text" class="input-bottom-border w50"
                                                v-model="warmUp[0].value[5].userAnswer" @input="setWarmUp"
                                                @blur="handleWarmUp(5)" />
                                            <img :src="warmUp[0].value[5].isRight ? correctIcon : errorIcon"
                                                v-if="warmUp[0].value[5].isRight == true || warmUp[0].value[5].isRight == false">
                                        </p>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <p><b>Ⅱ.What other jobs can you list?</b>
                            <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>
                        <p>
                            <textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
                                style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion">
                            </textarea>
                        </p>
                        <div class="show-answer-box" v-if="showAnswerOne">
                            <div>答案:</div>
                            <div>
                                <img src="../../assets/images/M8WarmUp.png" alt="" class="w100" />
                            </div>
                        </div>
                    </div>

                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">136</span>
@@ -68,10 +180,22 @@
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <h3 id="c065"><span class="bjh3">Listening</span></h3>
                        <p class="center"> <audio :src="resource.listenOne" controls
                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
                        <p><b>Watch the video and find out how the speakers describe their jobs.</b></p>
                        <h3 id="c065" 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>Watch the video and find out how the speakers describe their jobs.</b>
                            <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>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn">Who is he/she?</td>
@@ -129,13 +253,66 @@
                                </td>
                            </tr>
                        </table>
                        <div class="show-answer-box" v-if="showAnswerTwo">
                            <div>答案:</div>
                            <div>
                                <img src="../../assets/images/M8ListeningOne.png" alt="" class="w100" />
                            </div>
                        </div>
                        <h3 id="c066"><span class="bjh3">Reading</span></h3>
                        <p>1.There is a saying that a part-time job can be a way to gain the experience necessary for
                            full-time employment.Do you agree? Why or why not?</p>
                        <p>2.If you’re considering a part-time job,what’s your expectation of it?</p>
                        <p class="center">__________________</p>
                        <p class="center"> <audio :src="resource.listenOne" controls
                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
                            full-time employment.Do you agree? Why or why not?
                            <span class="btn-box" @click="showAnswerThree = !showAnswerThree">
                                <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>
                        <p>
                            <textarea v-model="questionData.reading.two" placeholder="请输入内容" rows="6"
                                style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion">
                            </textarea>
                        </p>
                        <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%"
                            v-if="showAnswerThree">
                            答案：(1).Gain confidence and responsibility &nbsp; (2).Explore alternate career options &nbsp;
                            (3).Strengthen resume &nbsp;
                            (4).Develop work ethic skills &nbsp; (5).Create opportunities for socializing &nbsp;
                            (6).Enhance communication skills &nbsp;
                            (7).Build networking opportunities &nbsp; (8).Gain independence &nbsp; (9).Get a stable cash
                            flow &nbsp; (10).Learn money management skills &nbsp;
                        </p>
                        <p>2.If you’re considering a part-time job,what’s your expectation of it?
                            <span class="btn-box" @click="showAnswerFour = !showAnswerFour">
                                <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>
                        <p>
                            <textarea v-model="questionData.reading.three" placeholder="请输入内容" rows="6"
                                style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion">
                            </textarea>
                        </p>
                        <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%"
                            v-if="showAnswerFour">
                            答案：(1).a good salary &nbsp; (2).a regular working time &nbsp; (3).a friendly working team
                            &nbsp;
                            (4).comfortable working environment

                        </p>
                        <p class="center">
                            <input type="text" class="input-bottom-border input-bc-t " style="width: 30%;"
                                v-model="questionData.reading.four" @change="setBookQuestion" />
                        </p>
                        <p class="center"> <audio :src="resource.readingOne" controls
                                controlslist="noplaybackrate nodownload" class="audio"></audio></p>
                        <p>Everyone’s first job is special.There are a couple of reasons for this:the experience is
                            burned into one’s memory; it gives you the practice needed to
                            <span class="word-bc" @click="saveWord($event, 'fulfill')">fulfill</span>
@@ -211,9 +388,8 @@
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <p class="center"><audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <p><audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                                style="margin-left: 10px" class="audio"></audio></p>
                        <p>fulfill /fʊlˈfɪl/ <i>v.</i> 符合；履行</p>
                        <div class="bkbj">
                            <p><i>to do or have what is required or necessary</i></p>
@@ -304,12 +480,21 @@
                        </div>
                        <p><b>Ⅰ.Reading comprehension.</b></p>
                        <p>A.Read the passage and answer the following questions.</p>
                        <p>1.What job did the author take?</p>
                        <p>____________________________________________________</p>
                        <p>2.How did he describe his job?</p>
                        <p>____________________________________________________</p>
                        <p>3.What can be a proper title for this passage?</p>
                        <p>____________________________________________________</p>
                        <div v-for="(item, index) in questionDataOne[0].value" :key="'one' + index">
                            <p class="tl-lf">{{ index + 1 }}.{{ item.stem }}</p>
                            <p>
                                <input :disabled="questionDataOne[0].isComplete" type="text" class="input-bottom-border"
                                    style="width: 90%" v-model="item.userAnswer" @input="setQuestionDataOne" />
                            </p>
                        </div>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[0].isShowAnswer">
                            <p>
                                答案：
                                <span v-for="(item, index) in questionDataOne[0].value" :key="'oneanswer' + index">
                                    {{ index + 1 }}.{{ item.answer }} &nbsp;
                                </span>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -334,33 +519,110 @@
                    <div class="bodystyle">
                        <p>B.Put the questions in the right blanks according to the main idea of each paragraph,and then
                            find the answer to each question.</p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0150-1.jpg" /></p>
                        <div class="center poster-img">
                            <img class="img-a" alt="" src="../../assets/images/0150-1.jpg" />
                            <input type="text" class="poster-input-box-one"
                                v-model="questionDataOne[1].value[0].userAnswer" @change="setQuestionDataOne" />
                            <input type="text" class="poster-input-box-two"
                                v-model="questionDataOne[1].value[1].userAnswer" @change="setQuestionDataOne" />
                            <input type="text" class="poster-input-box-six"
                                v-model="questionDataOne[1].value[2].userAnswer" @change="setQuestionDataOne" />
                            <input type="text" class="poster-input-box-three"
                                v-model="questionDataOne[1].value[3].userAnswer" @change="setQuestionDataOne" />
                            <input type="text" class="poster-input-box-four"
                                v-model="questionDataOne[1].value[4].userAnswer" @change="setQuestionDataOne" />
                            <input type="text" class="poster-input-box-five"
                                v-model="questionDataOne[1].value[5].userAnswer" @change="setQuestionDataOne" />
                        </div>
                        <p>The answer to each question:</p>
                        <p>1.________________________________________________</p>
                        <p>2.________________________________________________</p>
                        <p>3.________________________________________________</p>
                        <p>4.________________________________________________</p>
                        <p>5.________________________________________________</p>
                        <div v-for="(item, index) in questionDataOne[2].value" :key="'two' + index">
                            <p>{{ index + 1 }}.<input :disabled="questionDataOne[2].isComplete" type="text"
                                    class="input-bottom-border" style="width: 90%" v-model="item.userAnswer"
                                    @input="setQuestionDataOne" /></p>
                        </div>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[2].isShowAnswer">
                            <div>
                                答案：
                                <p v-for="(item, index) in questionDataOne[2].value" :key="'twoanswer' + index">
                                    {{ index + 1 }}.{{ item.answer }} &nbsp;
                                </p>
                            </div>
                        </div>
                        <p><b>Ⅱ.Language focus.</b></p>
                        <p>A.Fill in the blanks with the proper words in the passage.The initial letters of the words
                            have been given.</p>
                        <p>The first job experience is burned into our memories for a c_______of reasons,and Nicholas
                        <p>The first job experience is burned into our memories for a c
                            <input :disabled="questionDataOne[3].isComplete" type="text" class="input-bottom-border"
                                style="width: 10%" v-model="questionDataOne[3].value[0].userAnswer"
                                @input="setQuestionDataOne" />
                            <img :src="questionDataOne[3].value[0].isRight ? correctIcon : errorIcon"
                                v-if="questionDataOne[3].isComplete">
                            of reasons,and Nicholas
                            remembered his well.When he was about 16,he wanted to buy a speed cube.Unfortunately,he had
                            no money,so he decided to take a job and earn enough money for it.He planned to help
                            e________people with their gardens,so he went to Mrs.Hudson who just lived in his n_______.
                            Although his job of pulling out weeds there was t_________, he managed to get the money he
                            e <input :disabled="questionDataOne[3].isComplete" type="text" class="input-bottom-border"
                                style="width: 10%" v-model="questionDataOne[3].value[1].userAnswer"
                                @input="setQuestionDataOne" />
                            <img :src="questionDataOne[3].value[1].isRight ? correctIcon : errorIcon"
                                v-if="questionDataOne[3].isComplete">

                            people with their gardens,so he went to Mrs.Hudson who just lived in his n
                            <input :disabled="questionDataOne[3].isComplete" type="text" class="input-bottom-border"
                                style="width: 10%" v-model="questionDataOne[3].value[2].userAnswer"
                                @input="setQuestionDataOne" />
                            <img :src="questionDataOne[3].value[2].isRight ? correctIcon : errorIcon"
                                v-if="questionDataOne[3].isComplete">.
                            Although his job of pulling out weeds there was t
                            <input :disabled="questionDataOne[3].isComplete" type="text" class="input-bottom-border"
                                style="width: 10%" v-model="questionDataOne[3].value[3].userAnswer"
                                @input="setQuestionDataOne" />
                            <img :src="questionDataOne[3].value[3].isRight ? correctIcon : errorIcon"
                                v-if="questionDataOne[3].isComplete">
                            , he managed to get the money he
                            needed for his speed cube.And most importantly,that working experience made him realize the
                            v_______of money through his s_________.</p>
                            v
                            <input :disabled="questionDataOne[3].isComplete" type="text" class="input-bottom-border"
                                style="width: 10%" v-model="questionDataOne[3].value[4].userAnswer"
                                @input="setQuestionDataOne" />
                            <img :src="questionDataOne[3].value[4].isRight ? correctIcon : errorIcon"
                                v-if="questionDataOne[3].isComplete">
                            of money through his s
                            <input :disabled="questionDataOne[3].isComplete" type="text" class="input-bottom-border"
                                style="width: 10%" v-model="questionDataOne[3].value[5].userAnswer"
                                @input="setQuestionDataOne" />
                            <img :src="questionDataOne[3].value[5].isRight ? correctIcon : errorIcon"
                                v-if="questionDataOne[3].isComplete">
                            .
                        </p>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[3].isShowAnswer">
                            <p>
                                答案：
                                <span v-for="(item, index) in questionDataOne[3].value" :key="'threeanswer' + index">
                                    {{ index + 1 }}.{{ item.answer }} &nbsp;
                                </span>
                            </p>
                        </div>
                        <p>B.Underline the following expressions in the passage and make sentences with them.</p>
                        <p>1.out of nowhere______________________________</p>
                        <p>2.as to______________________________________</p>
                        <p>3.build up___________________________________</p>
                        <p>4.at least___________________________________</p>
                        <p>5.take away__________________________________</p>
                        <div v-for="(item, index) in questionDataOne[4].value" :key="'three' + index">
                            <p>{{ index + 1 }}.{{ item.stem }}</p>
                            <p>
                                <textarea v-model="item.userAnswer" placeholder="请输入内容" rows="6" style=" width: 92%"
                                    class="fz-16 fm-son" @change="setQuestionDataOne">
                            </textarea>
                            </p>
                        </div>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[4].isShowAnswer">
                            <div>
                                答案：
                                <p v-for="(item, index) in questionDataOne[4].value" :key="'fouranswer' + index">
                                    {{ index + 1 }}.{{ item.answer }} &nbsp;
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">146</span>
                    <span class="contet-num-box">140</span>
                </div>
            </div>
        </div>
@@ -380,17 +642,21 @@
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>C.Translate the following sentences into Chinese.</p>
                        <p>1.Wang Jinxi,the “Iron Man”,successfully fulfilled his job under incredible difficulties.</p>
                        <p>____________________________________________________</p>
                        <p>2.Zhang Guimei,a teacher,spent all her money purchasing things needed for the girls in her
                            school.</p>
                        <p>____________________________________________________</p>
                        <p>3.Wu Dajing impressed the whole nation when fighting to supply his teammates with a better
                            position in the lane.</p>
                        <p>____________________________________________________</p>
                        <p>4.Wang Yaping with resolve won her family’s support to be the first woman in China’s new
                            space station.</p>
                        <p>____________________________________________________</p>
                        <div v-for="(item, index) in questionDataOne[5].value" :key="'four' + index">
                            <p>{{ index + 1 }}.{{ item.stem }}</p>
                            <p>
                                <input :disabled="questionDataOne[5].isComplete" type="text" class="input-bottom-border"
                                    style="width: 90%" v-model="item.userAnswer" @input="setQuestionDataOne" />
                            </p>
                        </div>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[5].isShowAnswer">
                            <div>
                                答案：
                                <p v-for="(item, index) in questionDataOne[5].value" :key="'fiveanswer' + index">
                                    {{ index + 1 }}.{{ item.answer }} &nbsp;
                                </p>
                            </div>
                        </div>
                        <p><b>Ⅲ.Grammar focus:The simple present &amp; past tense.</b>
                            <span class="btn-box" @click="showAnswer('showImg')">
                                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
@@ -408,58 +674,153 @@
                        <p>A.Based on the form of the underlined verbs tell us whether the following sentences are about
                            the past or the present.</p>
                        <p>（present）1.Everyone’s first job <span class="u">is</span> special.</p>
                        <p>（　　）2.I <span class="u">wanted</span> to buy a new speed cube.</p>
                        <p>（　　）3.I <span class="u">went</span> to the oldest person I knew in my neighborhood.</p>
                        <p>（　　）4.It <span class="u">seems</span> these experiences harden our spirits and resolve.</p>
                        <p>（　　）5.When I <span class="u">was</span> about sixteen years old, I <span class="u">wanted
                            </span>to buy a new speed cube.</p>
                        <p>（　　）6.I <span class="u">think</span> everyone should get down on one’s knees and pull weeds.
                        <p>（<input :disabled="questionDataOne[6].isComplete" type="text" class="input-bottom-border"
                                style="width: 15%" v-model="questionDataOne[6].value[0].userAnswer"
                                @input="setQuestionDataOne" />）
                            2.I <span class="u">wanted</span> to buy a new speed cube.
                            <img :src="questionDataOne[6].value[0].isRight ? correctIcon : errorIcon"
                                v-if="questionDataOne[6].isComplete">
                        </p>
                        <p>（<input :disabled="questionDataOne[6].isComplete" type="text" class="input-bottom-border"
                                style="width: 15%" v-model="questionDataOne[6].value[1].userAnswer"
                                @input="setQuestionDataOne" />）3.I <span class="u">went</span> to the oldest person I
                            knew in my neighborhood.
                            <img :src="questionDataOne[6].value[1].isRight ? correctIcon : errorIcon"
                                v-if="questionDataOne[6].isComplete">
                        </p>
                        <p>（<input :disabled="questionDataOne[6].isComplete" type="text" class="input-bottom-border"
                                style="width: 15%" v-model="questionDataOne[6].value[2].userAnswer"
                                @input="setQuestionDataOne" />）4.It <span class="u">seems</span> these experiences
                            harden our spirits and resolve.
                            <img :src="questionDataOne[6].value[2].isRight ? correctIcon : errorIcon"
                                v-if="questionDataOne[6].isComplete">
                        </p>
                        <p>（<input :disabled="questionDataOne[6].isComplete" type="text" class="input-bottom-border"
                                style="width: 15%" v-model="questionDataOne[6].value[3].userAnswer"
                                @input="setQuestionDataOne" />）5.When I <span class="u">was</span> about sixteen years
                            old, I <span class="u">wanted
                            </span>to buy a new speed cube.
                            <img :src="questionDataOne[6].value[3].isRight ? correctIcon : errorIcon"
                                v-if="questionDataOne[6].isComplete">
                        </p>
                        <p>（<input :disabled="questionDataOne[6].isComplete" type="text" class="input-bottom-border"
                                style="width: 15%" v-model="questionDataOne[6].value[4].userAnswer"
                                @input="setQuestionDataOne" />）6.I <span class="u">think</span> everyone should get down
                            on one’s knees and pull weeds.
                            <img :src="questionDataOne[6].value[4].isRight ? correctIcon : errorIcon"
                                v-if="questionDataOne[6].isComplete">
                        </p>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[6].isShowAnswer">
                            <p>
                                答案：
                                <span v-for="(item, index) in questionDataOne[6].value" :key="'sixanswer' + index">
                                    {{ index + 1 }}.{{ item.answer }} &nbsp;
                                </span>
                            </p>
                        </div>
                        <p>B.Write the present or the past form of the following verbs.</p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14 w100">
                            <tr class="table-tr-bc">
                                <td class="tl-cn">give<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 5em"
                                        v-model="testData.in.one" @change="setTestData" /></td>
                                <td class="tl-cn">spend<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 5em"
                                        v-model="testData.in.one" @change="setTestData" /></td>
                                <td class="tl-cn"><input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 5em"
                                        v-model="testData.in.one" @change="setTestData" />had
                                <td class="tl-cn">give
                                    <input :disabled="questionDataOne[7].isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 40%"
                                        v-model="questionDataOne[7].value[0].userAnswer" @input="setQuestionDataOne" />
                                    <img :src="questionDataOne[7].value[0].isRight ? correctIcon : errorIcon"
                                        v-if="questionDataOne[7].isComplete">
                                </td>
                                <td class="tl-cn">spend
                                    <input :disabled="questionDataOne[7].isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 45%"
                                        v-model="questionDataOne[7].value[1].userAnswer" @input="setQuestionDataOne" />
                                    <img :src="questionDataOne[7].value[1].isRight ? correctIcon : errorIcon"
                                        v-if="questionDataOne[7].isComplete">
                                </td>
                                <td class="tl-cn">
                                    <input :disabled="questionDataOne[7].isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 45%"
                                        v-model="questionDataOne[7].value[2].userAnswer" @input="setQuestionDataOne" />
                                    had
                                    <img :src="questionDataOne[7].value[2].isRight ? correctIcon : errorIcon"
                                        v-if="questionDataOne[7].isComplete">
                                </td>
                            </tr>
                            <tr class="table-tr-bc ">
                                <td class="tl-cn"><input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 5em"
                                        v-model="testData.in.one" @change="setTestData" />
                                <td class="tl-cn">
                                    <input :disabled="questionDataOne[7].isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 45%"
                                        v-model="questionDataOne[7].value[3].userAnswer" @input="setQuestionDataOne" />
                                    went
                                    <img :src="questionDataOne[7].value[3].isRight ? correctIcon : errorIcon"
                                        v-if="questionDataOne[7].isComplete">
                                </td>
                                <td class="tl-cn"><input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 5em"
                                        v-model="testData.in.one" @change="setTestData" />
                                <td class="tl-cn">
                                    <input :disabled="questionDataOne[7].isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 45%"
                                        v-model="questionDataOne[7].value[4].userAnswer" @input="setQuestionDataOne" />
                                    began
                                    <img :src="questionDataOne[7].value[4].isRight ? correctIcon : errorIcon"
                                        v-if="questionDataOne[7].isComplete">
                                </td>
                                <td class="tl-cn">say<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 5em"
                                        v-model="testData.in.one" @change="setTestData" />
                                <td class="tl-cn">say
                                    <input :disabled="questionDataOne[7].isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 45%"
                                        v-model="questionDataOne[7].value[5].userAnswer" @input="setQuestionDataOne" />
                                    <img :src="questionDataOne[7].value[5].isRight ? correctIcon : errorIcon"
                                        v-if="questionDataOne[7].isComplete">
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">get<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 5em"
                                        v-model="testData.in.one" @change="setTestData" />
                                <td class="tl-cn">get
                                    <input :disabled="questionDataOne[7].isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 45%"
                                        v-model="questionDataOne[7].value[6].userAnswer" @input="setQuestionDataOne" />
                                    <img :src="questionDataOne[7].value[6].isRight ? correctIcon : errorIcon"
                                        v-if="questionDataOne[7].isComplete">
                                </td>
                                <td class="tl-cn">think<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 5em"
                                        v-model="testData.in.one" @change="setTestData" />
                                <td class="tl-cn">think
                                    <input :disabled="questionDataOne[7].isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 45%"
                                        v-model="questionDataOne[7].value[7].userAnswer" @input="setQuestionDataOne" />
                                    <img :src="questionDataOne[7].value[7].isRight ? correctIcon : errorIcon"
                                        v-if="questionDataOne[7].isComplete">
                                </td>
                                <td class="tl-cn">asy<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 5em"
                                        v-model="testData.in.one" @change="setTestData" />chose
                                <td class="tl-cn">asy
                                    <input :disabled="questionDataOne[7].isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 45%"
                                        v-model="questionDataOne[7].value[8].userAnswer" @input="setQuestionDataOne" />
                                    chose
                                    <img :src="questionDataOne[7].value[8].isRight ? correctIcon : errorIcon"
                                        v-if="questionDataOne[7].isComplete">
                                </td>
                            </tr>
                        </table>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[7].isShowAnswer">
                            <p>
                                答案：
                                <span v-for="(item, index) in questionDataOne[7].value" :key="'sixanswer' + index">
                                    {{ index + 1 }}.{{ item.answer }} &nbsp;
                                </span>
                            </p>
                        </div>
                        <div class="w100 fl ju-cn">
                            <ul class="fl ju-ar w80">
                                <li>
                                    <button class="btn-border btn-w" @click="handleQuestionDataOne">
                                        提交
                                    </button>
                                </li>
                                <li>
                                    <button @click="recastQuestionDataOne" class="btn-border btn-w">
                                        重做
                                    </button>
                                </li>
                                <li>
                                    <button @click="viewQuestionDataOne" class="parimary-btn">
                                        查看答案
                                    </button>
                                </li>
                            </ul>
                        </div>
                        <h3 id="c067"><span class="bjh3">Mini-project</span></h3>
                        <p>People do different jobs and hold different ideas about their jobs.You are required to:</p>
                        <p>1.Do a small survey among your family members or relatives and jot down their opinions;</p>
@@ -516,136 +877,144 @@
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.five"
                                    <textarea v-model="noSubmitTwo[0].value[0].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.six"
                                    <textarea v-model="noSubmitTwo[0].value[1].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.seven"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                    <textarea v-model="noSubmitTwo[0].value[2].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea"  @input="saveNoSubmitTWo"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.eight"
                                    <textarea v-model="noSubmitTwo[0].value[3].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.nine"
                                    <textarea v-model="noSubmitTwo[0].value[4].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.ten"
                                    <textarea v-model="noSubmitTwo[0].value[5].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.eleven"
                                    <textarea v-model="noSubmitTwo[0].value[6].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.twelve"
                                    <textarea v-model="noSubmitTwo[0].value[7].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.thirteen"
                                    <textarea v-model="noSubmitTwo[0].value[8].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.fourteen"
                                    <textarea v-model="noSubmitTwo[0].value[9].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.fifteen"
                                    <textarea v-model="noSubmitTwo[0].value[10].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.sixteen"
                                    <textarea v-model="noSubmitTwo[0].value[11].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.seventeen"
                                    <textarea v-model="noSubmitTwo[0].value[12].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box "
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.eighteen"
                                    <textarea v-model="noSubmitTwo[0].value[13].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.nineteen"
                                    <textarea v-model="noSubmitTwo[0].value[14].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.twenty"
                                    <textarea v-model="noSubmitTwo[0].value[15].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.twentyOne"
                                    <textarea v-model="noSubmitTwo[0].value[16].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.twentyTwo"
                                    <textarea v-model="noSubmitTwo[0].value[17].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.twentyThree"
                                    <textarea v-model="noSubmitTwo[0].value[18].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.twentyFour"
                                    <textarea v-model="noSubmitTwo[0].value[19].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.twentyFive"
                                    <textarea v-model="noSubmitTwo[0].value[20].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                            </tr>
                        </table>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
                        <div class="bk-wh">
                            <p class="dl-box">
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'dangerous')">dangerous</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'demanding')">demanding</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'dangerous')">dangerous</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'demanding')">demanding</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'dull')">dull</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'exciting')">exciting</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'repetitive')">repetitive</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'exciting')">exciting</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'repetitive')">repetitive</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'risky')">risky</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'satisfying')">satisfying</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'stimulating')">stimulating</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'stressful')">stressful</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'voluntary')">voluntary</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'satisfying')">satisfying</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'stimulating')">stimulating</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'stressful')">stressful</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'voluntary')">voluntary</span>
              </p>
                            
                            <p>　　　　　　　　　
@@ -822,12 +1191,45 @@
                    <div class="bodystyle">
                        <h2 id="b030"><img class="img-0" alt="" src="../../assets/images/dy8-le2.jpg" /></h2>
                        <h3 id="c068"><span class="bjh3">Warm-up</span></h3>
                        <p><b>Mostly,the first step to map out your career is to create a career road map for
                        <p>
                            <b>Mostly,the first step to map out your career is to create a career road map for
                                yourself.Work with your partner and figure out what the pictures in the following road
                                maps possibly mean,and then choose the proper expressions to fill in the blanks.</b></p>
                                maps possibly mean,and then choose the proper expressions to fill in the blanks.
                            </b>
                            <span class="btn-box" @click="showDropTwo(0,0)">
                                <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>
                        <p><b>Road map</b>1：</p>
                        <p><b>People often think that career path works like this:</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0153-1.jpg" /></p>
                        <ul class="fl">
                            <li>
                                <img class="img-a" alt="" src="../../assets/images/job-1.jpg" />
                            </li>
                            <li class="fl de-cl">
                                <div style="height:50%;padding-left:25px" class="fl de-cl ju-ev">
                                    <div v-for="(item,index) in dropTwo[0].value" :key="index">
                                        <select  v-model="item.userAnswer" @change="handleDropTwo(0,index)" style="width:200px;height:35px"
                                            >
                                            <option v-for="(citem, cindex) in dropTwo[0].option" :key="'change' + cindex" :value="citem">
                                            {{ citem}}
                                            </option>
                                        </select>
                                        <img :src="item.isRight ? correctIcon : errorIcon"  v-if="item.isRight == true || item.isRight == false">
                                    </div>
                                </div>
                                <div>
                                    <img class="img-a" alt="" src="../../assets/images/job-2.jpg" />
                                </div>
                            </li>
                        </ul>
                        <!-- <p class="center">
                            <img class="img-a" alt="" src="../../assets/images/0153-1.jpg" />
                        </p> -->
                    </div>
                </div>
                <div class="preface-bottom">
@@ -852,16 +1254,67 @@
                    <div class="bodystyle">
                        <p><b>Road map</b>2：</p>
                        <p><b>In reality,it looks more like:</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0154-1.jpg" /></p>
                        <h3 id="c069"><span class="bjh3">Reading</span></h3>
                        <p>1.Working hard is only the first part of success.Making good choices is the second part.It
                            truly takes both to achieve success at whatever you do.What’s your interpretation of the
                            sentence?</p>
                        <p>2.What’s your suggestion for making the “right” career choice?</p>
                        <div class="center po-re " >
                            <img class="img-a" alt="" src="../../assets/images/0154-1.jpg" />
                            <div class="reality-one">
                                <select  v-model="dropTwo[1].value[0].userAnswer" @change="handleDropTwo(1,0)" 
                                    >
                                    <option v-for="(citem, cindex) in dropTwo[1].option" :key="'change' + cindex" :value="citem">
                                    {{ citem}}
                                    </option>
                                </select>
                                <img :src="dropTwo[1].value[0].isRight ? correctIcon : errorIcon"  v-if="dropTwo[1].value[0].isRight == true || dropTwo[1].value[0].isRight == false">
                            </div>
                            <div class="reality-two">
                                <select  v-model="dropTwo[1].value[1].userAnswer" @change="handleDropTwo(1,1)" style="width:120px;height:35px"
                                    >
                                    <option v-for="(citem, cindex) in dropTwo[1].option" :key="'change' + cindex" :value="citem">
                                    {{ citem}}
                                    </option>
                                </select>
                                <img :src="dropTwo[1].value[1].isRight ? correctIcon : errorIcon"  v-if="dropTwo[1].value[1].isRight == true || dropTwo[1].value[1].isRight == false">
                            </div>
                            <div class="reality-three">
                                <select  v-model="dropTwo[1].value[2].userAnswer" @change="handleDropTwo(1,2)" style="width:120px;height:35px"
                                    >
                                    <option v-for="(citem, cindex) in dropTwo[1].option" :key="'change' + cindex" :value="citem">
                                    {{ citem}}
                                    </option>
                                </select>
                                <img :src="dropTwo[1].value[2].isRight ? correctIcon : errorIcon"  v-if="dropTwo[1].value[2].isRight == true || dropTwo[1].value[2].isRight == false">
                            </div>
                        </div>
                        
                        <h3 id="c069" class="fl al-cn">
                            <span class="bjh3">Reading</span>
                            <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
                        </h3>
                        <ul>
                            <li v-for="(item,index) in noSubmitTwo[1].value" :key="index">
                                <p>
                                    {{index + 1}}.{{item.stem}}
                                    <span class="btn-box" @click="showNoSubmitTWo(1,index)">
                                        <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 name="" id="" cols="30" rows="10" v-model="item.userAnswer" class="w100" @input="saveNoSubmitTWo"></textarea>
                                <div class="event-header-text-bc pd-5 w100 mt-20"
                                    v-if="item.isShowAnswer">
                                    <span>答案：</span>
                                    <span v-for="(citem,cindex) in item.answer" :key="cindex" class="mr-20">
                                        {{  citem }}
                                    </span>
                                </div>
                            </li>
                        </ul>
                        <p class="center"><b>Choose a Career You Love</b></p>
                        <p class="center"><audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <p class="center"><audio :src="resource.readingThree" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px"
                                class="audio"></audio></p>
                        <p>We spend a large
                            <span class="word-bc" @click="saveWord($event, 'portion')">portion</span>
                            of our lives working,so how we spend those years matters.It is
@@ -942,8 +1395,8 @@
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                        <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload"
                            style="margin-left: 10px" class="audio"></audio>
                        <p>portion /ˈpɔːʃn/ <i>n.</i>部分</p>
                        <div class="bkbj">
                            <p><i>one part of sth.larger</i></p>
@@ -1045,38 +1498,42 @@
                        <p><b>Ⅰ.Reading comprehension.</b></p>
                        <p>A.Mark the suggestions given by the author when choosing a career.</p>
                        <p>Deciding on a Career£Income</p>
                        <p>□Education</p>
                        <p>□Experience</p>
                        <p>□Goals</p>
                        <p>□Happiness</p>
                        <p>□Interest</p>
                        <p>□Satisfaction</p>
                        <p>□Skills</p>
                        <p>□Values</p>
                        <p v-for="(item,index) in listenTwo[0].option" :key="index">
                            <input type="checkbox" :value="item" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" :change="saveListenTwo"> 
                            {{item}}
                            <img :src="isShowRight(listenTwo[0].answer,listenTwo[0].value[0].userAnswer,item) ? correctIcon : errorIcon"  v-if="listenTwo[0].isComplete">
                        </p>
                        <p>B.Decide whether the following statements are true (T) or false (F).</p>
                        <p>(　) 1.When we decide on our future career,satisfaction and happiness matter a lot.</p>
                        <p>(　) 2.Positive emotions make us more productive and satisfied in our jobs.</p>
                        <p>(　) 3.Our past experiences have nothing to do with our jobs in the future.</p>
                        <p>(　) 4.There is no need to worry about what career we are going to take.</p>
                        <p>(　) 5.Luxuries will bring enjoyment to us,but that feeling cannot last forever.</p>
                        <p v-for="(item,index) in listenTwo[1].value" :key=" 'dropdown' + index">
                            (
                                <select v-model="item.userAnswer" class="select-border" @change="saveListenTwo">
                                    <option v-for="(citem, cindex) in listenTwo[1].option" :key="cindex"
                                        :value="citem">
                                        {{ citem }}
                                    </option>
                                </select>
                            )
                            {{index + 1}}.{{item.stem}}
                            <img :src="item.isRight ? correctIcon : errorIcon"  v-if="listenTwo[1].isComplete">
                        </p>
                        <p><b>Ⅱ.Language focus.</b></p>
                        <p>A.Replace the words in italics with the exact words in the passage and change the form if
                            necessary.</p>
                        <p>1.Once you find a desired <i>occupation</i>,you’ll notice a change even in your daily
                            life._____________</p>
                        <p>2.Only a small <i>part</i> of the budget is spent on books._____________</p>
                        <p>3.Happiness itself can help to shape job market <i>results</i> and even firm
                            performance._____________</p>
                        <p>4.Those who are <i>excited</i> about numbers can work in the accounting field._____________
                        <p v-for="(item,index) in listenTwo[2].value" :key="'Language' + index">
                            {{index + 1}}.{{item.stem}}
                            <input type="text" :disabled="listenTwo[2].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px"> 
                            <img :src="item.isRight ? correctIcon : errorIcon"  v-if="listenTwo[2].isComplete">
                        </p>
                        <p>5.We need to leave our <i>pleasant</i> zone at work if we want growth
                            opportunities._____________</p>
                        <p>B.Fill in the blanks with the proper form of the expressions given below.</p>
                        <div class="bk-wh">
                            <p>a portion of　fall into place　be passionate about　later on be　comfortable with</p>
                        </div>
                        <p>1.Keep your options open and everything will___________.</p>
                        <p>2.You’d better set a long-term goal that you can___________.</p>
                        <p v-for="(item,index) in listenTwo[3].value.slice(0,2)" :key="'Languages' + index">
                            {{index + 1}}.{{item.stemOne}}
                            <input type="text" :disabled="listenTwo[3].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px"> 
                            <img :src="item.isRight ? correctIcon : errorIcon"  v-if="listenTwo[3].isComplete">
                            {{item.stemTwo}}
                        </p>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -1099,9 +1556,12 @@
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>3.Anyone hired into the company must___________the system.</p>
                        <p>4.You must accept___________the blame for this crisis.</p>
                        <p>5.Many people plan to take one job of any kind and consider a new career path___________.</p>
                        <p v-for="(item,index) in listenTwo[3].value.slice(2,5)" :key="'Languages' + index">
                            {{index + 3}}.{{item.stemOne}}
                            <input type="text" :disabled="listenTwo[3].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px"> 
                            <img :src="item.isRight ? correctIcon : errorIcon"  v-if="listenTwo[3].isComplete">
                            {{item.stemTwo}}
                        </p>
                        <p><b>Ⅲ.Grammar focus:Pronouns (it,one).</b><span class="btn-box"
                                @click="showAnswer('showImgOne')">
                                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
@@ -1124,16 +1584,31 @@
                            <p>2.Having a career that we are passionate about,<i>one</i> that gives our life a sense of
                                purpose,and one that we are comfortable with is important.</p>
                        </div>
                        <p>1.Although finding a new job might not be easy,there are many different methods to
                            find_______effectively.</p>
                        <p>2.As you make a decision about your career,_______is important to reflect on your
                            interest,skills and career goals.</p>
                        <p>3.People will usually set a milestone in their career path,_______that they will work for in
                            the next five or ten years.</p>
                        <p>4.A career aptitude test could be helpful,because_______will give you suggestions based on
                            the test of your personal type.</p>
                        <p>5.We all have to work,and for most of us,if you discount weekends and sleep,_______will take
                            up at least half our available time.</p>
                        <p v-for="(item,index) in listenTwo[4].value" :key="'Languagese' + index">
                            {{index + 1}}.{{item.stemOne}}
                            <input type="text" :disabled="listenTwo[4].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px"> 
                            <img :src="item.isRight ? correctIcon : errorIcon"  v-if="listenTwo[4].isComplete">
                            {{item.stemTwo}}
                        </p>
                        <div class="w100 fl ju-cn">
                            <ul class="fl ju-ev" style="width:80%">
                                <li>
                                <button class="btn-border btn-w" @click="handleListenTwo">
                                    提交
                                </button>
                                </li>
                                <li>
                                <button @click="recastListenTwo" class="btn-border btn-w">
                                    重做
                                </button>
                                </li>
                                <li>
                                <button @click="viewListenTwo" class="parimary-btn">
                                    查看答案
                                </button>
                                </li>
                            </ul>
                        </div>
                        <h3 id="c070"><span class="bjh3">Mini-project</span></h3>
                        <p>Work in groups.Every one of you will take a job in the future.Ask your group members what job
                            he/she is going to choose and why he/she chooses this job.Jot down some notes,and prepare a
@@ -1177,49 +1652,49 @@
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.twentySix"
                                    <textarea v-model="noSubmitTwo[2].value[0].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.twentySeven"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                    <textarea v-model="noSubmitTwo[2].value[1].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea" @input="saveNoSubmitTWo"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.twentyEight"
                                    <textarea v-model="noSubmitTwo[2].value[2].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.twentyNine"
                                    <textarea v-model="noSubmitTwo[2].value[3].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.thirty"
                                    <textarea v-model="noSubmitTwo[2].value[4].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.thirtyOne"
                                    <textarea v-model="noSubmitTwo[2].value[5].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.thirtyTwo"
                                    <textarea v-model="noSubmitTwo[2].value[6].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.thirtyThree"
                                    <textarea v-model="noSubmitTwo[2].value[7].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                        @input="saveNoSubmitTWo"></textarea>
                                </td>
                            </tr>
                        </table>
@@ -1372,17 +1847,66 @@
                        </div>
                        <h2 id="b031"><img class="img-0" alt="" src="../../assets/images/dy8-le3.jpg" /></h2>
                        <h3 id="c071"><span class="bjh3">Listening</span></h3>
                        <p class="center"> <audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <p><b>Ⅰ.Derek is talking about his job interview.Listen to the recording and fill in the blanks
                                with what you hear.</b></p>
                        <p> <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload"
                                style="margin-left: 10px" class="audio"></audio></p>
                        <p>Hi,everyone.I’m Derek Cruise.I landed a job interview the other day.It is a bank
                            1._________that I’ve wanted for a long time.I’m excited you know.The job is quite
                            2._________and I love to play with 3._________.I prepared my 4._________,and bought a
                            suit.My friend reminded me that I should send a follow-up 5._________after the interview.But
                            1.
                            <input type="text" :disabled="listenThree[0].isComplete"
                                v-model="listenThree[0].value[0].userAnswer" class="input-bottom-border input-bc-t"
                                @input="saveListenThree" style="width:80px">
                            <img :src="listenThree[0].value[0].isRight ? correctIcon : errorIcon"
                                v-if="listenThree[0].isComplete">
                            that I’ve wanted for a long time.I’m excited you know.The job is quite
                            2.
                            <input type="text" :disabled="listenThree[0].isComplete"
                                v-model="listenThree[0].value[1].userAnswer" class="input-bottom-border input-bc-t"
                                @input="saveListenThree" style="width:80px">
                            <img :src="listenThree[0].value[1].isRight ? correctIcon : errorIcon"
                                v-if="listenThree[0].isComplete">
                            and I love to play with 3.
                            <input type="text" :disabled="listenThree[0].isComplete"
                                v-model="listenThree[0].value[2].userAnswer" class="input-bottom-border input-bc-t"
                                @input="saveListenThree" style="width:80px">
                            <img :src="listenThree[0].value[2].isRight ? correctIcon : errorIcon"
                                v-if="listenThree[0].isComplete">
                            .I prepared my 4.
                            <input type="text" :disabled="listenThree[0].isComplete"
                                v-model="listenThree[0].value[3].userAnswer" class="input-bottom-border input-bc-t"
                                @input="saveListenThree" style="width:80px">
                            <img :src="listenThree[0].value[3].isRight ? correctIcon : errorIcon"
                                v-if="listenThree[0].isComplete">
                            ,and bought a
                            suit.My friend reminded me that I should send a follow-up 5.
                            <input type="text" :disabled="listenThree[0].isComplete"
                                v-model="listenThree[0].value[4].userAnswer" class="input-bottom-border input-bc-t"
                                @input="saveListenThree" style="width:80px">
                            <img :src="listenThree[0].value[4].isRight ? correctIcon : errorIcon"
                                v-if="listenThree[0].isComplete">
                            after the interview.But
                            I feel worried about writing the letter,for I know little about it.Anyway,I am
                            well-prepared,I guess.Now all I’ve got to do is to take that job.Wish me good luck!</p>
                            well-prepared,I guess.Now all I’ve got to do is to take that job.Wish me good luck!
                        </p>
                        <div class="w100 fl ju-cn">
                            <ul class="fl ju-ev" style="width:80%">
                                <li>
                                    <button class="btn-border btn-w" @click="handleListenThree">
                                        提交
                                    </button>
                                </li>
                                <li>
                                    <button @click="recastListenThree" class="btn-border btn-w">
                                        重做
                                    </button>
                                </li>
                                <li>
                                    <button @click="viewListenThree" class="parimary-btn">
                                        查看答案
                                    </button>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -1405,8 +1929,23 @@
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p><b>Ⅱ.Susan is interviewing the candidate Derek.Listen to the conversation and write down
                                Susan's questions.</b></p>
                        <p>
                            <b>
                                Ⅱ.Susan is interviewing the candidate Derek.Listen to the conversation and write down
                                Susan's questions.
                            </b>
                            <span class="btn-box" @click="showNoSubmitThree(0, 0)">
                                <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>
                        <p > <audio :src="resource.listenThree" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px"
                                class="audio"></audio></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn wh-no">Susan's Questions</td>
@@ -1415,9 +1954,9 @@

                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.thirtyFour"
                                    <textarea v-model="noSubmitThree[0].value[0].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @change="saveNoSubmitThree"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <p class="table-p">Studying Finance in East College</p>
@@ -1428,9 +1967,9 @@
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.thirtyFive"
                                    <textarea v-model="noSubmitThree[0].value[0].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @change="saveNoSubmitThree"></textarea>
                                </td>
                                <td class="tl-lf">
                                    Analyzing financial data with ERP software
@@ -1438,9 +1977,9 @@
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.thirtySix"
                                    <textarea v-model="noSubmitThree[0].value[0].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @change="saveNoSubmitThree"></textarea>
                                </td>
                                <td class="tl-lf">
                                    To put finance theories into practice
@@ -1448,9 +1987,9 @@
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.thirtySeven"
                                    <textarea v-model="noSubmitThree[0].value[0].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        @change="saveNoSubmitThree"></textarea>
                                </td>
                                <td class="tl-cn">
                                    <p class="table-p">A hard-working person</p>
@@ -1459,10 +1998,49 @@
                                </td>
                            </tr>
                        </table>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitThree[0].value[0].isShowAnswer">
                            <span>答案：</span>
                            <span v-for="(item, index) in noSubmitThree[0].value" :key="index" class="mr-20">
                                {{ index + 1 }}.{{ item.answer }}
                            </span>
                        </div>
                        <h3 id="c072"><span class="bjh3">Practical Writing</span></h3>
                        <p>Work with your partner to discuss the following questions.</p>
                        <p>1.How do you follow up after a job interview?</p>
                        <p>2.How do you write follow-up emails after an interview?</p>
                        <p>
                            1.How do you follow up after a job interview?
                            <span class="btn-box" @click="showNoSubmitThree(1, 0)">
                                <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 name="" id="" cols="30" rows="10" v-model="noSubmitThree[1].value[0].userAnswer"
                            class="w100" @input="saveNoSubmitThree"></textarea>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitThree[1].value[0].isShowAnswer">
                            <span>答案：</span>
                            <p v-for="(item, index) in noSubmitThree[1].value[0].answer" :key="index">
                                {{ index + 1 }}) {{ item }}
                            </p>
                        </div>
                        <p>
                            2.How do you write follow-up emails after an interview?
                            <span class="btn-box" @click="showNoSubmitThree(1, 1)">
                                <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 name="" id="" cols="30" rows="10" v-model="noSubmitThree[1].value[1].userAnswer"
                            class="w100" @input="saveNoSubmitThree"></textarea>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitThree[1].value[1].isShowAnswer">
                            <span>答案：{{ noSubmitThree[1].value[1].answer }}</span>
                        </div>
                        <p><b>Ⅰ.Read the following tips,and find out why a follow-up email is needed after an
                                interview.</b></p>
                        <p>A follow-up email is a good way to show your interest in the position and,most important of
@@ -1499,20 +2077,73 @@
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p><b>Ⅱ.Fill in the blanks with the right expressions from the labels to finish the following-up
                                email.</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0161-1.jpg" /></p>
                        <p><b>Ⅲ.Put the following words in right order to make sentences.</b></p>
                        <p>1.thank　for　me　meet　taking　the　time　to　with　yesterday　you</p>
                        <p>_______________________________________________</p>
                        <p>2.I　appreciate　interview　me　the　time　to　took　you</p>
                        <p>_______________________________________________</p>
                        <p>3.I　about　am　excited　joining　of　possibility　the　very　you</p>
                        <p>_______________________________________________</p>
                        <p>4.I　about　enjoyed　position　speaking　the　today　with　you</p>
                        <p>_______________________________________________</p>
                        <p>5.I　am　and　for　forward　from　hearing　in　interested　look　to　very　working　you　you</p>
                        <p>_______________________________________________</p>
                        <p>
                            <b>Ⅱ.Fill in the blanks with the right expressions from the labels to finish the
                                following-up
                                email.
                            </b>
                            <span class="btn-box" @click="showPracticalThree(0)">
                                <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>
                        <div class="finish-box">
                            <p>From: Jack Thompson</p>
                            <p>To: Mr. Jim</p>
                            <p v-for="(item, index) in practicalThree[0].value" :key="index">
                                {{ item.stemOne }}
                                <select class="select-border" v-model="item.userAnswer"
                                    @change="handlePracticalThree(0, index)">
                                    <option v-for="(citem, cindex) in item.option" :key="'change' + cindex"
                                        :value="citem">
                                        {{ citem }}
                                    </option>
                                </select>
                                <img :src="item.isRight ? correctIcon : errorIcon"
                                    v-if="item.isRight == true || item.isRight == false">
                                {{ item.stemTwo }}
                            </p>
                            <p>Sincerely,</p>
                            <p>Jack Thompson</p>
                            <p>Jackthompson@email.com</p>
                            <p>312-465-7981</p>
                        </div>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="practicalThree[0].isShowAnswer">
                            <span>答案：</span>
                            <span v-for="(item, index) in practicalThree[0].value" :key="index" class="mr-20">
                                {{ item.answer }}
                            </span>
                        </div>
                        <p>
                            <b>Ⅲ.Put the following words in right order to make sentences.</b>
                            <span class="btn-box" @click="showPracticalThree(1)">
                                <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>
                        <ul>
                            <li v-for="(item, index) in practicalThree[1].value" :key="index">
                                <p>
                                    {{ index + 1 }}.{{ item.stem }}
                                </p>
                                <input type="text" v-model="item.userAnswer" class="input-bottom-border input-bc-t"
                                    @input="savePracticalThree">
                            </li>
                        </ul>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="practicalThree[1].isShowAnswer">
                            <span>答案：</span>
                            <p v-for="(item, index) in practicalThree[1].value" :key="index" class="mr-20">
                                {{ index + 1 }}.{{ item.answer }}
                            </p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -1538,23 +2169,34 @@
                        <p><b>Ⅳ.After his interview Derek wants to send a follow-up email.Work with your partner and
                                write one for him.</b></p>
                        <div class="fieldset-4">
                            <p class="left">From:</p>
                            <p class="left">To:</p>
                            <p class="left">Subject:</p>
                            <p class="left">
                                From:
                                <input type="text" v-model="practicalThree[2].value[0].userAnswer"
                                    class="input-bottom-border input-bc-t" @input="savePracticalThree">
                            </p>
                            <p class="left">
                                To:
                                <input type="text" v-model="practicalThree[2].value[1].userAnswer"
                                    class="input-bottom-border input-bc-t" @input="savePracticalThree">
                            </p>
                            <p class="left">
                                Subject:
                                <input type="text" v-model="practicalThree[2].value[2].userAnswer"
                                    class="input-bottom-border input-bc-t" @input="savePracticalThree">
                            </p>
                            <p><br /></p>
                            <p class="left">____________________________________________</p>
                            <p class="left">____________________________________________</p>
                            <p class="left">____________________________________________</p>
                            <p class="left">____________________________________________</p>
                            <p class="left">____________________________________________</p>
                            <p class="left">____________________________________________</p>
                            <p class="left">____________________________________________</p>
                            <textarea name="" id="" cols="30" rows="18" v-model="practicalThree[2].value[3].userAnswer"
                                class="w100" @input="savePracticalThree"></textarea>
                            <p class="left">derekcruise@email.com</p>
                            <p class="left">521-764-8809</p>
                        </div>
                        <div class="un-h2">
                            <h2 id="b032">Unit Project</h2>
                        </div>
                        <video :src="resource.videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
                            playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                            x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                            style="margin-top: 40px;"></video>
                        <p>In the following job ads,there are some job vacancies from different companies.Read carefully
                            and make a decision about the one you are going to apply for.First tell your partner the
                            reason why that job interests you.Then work in pairs,role-playing the interviewer and the
@@ -1564,9 +2206,6 @@
                        <p><b>Role 1:Interviewer</b></p>
                        <p>1.Work with your partner and decide what questions you will ask during the
                            interview.2.Complete the worksheet for the interviewer.</p>
                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                        <p class="center"></p>
                        <p><b>Role 2:Interviewee</b></p>
                        <p>1.Make a list of the information which might be useful in the interview.2.Finish the
                            follow-up email after the interview.</p>
@@ -1593,52 +2232,58 @@
                <div class="padding-93">
                    <div class="bodystyle">
                        <p class="center"><b>Worksheet for the Interviewer</b></p>
                        <table border="1" cellpadding="4" cellspacing="0"  class="fz-14 fieldset-5">
                        <table border="1" cellpadding="4" cellspacing="0" class="fz-14 fieldset-5 w100">
                            <tr class="table-tr-bc">
                                <td class="tl-cn ">
                                    <p class="table-p">Name: <input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 35em"
                                        v-model="testData.in.one" @change="setTestData" /></p>
                                    <p class="table-p">Phone: <input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 34.8em"
                                        v-model="testData.in.one" @change="setTestData" /></p>
                                    <p class="table-p">Email: <input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 35em"
                                        v-model="testData.in.one" @change="setTestData" /></p>
                                    <p class="table-p">
                                        Name:
                                        <input type="text" v-model="practicalThree[3].value[0].userAnswer"
                                            class="input-bottom-border input-bc-t" @input="savePracticalThree">
                                    </p>
                                    <p class="table-p">
                                        Phone:
                                        <input type="text" v-model="practicalThree[3].value[1].userAnswer"
                                            class="input-bottom-border input-bc-t" @input="savePracticalThree">
                                    </p>
                                    <p class="table-p">
                                        Email:
                                        <input type="text" v-model="practicalThree[3].value[2].userAnswer"
                                            class="input-bottom-border input-bc-t" @input="savePracticalThree">
                                    </p>
                                </td>
                            </tr>

                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <p class="table-p">Work experience</p>
                                    <textarea v-model="questionData.table.thirtyEight"
                                    <textarea v-model="practicalThree[3].value[3].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                        @input="savePracticalThree"></textarea>
                                </td>
                  
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <p class="table-p">Education</p>
                                    <textarea v-model="questionData.table.thirtyNine"
                                    <textarea v-model="practicalThree[3].value[4].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                        @input="savePracticalThree"></textarea>
                                </td>
        
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <p class="table-p">Skills</p>
                                    <textarea v-model="questionData.table.forty"
                                    <textarea v-model="practicalThree[3].value[5].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                        @input="savePracticalThree"></textarea>
                                </td>
  
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <p class="table-p">Other related information</p>
                                    <textarea v-model="questionData.table.fortyOne"
                                    <textarea v-model="practicalThree[3].value[6].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
@@ -1646,15 +2291,24 @@
                        </table>
                        <p class="center"><b>Follow-up Email for the Interviewee</b></p>
                        <div class="fieldset-4">
                            <p class="left">From:</p>
                            <p class="left">To:</p>
                            <p class="left">Subject:</p>
                            <p class="left">
                                From:
                                <input type="text" v-model="practicalThree[4].value[0].userAnswer"
                                    class="input-bottom-border input-bc-t" @input="savePracticalThree">
                            </p>
                            <p class="left">
                                To:
                                <input type="text" v-model="practicalThree[4].value[1].userAnswer"
                                    class="input-bottom-border input-bc-t" @input="savePracticalThree">
                            </p>
                            <p class="left">
                                Subject:
                                <input type="text" v-model="practicalThree[4].value[2].userAnswer"
                                    class="input-bottom-border input-bc-t" @input="savePracticalThree">
                            </p>
                            <p><br /></p>
                            <p class="left">____________________________________________</p>
                            <p class="left">____________________________________________</p>
                            <p class="left">____________________________________________</p>
                            <p class="left">____________________________________________</p>
                            <p class="left">____________________________________________</p>
                            <textarea name="" id="" cols="30" rows="18" v-model="practicalThree[4].value[3].userAnswer"
                                class="w100" @input="savePracticalThree"></textarea>
                        </div>
                    </div>
                </div>
@@ -1856,16 +2510,314 @@
    },
    data() {
        return {
            imgThirteen: require("../../assets/images/grammar8-1.png"),
            imgThirteenOne: require("../../assets/images/grammar8-2.png"),
            warmUp: [
                {
                    type: "fills",
                    isShowAnswer: false,
                    value: [
                        {
                            answer: 'fitness coach',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            answer: 'courier',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            answer: 'flight attendant',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            answer: 'sales representative',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            answer: 'cyberathlete',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            answer: 'machinist',
                            userAnswer: '',
                            isRight: null
                        },
                    ]
                },
            ],
            questionDataOne: [
                {
                    type: "fills",
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            stem: "What job did the author take?",
                            answer: "Pulling out weeds",
                            userAnswer: "",
                        },
                        {
                            stem: "How did he describe his job?",
                            answer: "Tedious",
                            userAnswer: "",
                        },
                        {
                            stem: "What can be a proper title for this passage?",
                            answer: "My first job",
                            userAnswer: "",
                        },
                    ]
                },
                {
                    type: "fills",
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            userAnswer: "",
                        },
                        {
                            userAnswer: "",
                        },
                        {
                            userAnswer: "",
                        },
                        {
                            userAnswer: "",
                        },
                        {
                            userAnswer: "",
                        },
                        {
                            userAnswer: "",
                        },
                    ]
                },
                {
                    type: "fills",
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            answer: "I wanted to buy a new speed cube, but I did not have any money, and my parents would not give me the money.",
                            userAnswer: "",
                        },
                        {
                            answer: "The experience is burned in one's memory, it gives you the practice needed to fulfill other positions, and it teaches you about the value of money.",
                            userAnswer: "",
                        },
                        {
                            answer: "The experience hardened my spirits and resolve and supplied me with the value of money.",
                            userAnswer: "",
                        },
                        {
                            answer: "I went to Mrs. Hudson, and asked her for the work to tend her garden.",
                            userAnswer: "",
                        },
                        {
                            answer: "My first job was to pull out weeds.",
                            userAnswer: "",
                        },
                    ]
                },
                {
                    type: "fill",
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            answer: "couple",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer: "elderly",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer: "neighborhood",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer: "tedious",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer: "value",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer: "sweat",
                            userAnswer: "",
                            isRight: null,
                        },
                    ]
                },
                {
                    type: "fills",
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            stem: "out of nowher",
                            answer: "Success never comes out of nowhere.",
                            userAnswer: "",

                        },
                        {
                            stem: "as to",
                            answer: "We might have questions as to where we could get a job.",
                            userAnswer: "",
                        },
                        {
                            stem: "build up",
                            answer: "Salesperson should build up a good relationship with the customers.",
                            userAnswer: "",
                        },
                        {
                            stem: "at least",
                            answer: "Full-time employees usually work at least 5 days a week.",
                            userAnswer: "",
                        },
                        {
                            stem: "take away",
                            answer: "When a project wraps up, you are sure to take away some experience and new knowledge.",
                            userAnswer: "",
                        }
                    ]
                },
                {
                    type: "fills",
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            stem: "Wang Jinxi,the “Iron Man”,successfully fulfilled his job under incredible difficulties.",
                            answer: "“铁人”王进喜在极端困难的条件下成功地完成了他的工作。",
                            userAnswer: "",

                        },
                        {
                            stem: "Zhang Guimei,a teacher,spent all her money purchasing things needed for the girls in her school.",
                            answer: "张桂梅老师把她所有的钱都花在为学校的女孩子购买所需的物品上了。",
                            userAnswer: "",
                        },
                        {
                            stem: "Wu Dajing impressed the whole nation when fighting to supply his teammates with a better position in the lane.",
                            answer: "武大靖在赛场上奋力为队友争得有利位置的事迹，让全国人民都为之感动。",
                            userAnswer: "",
                        },
                        {
                            stem: "Wang Yaping with resolve won her family’s support to be the first woman in China’s new space station.",
                            answer: "王亚萍的坚持为她赢得了家人的支持，让她成为中国新空间站的第一位女航天员。",
                            userAnswer: "",
                        },
                    ]
                },
                {
                    type: "fill",
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            answer: "past",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer: "past",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer: "present",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer: " past",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer: "present",
                            userAnswer: "",
                            isRight: null,
                        },
                    ]
                },
                {
                    type: "fill",
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            answer: "gave",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer: "spent",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer: "have",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer: "go",
                            userAnswer: "",
                            isRight: null,
                        },
                        {

                            answer: "begin",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer: "said",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer: "got",
                            userAnswer: "",
                            isRight: null,
                        },
                        {
                            answer: "thought",
                            userAnswer: "",
                            isRight: null,
                        },
                        {

                            answer: "choose",
                            userAnswer: "",
                            isRight: null,
                        },
                    ]
                },
            ],
            showAnswerOne: false,
            showAnswerTwo: false,
            showAnswerThree: false,
            showAnswerFour: false,
            showAnswerFive: false,
            imgThirteen: require("../../assets/images/grammar8-1.png"),
            imgThirteenOne: require("../../assets/images/grammar8-2.png"),
            correctIcon: require('@/assets/images/correct.svg'),
            errorIcon: require('@/assets/images/error.svg'),
            showImg: false,
            showImgOne: false,
            showQuestionAnswer: false,
            rawData: {
                left: [
                    {
@@ -1985,42 +2937,17 @@
                answerImg: require("../../assets/images/matching-one.png"),
            },
            questionData: {
                warnUp: {
                    one: {
                        value: "",
                        isRight: null,
                        answer: "Chinese knot",
                    },
                    two: {
                        value: "",
                        isRight: null,
                        answer: "Chinese medicine",
                    },
                    three: {
                        value: "",
                        isRight: null,
                        answer: "Chinese calligraphy",
                    },
                    four: {
                        value: "",
                        isRight: null,
                        answer: "Taichi",
                    },
                    five: {
                        value: "",
                        isRight: null,
                        answer: "sweet dumpling",
                    },
                    six: {
                        value: "",
                        isRight: null,
                        answer: "Chinese chess",
                    },
                    seven: "",
                },
                reading: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                },
                table: {
                    one: "",
@@ -2118,17 +3045,14 @@
            },
            resource: {
                listenOne: "",
                listenTwo: "",
                listenThree: "",
                readingOne: "",
                readingTwo: "",
                readingThree: "",
                readingFour: "",
                videoPathOne: ''
            },
            dropDownList: [
                "online shopping",
                "facial recognition",
                "electronic payment",
                "intercity train",
                "shared bike",
                "take-away service",
            ],
            dropdownData: {
                one: {
                    value: "",
@@ -2161,100 +3085,753 @@
                    answer: "facial recognition",
                },
            },

            listenThree: [
                {
                    type: "fill",
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            answer: 'clerk',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            answer: 'challenging',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            answer: 'numbers',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            answer: 'resume',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            answer: 'letter',
                            userAnswer: '',
                            isRight: null
                        },
                    ]
                }
            ],
            noSubmitThree: [
                {
                    type: 'table',
                    value: [
                        {
                            answer: 'Could you tell me a little bit about yourself?',
                            userAnswer: '',
                            isShowAnswer: false,
                        },
                        {
                            answer: 'Can you tell me about that job in detail?',
                            userAnswer: ''
                        },
                        {
                            answer: 'Why are you applying for this job then?',
                            userAnswer: ''
                        },
                        {
                            answer: 'What are your strengths?',
                            userAnswer: ''
                        },
                    ]
                },
                {
                    type: 'shortAnswer',
                    value: [
                        {
                            answer: [
                                'Ask for next steps and contact information',
                                'Assess your interview performance',
                                'Write down anything you want to remember',
                                'Send a thank you note to the hiring manager',
                                'Reference a current industry event in the news or literature',
                                'Connect on social media business networking sites',
                                'Send any supporting documents',
                                'Contact your references',
                                'Get comfortable with waiting'
                            ],
                            userAnswer: '',
                            isShowAnswer: false
                        },
                        {
                            answer: 'A follow-up email is a good way to show your interest in the position and, most important of all, your good manners. ',
                            userAnswer: '',
                            isShowAnswer: false
                        },
                    ]
                }
            ],
            practicalThree: [
                {
                    type: "dropdown",
                    isShowAnswer: false,
                    isComplete: false,
                    value: [
                        {
                            stemOne: 'Subject: 1.',
                            stemTwo: '',
                            answer: '1. Thanks for meeting with me',
                            userAnswer: '',
                            option: [
                                '1. Thanks for meeting with me',
                                '2. I wish I could get the job'
                            ]
                        },
                        {
                            stemOne: '2.',
                            stemTwo: 'Mr. Jin,',
                            answer: '2. Dear',
                            userAnswer: '',
                            option: [
                                '1. Hello',
                                '2. Dear'
                            ]
                        },
                        {
                            stemOne: '3.',
                            stemTwo: 'the talk earlier today. Our conversation about the Marketing Manager position was inspiring,and it was fantastic to learn more about the position.',
                            answer: '2. We had great fun in',
                            userAnswer: '',
                            option: [
                                '1. Thanks so much for',
                                '2. We had great fun in'
                            ]
                        },
                        {
                            stemOne: "The job sounds exciting, and I think I would be an ideal candidate thanks to 4.",
                            stemTwo: 'in the field.',
                            answer: '1. my years of experience',
                            userAnswer: '',
                            option: [
                                '1. my years of experience',
                                "2. my friends' help"
                            ]
                        },
                        {
                            stemOne: '5.',
                            stemTwo: '.Thanks again for the opportunity.',
                            answer: '1. Please contact me if you want to discuss further',
                            userAnswer: '',
                            option: [
                                '1. Please contact me if you want to discuss further',
                                "2. I have great confidence that I will get the job"
                            ]
                        },
                    ]
                },
                {
                    type: 'fill',
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            stem: 'thank　for　me　meet　taking　the　time　to　with　yesterday　you',
                            answer: 'Thank you for taking the time to meet with me yesterday.',
                            userAnswer: '',
                        },
                        {
                            stem: 'I　appreciate　interview　me　the　time　to　took　you',
                            answer: 'I appreciate the time you took to interview me.',
                            userAnswer: '',
                        },
                        {
                            stem: 'I　about　am　excited　joining　of　possibility　the　very　you',
                            answer: 'I am very excited about the possibility of joining you.',
                            userAnswer: '',
                        },
                        {
                            stem: 'I　about　enjoyed　position　speaking　the　today　with　you',
                            answer: 'I enjoyed speaking with you today about the position.',
                            userAnswer: '',
                        },
                        {
                            stem: 'I　am　and　for　forward　from　hearing　in　interested　look　to　very　working　you　you',
                            answer: 'I am very interested in working for you and look forward to hearing from you.',
                            userAnswer: '',
                        },
                    ]
                },
                {
                    type: 'emial',
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            userAnswer: ''
                        },
                        {
                            userAnswer: ''
                        },
                        {
                            userAnswer: ''
                        },
                        {
                            userAnswer: ''
                        },
                    ]
                },
                {
                    type: 'table',
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            userAnswer: ''
                        },
                        {
                            userAnswer: ''
                        },
                        {
                            userAnswer: ''
                        },
                        {
                            userAnswer: ''
                        },
                        {
                            userAnswer: ''
                        },
                        {
                            userAnswer: ''
                        },
                        {
                            userAnswer: ''
                        },
                    ]
                },
                {
                    type: 'emial',
                    isComplete: false,
                    isShowAnswer: false,
                    value: [
                        {
                            userAnswer: ''
                        },
                        {
                            userAnswer: ''
                        },
                        {
                            userAnswer: ''
                        },
                        {
                            userAnswer: ''
                        },
                    ]
                },
            ],
            noSubmitTwo:[
                {
                    type:'table',
                    value:[
                        {
                            userAnswer:'',
                        },
                        {
                            userAnswer:'',
                        },
                        {
                            userAnswer:'',
                        },
                        {
                            userAnswer:'',
                        },
                        {
                            userAnswer:'',
                        },
                        {
                            userAnswer:'',
                        },
                        {
                            userAnswer:'',
                        },
                        {
                            userAnswer:'',
                        },
                        {
                            userAnswer:'',
                        },
                        {
                            userAnswer:'',
                        },
                        {
                            userAnswer:'',
                        },
                        {
                            userAnswer:'',
                        },
                        {
                            userAnswer:'',
                        },
                        {
                            userAnswer:'',
                        },
                        {
                            userAnswer:'',
                        },
                        {
                            userAnswer:'',
                        },
                        {
                            userAnswer:'',
                        },
                        {
                            userAnswer:'',
                        },
                        {
                            userAnswer:'',
                        },
                        {
                            userAnswer:'',
                        },
                        {
                            userAnswer:'',
                        },
                    ]
                },
                {
                    type:'shortAnswer',
                    value:[
                        {
                            stem:'.Working hard is only the first part of success.Making good choices is the second part.It truly takes both to achieve success at whatever you do.What’s your interpretation of the sentence?',
                            answer:[
                                'In order to be happy, you need to love what you are doing in life. Choosing a career, here, plays an important role in determining the level of your achievements. If you land down with a career that does not suit your qualification and potential, then you will only be wasting your time and energy into something which is neither good for your career nor your life. Selecting a wrong career will hold you in an inappropriate situation which will not only affect your professional life but will have an adverse impact on your personal life too.'
                            ],
                            userAnswer:'',
                            isShowAnswer:false
                        },
                        {
                            stem:'What’s your suggestion for making the “right” career choice?',
                            answer:[
                                '1) Be aware of how other factors influence you',
                                '2) Never forget your strengths',
                                '3) Volunteer in your possible professions',
                                '4) Consider how you want your career to support you financially ',
                                '5) Take your time — don’t feel like you have to rush the process',
                                '6) Be patient with yourself, and keep in mind this is a challenging task',
                                '7) Reflect on what subjects in high school you enjoyed',
                                '8) Think about your dreams in life but try to understand why'
                            ],
                            userAnswer:'',
                            isShowAnswer:false
                        },
                    ]
                },
                {
                    type:'table',
                    value:[
                        {
                            userAnswer:''
                        },
                        {
                            userAnswer:''
                        },
                        {
                            userAnswer:''
                        },
                        {
                            userAnswer:''
                        },
                        {
                            userAnswer:''
                        },
                        {
                            userAnswer:''
                        },
                        {
                            userAnswer:''
                        },
                        {
                            userAnswer:''
                        },
                    ]
                }
            ],
            dropTwo:[
                {
                    type:'dropdown',
                    isShowAnswer:false,
                    option:[
                        'identify passion','go to school'
                    ],
                    value:[
                        {
                            answer:'identify passion',
                            userAnswer:''
                        },
                        {
                            answer:'go to school',
                            userAnswer:''
                        },
                    ]
                },
                {
                    type:'dropdown',
                    isComplete:false,
                    option:[
                        'change your mind',
                        'get another job',
                        'focus on one'
                    ],
                    value:[
                        {
                            answer:'focus on one',
                            userAnswer:''
                        },
                        {
                            answer:'change your mind',
                            userAnswer:''
                        },
                        {
                            answer:'get another job',
                            userAnswer:''
                        },
                    ]
                }
            ],
            listenTwo:[
                {
                    type:'checkbox',
                    isComplete:false,
                    isShowAnswer:false,
                    answer:['Experience','Happiness','Income','Satisfaction'],
                    option:[
                        'Education','Experience','Goals','Happiness','Interest','Satisfaction','Skills','Values'
                    ],
                    value:[
                        {
                            userAnswer:[]
                        }
                    ]
                },
                {
                    type:"dropdown",
                    isComplete:false,
                    isShowAnswer:false,
                    option:['T','F'],
                    value:[
                        {
                            stem:'When we decide on our future career,satisfaction and happiness matter a lot.',
                            answer:'T',
                            userAnswer:'',
                            isRight:null,
                        },
                        {
                            stem:'Positive emotions make us more productive and satisfied in our jobs.',
                            answer:'T',
                            userAnswer:'',
                            isRight:null,
                        },
                        {
                            stem:'Our past experiences have nothing to do with our jobs in the future.',
                            answer:'F',
                            userAnswer:'',
                            isRight:null,
                        },
                        {
                            stem:'Our past experiences have nothing to do with our jobs in the future.',
                            answer:'F',
                            userAnswer:'',
                            isRight:null,
                        },
                        {
                            stem:'Luxuries will bring enjoyment to us,but that feeling cannot last forever.',
                            answer:'T',
                            userAnswer:'',
                            isRight:null,
                        },
                    ]
                },
                {
                    type:'fill',
                    isComplete:false,
                    isShowAnswer:false,
                    value:[
                        {
                            stem:'Once you find a desired occupation,you’ll notice a change even in your daily life.',
                            answer:'career',
                            userAnswer:'',
                            isRight:null,
                        },
                        {
                            stem:'Only a small part of the budget is spent on books.',
                            answer:'beneficial',
                            userAnswer:'',
                            isRight:null,
                        },
                        {
                            stem:'Happiness itself can help to shape job market results and even firm performance.',
                            answer:'outcomes',
                            userAnswer:'',
                            isRight:null,
                        },
                        {
                            stem:'Those who are excited about numbers can work in the accounting field.',
                            answer:'passionate',
                            userAnswer:'',
                            isRight:null,
                        },
                        {
                            stem:'We need to leave our pleasant zone at work if we want growth opportunities.',
                            answer:'comfortable',
                            userAnswer:'',
                            isRight:null,
                        },
                    ]
                },
                {
                    type:'fill',
                    isComplete:false,
                    isShowAnswer:false,
                    value:[
                        {
                            
                            stemOne:'Keep your options open and everything will',
                            stemTwo:'.',
                            answer:'fall into place',
                            userAnswer:'',
                            isRight:null
                        },
                        {
                            
                            stemOne:'You’d better set a long-term goal that you can',
                            stemTwo:'.',
                            answer:'be passionate about',
                            userAnswer:'',
                            isRight:null
                        },
                        {
                            
                            stemOne:'Anyone hired into the company must',
                            stemTwo:'the system.',
                            answer:'be comfortable with',
                            userAnswer:'',
                            isRight:null
                        },
                        {
                            
                            stemOne:'You must accept',
                            stemTwo:'the blame for this crisis.',
                            answer:'a portion of',
                            userAnswer:'',
                            isRight:null
                        },
                        {
                            
                            stemOne:'the blame for this crisis.',
                            stemTwo:'.',
                            answer:'later on',
                            userAnswer:'',
                            isRight:null
                        },
                    ]
                },
                {
                    type:'fill',
                    isComplete:false,
                    isShowAnswer:false,
                    value:[
                        {
                            
                            stemOne:'Although finding a new job might not be easy,there are many different methods to find',
                            stemTwo:'effectively.',
                            answer:'one',
                            userAnswer:'',
                            isRight:null
                        },
                        {
                            
                            stemOne:'As you make a decision about your career,',
                            stemTwo:'is important to reflect on your interest,skills and career goals.',
                            answer:'it',
                            userAnswer:'',
                            isRight:null
                        },
                        {
                            
                            stemOne:'People will usually set a milestone in their career path,',
                            stemTwo:'that they will work for in the next five or ten years.',
                            answer:'one',
                            userAnswer:'',
                            isRight:null
                        },
                        {
                            
                            stemOne:'A career aptitude test could be helpful,because',
                            stemTwo:'will give you suggestions based on the test of your personal type.',
                            answer:'it',
                            userAnswer:'',
                            isRight:null
                        },
                        {
                            
                            stemOne:'We all have to work,and for most of us,if you discount weekends and sleep,',
                            stemTwo:'will take up at least half our available time.',
                            answer:'it',
                            userAnswer:'',
                            isRight:null
                        },
                    ]
                },
            ]
        };
    },
    mounted() {
        const testData = localStorage.getItem("english-testOne");
        if (testData) {
            this.testData = JSON.parse(testData);
        const warmUp = localStorage.getItem("english-chapter-8-warmUp");
        if (warmUp) {
            this.warmUp = JSON.parse(warmUp);
        }
        const bookQuestion = localStorage.getItem("english-book-question-one");
        const bookQuestion = localStorage.getItem("english-book-chapter08-question-one");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
        }
        const dropdownData = localStorage.getItem("english-dropdown-one");
        if (dropdownData) {
            this.dropdownData = JSON.parse(dropdownData);
        const questionDataOne = localStorage.getItem("english-chapter-08-questionDataOne");
        if (questionDataOne) {
            this.questionDataOne = JSON.parse(questionDataOne);
        }
        this.getPath();
         const listenThree = localStorage.getItem('english-chapter08-listenThree')
         if(listenThree) this.listenThree = JSON.parse(listenThree)
         const noSubmitThree =  localStorage.getItem('english-chapter08-noSubmitThree')
        if(noSubmitThree) this.noSubmitThree = JSON.parse(noSubmitThree)
        const practicalThree =  localStorage.getItem('english-chapter08-practicalThree')
        if(practicalThree) this.practicalThree = JSON.parse(practicalThree)
        const noSubmitTwo =  localStorage.getItem('english-chapter08-noSubmitTwo')
        if(noSubmitTwo) this.noSubmitTwo = JSON.parse(noSubmitTwo)
        const dropTwo =  localStorage.getItem('english-chapter08-dropTwo')
        if(dropTwo) this.dropTwo = JSON.parse(dropTwo)
        const listenTwo =  localStorage.getItem('english-chapter08-listenTwo')
        if(listenTwo) this.listenTwo = JSON.parse(listenTwo)
    },
    methods: {
        handleWarmUp(type) {
            if (this.warmUp[0].value[type].userAnswer.trim()) {
                this.warmUp[0].value[type].isRight = this.warmUp[0].value[type].userAnswer.trim() == this.warmUp[0].value[type].answer
            } else {
                this.warmUp[0].value[type].isRight = null
            }
            this.setWarmUp();
        },
        setWarmUp() {
            localStorage.setItem("english-chapter-8-warmUp", JSON.stringify(this.warmUp));
        },
        setBookQuestion() {
            localStorage.setItem(
                "english-book-chapter08-question-one",
                JSON.stringify(this.questionData)
            );
        },
        handleQuestionDataOne() {
            for (let index = 0; index < this.questionDataOne.length; index++) {
                const item = this.questionDataOne[index];
                item.isComplete = true;
                item.isShowAnswer = true;
                if (item.type == "fill") {
                    for (let cindex = 0; cindex < item.value.length; cindex++) {
                        const citem = item.value[cindex];
                        citem.isRight = citem.answer == citem.userAnswer;
                    }
                }
            }
        },
        setQuestionDataOne() {
            localStorage.setItem(
                "english-chapter-08-questionDataOne",
                JSON.stringify(this.questionDataOne)
            );
        },
        recastQuestionDataOne() {
            localStorage.removeItem("english-chapter-08-questionDataOne");
            for (let index = 0; index < this.questionDataOne.length; index++) {
                const item = this.questionDataOne[index];
                item.isComplete = false;
                item.isShowAnswer = false;
                if (item.type == "fill") {
                    for (let cindex = 0; cindex < item.value.length; cindex++) {
                        const citem = item.value[cindex];
                        citem.isRight = null;
                        citem.userAnswer = "";
                    }
                } else {
                    for (let dindex = 0; dindex < item.value.length; dindex++) {
                        const ditem = item.value[dindex];
                        ditem.userAnswer = "";
                    }
                }
            }
        },
        viewQuestionDataOne() {
            for (let index = 0; index < this.questionDataOne.length; index++) {
                const item = this.questionDataOne[index];
                item.isShowAnswer = !item.isShowAnswer
            }
        },
        arrayToString(data) {
            if (Array.isArray(data)) {
                return data.toString()
            } else {
                return data
            }
        },
        isTextRight(answer, data, num) {
            let flag = null;
            if (data) {
                flag = answer[num] == data
            } else {
                flag = false
            }
            return flag;
        },
        isShowRight(answer, userAnswer, data) {
            let flag = null;
            if (userAnswer.indexOf(data) > -1) {
                flag = answer.indexOf(data) > -1 ? true : false;
            } else {
                flag = false
            }
            return flag;
        },
        saveWord(event, word) {
            this.$emit("saveCharacters", event, word);
        },
        setTestData() {
            localStorage.setItem("english-testOne", JSON.stringify(this.testData));
        },
        changeTestData() {
            localStorage.removeItem("english-testOne");
            this.testData = {
                check: {
                    isRight: null,
                    answer: ["Culture", "Cuisine", "Landscapes"],
                    value: []
                },
                tx: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                in: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    isRight: null,
                    answer: ['uisine', 'andscapes', 'ivilization', 'xplore', 'nique']
                },
                line: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                ts: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                },
                gr: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                cm: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
            };
        },
        setBookQuestion() {
            console.log("保存");
            localStorage.setItem(
                "english-book-question-one",
                JSON.stringify(this.questionData)
            );
        },
        async getPath() {
            this.resource.listenOne = await getResourcePath(
                "422139A2EF66EA888C5ED1D550AE23E0"
                "0D60202A6F614D6B23AF7C48AFC39AB6"
            );
            this.resource.readingOne = await getResourcePath(
                "3F442B682D84C8AB06C800B29D734920"
                "8C19582CDE35B48FDA735B7E0C206F77"
            );
            this.resource.readingTwo = await getResourcePath(
                "E8719EC88026BCFB11D292AA999F6D3D"
                "946A5702CC80B0DB657CCFD66DEE1515"
            );
            this.resource.readingThree = await getResourcePath(
                "ADAFFAB7BC7A868574889809AB1166A6"
            );
            this.resource.readingFour = await getResourcePath(
                "966C8CEB3448A41D92BDF9B494F02B88"
            );
            this.resource.listenTwo = await getResourcePath(
                "76546423FCFAB4B861BC8B94C97D24A2"
            );
            this.resource.listenThree = await getResourcePath(
                "717A3B915B114D7DC5CA9D3AAA1FC3ED"
            );
            this.resource.listenTwo = await getResourcePath(
                "ADAFFAB7BC7A868574889809AB1166A6"
            );
            this.resource.videoPathOne = await getResourcePath(
                "29A9C275EEF0BF71C52BE68D8842C0E4"
            );

        },
        showAnswer(type) {
            if (type == "showImg") {
@@ -2264,95 +3841,107 @@
            }
            setTimeout(() => { this.$emit("initViewer", "") }, 500)
        },
        handleQuestion(type) {
            if (type == "one") {
                this.questionData.warnUp.one.value
                    ? (this.questionData.warnUp.one.isRight =
                        this.questionData.warnUp.one.value == "Chinese knot")
                    : (this.questionData.warnUp.one.isRight = null);
            } else if (type == "two") {
                this.questionData.warnUp.two.value
                    ? (this.questionData.warnUp.two.isRight =
                        this.questionData.warnUp.two.value == "Chinese medicine")
                    : (this.questionData.warnUp.two.isRight = null);
            } else if (type == "three") {
                this.questionData.warnUp.three.value
                    ? (this.questionData.warnUp.three.isRight =
                        this.questionData.warnUp.three.value == "Chinese calligraphy")
                    : (this.questionData.warnUp.three.isRight = null);
            } else if (type == "four") {
                this.questionData.warnUp.four.value
                    ? (this.questionData.warnUp.four.isRight =
                        this.questionData.warnUp.four.value == "Taichi")
                    : (this.questionData.warnUp.four.isRight = null);
            } else if (type == "five") {
                this.questionData.warnUp.five.value
                    ? (this.questionData.warnUp.five.isRight =
                        this.questionData.warnUp.five.value == "sweet dumpling")
                    : (this.questionData.warnUp.five.isRight = null);
            } else if (type == "six") {
                this.questionData.warnUp.six.value
                    ? (this.questionData.warnUp.six.isRight =
                        this.questionData.warnUp.six.value == "Chinese chess")
                    : (this.questionData.warnUp.six.isRight = null);
            }
        saveListenThree() {
            localStorage.setItem('english-chapter08-listenThree', JSON.stringify(this.listenThree))
        },
        handleDropdown(type) {
            const dropdownDatas = this.dropdownData;
            for (let key in dropdownDatas) {
                const item = dropdownDatas[key];
                if (type == "judge") {
                    item.value == item.answer
                        ? (item.isRight = true)
                        : (item.isRight = false);
                    console.log(item.value, item.answer);
        handleListenThree() {
            for (let index = 0; index < this.listenThree.length; index++) {
                const item = this.listenThree[index];
                item.isComplete = true
                item.isShowAnswer = true
                for (let cindex = 0; cindex < item.value.length; cindex++) {
                    const citem = item.value[cindex];
                    citem.isRight = citem.userAnswer == citem.answer
                }
            }
            this.dropdownData = dropdownDatas;
            this.saveListenThree()
        },
        changeDropdown() {
            localStorage.removeItem("english-dropdown-one");
            for (let key in this.dropdownData) {
                const item = this.dropdownData[key];
                item.value = "";
                item.isRight = null;
        recastListenThree() {
            for (let index = 0; index < this.listenThree.length; index++) {
                const item = this.listenThree[index];
                item.isComplete = false
                item.isShowAnswer = false
                for (let cindex = 0; cindex < item.value.length; cindex++) {
                    const citem = item.value[cindex];
                    citem.isRight = null
                    citem.userAnswer = ''
                }
            }
            localStorage.removeItem('english-chapter08-listenThree')
        },
        viewListenThree() {
            for (let index = 0; index < this.listenThree.length; index++) {
                const item = this.listenThree[index];
                item.isShowAnswer = !item.isShowAnswer
            }
        },
        setDropdownData() {
            localStorage.setItem(
                "english-dropdown-one",
                JSON.stringify(this.dropdownData)
            );
        saveNoSubmitThree() {
            localStorage.setItem('english-chapter08-noSubmitThree', JSON.stringify(this.noSubmitThree))
        },
        saveData() {
            const item = this.testData['check']
            const sortedArr1 = item.answer.slice().sort();
            const sortedArr2 = item.value.slice().sort();
            const isRight = sortedArr1.every(
                (value, index) => value === sortedArr2[index]
            );
            const inData = this.testData['in']
            let inString = []
            for (let key in inData) {
                const citem = inData[key];
                if (key != 'answer' && key !== 'isRight') {
                    console.log(key);
                    inString.push(citem)
        showNoSubmitThree(index, num) {
            this.$set(this.noSubmitThree[index].value[num], 'isShowAnswer', !this.noSubmitThree[index].value[num].isShowAnswer)
        },
        savePracticalThree() {
            localStorage.setItem('english-chapter08-practicalThree', JSON.stringify(this.practicalThree))
        },
        handlePracticalThree(index, num) {
            this.$set(this.practicalThree[index].value[num], 'isRight', this.practicalThree[index].value[num].userAnswer == this.practicalThree[index].value[num].answer)
            this.savePracticalThree()
        },
        showPracticalThree(index) {
            this.$set(this.practicalThree[index],'isShowAnswer',!this.practicalThree[index].isShowAnswer)
        },
        saveNoSubmitTWo() {
            localStorage.setItem('english-chapter08-noSubmitTwo',JSON.stringify(this.noSubmitTwo))
        },
        showNoSubmitTWo(index,num) {
            this.$set(this.noSubmitTwo[index].value[num],'isShowAnswer',!this.noSubmitTwo[index].value[num].isShowAnswer)
        },
        saveDropTwo() {
            localStorage.setItem('english-chapter08-dropTwo',JSON.stringify(this.dropTwo))
        },
        handleDropTwo(index,num) {
            this.$set(this.dropTwo[index].value[num],'isRight',this.dropTwo[index].value[num].userAnswer == this.dropTwo[index].value[num].answer)
            this.saveDropTwo()
        },
        saveListenTwo() {
            localStorage.setItem('english-chapter08-listenTwo',JSON.stringify(this.listenTwo))
        },
        handleListenTwo() {
            for (let index = 0; index < this.listenTwo.length; index++) {
                const item = this.listenTwo[index];
                item.isComplete = true
                item.isShowAnswer = true
                if(item.type !== 'checkbox') {
                    for (let cindex = 0; cindex < item.value.length; cindex++) {
                        const citem = item.value[cindex];
                        citem.isRight = citem.userAnswer == citem.answer
                }


            }
            const inRight = inData.answer == inString
            console.log('in', inData.answer, inString);
            this.$set(this.testData['in'], 'isRight', inRight)
            this.$set(this.testData['check'], 'isRight', isRight)
            this.setTestData()
            console.log(this.testData);

            }
            this.saveListenTwo()
        },
        audioPlay() {
            this.$emit("closeMiniAudio");
        recastListenTwo() {
            for (let index = 0; index < this.listenTwo.length; index++) {
                const item = this.listenTwo[index];
                item.isComplete = false
                item.isShowAnswer = false
                if(item.type !== 'checkbox') {
                    for (let cindex = 0; cindex < item.value.length; cindex++) {
                        const citem = item.value[cindex];
                        citem.isRight = null
                        citem.userAnswer = null
                    }
                }
            }
            localStorage.removeItem('english-chapter08-listenTwo')
        },
        viewListenTwo() {
            for (let index = 0; index < this.listenTwo.length; index++) {
                const item = this.listenTwo[index];
                item.isShowAnswer = !item.isShowAnswer
            }
        }
    },
};
</script>
@@ -2440,4 +4029,126 @@
        outline: none;
    }
}

.finish-box {
    border: 2px dashed #d1d2d4;
    border-radius: 3%;
}

.poster-img {
    width: 100%;
    position: relative;
}

.poster-input-box-one {
    width: 18%;
    height: 12%;
    position: absolute;
    top: 49%;
    left: 3%;
    border: 0;
    border-bottom: 1px solid #000000;

    &:focus {
        outline: none;
    }
}

.poster-input-box-two {
    width: 23%;
    height: 12%;
    position: absolute;
    top: 14%;
    left: 38%;
    border: 0;
    border-bottom: 1px solid #000000;

    &:focus {
        outline: none;
    }
}

.poster-input-box-six {
    width: 23%;
    height: 12%;
    position: absolute;
    top: 30.5%;
    left: 38%;
    border: 0;
    border-bottom: 1px solid #000000;

    &:focus {
        outline: none;
    }
}

.poster-input-box-three {
    width: 23%;
    height: 11%;
    position: absolute;
    top: 49%;
    left: 38%;
    border: 0;
    border-bottom: 1px solid #000000;

    &:focus {
        outline: none;
    }
}

.poster-input-box-four {
    width: 23%;
    height: 12%;
    position: absolute;
    bottom: 22.5%;
    left: 38%;
    border: 0;
    border-bottom: 1px solid #000000;

    &:focus {
        outline: none;
    }
}

.poster-input-box-five {
    width: 23%;
    height: 12%;
    position: absolute;
    bottom: 5.4%;
    left: 38%;
    border: 0;
    border-bottom: 1px solid #000000;

    &:focus {
        outline: none;
    }
}
.po-re {
    position: relative;
}
.reality-one,.reality-two,.reality-three {
    width:18%;
    height:7%;
    select {
        width:100%;
        height:100%;
    }
}
.reality-one {

    position:absolute;
    right: 30%;
    top: 30%;

}
.reality-two {
    position:absolute;
    right: 50%;
    top: 47%;
}
.reality-three {
    position:absolute;
    right: 44%;
    bottom: 6.5%;
}
</style>

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

@@ -212,8 +212,8 @@
    }, 500);

    // 测试页面跳转
     setTimeout(() => {
      this.gotoPage(6,101);
    // setTimeout(() => {
    //  this.gotoPage(,);
    //   setTimeout(() => {
    //     this.renderSign("Highlight", {
    //       id: "2ACA9359",
@@ -241,7 +241,7 @@
    //   txt: " 运动系统是由骨、骨连结和骨骼肌三部分组成的。全身的骨通过骨连结组成人体骨骼（见图1-1）。骨骼是人体的支架，具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下，肌肉收缩牵动所附着的骨绕着关节转动，使身体产生各种动作。所以，运动系统具有运动、支持和保护等功能，幼年时期的骨骼还具有造血功能。 ",
    //   txtIndex: 57
    // });
      }, 50);
    //  }, 50);
  },
  methods: {
    // setZoom1() {

 src/books/sportsAndHealth/view/components/chapter001.vue

@@ -1,5 +1,6 @@
<template>
  <div class="chapter" num="2">
    <!-- 1 -->
    <div class="page-box" page="12">
      <div v-if="showPageList.indexOf(12) > -1">
        <div class="bodystyle">
@@ -26,6 +27,7 @@
        </div>
      </div>
    </div>
    <!-- 2 -->
    <div class="page-box" page="13">
      <div v-if="showPageList.indexOf(13) > -1">
        <div class="bodystyle textHeader">
@@ -43,6 +45,7 @@
        </div>
      </div>
    </div>
    <!-- 3 -->
    <div class="page-box" page="14">
      <div v-if="showPageList.indexOf(14) > -1">
        <div class="header-odd">
@@ -339,6 +342,7 @@
        </div>
      </div>
    </div>
    <!-- 4 -->
    <div class="page-box" page="15">
      <div v-if="showPageList.indexOf(15) > -1">
        <div class="header-even">
@@ -584,6 +588,7 @@
        </div>
      </div>
    </div>
    <!-- 5 -->
    <div class="page-box" page="16">
      <div v-if="showPageList.indexOf(16) > -1">
        <div class="header-odd">
@@ -1382,6 +1387,7 @@
        </div>
      </div>
    </div>
    <!-- 6 -->
    <div class="page-box" page="17">
      <div v-if="showPageList.indexOf(17) > -1">
        <div class="header-even">
@@ -1451,6 +1457,7 @@
        </div>
      </div>
    </div>
    <!-- 7 -->
    <div class="page-box" page="18">
      <div v-if="showPageList.indexOf(18) > -1">
        <div class="header-odd">
@@ -1493,6 +1500,7 @@
        </div>
      </div>
    </div>
    <!-- 8 -->
    <div class="page-box" page="19">
      <div v-if="showPageList.indexOf(19) > -1">
        <div class="header-even">
@@ -1724,6 +1732,7 @@
        </div>
      </div>
    </div>
    <!-- 9 -->
    <div class="page-box" page="20">
      <div v-if="showPageList.indexOf(20) > -1">
        <div class="header-odd">
@@ -2119,6 +2128,7 @@
        </div>
      </div>
    </div>
    <!-- 10 -->
    <div class="page-box" page="21">
      <div v-if="showPageList.indexOf(21) > -1">
        <div class="header-even">
@@ -2187,6 +2197,3239 @@
        </div>
      </div>
    </div>
    <!-- 11 -->
    <div class="page-box" page="22">
      <div v-if="showPageList.indexOf(22) > -1">
        <div class="header-odd">
          <span class="mk">基础模块</span>
          <span class="sub">第一单元</span>
          <span class="sub-title">健康教育</span>
          <div class="line-page"></div>
          <span class="sub-page">011</span>
        </div>
        <div class="bodystyle">
          <h4 id="d008">一、心理健康的标准</h4>
          <p>
            不同时期的不同学者认为心理健康有着不同的含义和标准。但有4条标准是公认的：第一，有一种主观幸福感；第二，有能力形成和维持良好的人际关系；第三，有能力参与建设性、有意义的工作；第四，有能力成功地应对生活的挑战，获得成长。
          </p>
          <p style="margin-bottom: 30px">
            在健康问题上，部分人有个误区，即可以到处诉说自己有高血压、心脏病、糖尿病等，却羞于提及自己心理有问题。即便心理障碍甚至心理疾病已非常严重，依然害怕被别人知晓，拒绝去专科医院就诊。出现心理问题不可怕，可怕的是我们逃避它、掩饰它，而没有及时求助。我们需要做的是真实地去面对心理问题，积极寻找有效方法进行调节。每解决一个心理问题、战胜一次挫折困难，我们都会获得一次自我成长。
          </p>
          <!-- <div class="bk-xyx">
        <p class="bj1-xyx">学一学</p>
        <p>请同学们参阅“马斯洛的心理健康标准”。</p>
      </div> -->
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 学一学 · 马斯洛的心理健康标准
              <div class="icon" @click="activityXyx1">
                <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 19.243 18.417">
                  <path class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)" />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">请同学们参阅“马斯洛的心理健康标准”。</div>
            <div v-if="chapter001.isShowXyx01">
              <div class="xyx-title">马斯洛的心理健康标准</div>
              <ul class="xyx-ul">
                <li>
                  <img src="../../image/li-tip.png" alt="" /><span>有充分的自我安全感，具有自尊心，对自我与个人的成就具备有价值之感。</span>
                </li>
                <li>
                  <img src="../../image/li-tip.png" alt="" /><span>能充分了解自己，能恰当地评价自己的能力，进行适度的自我批评。</span>
                </li>
                <li>
                  <img src="../../image/li-tip.png" alt="" /><span>
                    自己的生活理想和生活目标切合实际，个人从事的多为实际的、可能完成的工作。</span>
                </li>
                <li>
                  <img src="../../image/li-tip.png" alt="" /><span>
                    不脱离周围现实环境，有自知之明，没有过度幻想，能够容忍生活中挫折的打击。</span>
                </li>
                <li>
                  <img src="../../image/li-tip.png" alt="" /><span>
                    能保持人格的完整与和谐，个人的价值观能视社会标准的不同而改变，对自己的工作能够集中注意力。</span>
                </li>
                <li>
                  <img src="../../image/li-tip.png" alt="" /><span>
                    善于从经验中学习，能根据环境的需要而改变自己。</span>
                </li>
                <li>
                  <img src="../../image/li-tip.png" alt="" /><span>
                    有良好的人际关系，与他人的和谐交往中能兼有利己和利人两种成分；能适度地表达自己、宣泄和控制情绪。</span>
                </li>
                <li>
                  <img src="../../image/li-tip.png" alt="" /><span>
                    在符合团队要求的前提下，能适当地发挥个性。</span>
                </li>
                <li>
                  <img src="../../image/li-tip.png" alt="" /><span>
                    在不违背社会规范的前提下，适当满足个人的基本需求，并具有满足此种需求的能力。</span>
                </li>
              </ul>
            </div>
            <!-- <p>
          请同学们<a id="w1"></a
          ><a href="chapter001.html#m1"><sup>[1]</sup></a
          >查阅“健康概念的演变”。
        </p> -->
          </div>
          <br />
          <h4 id="d009">二、心理健康的影响因素</h4>
          <p>
            心理健康的影响因素有很多，既有遗传、生理结构、性别、年龄等个体因素，也有家庭教养方式、经济条件、文化、环境等社会因素。从心理学视角出发，有如下几个重要指标与个体的心理健康息息相关。
          </p>
          <h5 id="e012">（一）自尊</h5>
          <p style="margin-bottom: 30px">
            自尊是指自我接纳、自我尊重和自我价值感，是个人对自己重要性、价值感的评价，是预测主观幸福感和生活满意度最为稳定的心理指标。自尊包括两个方面：第一，归属感，给个体的生活提供了安全的基石，使其相信无论发生何事，自己都将被接受。第二，掌控感，是个体通过克服一个又一个困难而获得的对世界能够施加影响的控制感。
          </p>
          <!-- <div class="bk-xyx">
        <p class="bj1-xyx">测一测</p>
        <p>请同学们进行“社会支持量表”的测试。</p>
      </div> -->
          <h5 id="e013">（二）人格</h5>
          <p>
            人格是指一个人独特的、相对稳定的行为模式，包括兴趣、态度、气质、价值观、意志等方面。
          </p>
          <h5 id="e014">（三）人际关系</h5>
          <p style="margin-bottom: 30px">
            在所有心理健康标准中，能够建立和维持良好的人际关系这一标准都被列入其中。朋友与家人能够满足我们安全与归属、爱与被爱的需求，这是人们内心安全感的源泉。一个心理健康的人有能力去爱人，也乐于接受别人的关爱，能够在人际交往中与他人建立和谐、友爱的关系。他的内心会充满安全感。他会用开放、积极、包容的心态与人相处，较少有防御、敌对和回避的心态。他能在交往中带给别人信任、尊重、帮助、赞美，同时也获得更多的社会支持。
          </p>
          <!-- <div class="bk-xyx">
        <p class="bj1-xyx">测一测</p>
        <p>请同学们进行“整体自尊量表”的测试。</p>
      </div> -->
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 测一测 · 社会支持量表
              <div class="icon" @click="activityXyx2">
                <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 19.243 18.417">
                  <path class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)" />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">请同学们进行“社会支持量表”的测试。</div>
            <div v-if="chapter001.isShowXyx02">
              <div class="xyx-title">社会支持量表</div>
              <div class="xyx-text">
                以下是一份社会支持量表，可以试着测一测、分析分析。
              </div>
              <div class="tablePublic">
                <table>
                  <thead>
                    <tr>
                      <th>项目</th>
                      <th style="width: 50px; padding: 5px">符合</th>
                      <th style="width: 50px; padding: 5px">有点符合</th>
                      <th style="width: 50px; padding: 5px">不确定</th>
                      <th style="width: 50px; padding: 5px">有点不符合</th>
                      <th style="width: 50px; padding: 5px">不符合</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td style="text-align: left">1. 大多数同学都很关心我</td>
                      <td>
                        <input @change="changecyc3($event, 'text2')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc3.text2" />1
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text3')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc3.text3" />2
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text4')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc3.text4" />3
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text5')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc3.text5" />4
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text6')" type="checkbox" value="5"
                          :checked="chapter001.tablecyc3.text6" />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        2. 面对两难的选择时，我会主动向他人寻求帮助
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text83')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc3.text83" />1
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text84')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc3.text84" />2
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text85')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc3.text85" />3
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text86')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc3.text86" />4
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text87')" type="checkbox" value="5"
                          :checked="chapter001.tablecyc3.text87" />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        3. 当有烦恼时，我会主动向家人、亲友倾诉
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text89')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc3.text89" />1
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text90')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc3.text90" />2
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text92')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc3.text92" />3
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text93')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc3.text93" />4
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text94')" type="checkbox" value="5"
                          :checked="chapter001.tablecyc3.text94" />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        4. 我经常能得到同学、朋友的照顾和支持
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text96')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc3.text96" />1
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text97')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc3.text97" />2
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text98')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc3.text98" />3
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text99')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc3.text99" />4
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text100')" type="checkbox" value="5"
                          :checked="chapter001.tablecyc3.text100" />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        5. 当遇到困难时，我经常会向家人、亲友寻求帮助
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text102')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc3.text102" />1
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text103')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc3.text103" />2
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text104')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc3.text104" />3
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text105')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc3.text105" />4
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text106')" type="checkbox" value="5"
                          :checked="chapter001.tablecyc3.text106" />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        6. 我周围有许多关系密切、可以给予我支持和帮助的人
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text108')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc3.text108" />1
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text109')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc3.text109" />2
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text110')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc3.text110" />3
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text111')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc3.text111" />4
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text112')" type="checkbox" value="5"
                          :checked="chapter001.tablecyc3.text112" />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        7. 当我遇到问题时，同学、朋友会出现在我身边
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text114')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc3.text114" />1
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text115')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc3.text115" />2
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text116')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc3.text116" />3
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text117')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc3.text117" />4
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text118')" type="checkbox" value="5"
                          :checked="chapter001.tablecyc3.text118" />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        8. 在困难的时候，我可以依靠家人或亲友
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text120')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc3.text120" />1
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text122')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc3.text122" />2
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text123')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc3.text123" />3
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text121')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc3.text121" />4
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text124')" type="checkbox" value="5"
                          :checked="chapter001.tablecyc3.text124" />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        9. 我经常从同学、朋友那里获得情感上的帮助和支持
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text126')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc3.text126" />1
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text127')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc3.text127" />2
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text128')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc3.text128" />3
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text129')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc3.text129" />4
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text130')" type="checkbox" value="5"
                          :checked="chapter001.tablecyc3.text130" />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        10. 我经常能得到家人、亲友的照顾和支持
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text132')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc3.text132" />1
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text133')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc3.text133" />2
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text134')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc3.text134" />3
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text135')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc3.text135" />4
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text136')" type="checkbox" value="5"
                          :checked="chapter001.tablecyc3.text136" />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        11. 需要时，我可以从家人、亲友那里得到经济支持
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text138')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc3.text138" />1
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text139')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc3.text139" />2
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text140')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc3.text140" />3
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text141')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc3.text141" />4
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text142')" type="checkbox" value="5"
                          :checked="chapter001.tablecyc3.text142" />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        12. 当遇到麻烦时，我通常会主动寻求别人的帮助
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text8')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc3.text8" />1
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text9')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc3.text9" />2
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text10')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc3.text10" />3
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text11')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc3.text11" />4
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text12')" type="checkbox" value="5"
                          :checked="chapter001.tablecyc3.text12" />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        13. 当我生病时，总能得到家人、亲友的照顾
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text14')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc3.text14" />1
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text15')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc3.text15" />2
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text16')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc3.text16" />3
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text17')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc3.text17" />4
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text18')" type="checkbox" value="5"
                          :checked="chapter001.tablecyc3.text18" />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        14. 当有烦恼时，我会主动向同学、朋友倾诉
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text20')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc3.text20" />1
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text21')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc3.text21" />2
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text22')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc3.text22" />3
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text23')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc3.text23" />4
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text24')" type="checkbox" value="5"
                          :checked="chapter001.tablecyc3.text24" />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        15. 当我遇到问题时，家人、亲友会出现在我身边
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text26')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc3.text26" />1
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text27')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc3.text27" />2
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text28')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc3.text28" />3
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text29')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc3.text29" />4
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text30')" type="checkbox" value="5"
                          :checked="chapter001.tablecyc3.text30" />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        16. 我经常从家人、亲友那里获得情感上的帮助和支持
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text32')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc3.text32" />1
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text33')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc3.text33" />2
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text34')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc3.text34" />3
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text35')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc3.text35" />4
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text36')" type="checkbox" value="5"
                          :checked="chapter001.tablecyc3.text36" />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        17. 当遇到困难时，我经常会向同学、朋友寻求帮助
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text38')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc3.text38" />1
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text39')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc3.text39" />2
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text40')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc3.text40" />3
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text41')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc3.text41" />4
                      </td>
                      <td>
                        <input @change="changecyc3($event, 'text42')" type="checkbox" value="5"
                          :checked="chapter001.tablecyc3.text42" />5
                      </td>
                    </tr>
                  </tbody>
                </table>
                <div class="table-bottom">
                  <div class="score" v-if="!isShowScore3">
                    您的得分：<span style="color: red">请提交后查看！</span>
                  </div>
                  <div class="score" v-if="isShowScore3">
                    您的得分：
                    <span style="color: red">{{ chapter001.score3 }}</span>
                  </div>
                  <div class="btn">
                    <span @click="submit(3)">提交</span>
                    <span @click="resetData(3)">重做</span>
                  </div>
                </div>
              </div>
              <p class="note">
                计分方式：所有 17
                个条目得分之和即该量表的总分，反映了被测者社会支持的总体状
                况。包括 3
                个维度。①主观支持：反映被测者主观感觉到自己拥有的社会支持方面的资源。
                包括条目
                1、4、6、7、9。②客观支持：反映被测者认为自己实际得到的社会支持状况。包
                括条目
                8、10、11、13、15、16。③支持利用度：反映被测者主动利用社会支持的情况。
                包括条目 2、3、5、12、14、17。
              </p>
            </div>
          </div>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 测一测 · 整体自尊量表
              <div class="icon" @click="activityXyx2">
                <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 19.243 18.417">
                  <path class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)" />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">请同学们进行“整体自尊量表”的测试。</div>
            <div v-if="chapter001.isShowXyx02">
              <div class="xyx-title">整体自尊量表</div>
              <div class="xyx-text">请按下表对自己的自尊情况进行测评。</div>
              <div class="tablePublic">
                <table>
                  <thead>
                    <tr>
                      <th></th>
                      <th style="width: 70px; padding: 5px">非常符合</th>
                      <th style="width: 70px; padding: 5px">符合</th>
                      <th style="width: 70px; padding: 5px">不符合</th>
                      <th style="width: 70px; padding: 5px">很不符合</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td style="text-align: left">
                        1. 我感到我是一个有价值的人，至少与其他人在同一水平 上。
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text2')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc4.text2" />1
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text3')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc4.text3" />2
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text4')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc4.text4" />3
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text5')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc4.text5" />4
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        2. 我感到我有许多好的品质。
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text83')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc4.text83" />1
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text84')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc4.text84" />2
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text85')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc4.text85" />3
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text86')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc4.text86" />4
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        3. 归根结底，我倾向于觉得自己是一个失败者。
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text89', 'isReverse')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc4.text89" />1
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text90', 'isReverse')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc4.text90" />2
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text92', 'isReverse')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc4.text92" />3
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text93', 'isReverse')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc4.text93" />4
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        4. 我能像大多数人一样把事情做好。
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text96')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc4.text96" />1
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text97')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc4.text97" />2
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text98')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc4.text98" />3
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text99')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc4.text99" />4
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        5. 我感到自己值得自豪的地方不多。
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text102', 'isReverse')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc4.text102" />1
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text103', 'isReverse')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc4.text103" />2
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text104', 'isReverse')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc4.text104" />3
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text105', 'isReverse')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc4.text105" />4
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">6. 我对自己持肯定态度。</td>
                      <td>
                        <input @change="changecyc4($event, 'text108')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc4.text108" />1
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text109')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc4.text109" />2
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text110')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc4.text110" />3
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text111')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc4.text111" />4
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        7. 总的来说，我对自己是满意的。
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text114')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc4.text114" />1
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text115')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc4.text115" />2
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text116')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc4.text116" />3
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text117')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc4.text117" />4
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        8. 我希望能为自己赢得更多尊重。
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text120', 'isReverse')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc4.text120" />1
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text122', 'isReverse')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc4.text122" />2
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text123', 'isReverse')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc4.text123" />3
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text121', 'isReverse')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc4.text121" />4
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        9. 我确实时常感到自己毫无用处。
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text126', 'isReverse')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc4.text126" />1
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text127', 'isReverse')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc4.text127" />2
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text128', 'isReverse')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc4.text128" />3
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text129', 'isReverse')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc4.text129" />4
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        10. 我时常认为自己一无是处。
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text132', 'isReverse')" type="checkbox" value="1"
                          :checked="chapter001.tablecyc4.text132" />1
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text133', 'isReverse')" type="checkbox" value="2"
                          :checked="chapter001.tablecyc4.text133" />2
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text134', 'isReverse')" type="checkbox" value="3"
                          :checked="chapter001.tablecyc4.text134" />3
                      </td>
                      <td>
                        <input @change="changecyc4($event, 'text135', 'isReverse')" type="checkbox" value="4"
                          :checked="chapter001.tablecyc4.text135" />4
                      </td>
                    </tr>
                  </tbody>
                </table>
                <div class="table-bottom">
                  <div class="score" v-if="!isShowScore4">
                    您的得分：<span style="color: red">请提交后查看！</span>
                  </div>
                  <div class="score" v-if="isShowScore4">
                    您的得分：
                    <span style="color: red">{{ chapter001.score4 }}</span>
                  </div>
                  <div class="btn">
                    <span @click="submit(4)">提交</span>
                    <span @click="resetData(4)">重做</span>
                  </div>
                </div>
              </div>
              <p class="note">
                注：其中第 3、5、8、9、10 题为反向计分题，即用 5
                减去原始得分，得到的分数为其 正式分数，再与另外 5
                道题的分数相加，计算总分。总分越高，说明自尊程度越高。
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 12 -->
    <div class="page-box" page="23">
      <div v-if="showPageList.indexOf(23) > -1">
        <div class="header-even">
          <span class="sub-page">012</span>
          <div class="line-page"></div>
          <span class="book-title">体育与健康</span>
        </div>
        <div class="bodystyle">
          <h4 id="d010">三、正确认识自我</h4>
          <p>
            如何面对内心的矛盾与疑惑？正确地认识自我、接纳自我是青春期健康成长的一剂良药。虽然环境、经历会给人带来深远的影响，但我们若能接纳变化的、真实的自己，就能更好地迎接青春期的挑战。
          </p>
          <h5 id="e015">（一）自我个性的认识</h5>
          <!-- <div class="bk-xyx">
        <p class="bj1-xyx">测一测</p>
        <p>请同学们进行“我的个性成熟度”的测试。</p>
      </div> -->
          <br />
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 测一测 · 我的个性成熟度
              <div class="icon" @click="activityXyx1">
                <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 19.243 18.417">
                  <path class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)" />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">请同学们进行“我的个性成熟度”的测试</div>
            <div v-if="chapter001.isShowXyx01">
              <div class="xyx-title">我的个性成熟度</div>
              <p>
                个性成熟度与年龄发展有时不太一致。请对照下列 12
                条标准评价一下自己的个性成熟度吧！
              </p>
              <ul class="xyx-ul">
                <li>
                  <img src="../../image/li-tip.png" alt="" /><span>对客观现实的认识，能区别已知和未知事实以及这些事实的本质和现象。</span>
                </li>
                <li>
                  <img src="../../image/li-tip.png" alt="" /><span>能正确看待自己、他人和世界。</span>
                </li>
                <li>
                  <img src="../../image/li-tip.png" alt="" /><span>
                    能忍受孤单和寂寞。</span>
                </li>
                <li>
                  <img src="../../image/li-tip.png" alt="" /><span>
                    对事物具有敏感性和创造性。</span>
                </li>
                <li>
                  <img src="../../image/li-tip.png" alt="" /><span>
                    行为自然，一般不打破常规。</span>
                </li>
                <li>
                  <img src="../../image/li-tip.png" alt="" /><span>
                    看人重实际而不重表面，无出身、门第、地位的偏见。</span>
                </li>
                <li>
                  <img src="../../image/li-tip.png" alt="" /><span>
                    对部分人常有深情的依恋，不无端敌视他人。</span>
                </li>
                <li>
                  <img src="../../image/li-tip.png" alt="" /><span>
                    讲道德，能区别真、善、美与假、恶、丑，并且言行一致。</span>
                </li>
                <li>
                  <img src="../../image/li-tip.png" alt="" /><span>
                    善于独立思考，有摆脱逆境的能力。</span>
                </li>
                <li>
                  <img src="../../image/li-tip.png" alt="" /><span>
                    处事能区分目的和手段，重视目的，但也不忽视手段。</span>
                </li>
                <li>
                  <img src="../../image/li-tip.png" alt="" /><span>
                    有较广阔的视野，讲究价值观。</span>
                </li>
              </ul>
            </div>
          </div>
          <p>
            同学们刚刚踏上认识自己的“新大陆”，对很多新奇事物的认知还不稳定，也很难客观、真实地分辨对错。在这一时期，我们的自尊心最强烈也最脆弱。如果受尊重的需求得到满足，自尊就会成为一种积极的心理品质；反之，则会引起自我怀疑、自卑等消极心理。我们应正确面对自己生理和个性上的变化，学会接纳自我，试着与信任的朋友、老师、家长坦诚地沟通与分享，获得他们的帮助与理解。
          </p>
          <h5 id="e016">（二）个体社会化的认识</h5>
          <p>
            青春期个体社会化是基本社会化的最后阶段，也是极为重要的人生阶段。有人将其称为“人生的第二次诞生”“心理断乳时期”等。我们既要正确认识自己，也要形成与他人、与社会的健康联结。身边的同学、朋友、老师、家长等都是我们人际圈里的重要组成部分，如何与他们建立良好的关系，帮助我们更加适应这个社会的发展呢？
          </p>
          <p><b>1.与成年人交往</b></p>
          <p style="margin-bottom: 30px">
            由于青春期心理“上锁”的特征，我们容易与老师、父母发生冲突，特别是与父母发生冲突。面对冲突，我们需要克制自己，静下心来思考自己内心的想法，寻找合适的沟通机会；当我们不被理解、不被尊重时，我们可以试着向老师或父母真实地表达自己内心的期待和想法；在遇到困难时，我们可以找自己信任和尊重的成年人寻求帮助。
          </p>
          <!-- <div class="bk-xyx">
        <p class="bj1-xyx">议一议</p>
        <p>
          小黄和小李是某中职学校的一对好伙伴。她俩品学兼优，又都爱好羽毛球运动，平时形影不离，无话不说。两人同为班干部，但在最近一次班干部竞选中，小黄以一票之差意外落选，因此怀疑小李在竞选中没有投自己的票，俩人的关系逐渐冷淡……面对此情况，小李该如何去做呢？
        </p>
      </div> -->
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 议一议 ·
              <div class="icon" @click="activityXyx5">
                <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 20.243 18.417">
                  <path class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)" />
                </svg>
              </div>
            </div>
            <br />
            <p class="public-tips">
              小黄和小李是某中职学校的一对好伙伴。她俩品学兼优，又都爱好羽毛球运动，平时形影不离，无话不说。两人同为班干部，但在最近一次班干部竞选中，小黄以一票之差意外落选，因此怀疑小李在竞选中没有投自己的票，俩人的关系逐渐冷淡……面对此情况，小李该如何去做呢？
            </p>
            <div v-if="chapter001.isShowXyx05">
              <textarea rows="8" v-model="chapter001.textBybItem1"></textarea>
            </div>
          </div>
          <p><b>2.与同龄人交往</b></p>
          <p>
            我们应多与同龄伙伴交往，特别是与自己志趣相投和性格相近的人交往。首先，
            交往时要树立平等、真诚、信任、理解的理念，尊重彼此的家庭、个性、学习成绩等；其次，要学会接纳对方，当同学之间发生矛盾与冲突时，先反思自己的言行，尽量对他人宽容；最后，要正确看待与同学的合作、竞争关系，主动融入集体学习和活动，将竞争看作促进彼此学习与提高的机会。
          </p>
        </div>
      </div>
    </div>
    <!-- 13 -->
    <div class="page-box" page="24">
      <div v-if="showPageList.indexOf(24) > -1">
        <div class="header-odd">
          <span class="mk">基础模块</span>
          <span class="sub">第一单元</span>
          <span class="sub-title">健康教育</span>
          <div class="line-page"></div>
          <span class="sub-page">013</span>
        </div>
        <div class="bodystyle">
          <h4 id="d011">四、正确进行自我评价</h4>
          <h5 id="e017">（一）通过认识他人来认识自我</h5>
          <p>
            自我评价是自我认识的体现，深刻的自我认识是以深刻认识和理解他人以及社会为前提的。在不断认识和评价他人言行的过程中，我们逐渐学会认识自我、评价自我，促进自我认知水平的不断提高。
          </p>
          <h5 id="e018">（二）通过分析他人对自己的评价来评价自我</h5>
          <p>
            在成长过程中，他人对自己的评价在所难免。要学会理性地认识他人的评价，将评价转换为促进自我认知和成长的重要方式。
          </p>
          <h5 id="e019">（三）通过与他人的比较来认识自我</h5>
          <p>
            在个体社会化的过程中，我们无法摆脱合作与竞争的关系。在对比自己与他人的表现时，我们应更好地认识自己的优势与劣势，以达到取长补短、促进成长的目的。
          </p>
          <h5 id="e020">（四）通过自我比较来评价自我</h5>
          <p>
            除了与他人比较外，更重要的是与自己比较，以达到超越自我的目的。要实现个人的纵向成长，就要求我们从过去、现在和将来的维度中认识自我，既要看到自己的进步，也要看到自己发展的方向，以此来衡量自己现阶段的状态。
          </p>
          <h5 id="e021">（五）创建良性的评价氛围</h5>
          <p>
            从我做起，创建良性的评价氛围，与同学建立良好、融洽的关系；遇到问题时，多请教老师，建立和谐的师生关系等。
          </p>
          <h4 id="d012">五、运动减压的方法</h4>
          <p>
            生活中处处有运动。无论是在运动场馆中，还是在出行路上或者户外，运动都与我们相伴。运动带来的机体疲劳和放松能让我们睡眠更良好，进食更顺畅。运动还有助于克服恐惧、焦虑等心理，调节心理压力和心理疲劳。
          </p>
          <p>除慢跑外，有效的减压运动还有以下四项。</p>
          <h5 id="e022">（一）游泳</h5>
          <p>
            游泳不但可以增强心肺功能，而且有助于心理减压。在游泳的时候，全身的肌肉会得到放松，代谢水平大大提升，心理压力也会得到有效缓解。
          </p>
          <h5 id="e023">（二）打羽毛球</h5>
          <p>
            羽毛球等执拍项目对缓解压力是不错的选择。人在打羽毛球的时候能在羽毛球的穿梭飞行中体会到无穷的乐趣，同时体力的消耗能使心理放松、压力缓解。
          </p>
        </div>
      </div>
    </div>
    <!-- 14 -->
    <div class="page-box" page="25">
      <div v-if="showPageList.indexOf(25) > -1">
        <div class="header-even">
    <span class="sub-page">14</span>
    <div class="line-page"></div>
    <span class="book-title">体育与健康</span>
  </div>
        <div class="bodystyle">
          <h5 id="e024">（三）骑自行车</h5>
          <p>
            在骑行的时候，我们会保持高度专注，忘掉烦恼，让大脑得到更多的休息。亲近大自然可以使人精神倍增，有利于缓解心理压力。同时，还能更好地践行绿色、循环、低碳的环保理念。
          </p>
          <h5 id="e025">（四）登山</h5>
          <p>
            绿水青山就是金山银山。登山既能有效锻炼肌肉的力量，强健骨骼，也能缓解压力。当一步一步登山的时候，靓丽的风景以及“征服”高山的行为都可以给人带来成就感。
          </p>
          <div class="bk-xspj">
            <p class="bj-sbx">学习评价</p>
            <p class="block">
              1.我与同龄人交往时应该<input @change="changeAssess02($event, 'text1')" maxlength="30"
                :value="chapter001.tkItem02.text1" class="assess" type="text" />。
            </p>
            <p class="block">
              2.我与父母交往时应该<input @change="changeAssess02($event, 'text2')" maxlength="30"
                :value="chapter001.tkItem02.text1" class="assess" type="text" />。
            </p>
            <p class="block">
              3.为了维护自己的心理健康，我会<input @change="changeAssess02($event, 'text3')" maxlength="30"
                :value="chapter001.tkItem02.text1" class="assess" type="text" />。
            </p>
            <p class="block">
              4.自己的“寻人启事”：6～8位同学一组，每位同学根据自己的学习、生活、人际关系和个性品质等，写出
              5～8
              个自己的特征，写完不署名。写完后将所有的“寻人启事”收起来打乱顺序，发给其他同学，让同学猜猜自己拿到的“寻人启事”找的是谁，并且根据事实陈述分析的理由。每位同学分析完后，“寻人启事”上的同学站出来“揭秘”。这样的过程可以帮助同学之间相互认识与评价，也能帮助个人更加全面和客观地认识自己。
            </p>
          </div>
          <h3 id="c004">专题四 顺利度过青春期</h3>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">学习目标</p>
            <p class="block">1.了解青春期的生理和心理特点。</p>
            <p class="block">2.掌握青春期保健的方法。</p>
            <p class="block">3.认识过早性行为的危害。</p>
          </div>
          <div class="bk-ztgs">
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg @click="readText('qjdr04')" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
                viewBox="0 0 14.24 19.987">
                <g transform="translate(-227.018 -96)">
                  <path class="a"
                    d="M356,108.792h0a4.009,4.009,0,0,0,4-4V100a4.009,4.009,0,0,0-4-4h0a4.009,4.009,0,0,0-4,4v4.8A4.009,4.009,0,0,0,356,108.792Z"
                    transform="translate(-121.859)" />
                  <path class="a"
                    d="M241.249,456.342a.8.8,0,1,0-1.579-.245,5.6,5.6,0,0,1-11.063,0,.8.8,0,1,0-1.579.245,7.145,7.145,0,0,0,6.311,6.041v2.446h-2.4a.8.8,0,0,0,0,1.6h6.4a.8.8,0,0,0,0-1.6h-2.4v-2.446A7.145,7.145,0,0,0,241.249,456.342Z"
                    transform="translate(0 -350.438)" />
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr04">
              15岁的小王开始经常遗精，这让他既好奇又迷惑。同时，他的心理也发生了很大的变化，经常会莫名地烦恼和焦虑。小王由此进入了所谓“青春困惑期”。
            </p>
          </div>
          <p>
            青春期是儿童期和成年期之间的过渡阶段。以性成熟为核心的生理方面的发展，使同学们具有了与儿童时期明显不同的社会、心理特征。在这个时期，同学们的身体、外貌、行为
          </p>
        </div>
      </div>
    </div>
    <!-- 15 -->
    <div class="page-box" page="26">
      <div v-if="showPageList.indexOf(26) > -1">
        <div class="header-odd">
          <span class="mk">基础模块</span>
          <span class="sub">第一单元</span>
          <span class="sub-title">健康教育</span>
          <div class="line-page"></div>
          <span class="sub-page">015</span>
        </div>
        <div class="bodystyle">
          <p>
            模式、自我意识、交往与情绪特点和人生观等，都慢慢脱离了儿童的特征而逐渐成熟起来。
          </p>
          <p>
            本专题将带同学们探究自我身心发育与发展现状，帮助同学们认识自我，学会积极应对青春期身心困惑与问题，指导同学们的生活实践，助推同学们健康成长，让同学们绽放出最美青春，遇见最美好的自己！
          </p>
          <h4 id="d013">一、青春期生长发育特征</h4>
          <p>
            青春期指由儿童逐渐发育成成年人的过渡时期。根据生理发育特点，青春期可分为前期、中期和晚期，每期持续
            2～4 年（见表 1-4-1）。
          </p>
          <p class="img">表1-4-1 青春期不同时期的生理特点和表现</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../../image/0028-1.jpg" />
          </p>
          <!-- <div class="bk-xyx">
        <p class="bj1-xyx">测一测</p>
        <p class="block">
          请同学们学习“青春期常见生理问题”，看看自己处于哪一阶段。
        </p>
      </div> -->
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 测一测 · 青春期常见生理问题
              <div class="icon" @click="activityXyx7">
                <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 20.243 18.417">
                  <path class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)" />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">
              请同学们学习“青春期常见生理问题”，看看自己处于哪一阶段。
            </div>
            <div class="xyx-text" v-if="chapter001.isShowXyx07">
              <div class="xyx-title">青春期常见生理问题</div>
              <p class="xyx-fu-yy">1. 性发育迟缓与性发育抑制</p>
              <p>
                到了发育年龄，第二性征和生殖器官仍停留在青春期前的状态，即女孩
                14 岁未见乳房 发育、16 岁未见月经，男孩 14 岁未见睾丸变大、16
                岁未见身高迅速增长，这样的情况称为
                性发育迟缓与抑制。性发育迟缓仅仅是发育过程推迟数年，但仍会出现；性发育抑制则是正
                常的发育被阻止，通过适当的治疗才会出现性发育，但有些患者即使经治疗后，仍会出现某
                些不足。
              </p>
              <p>
                性发育迟缓与抑制如不及时处理，会严重影响青少年的身心健康。因此，在生活中，如
                果发现自己有这方面的发育问题，需告知家长，去正规医院诊断与治疗，做到早发现、早诊
                断、早治疗。
              </p>
              <p class="xyx-fu-yy">2. 包皮过长和包茎</p>
              <p>
                包皮过长和包茎是男性青少年比较常见的现象。阴茎的皮肤薄且可以移动，在阴茎头处
                褶成双层，称为包皮。男孩年幼时包皮较长，能完全包住阴茎头。青春期发育时阴茎体积增
                大、长度加长，包皮逐渐向后退缩，青春期后，阴茎头露出，包皮不再包裹阴茎头则为正常。
                如果因发育问题，包皮仍然完全遮盖阴茎头，则为包皮过长和包茎。包皮过长和包茎主要影
                响包皮和阴茎头之间的清洁，因包皮分泌乳白色豆渣状的包皮垢容易滋生细菌，若不及时清
                洗会引发包皮和阴茎头发炎，出现局部红肿、痒或疼痛的症状，时间长易形成结石，此时必
                须进行手术治疗。包皮环切术是目前治疗包皮过长、包茎的主要手段。
              </p>
              <p class="xyx-fu-yy">3. 频繁遗精</p>
              <p>
                男性生殖器官发育成熟后，会不断地产生精子和精液，当精液达到一定饱和状态时，便
                会自然排出体外，这种现象叫遗精。遗精是男性发育到一定时期特有的正常生理现象，对健
                康没有影响，不必感到惊奇或恐惧。遗精频率多数是每周一次或数周一次。如果几天一次或
                一个月内发生四五次以上就属于频繁遗精。频繁遗精往往伴有失眠、多梦、疲倦、头昏耳鸣、
                精神萎靡、腰酸腿软、情绪不稳定、记忆力下降等症状，对正常的学习和生活有一定的影响。
              </p>
              <p>应对方法如下：</p>
              <p>
                第一，消除紧张心理，保持轻松愉快的情绪，顺其自然，调养一段时间，这种情况就会
                慢慢减轻。
              </p>
              <p>
                第二，调整睡眠习惯，做到生活起居有规律，衣裤宽松，被子不过厚、过重，防止睡眠
                时下半身太暖和，两手避免放置在生殖器部位，不宜俯卧位睡眠，养成侧卧睡眠的习惯，晚
                餐不过饱。
              </p>
              <p>第三，不看淫秽色情书刊、网页、影视音像制品。</p>
              <p>
                第四，坚持每天锻炼，积极参加各类文体活动，培养有益的兴趣爱好。
              </p>
              <p>
                第五，养成良好的卫生习惯，经常清洗外生殖器，清除包皮垢。遗精后及时清洗，勤换
                洗内裤。
              </p>
              <p>
                第六，有泌尿生殖系统疾病或其他慢性疾病者，应及时采用有效抗菌药物治疗。
              </p>
              <p class="xyx-fu-yy">4. 痛经</p>
              <p>
                痛经指女性月经期间因子宫收缩而产生的痉挛性疼痛，一般发生在来月经前或来月经时
                的 1~2
                天，月经过后自行消失，但不是所有女性都会痛经。痛经严重时会面色苍白，出冷汗，
                全身无力，甚至昏厥，影响正常的学习和生活。
              </p>
              <p>应对方法如下：</p>
              <p>第一，保持心情舒畅，不要紧张，紧张会加重痛经症状。</p>
              <p>第二，平时不要着凉，月经前一周避免吃生冷的食物。</p>
              <p>
                第三，月经期间用红糖和姜煮水喝，或用暖贴贴在肚脐下方以保暖。
              </p>
              <p>第四，如果痛经严重，应及时就医。</p>
              <p class="xyx-fu-yy">5. 痤疮</p>
              <p>
                痤疮是由于青春期性激素大量分泌，刺激皮脂腺分泌过盛，分泌物排出不畅，堵塞压迫
                毛囊使之破裂，皮脂及其分解物刺激组织发生炎症反应而引起的。
              </p>
              <p class="xyx-fu-yy-z">（1）痤疮的预防方法</p>
              <p>
                ①注意面部清洁：使用专用柔软毛巾、中性洗面奶、温水洗脸。如果痤疮已化脓，最好
                选用消毒的脱脂棉擦干面部，以防造成感染。
              </p>
              <p>
                ②合理膳食：饮食清淡，多喝白开水，多吃新鲜果蔬，少吃辛辣、刺激性食物。
              </p>
              <p>
                ③注重日常生活方式：生活有规律，保证充足睡眠和适量运动，不吸烟，不喝茶、咖啡、
                酒及含酒精的饮料，保持排便通畅。
              </p>
              <p>
                ④注意缓解精神压力：保持乐观、自信的心态，情绪稳定，避免精神紧张，多听优美
                音乐。
              </p>
              <p>（2）常见的处理痤疮的错误方法</p>
              <p>
                第一，过度清洗。清洗次数频繁或过度使用去油产品，也会导致皮肤损伤、肿胀敏感、
                难以愈合等问题。
              </p>
              <p>第二，晒太阳。因紫外线会刺激皮肤，使色素沉着加重。</p>
              <p>第三，抠、挤。用手抠、挤痘痘可导致局部感染，还会留下瘢痕。</p>
            </div>
          </div>
          <p>
            在身体发育方面，重要的内分泌激素，如生长激素、睾酮、雌激素等的大量分泌，使得正处于青春期的同学们的身体形态、身体机能和身体素质得到进一步发展。形态发育主要体现在身高和体重的突增上；身体机能发育体现在心肺功能、造血功能的增强上；身体素质发展体现在速度的提高及力量、耐力、灵活度、柔韧性、协调性的增强上。
          </p>
          <p>
            在中职阶段，大多数女生处在青春期晚期，第二性征发育成熟，生殖功能也基本成熟，身高增长已减缓或停止，出现周期性月经；大多数男生处在青春期中晚期，第二性征发育基本完成，身高增长已减缓，出现正常的生理遗精现象。
          </p>
          <h4 id="d014">二、青春期心理特点</h4>
          <p>
            随着生理特征的改变，同学们的心理活动也发生着巨大的变化，有时感到好奇，有时又感到迷惑、害怕。这一时期称作“青春困惑期”。此时同学们的心理状态主要呈现以下特征。
          </p>
          <p>
            第一，独立性增强。随着自我意识的觉醒，同学们感觉自己已经长大了，有一种强烈的
          </p>
        </div>
      </div>
    </div>
    <!-- 16 -->
    <div class="page-box" page="27">
      <div v-if="showPageList.indexOf(27) > -1">
        <div class="header-even">
    <span class="sub-page">016</span>
    <div class="line-page"></div>
    <span class="book-title">体育与健康</span>
  </div>
        <div class="bodystyle">
          <p>
            独立感，在学习和生活上不再被动地听从父母的安排，而是渴望用自己的眼睛看世界，用自己的标准衡量是非曲直。
          </p>
          <p>
            第二，情绪两极化。同学们既会为一时的成功而激动不已，也会为小小的失意而意志消沉，
            情绪多变，经常表现出莫名的烦恼和焦虑。
          </p>
          <p>
            第三，心理“上锁”。随着心理的不断发展，同学们在情绪管理能力上有了一定的提高，开始学会掩饰、隐藏自己的真实情绪，出现心理“上锁”的现象。
          </p>
          <p>
            第四，内心充满矛盾。青春期是长大成人的开始，是由不成熟向成熟的过渡阶段。同学们内心充满了矛盾与冲突，如生理成熟提前和心理成熟滞后的矛盾、独立意识增强与实际能力偏差的矛盾、渴望他人理解与心理“上锁”的矛盾。
          </p>
          <p>
            第五，行为易冲动。相关研究指出，青春期同学们的大脑中，负责控制情感和冲动的神经尚未发育成熟，易爆发冲动行为。
          </p>
          <p>
            青春期是同学们由心理幼稚走向心理成熟的过渡期，青春的烦恼是成长的印记。同学们遇到烦恼、矛盾与困惑时，应该学着接纳自我，试着与信任的朋友、老师、家长坦诚交流与沟通，获得他们的帮助和理解，从而顺利平稳度过青春期。
          </p>
          <h4 id="d015">三、青春期性心理与异性交往</h4>
          <h5 id="e026" style="margin-bottom: 30px">（一）青春期性心理</h5>
          <!-- <div class="bk-xyx">
        <p class="bj1-xyx">测一测</p>
        <p class="block">
          请同学们进行异性交往情况自评，并与同学们交流。
        </p>
      </div> -->
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 测一测 · 异性交往情况自评
              <div class="icon" @click="activityXyx4">
                <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 19.243 18.417">
                  <path class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)" />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">
              请同学们进行异性交往情况自评，并与同学们交流。
            </div>
            <div v-if="chapter001.isShowXyx04">
              <div class="xyx-title">异性交往情况自评</div>
              <div class="xyx-text">
                请对照下表，在符合自己情况的空格内画“√”，看看你与异性交往的现状如何。
              </div>
              <div class="tablePublic">
                <table>
                  <thead>
                    <tr>
                      <th style="width: 40px">序号</th>
                      <th>与异性交往情况</th>
                      <th style="width: 40px">结果</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>1</td>
                      <td>
                        除了在同一教室上课时，我几乎没主动与异性同学说过话
                      </td>
                      <td>
                        <input type="checkbox" :checked="chapter001.tablecyc5.text1"
                          @change="changecyc5($event, 'text1')" />
                      </td>
                    </tr>
                    <tr>
                      <td>2</td>
                      <td>我讨厌与异性同学在一起</td>
                      <td>
                        <input type="checkbox" :checked="chapter001.tablecyc5.text2"
                          @change="changecyc5($event, 'text2')" />
                      </td>
                    </tr>
                    <tr>
                      <td>3</td>
                      <td>我不喜欢与异性同学单独在一起</td>
                      <td>
                        <input type="checkbox" :checked="chapter001.tablecyc5.text3"
                          @change="changecyc5($event, 'text3')" />
                      </td>
                    </tr>
                    <tr>
                      <td>4</td>
                      <td>
                        有时我会与异性同学一起讨论问题，包括共同探讨人生、兴趣爱好等
                      </td>
                      <td>
                        <input type="checkbox" :checked="chapter001.tablecyc5.text4"
                          @change="changecyc5($event, 'text4')" />
                      </td>
                    </tr>
                    <tr>
                      <td>5</td>
                      <td>
                        我会主动跟异性同学说话，也会主动帮助有困难的异性同学
                      </td>
                      <td>
                        <input type="checkbox" :checked="chapter001.tablecyc5.text5"
                          @change="changecyc5($event, 'text5')" />
                      </td>
                    </tr>
                    <tr>
                      <td>6</td>
                      <td>我认为与异性同学在一起活动更开心</td>
                      <td>
                        <input type="checkbox" :checked="chapter001.tablecyc5.text6"
                          @change="changecyc5($event, 'text6')" />
                      </td>
                    </tr>
                    <tr>
                      <td>7</td>
                      <td>我曾有过与异性同学约会的想法</td>
                      <td>
                        <input type="checkbox" :checked="chapter001.tablecyc5.text7"
                          @change="changecyc5($event, 'text7')" />
                      </td>
                    </tr>
                    <tr>
                      <td>8</td>
                      <td>我曾向异性同学要过微信号或其他联系方式</td>
                      <td>
                        <input type="checkbox" :checked="chapter001.tablecyc5.text8"
                          @change="changecyc5($event, 'text8')" />
                      </td>
                    </tr>
                    <tr>
                      <td>9</td>
                      <td>
                        我经常和某个异性同学微信聊天，并经常与他（她）单独在一起
                      </td>
                      <td>
                        <input type="checkbox" :checked="chapter001.tablecyc5.text9"
                          @change="changecyc5($event, 'text9')" />
                      </td>
                    </tr>
                    <tr>
                      <td>10</td>
                      <td>我希望整天就与他（她）在一起</td>
                      <td>
                        <input type="checkbox" :checked="chapter001.tablecyc5.text10"
                          @change="changecyc5($event, 'text10')" />
                      </td>
                    </tr>
                    <tr>
                      <td>11</td>
                      <td>
                        我与周围的同学（包括同性和异性）建立起一个较为稳定的团体，经常一起举行各种活动（如游玩等）
                      </td>
                      <td>
                        <input type="checkbox" :checked="chapter001.tablecyc5.text11"
                          @change="changecyc5($event, 'text11')" />
                      </td>
                    </tr>
                    <tr>
                      <td>12</td>
                      <td>我很喜欢某人，却很紧张，不知怎么办才好</td>
                      <td>
                        <input type="checkbox" :checked="chapter001.tablecyc5.text12"
                          @change="changecyc5($event, 'text12')" />
                      </td>
                    </tr>
                    <tr>
                      <td>13</td>
                      <td>
                        我不想交异性朋友，可不少同学都有异性朋友，我也附和着结交异性朋友，但不知如何相处
                      </td>
                      <td>
                        <input type="checkbox" :checked="chapter001.tablecyc5.text13"
                          @change="changecyc5($event, 'text13')" />
                      </td>
                    </tr>
                    <tr>
                      <td>14</td>
                      <td>我曾因被异性同学追求而感到烦恼，或向人求助过</td>
                      <td>
                        <input type="checkbox" :checked="chapter001.tablecyc5.text14"
                          @change="changecyc5($event, 'text14')" />
                      </td>
                    </tr>
                    <tr>
                      <td>15</td>
                      <td>我喜欢一名异性同学，并对我的正常生活有影响</td>
                      <td>
                        <input type="checkbox" :checked="chapter001.tablecyc5.text15"
                          @change="changecyc5($event, 'text15')" />
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
          <p>
            随着青春期性发育的逐渐成熟，男生和女生不仅在体貌特征上有显著差异，而且在性格、爱好方面的差异也会更加明显。同学们会对异性产生好奇心，喜欢以特殊的行为来吸引异性的注意，这是正常性心理的表现。另外，与异性接触时还会产生一种特殊的相互吸引力和激发力，被称为“异性效应”。这在青少年交往中表现得更为明显。同学们要学会与异性正常交往的方法，掌握交往的准则。
          </p>
          <h5 id="e027">（二）与异性交往的准则</h5>
          <p>
            第一，要互相尊重，做到“六不”：既不过分随便，也不过分拘谨；既不过分冷淡，也不过分亲昵；既不卖弄自己，也不过分严肃。
          </p>
          <p>
            第二，尽量保持群体模式和公开模式，避免秘密地单独相处。同学间应彼此理解、互相信任，不无端猜疑、散布谣言。
          </p>
          <p>
            第三，表现自然、大方。同学间应互相关心、爱护、帮助，真诚、友好地相处。
          </p>
          <p>第四，要增强防范意识，学会保护自己。</p>
        </div>
      </div>
    </div>
    <!-- 17 -->
    <div class="page-box" page="28">
      <div v-if="showPageList.indexOf(28) > -1">
        <div class="header-odd">
          <span class="mk">基础模块</span>
          <span class="sub">第一单元</span>
          <span class="sub-title">健康教育</span>
          <div class="line-page"></div>
          <span class="sub-page">017</span>
        </div>
        <div class="bodystyle">
          <h4 id="d016">四、正确认识过早性行为的危害</h4>
          <p>
            过早性行为会使青少年产生紧张感、忧虑感、较大的情绪波动及沉重的精神负担，保护不当也可能引发传染性性疾病和生殖器感染性疾病，还可能会在婚后给家庭生活带来阴影。
          </p>
          <p style="margin-bottom: 30px">
            处于青春期晚期的青少年由于生理原因容易产生性渴望和性冲动，这是正常的生理现象，但性行为不应随意和冲动。可以通过运动、环境、话题等转移注意力，抵制诱惑，净化心灵，理智行事，弱化冲动。万一不小心发生性行为，同学们要懂得保护自己，采取安全措施，防止感染性疾病，如艾滋病等。如果怀孕，要第一时间向老师、父母求助，采取紧急补救措施，避免留下遗憾。总之，同学们必须谨记：青少年时期首先应以学业为重，应树立性安全意识，在性行为这条“起跑线”上不宜“抢跑”，而须讲原则、守底线。
          </p>
          <!-- <div class="bk-xyx">
        <p class="bj1-xyx">学一学</p>
        <p class="block">
          请同学们学习“避孕方法及避孕失败后的紧急补救措施”。
        </p>
      </div> -->
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 学一学 · 避孕方法及避孕失败后的紧急补救措施
              <div class="icon" @click="activityXyx7">
                <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 20.243 18.417">
                  <path class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)" />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">
              请同学们学习“避孕方法及避孕失败后的紧急补救措施”。
            </div>
            <div class="xyx-text" v-if="chapter001.isShowXyx07">
              <div class="xyx-title">避孕方法及避孕失败后的紧急补救措施</div>
              <div class="xyx-fu">一、避孕方法</div>
              <p class="xyx-fu-ss">1. 避孕药</p>
              <p>
                根据给药途径不同，可分为口服、注射、皮下埋植、阴道内避孕药。但长期服用避孕药会引起食欲不振、恶心呕吐、头晕、乏力等，甚至导致终生不孕。
              </p>
              <p class="xyx-fu-ss">2. 女性外用避孕药</p>
              <p>
                女性外用避孕药是指女性在发生性行为前，置于阴道内的外用避孕药膜、外用避孕药片、避孕栓、避孕膏等，主要作用是使精子失去活动能力而无法到达输卵管与卵子结合。
              </p>
              <p class="xyx-fu-ss">3. 男用安全套</p>
              <p>
                安全套是一种乳胶薄膜制成的避孕工具。使用方法简单，容易掌握。使用前，要选择合适型号的安全套，用前应检查是否有破漏。正确使用安全套，既可以有效避孕又可以预防艾滋病和一些性病。
              </p>
              <div class="xyx-fu">二、避孕失败后的紧急补救措施</div>
              <p>
                如果避孕失败，应立即到正规医院在医生的指导下进行补救。切勿擅自处理，更不可到不正规的小诊所做人工流产手术，以免对身体造成严重伤害。
              </p>
            </div>
          </div>
          <div class="bk-xspj">
            <p class="bj-sbx">学习评价</p>
            <p class="block">1.我的各项生长发育生理指标</p>
            <p class="block">
              体重指数：<input @change="changeAssess($event, 'text22')" maxlength="5" style="width: 50px"
                :value="chapter001.tkItem01.text22" class="assess" type="text" />千克/米<sup>2</sup>　低体重　正常 超重 肥胖
            </p>
            <p class="block">
              肺活量：<input @change="changeAssess($event, 'text33')" maxlength="5" style="width: 50px"
                :value="chapter001.tkItem01.text33" class="assess" type="text" />毫升 偏低　正常　良好 优秀
            </p>
            <p class="block">脊柱　正常　侧弯　前凸或后凸</p>
            <p class="block">性发育：　正常　异常</p>
            <p class="block">总体： 偏差　正常　良好</p>
            <p class="block">
              我为未来生活和职业应加强的方面有<input @change="changeAssess($event, 'text44')" maxlength="20"
                :value="chapter001.tkItem01.text44" class="assess" type="text" />。
            </p>
            <p class="block">
              2.我处于青春期的<input @change="changeAssess($event, 'text55')" maxlength="6" :value="chapter001.tkItem01.text55"
                class="assess" type="text" style="width: 30px" />期，现在的心理状态是<input
                @change="changeAssess($event, 'text66')" maxlength="20" :value="chapter001.tkItem01.text66"
                class="assess" type="text" />。我打算这样度过这一特殊时期<input @change="changeAssess($event, 'text77')"
                maxlength="20" :value="chapter001.tkItem01.text77" class="assess" type="text" />。
            </p>
            <p class="block">
              3.案例分析：你认为小C应该怎样做？你想对小D说些什么？
            </p>
            <p class="block">
              中职学校三年级女生小C和男生小D是同班同学，两人经常一起交流学习和生活中遇到的问题。不知不觉中两人产生了好感，陷入了恋爱中。一个周末，小D趁家里没人，便主动邀请小C到家里玩。相处间小D突然心生杂念，提出要与小C发生性行为。小C一时手足无措，不知如何是好。
            </p>
            <div class="xspj-text">
              <textarea rows="6" v-model="chapter001.textXxpj04"></textarea>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 18 -->
    <div class="page-box" page="29">
      <div v-if="showPageList.indexOf(29) > -1">
        <div class="header-even">
    <span class="sub-page">018</span>
    <div class="line-page"></div>
    <span class="book-title">体育与健康</span>
  </div>
        <div class="bodystyle">
          <h3 id="c005">专题五 增强疾病预防意识与能力</h3>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">学习目标</p>
            <p class="block">
              1.养成良好的卫生习惯，提高预防疾病的意识和能力。
            </p>
            <p class="block">
              2.掌握艾滋病、生活方式病等疾病的起因与预防措施。
            </p>
            <p class="block">
              3.养成每天保证充足睡眠和合理膳食的习惯，提高机体免疫力。
            </p>
          </div>
          <div class="bk-ztgs">
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg @click="readText('qjdr05')" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
                viewBox="0 0 14.24 19.987">
                <g transform="translate(-227.018 -96)">
                  <path class="a"
                    d="M356,108.792h0a4.009,4.009,0,0,0,4-4V100a4.009,4.009,0,0,0-4-4h0a4.009,4.009,0,0,0-4,4v4.8A4.009,4.009,0,0,0,356,108.792Z"
                    transform="translate(-121.859)" />
                  <path class="a"
                    d="M241.249,456.342a.8.8,0,1,0-1.579-.245,5.6,5.6,0,0,1-11.063,0,.8.8,0,1,0-1.579.245,7.145,7.145,0,0,0,6.311,6.041v2.446h-2.4a.8.8,0,0,0,0,1.6h6.4a.8.8,0,0,0,0-1.6h-2.4v-2.446A7.145,7.145,0,0,0,241.249,456.342Z"
                    transform="translate(0 -350.438)" />
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr05">
              小北是一名中职学校新生，第一次离家到外地上学，饮食不习惯，跟同学关系也比较冷淡，感觉很孤单，没多久就迷上了网络游戏，常常凌晨两三点才睡觉。因为熬夜，小北晚上经常吃夜宵，运动也少，生物钟混乱。曾经体重正常的小北越来越胖，学习成绩也很不如意，期末考试有多门科目不及格。
            </p>
          </div>
          <p>
            不论是在人生的哪一阶段，
            疾病都是人们健康的天敌。学生时代容易出现的近视，学校等集体场所容易迅速传播的肺结核等，都威胁着同学们的身体健康。此外，成年人易患的颈椎病、肥胖症、心脑血管疾病、糖尿病等慢性病，甚至癌症，都在朝着低龄化的方向发展。还有致死率高、危害性大的艾滋病，也不时向青少年伸出魔爪。同学们将来的工作环境繁杂，一定要学会预防疾病，从现在起“做自己健康的第一责任人”。
          </p>
          <p style="margin-bottom: 30px">
            本专题将带领同学们树立疾病防控意识，学习预防常见传染病、高发的生活方式病的知识与技能，掌握防控疾病的本领，从而保障同学们健康生活、健康成长。
          </p>
          <!-- <div class="bk-xyx">
        <p class="bj1-xyx">学一学</p>
        <p>请同学们学习“科学防护，远离结核危害”。</p>
      </div> -->
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 学一学 · 科学防护，远离结核危害
              <div class="icon" @click="activityXyx7">
                <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 20.243 18.417">
                  <path class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)" />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">
              请同学们学习“科学防护，远离结核危害”。
            </div>
            <div class="xyx-text" v-if="chapter001.isShowXyx07">
              <div class="xyx-title">科学防护，远离结核危害</div>
              <p>
                肺结核，是由结核分枝杆菌入侵人体肺部引起的一种严重危害人体健康的慢性呼吸道传染病。肺结核属于我国乙类法定传染病，是我国初中、高中和中职学校重点防控的传染病之一。
              </p>
              <p>
                肺结核具有潜伏期长、传染性强、病程长等特点。患了肺结核，如果不及时治疗，不仅会对肺造成损伤，影响学习、工作和生活，而且严重的还会危及生命，同时还有可能传染给自己的亲人和朋友，甚至造成肺结核的区域性爆发流行。
              </p>
              <p class="xyx-fu-yy">（一）肺结核的传播方式</p>
              <p>
                肺结核病主要通过患者咳嗽、打喷嚏或高声谈笑时喷出的飞沫来传播给他人。结核杆菌
                可以侵入人体的任何器官，但主要通过呼吸道传播，所以，在发生肺结核者占大多数。
              </p>
              <p class="xyx-fu-yy">（二）肺结核的易感人群</p>
              <p>
                第一类：与尚未被发现或治疗不彻底的结核病患者有密切接触的人群，如患者的家庭成
                员 ( 尤其是儿童 )、医务人员。
              </p>
              <p>第二类：在通风不良的环境中集体生活和工作的人群。</p>
              <p>
                第三类：抵抗力较弱的人群，如幼儿、老年人、营养不良者及尘肺、糖尿病患者、胃切
                除术后或长期使用免疫抑制剂者等。
              </p>
              <p>
                第四类：学习压力大的学生。尤其是初中、高中、中职毕业班的同学，体育锻炼少，睡
                得晚、起得早，作息不规律，精神紧张，过度劳累等，让结核杆菌乘虚而入；如果营养不充
                足，患肺结核的风险也会更高。另外，在学校集体学习生活，大家接触得密切而频繁，如果
                有同学得了肺结核，就容易在班级、寝室、甚至学校传播和蔓延，形成区域性爆发流行的情况。
              </p>
              <p class="xyx-fu-yy">（三）肺结核的自我预判与应对</p>
              <p>
                肺结核的主要症状为咳嗽、咳痰、咯血或痰中带血。此外，胸闷、胸痛、午后低热、夜
                间盗汗、全身乏力、食欲减退和体重减轻等也是常见症状。
              </p>
              <p>
                如果你出现了咳嗽、咳痰现象两周以上，或痰中带血，具有以上任何一项症状者都为肺
                结核可疑症状，应该尽快告诉班主任，及时到结核病防治机构或定点医疗机构检查，一旦确
                诊主动报告，不隐瞒病情，不带病上学，做好隔离和治疗，避免流行。
              </p>
              <p>
                如果你发现同宿舍或同班同学出现上述肺结核可疑症状，也应督促同学尽早去医院检查。
              </p>
              <p class="xyx-fu-yy">（四）肺结核病的预防</p>
              <p>
                定期进行身体检查与结核菌素筛查，做到早发现、早诊断、早隔离、早治疗。
              </p>
              <p>
                讲卫生，不随地吐痰，不与人接触过密，不与人面对面大声讲话，咳嗽、打喷嚏时要遮
                住口鼻。健康者进入高危场所（医院、结核科门诊）时也要戴医用口罩。
              </p>
              <p>
                室内要经常开窗通风换气，特别是学校教室、图书馆和宿舍等室内人群密集的地方，并
                注意室内器具用品的消毒杀菌。
              </p>
              <p>
                养成健康的生活方式，保持生活规律，保证充足睡眠，合理膳食，加强体育锻炼，劳逸
                结合，心情愉悦，增强自身免疫力，从而提高身体抵御疾病的能力。
              </p>
              <p class="xyx-fu-yy">（五）肺结核的治疗</p>
              <p>
                得了肺结核病并不可怕，只要坚持正规治疗，绝大多数病人是可以治愈的。结核病的治
                疗必须遵循“早期、规律、全程、联合、适量”十字原则，按照医生要求，坚持全程、按时、
                按量服药是治愈的最重要条件，否则会转化为难以治疗的耐药结核病。
              </p>
              <p>
                我们国家实行肺结核的免费诊断和治疗政策，对肺结核病人提供免费检查和治疗药品。
                患者可到属地的结核病防治机构或定点医疗机构进行检查和治疗。
              </p>
              <p class="xyx-fu-yy">（六）消毒和隔离</p>
              <p>
                对结核病患者用过的衣物、器具可以煮沸消毒，或在太阳下曝晒杀菌，如果不宜加热消
                毒、日光照射的，可用酒精、84 消毒液等消毒杀菌。
              </p>
              <p>
                结核病患者日常要戴口罩，最好有单独卧室，光线充足，通风良好，并经常消毒。病患
                不可对着他人大声说话、咳嗽或打喷嚏，痰要吐于纸中或痰盂里，然后焚烧或消毒后倒掉。
              </p>
              <p class="xyx-fu-yy">（七）结核病防治三字经</p>
              <p style="text-align: center">结核病，危害大，严防控，不可怕。</p>
              <p style="text-align: center">若轻视，可致命，伤自己，害他人。</p>
              <p style="text-align: center">结核菌，性诡秘，随空气，肆飘逸。</p>
              <p style="text-align: center">经呼吸，藏体内，体虚弱，易发病。</p>
              <p style="text-align: center">常咳嗽，满两周，疑患病，速就医。</p>
              <p style="text-align: center">如确诊，莫恐惧，能治愈，树信心。</p>
              <p style="text-align: center">治疗期，药莫停，遵医嘱，守规定。</p>
              <p style="text-align: center">复查日，要记清，留痰液，勿随意。</p>
              <p style="text-align: center">多通风，勤洗手，补营养，禁烟酒。</p>
              <p style="text-align: center">讲卫生，不乱吐，防传染，有公德。</p>
              <p style="text-align: center">身边人，不歧视，多关爱，常监督。</p>
              <p style="text-align: center">全社会，共参与，除结核，齐努力。</p>
              <p style="text-align: right">——中国疾病预防控制中心</p>
            </div>
          </div>
          <h4 id="d017">一、预防艾滋病，你我同参与</h4>
          <p>
            艾滋病（AIDS）是由艾滋病病毒（HIV）导致的一种慢性致死性传染病。艾滋病病毒专门攻击人体免疫系统，最短可在一年内发病，到了晚期容易出现癌症、感染或其他严重的临床症状。目前还没有彻底治愈艾滋病的药物和方法。艾滋病未发病前无症状，但传染性非常强，危害大，病死率高。当前，青少年学生艾滋病感染病例不断增长，一旦感染，对家庭、学校、社会都是一场噩梦。预防艾滋病，需要全社会共同参与。
          </p>
          <h5 id="e028">（一）艾滋病的传播途径</h5>
          <p>
            艾滋病病毒主要存在于感染者的血液、精液、阴道分泌物、乳汁、伤口渗出液等体液中。传播途径主要有血液传播、性传播和母婴传播，日常接触通常不会感染艾滋病。
          </p>
        </div>
      </div>
    </div>
    <!-- 19 -->
    <div class="page-box" page="30">
      <div v-if="showPageList.indexOf(30) > -1">
        <div class="header-odd">
          <span class="mk">基础模块</span>
          <span class="sub">第一单元</span>
          <span class="sub-title">健康教育</span>
          <div class="line-page"></div>
          <span class="sub-page">019</span>
        </div>
        <div class="bodystyle">
          <h5 id="e029">（二）艾滋病的传染源</h5>
          <p>只有艾滋病病毒感染者（携带者）和病人才能将病毒传染给他人。</p>
          <p>
            值得注意的是，艾滋病病毒感染者一般没有明显症状，外表和正常人一样，没有任何区别，可在没有症状或只有轻微疾病情况下存活很多年。如果不做艾滋病病毒抗体检测，有时人们很难发现感染者。因此，我们在日常生活中必须做好防护，避免感染。
          </p>
          <h5 id="e030">（三）学会自我保护</h5>
          <p>
            预防艾滋病是每个公民的责任。同学们一定要增强性安全意识，积极采取有效措施，预防和控制艾滋病的流行。
          </p>
          <p>
            不使用非正规医疗单位提供的来历不明的血液和血制品；不卖血；不与他人共用针头、针管、纱布等；不共用可能刺破皮肤的用具，如牙签、剃须刀等；不去非正规的医疗机构或美容院打针、输液、拔牙、扎耳洞等；接触他人的血液和伤口时要做好防护。
          </p>
          <p>
            正确交友，洁身自爱，树立性安全意识，远离艾滋病侵害。发生高危性行为后，要及时进行药物阻断，应主动寻求艾滋病检测。早发现、早治疗对维护个人健康至关重要。
          </p>
          <p>
            我国各地医疗机构和疾控中心都设有艾滋病检测点，可以提供专业的艾滋病检测和咨询服务，也可购买正规的自检试剂进行自我检测。如检测结果呈阳性，一定要去医疗机构或疾控中心进行确认，并接受咨询和后续治疗服务。
          </p>
          <p>
            日常中应消除对艾滋病病人和感染者的歧视，并在力所能及的范围内帮助他们。
          </p>
          <h4 id="d018">二、爱眼护眼，重视视力健康</h4>
          <p>
            世界卫生组织曾提到，在卫生支出里，除了肿瘤、心脑血管疾病之外，视力健康支出排第三。视力缺陷带来的危害不可逆转，轻则影响正常生活，重则引起视觉疾病，如近视、白内障甚至眼盲。所以同学们一定要重视视力健康，保护好视力。
          </p>
          <h5 id="e031">（一）增强保护视力的意识与能力</h5>
          <p>
            强化视力健康意识。同学们要主动学习科学用眼、护眼的健康知识，积极关注自身视力状况。眼睛受伤或自我感觉视力发生明显变化时，尽早到正规的眼科医疗机构检查和治疗。
          </p>
          <p>
            养成健康用眼习惯。定时做眼保健操，保持正确读写姿势，积极参加体育锻炼和户外活动，养成良好生活方式，不熬夜，自觉减少使用电子产品。接触含有害化学成分、强酸强碱等物品时要做好防护工作。
          </p>
          <h5 id="e032">（二）了解职业性眼病的起因及预防</h5>
          <p>
            职业性眼病指所有与职业有关的有害因素所造成的眼部损害。法定职业性眼病包括化学性眼部灼伤、电光性眼炎、职业性白内障三大类。
          </p>
        </div>
      </div>
    </div>
    <!-- 20 -->
    <div class="page-box" page="31">
      <div v-if="showPageList.indexOf(31) > -1">
        <div class="header-even">
    <span class="sub-page">020</span>
    <div class="line-page"></div>
    <span class="book-title">体育与健康</span>
  </div>
        <div class="bodystyle">
          <p>
            化学性眼部灼伤是指眼部直接接触碱性、酸性或其他含有化学物质的气体、液体或固体导致的眼组织腐蚀性损害，一般多发生在化工厂、实验室或施工场所。一旦发生要现场紧急救治，用水大量冲洗，并及时送往医院诊治。
          </p>
          <p>
            电光性眼炎是指眼部受紫外线照射所致的急性角膜结膜炎。电焊作业人员及所有从事接触紫外线辐射的作业人员皆有可能发生这类职业性眼病，其中以电焊工最为多见。个人要增强个人防护意识，在进行操作时，应佩戴防护罩或者防护眼镜。
          </p>
          <p>
            职业性白内障的病因主要有职业性化学因素和职业性物理因素两大类。例如，长期接触萘、铊等引起的中毒性白内障，或受到微波、红外线和紫外线辐射引起的非电离辐射性白内障等。在矿场工作的工人容易因为接触炸药TNT慢性中毒引起眼部病变，严重时可导致白内障。个人在作业时要增强防护意识，加强防护措施，减少接触，并坚持做好健康监护。
          </p>
          <h4 id="d019">三、生活方式病（慢性病）早防是关键</h4>
          <p>
            生活方式病指由于人们衣、食、住、行等日常生活中的不良行为，以及其他各方面不良因素导致的慢性非传染性疾病，包括肥胖症、高脂血症、高尿酸血症、高血压、糖尿病、冠心病等严重威胁人类健康和生命的疾病。生活方式病已经取代传染性疾病成为威胁生命的首要疾病，被称为“头号杀手”，而且发病已逐渐年轻化。
          </p>
          <p>
            不良的生活方式引发的各类疾病已形成生活方式疾病链，会对身心健康造成严重影响（见图1-5-1）。
          </p>
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../../image/0033-1.jpg" />
          </p>
          <p class="img">图1-5-1 生活方式疾病链</p>
        </div>
      </div>
    </div>
    <!-- 21 -->
    <div class="page-box" page="32">
      <div v-if="showPageList.indexOf(32) > -1">
        <div class="header-odd">
          <span class="mk">基础模块</span>
          <span class="sub">第一单元</span>
          <span class="sub-title">健康教育</span>
          <div class="line-page"></div>
          <span class="sub-page">021</span>
        </div>
        <div class="bodystyle">
          <p>
            对于生活方式病来说，预防胜于治疗，可通过改变已有的不良生活方式达到预防疾病的目的，如改变不良的饮食习惯、戒烟、戒酒、适量运动，以及努力改善心理不平衡、性格急躁等问题。
          </p>
          <h5 id="e033">（一）控制体重</h5>
          <p class="block">◆男性标准体重（kg）=身高（cm）-100</p>
          <p class="block">　女性标准体重（kg）=身高（cm）-105　</p>
          <p class="block">◆超重</p>
          <p class="block">　＞10%轻度肥胖</p>
          <p class="block">　＞20%中度肥胖</p>
          <p class="block">　＞30%重度肥胖</p>
          <p class="block">
            ◆体重指数（BMI）=体重（kg）/身高<sup>2</sup>（m<sup>2</sup>）
          </p>
          <p class="block">◆过低</p>
          <p class="block">　正常18.5～24</p>
          <p class="block">　超重≥24</p>
          <p class="block">　肥胖≥28</p>
          <p>我们应通过健康饮食和坚持运动来保持标准体重。</p>
          <h5 id="e034">（二）建立健康的饮食方式</h5>
          <p>
            我们要遵循“三减”（减盐、减油、减糖）的饮食方式，避免偏食、挑食和暴饮暴食。
          </p>
          <h5 id="e035">（三）不吸烟、不饮酒</h5>
          <br />
          <!-- <div class="bk-xyx">
        <p class="bj1-xyx">议一议</p>
        <p>
          请同学们学习“缓解心理压力的方法”，并与同学交流自己的心得体会。
        </p>
      </div> -->
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 议一议 · 缓解心理压力的方法
              <div class="icon" @click="activityXyx5">
                <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 20.243 18.417">
                  <path class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)" />
                </svg>
              </div>
            </div>
            <br />
            <p class="public-tips">
              请同学们学习“缓解心理压力的方法”，并与同学交流自己的心得体会。
            </p>
            <div class="xyx-text" v-if="chapter001.isShowXyx05">
              <div class="xyx-title">缓解心理压力的方法</div>
              <p>第一，避免负性情绪。</p>
              <p>第二，正视现实生活，正确对待自己和他人。</p>
              <p>第三，处理好人际关系，与周围人和谐相处。</p>
              <p>第四，增强承受心理压力的抵抗力，培养应对心理压力的能力。</p>
              <p>第五，有困难主动寻求帮助。</p>
              <p>第六，寻找适合自己的心理调适方法。</p>
              <p>第七，心理咨询是减轻精神压力的有效方法。</p>
            </div>
          </div>
          <p>吸烟、饮酒都不利于身体健康，我们应自觉抵制诱惑。</p>
          <h5 id="e036">（四）养成坚持运动的好习惯</h5>
          <p>科学、规律的运动能帮助我们有效预防生活方式病，促进健康。</p>
          <h5 id="e037">（五）保持心理平衡</h5>
          <p>
            我们应尽量保持心态平和、乐观、豁达、向上，遇到困难、挫折时能理性对待，尽力调节。如果感到焦虑、孤独、抑郁、恐惧，应及时求助。
          </p>
          <div class="bk-xspj">
            <p class="bj-sbx">学习评价</p>
            <p class="block">
              1.对照自身实际，你处在生活方式疾病链中的什么位置？应该怎样应对？
            </p>
            <div class="xspj-text">
              <textarea rows="6" v-model="chapter001.textXxpj05"></textarea>
            </div>
            <p class="block">2.你认为有效缓解心理压力的方法主要有哪些？</p>
            <div class="xspj-text">
              <textarea rows="6" v-model="chapter001.textXxpj06"></textarea>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 22 -->
    <div class="page-box" page="33">
      <div v-if="showPageList.indexOf(33) > -1">
        <div class="header-even">
    <span class="sub-page">022</span>
    <div class="line-page"></div>
    <span class="book-title">体育与健康</span>
  </div>
        <div class="bodystyle">
          <h3 id="c006">专题六 避免运动损伤的发生</h3>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">学习目标</p>
            <p class="block">1.了解常见的运动损伤及其原因。</p>
            <p class="block">2.掌握热身的具体方法。</p>
            <p class="block">
              3.掌握皮外伤、踝关节扭伤、骨折等的预防和应对方法。
            </p>
            <p class="block">4.了解容易引起运动损伤的外在因素及其预防方法。</p>
          </div>
          <div class="bk-ztgs">
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg @click="readText('qjdr06')" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
                viewBox="0 0 14.24 19.987">
                <g transform="translate(-227.018 -96)">
                  <path class="a"
                    d="M356,108.792h0a4.009,4.009,0,0,0,4-4V100a4.009,4.009,0,0,0-4-4h0a4.009,4.009,0,0,0-4,4v4.8A4.009,4.009,0,0,0,356,108.792Z"
                    transform="translate(-121.859)" />
                  <path class="a"
                    d="M241.249,456.342a.8.8,0,1,0-1.579-.245,5.6,5.6,0,0,1-11.063,0,.8.8,0,1,0-1.579.245,7.145,7.145,0,0,0,6.311,6.041v2.446h-2.4a.8.8,0,0,0,0,1.6h6.4a.8.8,0,0,0,0-1.6h-2.4v-2.446A7.145,7.145,0,0,0,241.249,456.342Z"
                    transform="translate(0 -350.438)" />
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr06">
              许久没有运动的小亮，某天下课后兴致勃勃地去操场跑了两千米，并发朋友圈打卡。同学们纷纷给他点赞。跑完步的小亮筋疲力尽，径直回到了宿舍休息。第二天，小亮感觉自己的臀部、大腿和小腿均酸痛难耐，连上下楼梯都无法忍受，走路一瘸一拐。由此他放弃了继续跑步打卡的想法，打算先了解避免运动损伤的相关知识……
            </p>
          </div>
          <p>
            在日常生活、运动过程中，我们会面临受伤的风险，如割伤手、擦伤皮肤、伤到腰、扭到脚、磕到头等。大多数情况下，这些损伤都是麻痹大意或逞强为之导致的。我们可以提前做好预防工作。
          </p>
          <p>
            在本专题中，同学们可以了解常见的运动损伤的原因，在今后能够科学运动，避免不必要的损伤。此外，同学们也能了解到如何对损伤进行简单处理，以防止损伤对身体的进一步影响，在自己或他人出现损伤时快速做出判断，用科学的方式保护受损部位。
          </p>
          <h4 id="d020">一、常见的运动损伤及其原因</h4>
          <p>运动损伤是运动中由于内外部的力量造成的身体损伤或持续性的创伤。</p>
          <p>
            运动损伤可以分为开放性损伤和闭合性损伤两种。开放性损伤，如擦伤、刺伤等，指受伤部位的皮肤或黏膜的完整性遭到破坏，伤口是与外界相通的。闭合性损伤，如扭伤、拉伤等，皮肤或黏膜保持完整性，没有伤口。较轻的运动损伤有擦伤、撞伤、肌肉拉伤、肌肉痉挛等。较为严重的运动损伤有脑震荡、溺水、骨折、关节脱位等。
          </p>
          <p>
            发生运动损伤有多种原因，如思想不重视、保护措施不到位、缺乏热身准备、运动负荷过大、锻炼方式不科学、身体疲劳、环境条件不适宜、器械故障等。大部分运动损伤都可以在运动前通过正确的方式预防。
          </p>
        </div>
      </div>
    </div>
    <!-- 23 -->
    <div class="page-box" page="34">
      <div v-if="showPageList.indexOf(34) > -1">

        <div class="header-odd">
    <span class="mk">基础模块</span>
    <span class="sub">第一单元</span>
    <span class="sub-title">健康教育</span>
    <div class="line-page"></div>
    <span class="sub-page">023</span>
  </div>
        <div class="bodystyle">
          <h4 id="d021">二、运动前热身的重要性及具体方法</h4>
          <h5 id="e038">（一）运动前热身的重要性</h5>
          <p>
            没有进行运动前热身活动是发生运动损伤的重要原因之一。在身体没有做好准备时贸然开始剧烈运动，会使肌肉、骨骼无法及时响应，从而容易造成拉伤、扭伤等，所以运动前必须先热身。
          </p>
          <h5 id="e039" style="margin-bottom: 30px">（二）运动前的热身方法</h5>
          <div class="bk-xyx">
            <p class="bj1-xyx">试一试</p>
            <!-- <p>请同学们登录课程平台参照“运动前的热身方法”试一试。</p> -->
            <div class="bj1-xyx publicxbc">
              · 试一试 · 运动前的热身方法
              <div class="icon" @click="activityXyx7">
                <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 20.243 18.417">
                  <path class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)" />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">
              请同学们参照“运动前的热身方法”试一试。
            </div>
            <div class="xyx-text" v-if="chapter001.isShowXyx07">
              <div class="xyx-title">运动前的热身方法</div>
              <p class="xyx-fu-ss">1. 小跑</p>
              <p>放慢节奏，轻松跑 10~20 米即可，让身体慢慢适应动起来的节奏。</p>
              <p class="xyx-fu-ss">2. 抱膝提踵</p>
              <p>
                屈膝屈髋后双手抱膝向上提拉，脚尖勾起，使大腿尽量贴近胸部；重心腿同时做提踵动
                作。注意上半身保持正直，不要前倾或后倒。
              </p>
              <p>
                该动作能够拉伸臀部肌肉、提高髋关节活动度、激活踝关节肌群、增强踝关节的平衡和
                稳定性。
              </p>
              <p class="xyx-fu-ss">3. 屈膝提踵</p>
              <p>
                一手握住踝关节上方，将小腿拉向大腿，另一手可上举保持平衡，支撑腿做提踵动作。
                注意手抓脚踝而非脚背，腰背挺直，骨盆保持中立位，身体不要过分前倾，两大腿并拢，牵
                拉腿不要外展。
              </p>
              <p>
                该动作能够拉伸大腿前侧肌肉、激活踝关节肌群、增强踝关节的平衡和稳定性。
              </p>
              <p class="xyx-fu-ss">4. 向前踢腿</p>
              <p>
                脚尖勾起，踢腿向上尽量触碰前伸的对侧手。注意两腿都尽量伸直不要弯曲，骨盆保持
                中立位身体不要向后倒。
              </p>
              <p>该动作能够拉伸腿部后侧肌群，活动前髋及肩部肌肉。</p>
              <p class="xyx-fu-ss">5. 弓箭步扩胸</p>
              <p>
                弓箭步向前迈步的同时，屈肘平举双手与肩同高做扩胸动作，尽量使前腿大腿与地面平
                行。注意弓箭步跨步时前脚膝盖与脚尖方向一致，膝盖不要向前超过脚尖；腰背挺直，骨盆
                保持中立位不要左右晃动；肩部放松，不要耸肩。
              </p>
              <p>该动作能够拉伸胸肌、增加肩关节肘关节活动度、激活下肢肌肉。</p>
              <p class="xyx-fu-ss">6. 弓箭步转体</p>
              <p>
                双手置于脑后，弓箭步向前迈步稳定后，上身向迈步腿同侧做转体动作。
              </p>
              <p>该动作能够激活下肢及核心、肩部肌肉。</p>
              <p class="xyx-fu-ss">7. 侧弓步</p>
              <p>
                向侧面跨出一步，步幅宽于肩，脚尖略向外，一侧腿做屈膝下蹲动作。
              </p>
              <p>
                注意下蹲时膝关节方向要与脚尖方向保持一致，屈膝时膝盖尽量不要超过脚尖；另一侧
                腿的脚心向下而非向外；上半身保持正直不要过度前倾，可前伸双手保持平衡。
              </p>
              <p>该动作能够拉伸大腿内侧肌肉，增加髋关节横向活动度。</p>
            </div>
          </div>
          <p>
            一般准备活动可以是低强度的跑、跳、动态拉伸或低强度、小幅度的四肢活动练习。日常的热身活动包括小跑、抱膝提踵、屈膝提踵、向前踢腿、弓箭步扩胸、弓箭步转体、侧弓步等。
          </p>
          <p>
            对于专项运动来说，准备活动可以是针对专项运动的小强度的基础练习，如排球运动的热身活动包括肩关节的环转及小幅度、多次数的摆动等；篮球、足球等运动的准备活动可以是蹲起、蹲跳、蛙跳、颠球、运球等；乒乓球的准备活动可以是练习前的简单推挡等。
          </p>
          <p style="margin-bottom: 30px">
            通常准备活动的时间为5～10分钟；准备活动充分的指标是略微出汗，但并不疲劳。不宜过早地进行准备活动，否则在实际运动中就失去了热身的效果。另外，准备活动时间也不宜过长，强度不应过大。若时间长、强度大，肌肉产生疲劳感，则无法有效进行后续的运动。进行准备活动时应减少或避免较长时间的静态的肌肉拉伸，这会使肌肉过于冷静，而与后续的肌肉收缩工作背道而驰。
          </p>
          <div class="bk-xyx">
            <p class="bj1-xyx">试一试</p>
            <div class="bj1-xyx publicxbc">
              · 试一试 · 身体各部位放松的方法
              <div class="icon" @click="activityXyx7">
                <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 20.243 18.417">
                  <path class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)" />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">
              请同学们参照“身体各部位放松的方法”试一试。
            </div>
            <div class="xyx-text" v-if="chapter001.isShowXyx07">
              <div class="xyx-title">身体各部位放松的方法</div>
              <p>
                腹肌：趴在垫子上，用手将上身撑起来，身体尽量向上仰，体会拉伸腹肌的感觉。
              </p>
              <p>
                背：找个立柱面对着它站好，一只手抓住柱子，在腰的高度上，然后身体被臀部带着向
                后坐，以拉伸背部。
              </p>
              <p>
                胸：找个门框或固定立柱，将一手扶住墙面或立柱。肘略弯，与肩同高，将身体向前倾，
                体会胸部被拉伸的感觉，保持 30 秒，并换方向重复。
              </p>
              <p>
                二头肌：侧平举，手抓住墙角或者任何够高的支撑物，转动上身，坚持
                30 秒，换边重复。
              </p>
              <p>
                三头肌：一手举过头，将前臂尽可能与上臂靠近，用另一手抓住肘部，向头部拉，保持
                30 秒，换边重复。
              </p>
              <p>
                四头肌：一手扶墙单脚站立，另一只手抓住脚腕或脚面向后扳，体会大腿前面被拉伸的
                感觉，保持 30 秒后换腿重复。
              </p>
              <p>
                小腿：双脚正对墙，双腿前后开立，双手扶墙。脚踵着地，后面一条腿伸直。慢慢弯曲
                前面一条腿的膝盖，直到感觉后面一条腿的小腿被拉伸。
              </p>
            </div>
          </div>
          <h4 id="d022">三、皮外伤的预防和处理方法</h4>
          <h5 id="e040">（一）皮外伤的预防</h5>
          <p>
            运动过程中的皮外伤通常都是因摔倒、磕碰等与地面、运动器材摩擦而产生的挫伤。要想预防皮外伤的发生，先要防止自己摔倒或跌落。运动时，要集中注意力，留意容易导致摔倒或跌落的外在情况，把握好运动的度。要对自己有清醒的认识，不要过分逞强地尝试自己能力范围之外的运动项目。在进行多人或团队运动时，注意自己与他人之间的距离和相对运动，避免发生剧烈碰撞。在进行球类运动时，应留意球的位置、方向和运动速度，避免被高速运动的球猛击或擦碰。
          </p>
          <h5 id="e041">（二）皮外伤的处理方法</h5>
          <p>
            清洗创面是防止伤口感染的关键步骤，应用生理盐水清理伤口。紧急情况下也可用自来水或井水，边冲边用干净棉球擦洗，将泥灰等脏物洗去。有条件时用碘酒、酒精棉球对伤口及周围进行消毒，应沿伤口边缘向外擦拭。
          </p>
        </div>
      </div>
    </div>
    <!-- 24 -->
    <div class="page-box" page="35">
      <div v-if="showPageList.indexOf(35) > -1">
        <div class="header-even">
    <span class="sub-page">024</span>
    <div class="line-page"></div>
    <span class="book-title">体育与健康</span>
  </div>
        <div class="bodystyle">
          <p>
            应用消毒纱布或清洁棉布包扎伤口，小伤口也可不包扎，但要注意保持创面清洁干燥，创面结痂前尽可能不要沾水。
          </p>
          <p>
            皮肤擦伤慎用创可贴，而应用药水消炎，让伤口自然暴露在空气中，以待愈合。这是因为擦伤皮肤的创面比普通伤口大，普通创可贴的吸水性和透气性不好，不仅不利于创面分泌物及脓液的引流，反而有助于细菌的生长、繁殖，容易引起伤口发炎，甚至导致溃疡。
          </p>
          <h4 id="d023">四、踝关节扭伤的原因、预防和处理方法</h4>
          <h5 id="e042">（一）踝关节扭伤的原因和预防</h5>
          <p>
            踝关节扭伤的原因有很多：内在原因主要跟运动能力和姿势有关，如走跑姿势、起跳落地姿势和踝关节的稳定性等；外在原因有地面不平、鞋子过硬等。有的同学走路姿势异常，呈现“内八字”，或是走路时脚的外侧缘先着地，容易扭伤踝关节。做起跳落地动作，特别是在羽毛球、排球、篮球等运动当中，如果落地时动作不够正确，踝关节的内外侧应力出现了偏差，或是注意力不集中，也容易出现踝关节扭伤的问题。踝关节的稳定性是踝关节周围肌肉力量和下肢平衡能力的综合体现。踝关节稳定性强的人，可以在不同地势快速地调整自己的身体姿势，使身体始终保持平稳的状态。
          </p>
          <p>
            因此，正确的运动姿势、良好的踝关节稳定性、适当的装备和护具、较强的自我保护意识是预防踝关节扭伤的重点。
          </p>
          <h5 id="e043">（二）踝关节扭伤的处理方法</h5>
          <p>踝关节扭伤后应遵循以下方法来处理急性损伤。</p>
          <p><b>1.保护</b></p>
          <p>
            运动伤害发生时，应先立即停止活动，保护受伤部位，避免受伤部位二次受伤或负重。同时，向周围人群求助，将伤者转移到运动场地外的安全地带。
          </p>
          <p><b>2.休息</b></p>
          <p>
            在受伤后进行充分的休息能够保护肌肉、跟腱和其他组织，防止伤势恶化。此外，休息是运动伤害复原所必需的首要步骤。休息既指受伤后立即停止活动，也指在恢复期内不进行激烈的活动。
          </p>
          <p><b>3.冰敷</b></p>
          <p>
            冰敷时应用冰袋、碎冰，应急时可用毛巾包裹一支冰棒来为伤处“制冷”。最科学的方法是在冰袋里装入1∶1的冰水混合物，既不至于过冷，又能有较好的包裹性。冰敷时不能将冰块直接放置在皮肤表面，单次冰敷时长不得超过20分钟。每敷一次后拿开，让皮肤充分回暖后再进行下次冰敷。
          </p>
        </div>
      </div>
    </div>
    <!-- 25 -->
    <div class="page-box" page="36">
      <div v-if="showPageList.indexOf(36) > -1">
        <div class="header-odd">
    <span class="mk">基础模块</span>
    <span class="sub">第一单元</span>
    <span class="sub-title">健康教育</span>
    <div class="line-page"></div>
    <span class="sub-page">025</span>
  </div>
        <div class="bodystyle">
          <p><b>4.压迫</b></p>
          <p>
            压迫通常在受伤后进行，持续24～48小时。最简单的压迫方法是使用弹性绷带做包扎压迫，如果绷带缠绕过紧或有跳动感则应解开绷带重新包扎。压迫可与冰敷同时进行（冰敷压迫），用绷带将冰袋包裹在伤处。
          </p>
          <p><b>5.抬高</b></p>
          <p>
            应在受伤后的第一个48小时内将受伤部位抬高，使其高于心脏，帮助积聚在受伤部位的组织液回流，继而减少肿胀和疼痛。
          </p>
          <h4 id="d024">五、骨折的预防、判断和处理方法</h4>
          <h5 id="e044">（一）骨折的预防</h5>
          <p>
            同学们处在生长发育的高峰期。预防骨折最重要的方法是增强骨质，提高骨峰值，从而提高抵抗外界损伤的能力。首先，在营养方面要适当地补充钙质，多做户外运动，促进钙质的吸收。其次，要增强运动量，使各种运动项目相结合，提高骨质密度。此外，同学们要有自我保护的意识，避免去做超出自己能力范围的、无保护的、高风险的运动。若要进行一些较剧烈的、有风险的运动，应该做好防护，如穿戴头盔、护肩、护腰、护膝等。
          </p>
          <h5 id="e045">（二）骨折的判断和处理方法</h5>
          <p>
            首先，应能简单地对骨折的状况进行判断和识别。骨折的第一特点就是畸形。大多数骨折会伴有骨的不同程度的位移，从而引起肢体外形整体性改变，甚至会露出体外。其次，如发生骨折，骨折部位断端相互触碰或摩擦，在按压时会产生骨擦音，或感觉到骨擦感。最后，如发生了骨折，在移动相应的受伤肢体时，骨折处可能会出现异常的活动。
          </p>
          <p>
            对于骨折的处理，重点就是要保护损伤部位。如果疼痛十分剧烈，一定不要轻举妄动，应及时向老师汇报，保护骨折部位，减少对骨折部位的二次损伤。如果皮肤有破口出血，要及时止血。如果怀疑损伤部位骨折，应立即就医，进行影像学检查。
          </p>
          <h4 id="d025">六、引起运动损伤的外在因素及其预防办法</h4>
          <h5 id="e046">（一）引起运动损伤的外在因素</h5>
          <p>
            在运动过程中，有很多非自身的外在因素会对人体不利，增加出现运动损伤的风险。比如，穿着不适宜运动的衣物、鞋袜等，会降低身体的灵活性，导致运动姿势不够舒展，肌肉力量不能充分发挥，难以减缓地面或其他运动器材的冲击力，也很难在遇到危险时及时调整身体的姿势，从而容易引起损伤。
          </p>
        </div>
      </div>
    </div>
    <!-- 26 -->
    <div class="page-box" page="37">
      <div v-if="showPageList.indexOf(37) > -1">
        <div class="header-even">
    <span class="sub-page">026</span>
    <div class="line-page"></div>
    <span class="book-title">体育与健康</span>
  </div>
        <div class="bodystyle">
          <p>
            不佳的场地和器械会使损伤概率增加。运动场和地面过硬或不平，容易使关节出现较多震荡；器械安置不当或不牢固，容易造成急性突发损伤、摔倒或坠落等。
          </p>
          <p style="margin-bottom: 30px">
            不良的外界环境也是增加损伤发生概率的原因之一。污浊的空气会使我们在运动过程中呼吸加深、加快，增加呼吸道感染的风险，加重鼻炎或咽炎的病情；在下雪天或下雨天，路面湿滑，器械湿滑，会增加跌倒损伤的风险；光线不好，无法判断环境与自身的安全性，不易于及时躲避致伤因素，如前方的石子、台阶或飞来的足球、网球等打击物。气温也会影响人体的运动性能，从而增加损伤的风险，如在气温过高、湿度过大的环境下，身体散热能力大打折扣，容易产生疲劳和中暑；而气温过低，人体肌肉较为僵硬，容易出现拉伤及冻伤等情况。
          </p>
          <!-- <div class="bk-xyx">
        <p class="bj1-xyx">学一学</p>
        <p>
          请同学们登录课程平台学习“运动性晕厥、腹痛、骨膜炎的应对与预防”。
        </p>
      </div> -->
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 学一学 · 运动性晕厥、腹痛、骨膜炎的应对与预防
              <div class="icon" @click="activityXyx5">
                <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 20.243 18.417">
                  <path class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)" />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">
              请同学们学习“运动性晕厥、腹痛、骨膜炎的应对与预防”。
            </div>
            <div class="xyx-text" v-if="chapter001.isShowXyx05">
              <div class="xyx-title">运动性晕厥、腹痛、骨膜炎的应对与预防</div>
              <p class="xyx-fu-ss">运动性晕厥的应对与预防</p>
              <p>
                运动性晕厥指在运动中或运动后，由于供血量减少或脑血管痉挛，引起脑部一时供血不
                足或血液中化学物质变化
                ，引起突发性、短暂性意识丧失，肌张力消失并伴随跌倒的现象。
                造成一时性脑贫血的原因很多，常见的如长时间站立或久蹲后突然起立，引起直立位低血压；
                疾跑后立即站立不动，下肢毛细血管和静脉失去肌肉收缩对它的节律性挤压作用，再加上血
                液本身的重力关系，使大量血液积聚在下肢舒张的血管中，导致回心血量和心输出量的减少，
                引起重力性休克性；在长跑比赛途中或竭尽全力冲刺后，出现全身无力、头昏、面色苍白、
                手足发凉等情况，甚至出现短暂性的意识丧失而昏倒。
              </p>
              <p>
                <span style="font-weight: 700">应对方法：</span>当有人发生运动性晕厥时，现场应立即检查其意识、呼吸和心跳，如无意识、
                呼吸和心跳应马上进行心肺复苏，并拨打 120
                急救电话，边抢救边等待急救车的到来。如果
                是短暂性的意识丧失，应让其平卧或头高脚低位休息，并注意保暖，可服用些热糖水，一般
                经短时间休息即可恢复。如果因晕厥而摔倒，在移动前需要注意检查是否有骨折、头颅损伤
                或其他外伤情况发生，以免移动时造成二次伤害。
              </p>
              <p>
                <span style="font-weight: 700">预防方法：</span>体育锻炼基础较差者或饥饿状态下，不要勉强参加剧烈的运动或竞赛，运动
                前要做好充分的准备活动，在剧烈运动后不能立即停止运动或坐下休息，应通过慢跑或快走
                等进行放松活动，以促进下肢血液回流。日常生活中还应避免久蹲后突然站立等。在参加体
                力负担较大的运动、比赛或测试前，应做必要的体格检查，禁止高血压、心脏病患者和体检
                不合格者参加运动、比赛或测试。
              </p>
              <p class="xyx-fu-ss">运动性腹痛的应对与预防</p>
              <p>
                运动过程中或运动后出现的腹部疼痛称为运动性腹痛，通常在中长跑运动中发生，有时
                也发生在篮球和足球等项目中。一般多发生在运动或跑步开始阶段，大多与呼吸方式不合理、
                准备活动不充分、运动前饮食饮水过多、空腹运动等有关。轻者腹部钝痛或胀痛，重者为阵
                发性绞痛。
              </p>
              <p>
                <span style="font-weight: 700">应对方法：</span>运动中发生腹痛时可减慢跑速，调整呼吸（加深呼吸，减慢呼吸频率），用
                手按压疼痛部位，或弯腰慢跑一段距离，之后疼痛一般可缓解或消失。如果疼痛没有减轻，
                甚至加重，应立即停止运动，做进一步的鉴别诊断和处理。另外，经常发生腹痛者要去医院
                进行系统的检查，查找原因。
              </p>
              <p>
                预防方法：合理安排膳食，运动前避免吃得过饱和饮水过多，至少要餐后一小时才能进
                行剧烈运动。运动前做好充分的准备活动，运动时要循序渐进，注意呼吸与动作节奏间的配合。采用正确的呼吸方式，防止冷空气直接进入呼吸道。如有腹部脏器的慢性疾病者，要尽
                早就医检查，彻底治疗。
              </p>
              <p class="xyx-fu-ss">运动性（胫腓骨疲劳性）骨膜炎的应对与预防</p>
              <p>
                运动性（胫腓骨疲劳性）骨膜炎，是一种因跑跳练习过多而引起小腿骨疼痛的常见损伤。
                初参加体育锻炼人士特别是青少年患者居多，在田径、篮球等练习者中发病率较高，主要是
                由于锻炼方法和运动量安排不当所致。疼痛是此类骨膜炎的主要症状，初期多在运动中或运
                动后疼痛，休息后症状消失。若继续参加过大负荷的跑跳运动，疼痛逐渐加重，部分病例出
                现夜间疼痛，个别严重者出现跛行。急性期多有局部可凹性水肿，尤以小腿下段较明显。病
                程较长的晚期病例，在胫骨内侧面上常触及小结节或肿块，压之锐痛。后蹬痛是诊断运动性
                （胫腓骨疲劳性）骨膜炎的重要体征。腓骨骨膜炎患者，可见腓骨下端膨隆。
              </p>
              <p>
                <span style="font-weight: 700">应对方法：</span>早期症状较轻者无需特殊治疗，应用弹力绷带将小腿裹扎，并调整锻炼计划，
                即减少下肢运动量或少做下肢活动的运动项目，休息时抬高患肢，多可痊愈。经常疼痛或运
                动后疼痛较重者，应休息并用弹力绷带裹扎小腿，抬高患肢，也可配合中药熏洗或外敷、理
                疗及按摩等。经常疼痛或运动后疼痛较重者应及时就医，进行进一步的诊断与治疗。
              </p>
              <p>
                <span style="font-weight: 700">预防方法：</span>合理安排运动量和改进锻炼方法，正确掌握跑跳技术，注意动作的放松和落
                地的缓冲；避免在过硬场地上进行跑跳的训练；做好充分准备活动，防止受寒，运动后采用
                自我按摩等手段及时消除小腿肌肉的疲劳等。
              </p>
              <p class="note">
                注：运动性晕厥和运动性腹痛属于运动性病症（运动性疾病），运动性（胫腓骨疲劳性）
                骨膜炎属于常见运动损伤。
              </p>
            </div>
          </div>
          <h5 id="e047">（二）预防外在因素引起运动损伤的合理方法</h5>
          <p>
            在穿着方面，我们应该根据运动类型选择合适的衣物、鞋袜。若是上普通的体育课，进行常规的田径项目训练（如跑、跳、投等），应该穿宽松、舒适、合身的运动服和运动鞋；若是进行篮球、排球等球类运动，应该穿弹跳性较好的运动鞋、不会限制肩关节活动的运动衣；若是进行足球运动，则应选择能较好保护脚趾的运动鞋；若是进行游泳运动，应穿戴好泳衣、泳帽、泳镜；若是进行滑冰、滑雪等冰雪运动，应该自备吸汗内衣和防水外衣，且可以多备一副袜子、手套。
          </p>
          <p>
            在场地方面，运动前一定要检查运动器械是否牢固、安全。运动时集中注意力，观察地形、器械和人员流动等是否出现异常情况。若出现影响运动的因素，则应立即停止运动，上报给体育老师或相关管理人员，解决场地问题，避免增加损伤风险。
          </p>
          <p>
            在环境方面，当外界环境不够好时，应尽量在室内体育场馆运动。若在下雪、下雨、高温等天气下运动时，应注意保暖、防水和补水等；若出现肢体不舒服，如寒冷时某一肢体出现僵硬、裂痛等，或头痛、头晕时要及时向老师说明情况；在高温天气下，如果出现头晕、体温急速升高、无精打采等情况，要及时走到阴凉处补水、补糖，稍作休息，若仍未好转则要及时寻求他人的帮助。
          </p>
          <div class="bk-xspj">
            <p class="bj-sbx">学习评价</p>
            <p class="block">
              1.有一群学生在操场中间草坪上踢足球，而你正准备在操场跑道上跑步，应该怎么办？
            </p>
            <div class="xspj-text">
              <textarea rows="6" v-model="chapter001.textXxpj07"></textarea>
            </div>
            <p class="block">2.模拟一次冰敷的流程。</p>
            <div class="xspj-text">
              <textarea rows="6" v-model="chapter001.textXxpj08"></textarea>
            </div>
            <p class="block">3.模拟一次运动损伤后保护受伤部位的流程。</p>
            <div class="xspj-text">
              <textarea rows="6" v-model="chapter001.textXxpj09"></textarea>
            </div>
            <p class="block">
              4.如果不可控制地要摔倒，要怎么做才能让自己受到的伤害最小？
            </p>
            <div class="xspj-text">
              <textarea rows="6" v-model="chapter001.textXxpj010"></textarea>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 27 -->
    <div class="page-box" page="38">
      <div v-if="showPageList.indexOf(38) > -1">
        <div class="header-odd">
    <span class="mk">基础模块</span>
    <span class="sub">第一单元</span>
    <span class="sub-title">健康教育</span>
    <div class="line-page"></div>
    <span class="sub-page">027</span>
  </div>
        <div class="bodystyle">
          <h3 id="c007">专题七 掌握常用的应急救护技能</h3>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">学习目标</p>
            <p class="block">
              1.树立“人人学急救，急救为人人，给生命创造第二次机会”的理念，培养志愿服务的奉献精神和救死扶伤的人道主义精神。
            </p>
            <p class="block">
              2.提升应急救护能力，争取成为第一响应者和第一施救者。
            </p>
            <p class="block">
              3.基本掌握生活中的烧烫伤、中暑、热射病、气道异物梗阻的现场应急救护知识与技能，以及心肺复苏术。
            </p>
          </div>
          <div class="bk-ztgs">
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg @click="readText('qjdr07')" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
                viewBox="0 0 14.24 19.987">
                <g transform="translate(-227.018 -96)">
                  <path class="a"
                    d="M356,108.792h0a4.009,4.009,0,0,0,4-4V100a4.009,4.009,0,0,0-4-4h0a4.009,4.009,0,0,0-4,4v4.8A4.009,4.009,0,0,0,356,108.792Z"
                    transform="translate(-121.859)" />
                  <path class="a"
                    d="M241.249,456.342a.8.8,0,1,0-1.579-.245,5.6,5.6,0,0,1-11.063,0,.8.8,0,1,0-1.579.245,7.145,7.145,0,0,0,6.311,6.041v2.446h-2.4a.8.8,0,0,0,0,1.6h6.4a.8.8,0,0,0,0-1.6h-2.4v-2.446A7.145,7.145,0,0,0,241.249,456.342Z"
                    transform="translate(0 -350.438)" />
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr07">
              在某市的半程马拉松上，一名跑者突然昏迷倒地，并且失去意识，幸好及时被两名从医的参赛选手发现，他们立即对该跑者进行了心肺复苏急救，昏迷的跑者渐渐恢复了呼吸和心跳。
            </p>
          </div>
          <p>
            生活中，我们可能会受到意外伤害或突发疾病的伤害。轻者引起疼痛或出血，重者导致功能障碍、残疾，甚至死亡。其实，有些伤者或患者是因现场救治不及时或救治方法错误，延误了救治时间或造成了二次损伤，才使伤情或病情加重，甚至丧失生命的。如果我们掌握了应急救护技术，在第一时间就对自己或伤患者进行正确、有效的施救，就可以争取到更多救治和救命的时间。
          </p>
          <p>
            本专题将带领同学们走进应急救护“现场”，学习应急救护知识与技能，提升应急救护能力，培养志愿服务的奉献精神和救死扶伤的人道主义精神，懂得敬畏生命，保护生命健康。
          </p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 试一试 · 烧烫伤的现场应急处理
              <div class="icon" @click="activityXyx5">
                <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 20.243 18.417">
                  <path class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)" />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">
              请同学们进行“烧烫伤的现场应急处理”的学练。
            </div>
            <div class="xyx-text" v-if="chapter001.isShowXyx05">
              <div class="xyx-title">烧烫伤的现场应急处理</div>
              <p>
                烧烫伤是由火、水和电等外界因素所致的一种常见的意外伤害。烧烫伤不仅会伤害身体，
                而且处理不得当，还会加重伤情，留下疤痕，严重者可能危及生命。
              </p>
              <p class="xyx-fu-yy">
                （一） 烧烫伤现场处理五步骤：冲、脱、泡、盖、送
              </p>
              <p>
                冲。将烧烫伤的部位用清洁的流动冷水轻轻冲，冷水可将热度散去，以减少对深部组织
                的损伤。
              </p>
              <p>
                脱。在充分的冲洗和浸泡后，在冷水中小心除去衣物。可以用剪刀剪开衣服，千万不要
                强行剥去衣物，以免弄破水疱。
              </p>
              <p>
                泡。对于疼痛明显者可持续浸泡在冷水中 10~30
                分钟，除了缓解疼痛外，烧伤早期的冲、
                泡对降低烧伤程度具有十分明显的效果。
              </p>
              <p>
                盖。使用干净或无菌的纱布或保鲜膜覆于伤口，并加以固定，以减少外界的污染和刺激。
              </p>
              <p>
                送。转送到专门治疗烧伤的医院进行治疗。严重电烧伤应检查伤员的呼吸和心跳，如有
                呼吸心跳暂停现象，应施行心肺复苏术。
              </p>
              <p class="xyx-fu-yy">（二）处理误区</p>
              <p>
                误区
                1：创面涂抹酱油、牙膏、大酱等物质，不但会增加创面的感染机会，而且会影响
                医生对创面的观察和判断。
              </p>
              <p>
                误区
                2：如果创面有水疱，把水疱弄破等于把封闭的创面变成了开放的创口，会增加细
                菌感染的机会 。
              </p>
              <p class="xyx-fu-yy">（三）烧伤分度</p>
              <p>
                按烧伤深度划分，一般分为Ⅰ度烧伤、Ⅱ度烧伤和Ⅲ度烧伤，其中Ⅱ度烧伤又可分为浅
                Ⅱ度和深Ⅱ度烧伤，其严重程度逐渐加深。
              </p>
              <p>Ⅰ度烧伤：疼痛感明显，无水肿，皮肤发红。</p>
              <p>Ⅱ度烧伤：水疱形成，局部湿润，疼痛。</p>
              <p>Ⅲ度烧伤：局部干燥，皮肤褪色，无疼痛。</p>
              <p></p>
            </div>
          </div>
          <h4 id="d026">一、热射病的现场急救与预防</h4>
          <h5 id="e048">（一）热射病的现场急救</h5>
          <p>
            在温度较高、湿度较大和无风的环境中，长时间工作或从事强体力劳动，又无充分防暑降温措施时，对高热环境不适应者易发生热射病（重症中暑），伴有皮肤灼热、意识障碍等。热射病伤者死亡率高，幸存者可能留下永久性脑损伤。
          </p>
          <p><b>1.热射病的诊断</b></p>
          <p>
            热射病典型的临床表现为高热、无汗、昏迷，多器官系统损伤。发病原因不同，临床表现也有所不同，可分为劳力型和经典型两种。
          </p>
        </div>
      </div>
    </div>
    <!-- 28 -->
    <div class="page-box" page="39">
      <div v-if="showPageList.indexOf(39) > -1">
        <div class="header-even">
    <span class="sub-page">028</span>
    <div class="line-page"></div>
    <span class="book-title">体育与健康</span>
  </div>
        <div class="bodystyle">
          <p>
            劳力型热射病多见于健康年轻人。表现为在高温高湿环境下进行高强度训练或从事重体力劳动一段时间后忽感全身不适，伴恶心、呕吐、呼吸急促等，继而体温迅速升高达
            40°C以上，出现谵妄、嗜睡和昏迷现象。劳力型热射病伴有严重的横纹肌溶解，故可能会在发病后十几小时甚至几小时内出现急性肾衰竭、急性肝损害等并发疾病，病情恶化快，病死率极高。
          </p>
          <p>
            经典型热射病多见于年老、体弱和有慢性疾病的患者。一般为逐渐起病，前期症状不易发现，1～2天后症状加重，出现神志模糊、谵妄、昏迷等；或有大小便失禁，体温可达40°C～42°C，可能伴有心衰、肾衰等症状。
          </p>
          <p><b>2.热射病的现场急救</b></p>
          <p>
            “两脱、一风、一降”，即脱离高温高湿环境、脱光外衣、吹凉风对流散热、快速降温。急救的同时拨打120，将患者转运至医院抢救。
          </p>
          <h5 id="e049">（二）中暑与热射病的预防</h5>
          <p>
            ①外出时要注意使用防晒物品，避免阳光直射，高温天气要尽量避免在高温时段（10：00～15：00）出门。
          </p>
          <p>②穿着应宽松，多穿棉质布料、颜色较浅的衣服。</p>
          <p>③多饮水，出汗多的人也可少量多次地饮用淡盐水。</p>
          <p>
            ④受热后忌“快速冷却”。不要立即吹空调、吹电扇、洗冷水澡，否则会造成全身毛孔快速闭合，体内热量难以散发；还会因脑部血管迅速收缩而引起大脑供血不足，使人头晕目眩。
          </p>
          <p>
            ⑤室内外温差不宜太大。即使天气再热，空调设置的温度也不宜到
            24℃以下。空调不要直吹身体。
          </p>
          <p>⑥不要长时间在阳光曝晒或高温高湿、气流静止的环境下活动或工作。</p>
          <p>⑦若高温下出现早期症状，应及时撤离高温现场。</p>
          <p>⑧必须在高温下作业时，需要加强个人防护。</p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 试一试 · 一般中暑的现场急救
              <div class="icon" @click="activityXyx4">
                <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 20.243 18.417">
                  <path class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)" />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">
              请同学们登录课程平台进行“一般中暑的现场急救”的学练。
            </div>
            <div class="xyx-text" v-if="chapter001.isShowXyx04">
              <div class="xyx-title">一般中暑的现场急救</div>
              <p>
                在炎热的夏季，如果长时间在烈日下或湿热环境里活动，体内产生的热量不能及时散发，
                或大量出汗使体内水分丢失过多，就会引起中暑。如果不及时处理，还会出现高烧、抽搐、
                昏迷等严重情况。
              </p>
              <p>中暑现场急救五步骤如下。</p>
              <p>第一步，转移。迅速将病人转移至阴凉通风处。</p>
              <p>
                第二步，降温。松开或脱下衣服以利于散热，可用冷水擦拭身体，在头部、腋窝、腹股
                沟等大血管分布区放置凉湿毛巾、冰袋，也可扇风，帮助降低体温。
              </p>
              <p>
                第三步，促醒。将风油精涂于太阳穴，仍不苏醒可按压人中、合谷穴促醒。
              </p>
              <p>第四步，补水。喝一些淡盐水，少量多次。</p>
              <p>第五步，转送。症状若不缓解则要及时送医救治。</p>
            </div>
            <!-- <p class="bj1-xyx">试一试</p>
          <p class="block">
            请同学们登录课程平台进行“一般中暑的现场急救”的学练。
          </p> -->
          </div>
          <h4 id="d027">二、心肺复苏术（CPR）</h4>
          <p>
            我国每年猝死的人数大约为55万，其中有80%都发生在家庭中或一些公共场所。如经现场及时的心肺复苏，可以挽救回35%～40%患者的生命。
          </p>
          <p>
            心肺复苏术是一种使心跳、呼吸骤停的病人迅速恢复循环、呼吸和脑功能所采取的抢救措施，其操作步骤及注意事项如下。<a id="w5"></a>
          </p>
          <hr />
          <p class="note">
            针对如溺水等气道堵塞类的心肺复苏，实施步骤有所区别，应先开放气道、清除气道中的积水及异物，再依次进行人工呼吸和胸外按压。
          </p>
        </div>
      </div>
    </div>
    <!-- 29 -->
    <div class="page-box" page="40">
      <div v-if="showPageList.indexOf(40) > -1">
        <div class="header-odd">
    <span class="mk">基础模块</span>
    <span class="sub">第一单元</span>
    <span class="sub-title">健康教育</span>
    <div class="line-page"></div>
    <span class="sub-page">029</span>
  </div>
        <div class="bodystyle">
          <p>抢救前，施救者应先观察现场，确认现场环境安全。</p>
          <p>第一步，判断患者有无意识。</p>
          <p>
            发现有人晕倒时应用力拍打患者肩部，附耳大声呼喊：“您怎么了？醒醒！”如果没有应答，应触摸患者的颈动脉，感受有无搏动；同时贴近患者的鼻腔，感受患者有无自主呼吸并观察胸廓有无起伏。若感受不到动脉搏动、呼吸、心跳与胸廓起伏，判断为意识丧失状态，应立即进行心肺复苏。
          </p>
          <p>第二步，胸外按压。</p>
          <p>准备：将患者平放于硬板床或平整地面上，解开衣物。</p>
          <p>按压部位：两乳头连线中点。</p>
          <p>
            按压方法：两手叠扣，手指上翘，仅以掌跟接触胸骨。两臂伸直，肘关节不可以弯曲，利用身体重力，垂直向下用力按压。
          </p>
          <p>
            按压深度：使胸骨下陷至少5厘米，每次按压后要让胸廓充分回弹，但手掌始终不离开按压部位。按压与放松的时间应大致相当。
          </p>
          <p>按压频率：每分钟100～120次。</p>
          <p>比例：30次胸外按压/2次人工呼吸。</p>
          <div class="bk-xyx">
            <p class="bj1-xyx">小贴士</p>
            <p>
              颈动脉位于喉结旁1～2厘米处。判断患者状态不能超10秒，进行心肺复苏的同时要寻求帮助。
            </p>
          </div>
          <p class="center">
            <img class="img-a" alt="" src="../../image/0042-3.jpg" />
          </p>
          <p class="img">图1-8-1 胸外按压</p>
          <div class="bk-xyx">
            <p class="bj1-xyx">试一试</p>
            <p>请同学们登录课程平台进行“气道异物梗阻的现场急救”的学练。</p>
          </div>
          <p>第三步，气道开放。</p>
          <p>
            进行胸外按压后，患者可能会出现呕吐的情况。这时需将头偏向一侧，清除口鼻腔的分泌物（若有），可以用纱布或者手帕将异物从口腔中掏出。有假牙的患者要注意取下假牙。若无颈部损伤，用仰头抬颌法打开气道；若有颈部损伤，用推举下颌法。
          </p>
          <p class="center">
            <img class="img-d" alt="" src="../../image/0042-1.jpg" />
          </p>
          <p class="img">图1-8-2 仰头抬颌法</p>
          <p class="center">
            <img class="img-b" alt="" src="../../image/0042-2.jpg" />
          </p>
          <p class="img">图1-8-3 推举下颌法</p>
        </div>
      </div>
    </div>
    <!-- 30 -->
    <div class="page-box" page="41">
      <div v-if="showPageList.indexOf(41) > -1">
        <div class="header-even">
    <span class="sub-page">030</span>
    <div class="line-page"></div>
    <span class="book-title">体育与健康</span>
  </div>
        <div class="bodystyle">
          <p>第四步，人工呼吸。</p>
          <p class="center">
            <img class="img-b" alt="" src="../../image/0043-1.jpg" />
          </p>
          <p class="img">图1-8-4 人工呼吸</p>
          <p>
            气道通畅后应迅速进行口对口人工呼吸。患者仰卧，施救者一手托其下颌使头后仰，另一手捏其鼻孔并用手掌边缘压住其额头。吸气后对患者口内用力吹气（注意要将患者的嘴包严），然后放开鼻孔，待胸廓回缩呼气。连续吹气2次，每次吹气要见胸廓有明显起伏才表示有效。
          </p>
          <p>
            如此重复循环5次以后，判断患者的状态。如患者瞳孔缩小，恢复自主呼吸，颈部大动脉出现搏动，末梢循环恢复，说明复苏有效。若复苏无效，则继续进行心肺复苏至患者心跳、呼吸恢复或急救人员到达现场。
          </p>
          <div class="bk-xyx">
            <p class="bj1-xyx">小贴士</p>
            <p>
              2021年6月，在丹麦对芬兰的欧洲杯小组赛上，丹麦队中场埃里克森突然遭遇心搏骤停倒地。队医马上携带AED进场对他实施心肺复苏。在队医进场之前，丹麦队队长克亚尔及时施救，不让已经昏迷的埃里克森吞下舌头，并保护住他的脖子，对他的呼吸道进行清理。由于在“黄金4分钟”内施救及时，埃里克森得救了。
            </p>
          </div>
          <div class="bk-xyx">
            <p class="bj1-xyx">试一试</p>
            <p>
              请同学们登录课程平台学习“自动体外除颤器（AED）的使用及注意事项”。
            </p>
          </div>
          <div class="bk-xspj">
            <p class="bj-sbx">学习评价</p>
            <p class="block">
              1.热射病典型的临床表现和现场处理方法有__________________。
            </p>
            <p class="block">
              2.利用模拟人进行心肺复苏术的操作练习，检验自己是否掌握了心肺复苏术的技能，并给自己打分。
            </p>
          </div>
          <h3 id="c008">专题八 提升安全避险的本领</h3>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">学习目标</p>
            <p class="block">
              1.树立防灾意识、网络安全意识、性安全意识、食品安全意识。
            </p>
            <p class="block">
              2.掌握拥挤踩踏事故的应对与预防方法，防范性侵害的方法，食品选购与辨识食物中毒的方法。
            </p>
          </div>
        </div>
      </div>
    </div>
    <!-- 31 -->
    <div class="page-box" page="42">
      <div v-if="showPageList.indexOf(42) > -1">
        <div class="header-odd">
    <span class="mk">基础模块</span>
    <span class="sub">第一单元</span>
    <span class="sub-title">健康教育</span>
    <div class="line-page"></div>
    <span class="sub-page">031</span>
  </div>
        <div class="bodystyle">
          <div class="bk-ztgs">
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg @click="readText('qjdr08')" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
                viewBox="0 0 14.24 19.987">
                <g transform="translate(-227.018 -96)">
                  <path class="a"
                    d="M356,108.792h0a4.009,4.009,0,0,0,4-4V100a4.009,4.009,0,0,0-4-4h0a4.009,4.009,0,0,0-4,4v4.8A4.009,4.009,0,0,0,356,108.792Z"
                    transform="translate(-121.859)" />
                  <path class="a"
                    d="M241.249,456.342a.8.8,0,1,0-1.579-.245,5.6,5.6,0,0,1-11.063,0,.8.8,0,1,0-1.579.245,7.145,7.145,0,0,0,6.311,6.041v2.446h-2.4a.8.8,0,0,0,0,1.6h6.4a.8.8,0,0,0,0-1.6h-2.4v-2.446A7.145,7.145,0,0,0,241.249,456.342Z"
                    transform="translate(0 -350.438)" />
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr08">
              某单位集体食堂午餐时，有十余人出现腹泻、头晕等不适症状，该单位及时将这些人送往医院治疗。卫生部门经检查，认为是青条鱼未充分煮熟导致的食物中毒。
            </p>
          </div>
          <p>
            现实生活中隐藏着各类安全隐患，有天灾，也有人祸，如自然灾害、意外伤害等。如果处理不当或应对失误，这些安全隐患就会变为灾害或安全事故（事件），对财产造成损失，对我们的身心造成伤害，甚至危及生命。
          </p>
          <p>
            本专题将带领同学们“亲临”灾害或安全事故（事件）“现场”，教同学们在危难或危急时刻学会保护好自己，掌握安全避险的本领，提高有效应对突发安全事故（事件）的能力，把灾害或安全事故（事件）造成的伤害和损失降至最低，确保自己和他人的生命与财产安全。
          </p>
          <div class="bk-xyx">
            <p class="bj1-xyx">学一学</p>
            <p>请同学们登录课程平台学习“地震的避险与逃生”的相关知识。</p>
          </div>
          <h4 id="d028">一、拥挤踩踏事故的应对与预防</h4>
          <h5 id="e050">（一）拥挤踩踏事故的应对</h5>
          <p>
            第一，如果发现慌乱的人群向自己行走的方向涌来时，要快速躲到一旁或靠墙角。等人群过后再离开，以防被卷到人流当中。
          </p>
          <p>
            第二，在拥挤混乱的情况下，应该设法使自己双脚站稳，抓住身边的一个牢固物件（栏杆、柱子或看台固定的椅子等），侧身站立，保持身体平衡，同时远离玻璃等易碎物品。
          </p>
          <p>
            第三，如果已被卷入拥挤的人群中，一定要镇静，和人群朝一个方向走，不要争着往外逃，脚下要走稳。如果鞋子被踩掉或有物品掉落，千万不要弯腰提鞋、系鞋带或捡拾物品。
          </p>
          <p>
            第四，在拥挤的人群中前行时，要用一只手紧握另一只手腕，手肘撑开，平放于胸前，上身略向前倾，使胸前形成一定空间，以利于保持呼吸畅通。
          </p>
          <p>
            第五，万一被挤倒在地，要设法使身体蜷缩成球状，双手紧扣，置于颈后，保护好头、颈、胸和腹部等重要部位。如有可能，设法靠近墙壁或其他支撑物，并尽一切可能在最短的时间内站立起来。
          </p>
          <p>
            第六，在拥挤现场，如果发现前面有人摔倒，应立即停下脚步，同时大声呼救，告知后面的人群不要向前靠近和拥挤。在保证自身安全的情况下，尽量拉起或提醒摔倒的人，使其尽快站起来。
          </p>
          <p>
            第七，如果有人发生了挤压性窒息，要尽早、尽快做人工呼吸，并拨打120急救电话。
          </p>
        </div>
      </div>
    </div>
    <!-- 32 -->
    <div class="page-box" page="43">
      <div v-if="showPageList.indexOf(43) > -1">
        <div class="header-even">
    <span class="sub-page">032</span>
    <div class="line-page"></div>
    <span class="book-title">体育与健康</span>
  </div>
        <div class="bodystyle">
          <h5 id="e051">（二）拥挤踩踏事故的预防</h5>
          <p>
            大型活动结束，进行疏散时，一定要提高防范意识，格外注意秩序。一般大型集会都会有专人统一指挥、疏导和保护，一定要听从工作人员的统一指挥，有序撤离。
          </p>
          <p>
            在公共场所上下楼梯时，一定不要起哄、拥挤或打闹，要按规定或按序排队，靠右侧行走。一旦发现前面的人跌倒或出现其他异常，要停止上下楼梯，不要紧跟。要保持冷静，适当呼救，不要过于激动，严禁人为地制造恐慌，避免出现失控或骚乱的局面，以致人群在无组织、无目的的逃生中相互拥挤，引发踩踏事故。
          </p>
          <p>
            不要逆行，不要在人群拥挤的地方停留，更不要出于好奇而主动到人群拥挤的地方打探究竟。
          </p>
          <h4 id="d029">二、性侵害的防范与应对</h4>
          <p>
            防范性侵害是自我保护的重要组成部分。需要注意的是，实施性侵害的可能是陌生人，也可能是熟识的人；遭受性侵害的可能是女生，也可能是男生。
          </p>
          <h5 id="e052">（一）性侵害易发生的时间和场所</h5>
          <p>
            夏季天气炎热，夜生活时间延长，人们衣着单薄。夏季夜间是性侵害多发的时段，犯罪分子作案后也容易借着昏暗的光线逃脱。
          </p>
          <p>
            此外，拥挤的公共场所和人少僻静的场所也是易发生性侵害的地点，包括教室、礼堂、影院、舞池等人多拥挤的地方和公园假山、树林深处、小巷等人少僻静的场所。
          </p>
          <div class="bk-xyx">
            <p class="bj1-xyx">学一学</p>
            <p>请同学们登录课程平台学习“性骚扰的防范与应对”的相关知识。</p>
          </div>
          <h5 id="e053">（二）性侵害</h5>
          <p><b>1.性侵害的界定</b></p>
          <p>
            性侵害是指加害者以威胁、权力、暴力、金钱或甜言蜜语，引诱胁迫他人做出违背其意愿的与性有关的行为，或在性方面对受害人造成伤害的行为，包括强奸、猥亵和组织强迫卖淫等。
          </p>
          <p><b>2.性侵害的危害</b></p>
          <p>
            青少年正处于生长时期，身体各种机能、性器官都尚未发育成熟。任何性侵犯行为都会对其造成极大的身心伤害。如果处理不当，还会对成年后的生活造成很大的影响，最为常见的影响有厌恶身体接触、亲密恐惧、抑郁、焦虑、创伤后应激障碍，甚至自杀。
          </p>
          <p><b>3.性侵害的防范</b></p>
          <p>
            ①树立预防性侵犯的意识，牢记陌生人或熟人都可能是性侵害的加害人，要断然拒绝一切让我们感到不舒服的触碰、抚摸、亲吻、拥抱等亲密行为，勇敢说“不”。
          </p>
        </div>
      </div>
    </div>
    <!-- 33 -->
    <div class="page-box" page="44">
      <div v-if="showPageList.indexOf(44) > -1">
        <div class="header-odd">
    <span class="mk">基础模块</span>
    <span class="sub">第一单元</span>
    <span class="sub-title">健康教育</span>
    <div class="line-page"></div>
    <span class="sub-page">033</span>
  </div>
        <div class="bodystyle">
          <p>②路上要结伴而行，避免在夜晚、僻静场所单独行动。</p>
          <p>
            ③不去歌厅、酒吧等场所，不轻易与不熟悉的人（包括网友）单独见面，不轻易接受陌生人或者可疑人的饮料和食品，与人交往时要保持适当的人际距离。
          </p>
          <p>
            ④避免单独和可疑人在家里或宁静、封闭的环境中会面，尤其是到可疑人家中。
          </p>
          <p>
            ⑤出去游玩等，一定要告诉父母返回时间、和谁在一起以及同伴的联系方式等。
          </p>
          <p>
            ⑥学习一些简单且实用的防护招式，遭遇危险的时候，能够利用肘、膝盖等部位，趁坏人不备，用力攻击其薄弱部位，如裆部、面部等。
          </p>
          <p>
            ⑦遇到危险学会向信任的人（如老师、家长）求助，不要为坏人保守任何秘密。必要时要报警，向警察求助，用法律武器保护自己。
          </p>
          <p><b>4.不幸遭遇性侵害时的应对策略</b></p>
          <p>在保证生命安全的前提下，遭遇性侵害时可采用以下应对策略。</p>
          <p>
            随机应变：如果不幸遭遇性侵害，一定要沉着冷静，临危不惧，拖延时间，谋划计策，寻找机会发出求救信号或逃走。
          </p>
          <p>
            智慧取胜：如尽可能大声呼喊，制造动静，给对方施加心理压力；或佯装就范借机逃脱，一旦脱身，应及时向警察或路人求助。
          </p>
          <p>
            防身妙招：学习几招简单而实用的应对招式，遭遇危险的时候冷静应对，利用肘、膝盖、脚跟、手等部位，趁其不备，用力攻击坏人的薄弱部位。
          </p>
          <p>
            以上策略不可生搬硬套，我们必须因地制宜、灵活运用。总之，遭遇了性侵害，一是要告诉家长或老师；二是及时报警，运用法律武器保护自己和帮助他人；三是到医院做身体检查。
          </p>
          <div class="bk-xyx">
            <p class="bj1-xyx">议一议</p>
            <p>
              请同学们登录课程平台学习“提高网络安全事故应对能力，远离网络伤害”的相关知识，并分享自己的心得体会。
            </p>
          </div>
          <h4 id="d030">三、关注食品安全</h4>
          <p>
            食品安全与人们的生活息息相关，关系到身体健康和生命安全。首先要把住食品选购关，其次要知道如何预防与应对食物中毒。
          </p>
          <h5 id="e054">（一）食品选购与辨识</h5>
          <p><b>1.认识食品标志</b></p>
          <p>
            食品标志能帮助我们快速了解食品的质量、成分、区域、生产方式等信息，为食品选购提供依据。常见的食品标志包括有机产品标志、保健食品标志、无公害农产品标志、绿色食品标志等（见图1-9-1）。
          </p>
        </div>
      </div>
    </div>
    <!-- 34 -->
    <div class="page-box" page="45">
      <div v-if="showPageList.indexOf(45) > -1">
        <div class="header-even">
    <span class="sub-page">034</span>
    <div class="line-page"></div>
    <span class="book-title">体育与健康</span>
  </div>
        <div class="bodystyle">
          <p class="center">
            <img class="img-c" alt="" src="../../image/0047-1.jpg" />
          </p>
          <p class="img">图1-9-1 常见的食品标志</p>
          <p><b>2.购买包装食品要“五查看”</b></p>
          <p>
            一要查看食品的“三期”，即食品的生产日期、保质期、保存期，尽量避免购买临近保质期的食品；二要查看是否为“三无”产品，即无生产商、无生产地、无生产日期，“三无”产品不能买；三要查看有无食品生产许可证编号，即SC＋数字；四要查看包装是否有胀袋或破损，有胀袋或破损的不能买；五要仔细查看配料表，色素过量、防腐剂超标、糖精过量、高盐、高糖和含大量反式脂肪酸的食品不能买。
          </p>
          <h5 id="e055">（二）食物中毒的预防与处理</h5>
          <p>
            食物中毒是指摄入含有生物性或化学性有毒、有害物质的食品，所引起的非传染性的急性和亚急性疾病。
          </p>
          <p><b>1.食物中毒的分类</b></p>
          <p>
            细菌性食物中毒指因食用含有细菌或细菌毒素的食品（如变味的蛋糕、剩饭剩菜等）而引起的中毒。发病有明显的季节性，5—10月较多，发病率高、死亡率低。
          </p>
          <p>
            真菌及其霉素引起的食物中毒指因食用被真菌及其霉菌污染的食物（如发霉的花生、玉米、大米及甘蔗等）而引起的中毒，死亡率较高。
          </p>
          <p>
            动物性食物中毒指食用有毒的动物性食品（如河豚、鱼胆等）而引起的中毒，发病率及死亡率都较高。
          </p>
          <p>
            植物性食物中毒指因食用有毒的植物性食品（如未炒熟的豆角、未煮熟的豆浆、苦杏仁、鲜黄花菜、发芽的土豆等）而引起的中毒，发病率及死亡率均较高。
          </p>
          <p>
            化学性食物中毒指因食用化学性有毒物品引起的中毒，如农药中毒、亚硝酸盐引起的食物中毒、有机磷引起的食物中毒、砷化物引起的食物中毒等，发病率及死亡率均较高。
          </p>
          <p><b>2.食物中毒的表现</b></p>
          <p>
            食物中毒的原因不同，患者的表现会有所区别。但其共同特点是潜伏期短，食物中毒后几分钟到数小时起病；多人发病，食用过同一食物的人集体发病；第一反应往往是腹部不适，腹痛或腹泻，与腹部不适伴发的还有恶心、呕吐、头晕、发烧等症状；吐泻严重的还会发生脱水、酸中毒，甚至休克、昏迷等。一些特殊的化学性毒素还可能出现相应的特殊症状。
          </p>
        </div>
      </div>
    </div>
    <!-- 35 -->
    <div class="page-box" page="46">
      <div v-if="showPageList.indexOf(46) > -1">
        <div class="header-odd">
    <span class="mk">基础模块</span>
    <span class="sub">第一单元</span>
    <span class="sub-title">健康教育</span>
    <div class="line-page"></div>
    <span class="sub-page">035</span>
  </div>
        <div class="bodystyle">
          <p><b>3.食物中毒的预防</b></p>
          <p>（1）食物选择</p>
          <p>
            不采摘、捡拾、购买、加工和食用来历不明的食物，不食用死因不明的畜禽或水产品以及不认识的野生菌类、野菜和野果。
          </p>
          <p>不吃已确认变质或怀疑可能变质的食品，不食用超过保质期的食品。</p>
          <p>不购买无卫生许可证和营业执照的小店里或路边摊点上的食品。</p>
          <p>
            做好自备水的防护，保证水质卫生、安全，不饮用未经煮沸的生活饮用水。
          </p>
          <p>不生吃海鲜、河鲜、肉类等。</p>
          <p>（2）食物加工</p>
          <p>
            食物必须煮熟煮透。煮熟后放置 2 小时以上的食品，重新加热到
            70℃以上再食用。隔夜食品在食用前必须加热煮透后方可食用。
          </p>
          <p>蔬菜水果要洗净，做到“一洗、二泡、三冲洗”。</p>
          <p>了解不同食材的安全加工方式，避免因加工不当导致食物中毒。</p>
          <p>（3）食物储存</p>
          <p>
            加工、储存食物一定要做到生熟分开，加工、盛放生食与熟食的器具应分开使用。
          </p>
          <p>接触食品的器具和双手必须清洗干净并保洁。</p>
          <p>直接入口的器具要消毒，以防食品受到污染。</p>
          <p>
            冰箱等冷藏设备要定期清洁，冷冻的食品如果超过 3 个月最好不要食用。
          </p>
          <p>
            桶装水最好一周内喝完。瓶装水要看是否过保质期，开盖时要看是否封严。
          </p>
          <p>
            妥善保管有毒有害物品，农药、杀虫剂和消毒剂等不要存放在食品加工经营场所，避免被误食、误用或意外污染食品。
          </p>
          <p><b>4.食物中毒的应对</b></p>
          <p>
            如果怀疑有食物中毒症状，应立即停食可疑食物，尽快去医院，并及时报告给老师、家长。切忌擅自用药。
          </p>
          <div class="bk-xspj">
            <p class="bj-sbx">学习评价</p>
            <p class="block">
              1.如果在拥挤的人群中前行，为利于呼吸畅通，你应该怎样做？万一被挤倒在地，你该怎么办？
            </p>
            <p class="block">2.遭遇性侵害时的应对策略有哪些？</p>
            <p class="block">3.购买包装食品时要注意查看哪些信息？</p>
          </div>
        </div>
      </div>
    </div>
    <!-- 36 -->
    <div class="page-box" page="47">
      <div v-if="showPageList.indexOf(47) > -1">
        <div class="header-even">
    <span class="sub-page">036</span>
    <div class="line-page"></div>
    <span class="book-title">体育与健康</span>
  </div>
        <div class="bodystyle">
          <h3 id="c009">专题九 注重体育精神的塑造</h3>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">学习目标</p>
            <p class="block">
              1.了解体育精神、奥林匹克精神、中华体育精神的内涵和意义。
            </p>
            <p class="block">2.了解我国对世界奥运做出的重大贡献。</p>
            <p class="block">
              3.通过学习党和国家领导人的体育思想，领会“女排精神”与“乒乓精神”，树立积极健康的人生观和价值观。
            </p>
            <p class="block">
              4.培养良好的体育品德，自觉运用体育精神磨炼个人意志。
            </p>
          </div>
          <div class="bk-ztgs">
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg @click="readText('qjdr09')" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
                viewBox="0 0 14.24 19.987">
                <g transform="translate(-227.018 -96)">
                  <path class="a"
                    d="M356,108.792h0a4.009,4.009,0,0,0,4-4V100a4.009,4.009,0,0,0-4-4h0a4.009,4.009,0,0,0-4,4v4.8A4.009,4.009,0,0,0,356,108.792Z"
                    transform="translate(-121.859)" />
                  <path class="a"
                    d="M241.249,456.342a.8.8,0,1,0-1.579-.245,5.6,5.6,0,0,1-11.063,0,.8.8,0,1,0-1.579.245,7.145,7.145,0,0,0,6.311,6.041v2.446h-2.4a.8.8,0,0,0,0,1.6h6.4a.8.8,0,0,0,0-1.6h-2.4v-2.446A7.145,7.145,0,0,0,241.249,456.342Z"
                    transform="translate(0 -350.438)" />
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr09">
              小婷是一名中职学生，身高183厘米，中国女排前主教练郎平是她的榜样。她从小最大的愿望是进入理想的大学当一名排球运动员，甚至梦想穿上国家队的球衣为国争光。可伤病让她一次次与梦想失之交臂，所以她常常感到失落与迷茫。中国女排顽强拼搏、永不言败的精神让她重新振作起来。她相信阳光总在风雨后……后来她收到了她梦想中的大学的录取通知书。
            </p>
          </div>
          <p>
            体育是健康、青春、活力的代表，身体是奋斗的基础。同学们应在体育学习过程中更好地锤炼意志、健全人格、增强体质，形成顽强拼搏、奋斗为我的理想信念。
          </p>
          <p>
            本专题将解读体育精神、奥林匹克精神和中华体育精神的内涵，介绍塑造体育精神的方法，意在使同学们全面认识体育锻炼对于健康人生的价值，培养良好的体育道德，树立积极健康的人生观和价值观。
          </p>
          <h4 id="d031">一、体育精神</h4>
          <p>
            体育精神是指人们在体育实践活动中形成的，以健康快乐、挑战征服、公平竞争、团结协作为主要价值标准的仪式、思维活动和一般心理状态。体育精神是体育的整体面貌，
            是公平、公正、公开及凝聚力、感染力和号召力的反映，是体育的理想信念及体育知识、体育道德、体育审美水平的标志，
            是体育的支柱和灵魂。体育精神反映了人类在体育运动中追求的真、善、美与自由的价值理想，传递了人类突破自我、追求成功、超越有限、追求无限的价值追求。
          </p>
        </div>
      </div>
    </div>
    <!-- 37 -->
    <div class="page-box" page="48">
      <div v-if="showPageList.indexOf(48) > -1">
        <div class="header-odd">
    <span class="mk">基础模块</span>
    <span class="sub">第一单元</span>
    <span class="sub-title">健康教育</span>
    <div class="line-page"></div>
    <span class="sub-page">037</span>
  </div>
        <div class="bodystyle">
          <h4 id="d032">二、奥林匹克精神</h4>
          <p>
            奥林匹克精神基于追求团结、友谊、和平、进步的奥林匹克运动，蕴含丰富的人文内涵。1991年，《奥林匹克宪章》首次将奥林匹克精神正式表述为“互相理解、友谊、团结和公平竞争的精神”。
          </p>
          <p>
            随着时代的变迁，奥林匹克精神的价值追求已经超出了体育领域。古代奥运象征着和平、友谊；现代奥运以“更快、更高、更强、更团结”为口号，象征着奋发向上、不屈不挠的精神。巴塞罗那奥运会提出了“永远的朋友”；悉尼奥运会提出了“分享奥林匹克精神”；北京奥运会提出了“同一个世界，同一个梦想”；伦敦奥运会提出了“激励一代人”；东京奥运会提出了“激情聚会”……这些都是切合实际的感动世界的口号。
          </p>
          <div class="bk-xyx">
            <p class="bj1-xyx">学一学</p>
            <p>请同学们登录课程平台学习“奥林匹克‘五环’的演变历程”。</p>
          </div>
          <div class="bk-xyx">
            <p class="bj1-xyx">学一学</p>
            <p>请同学们登录课程平台学习“兴奋剂及其危害”。</p>
          </div>
          <h4 id="d033">三、奥运中国</h4>
          <p>
            2001年7月13日，北京以票数过半的优势赢得了2008年第29届夏季奥林匹克运动会的主办权，这是我国奥运史上的重要里程碑事件。图1-10-1为2008年北京奥运会会徽。北京奥运会提出了“同一个世界，同一个梦想”的口号，倡导团结、友谊、进步、和谐、参与和梦想，以“绿色奥运、科技奥运、人文奥运”三大核心理念诠释了人文奥运所蕴含的和谐价值观，为世界人民留下了宝贵的体育文化遗产和重要的精神财富。2008年8月8日，第29届北京奥运会盛大开幕。本届奥运会上共创造43项新世界纪录及132项新奥运纪录。另外，共有87个国家或地区在赛事中取得奖牌。我国以51枚金牌雄居金牌榜首，成为奥运历史上首个登上金牌榜首的亚洲国家。
          </p>
          <p class="center">
            <img class="img-f" alt="" src="../../image/0050-2.jpg" />
          </p>
          <p class="img">图1-10-1 2008年北京奥运会会徽</p>
          <p class="center">
            <img class="img-f" alt="" src="../../image/0050-1.jpg" />
          </p>
          <p class="img">图1-10-2 2022年北京冬奥会会徽</p>
          <div class="bk-xyx">
            <p class="bj1-xyx">议一议</p>
            <p>
              请同学们上网搜索观看2008年北京夏季奥运会、2022年北京冬季奥运会开幕式视频，交流观后感想。
            </p>
          </div>
          <p>
            2015年7月31日，北京赢得了2022年第24届冬季奥林匹克运动会的主办权，这是我国奥运史上的又一里程碑事件。图1-10-2为2022年北京冬奥会会徽。本届冬奥会提出了“一起向未来”的口号，倡导追求团结、和平、进步、包容的共同目标，表达了世界需要携手走向美好未来的共同愿望，是“更快、更高、更强、更团结”奥林匹克精神的中国化宣言，以习近平总书记“绿色、共享、开放、廉洁”的办奥理念，让奥林匹克再次助力中国梦想，使冬季运动融入我国亿万民众，让世界更加相知、相融，为世界贡献了一场“精彩、非凡、卓越”的北京冬奥会。北京冬奥会、冬残奥会的成功举办，青年一代更加积极向上，全党全国各族人民文化自信明显增强、精神面貌更加奋发昂扬。
          </p>
        </div>
      </div>
    </div>
    <!-- 38 -->
    <div class="page-box" page="49">
      <div v-if="showPageList.indexOf(49) > -1">
        <div class="header-even">
    <span class="sub-page">038</span>
    <div class="line-page"></div>
    <span class="book-title">体育与健康</span>
  </div>
        <div class="bodystyle">
          <h4 id="d034">四、中华体育精神</h4>
          <div class="bk-xyx">
            <p class="bj1-xyx">议一议</p>
            <p>
              请同学们登录课程平台学习“中国女排十连冠”，并分享自己曾看过的中国女排比赛。
            </p>
          </div>
          <p>
            2019年9月30日，习近平总书记在会见获得2019年女排世界杯冠军的中国女排队员、教练员代表时对女排精神进行了总结：祖国至上、团结协作、顽强拼搏、永不言败。1981年5月，万里同志把“胸怀祖国、放眼世界、为国争光的精神，发愤图强、自力更生、艰苦奋斗的实干精神，不屈不挠、勤学苦练、不断钻研、不断创新的精神，同心同德、团结战斗的集体主义精神，胜不骄、败不馁的革命乐观主义精神”概括为“乒乓精神”。
          </p>
          <p>
            “女排精神”“乒乓精神”是中华体育精神在排球和乒乓球运动中的高度凝练与集中体现。它们已成为时代的精神印记，衍生出强大的民族凝聚力，影响着各个行业领域。正如马克思所言：“任何真正的哲学都是自己时代精神的精华。”
          </p>
          <p>
            中华体育精神是指中国人在体育实践活动中形成的，以爱国奉献、团结协作、公平竞争、拼搏自强、快乐健康为主要价值标准的意识、思维活动和一般心理状态。精神能化人，以“顽强拼搏、无私奉献、科学求实、遵纪守法、团结协作、为国争光”为主要内容的中华体育精神，不仅激励了一代代体育人干事创业、奋勇争先，而且为社会主义现代化建设增添了强大的精神动力。
          </p>
          <p>
            在不同时期，中华体育精神有着鲜明的时代符号，这些符号无疑是时代风貌的生动写照。党和国家领导人在体育思想上高屋建瓴，为中华体育精神留下了宝贵的财富，指引着一代代中国人向着更好的目标奋进。
          </p>
          <p>
            毛泽东在《体育之研究》中提出：“文明其精神，野蛮其体魄……体育之效，至于强筋骨，因而增知识，因而调感情，因而强意志”；为中华全国体育总会成立大会题词“发展体育运动，增强人民体质”；坚守“体育于吾人实占第一之位置”的观点；认为“健康第一，学习第二”，体育是德育和智育的基础；提出了“友谊第一，比赛第二”的竞技体育方针等。
          </p>
          <div class="bk-xyx">
            <p class="bj1-xyx">议一议</p>
            <p>
              请同学们登录课程平台学习“中华体育精神符号”，并分享自己对这些体育人的认识。
            </p>
          </div>
          <p>
            习近平总书记指出：“体育是提高人民健康水平的重要途径，是满足人民群众对美好生活向往、促进人的全面发展的重要手段，是促进经济社会发展的重要动力，是展示国家文化软实力的重要平台”；“体育承载着国家强盛、民族振兴的梦想，体育强则中国强，国运兴则体育兴”；强调体育强国建设“以人民为中心，通过全民健身实现全民健康”；认为发展体育事业“能为中华民族伟大复兴提供凝心聚气的强大精神力量”，我们要“弘扬中华体育精神，弘扬体育道德风尚”，等等。
          </p>
          <p>
            从“体育救国”到“健康中国”，从体育的层面体现出我国在党的几代领导集体的带领下，在几代中国人民的勤劳奋斗下，步入社会主义新时代，开启中华民族伟大复兴的新篇章。
          </p>
        </div>
      </div>
    </div>
    <!-- 39 -->
    <div class="page-box" page="50">
      <div v-if="showPageList.indexOf(50) > -1">
        <div class="header-odd">
    <span class="mk">基础模块</span>
    <span class="sub">第一单元</span>
    <span class="sub-title">健康教育</span>
    <div class="line-page"></div>
    <span class="sub-page">039</span>
  </div>
        <div class="bodystyle">
          <h4 id="d035">五、注重体育精神的塑造，树立积极的人生观和价值观</h4>
          <h5 id="e056">（一）主动参与、自我超越，担当青年使命</h5>
          <p>
            同学们可以试试：主动参加体育活动；尝试参加一项自己从未接触过的体育运动；尝试创造一个新的成绩。青年强，则国家强。当代中国青年生逢其时，施展才干的舞台无比广阔，实现梦想的前景无比光明。同学们要主动克服心理惰性，积极参与体育活动；要在实践中挑战自我、战胜自我、超越自我，要敢于站上跑道、走进赛场，不做过客、不当看客，为国家、为人民、为社会担起青年人的使命。
          </p>
          <h5 id="e057">（二）不畏艰苦、勇于拼搏，磨炼坚强意志</h5>
          <p>
            同学们可以试试：在每次想要放弃的时候对自己说“再坚持一下”，大声喊出“我可以的”。冠军的金牌和鲜花是鲜艳亮丽的，但在站上领奖台之前，运动员需要接受千万次的艰苦磨炼，赛中更需要全盘考虑、周密部署、谨慎细致、拼尽全力，不敢有一丝马虎。同学们要立足本职、埋头苦干，从自身做起，从点滴做起，怀抱梦想又脚踏实地，敢想敢为又善作善成，立志做有理想、敢担当、能吃苦、肯奋斗的新时代好青年。
          </p>
          <div class="bk-xyx">
            <p class="bj1-xyx">议一议</p>
            <p>
              请同学们登录课程平台学习“奥运史上令人瞩目的倒数第一名”，并分享从这则故事中得到的启示。
            </p>
          </div>
          <h5 id="e058">（三）服从规则、尊重对手，树立公平竞争意识</h5>
          <p>
            同学们可以试试：和同伴一起研究一个体育项目的规则；担任一个体育项目的裁判；向对手行赛前礼；向获胜的对手真诚致贺。体育的世界如同一场有规则的游戏。公平的前提是所有人都遵守规则，只有在相同的规则下，竞争才有意义。吹灭别人的灯，并不会让自己更加光明；阻挡别人的路，也不会让自己行得更远。我们必须要具备这样一种意识。这是对自己的尊重，也是对他人的尊重。
          </p>
          <h5 id="e059">（四）团结友爱、协同配合，增强集体凝聚力</h5>
          <p>
            同学们可以试试：在比赛前和队友一起握手喊加油；和队友一起商量比赛战术；抱抱因失误而内疚的队友。团结就是力量，团结才能胜利。团结一致是一支优秀团队的目标、理想、作风、纪律、凝聚力和战斗力处于最佳状态的体现，是团队良性发展并取得优异成绩的可靠保证。赢了一起“狂”，输了一起“扛”，团队的荣辱兴衰关乎每一分子。当所有人都为这个集体默默地付出、贡献自己的力量时，这个团队才会凝心聚力，披荆斩棘，所向披靡。
          </p>
        </div>
      </div>
    </div>
    <!-- 40 -->
    <div class="page-box" page="51">
      <div v-if="showPageList.indexOf(51) > -1">
        <div class="header-even">
    <span class="sub-page">040</span>
    <div class="line-page"></div>
    <span class="book-title">体育与健康</span>
  </div>
        <div class="bodystyle">
          <h5 id="e060">（五）求真学问、求实创新，树立远大理想</h5>
          <p>
            同学们可以试试：成为一个小团体中某项技术领先的人；成为团队中最了解某个体育项目起源的人；创新一个简易的体育游戏。在知识更新日趋加速、技术迭代日新月异的今天，要成为挺立在时代潮头、中流击水的佼佼者，就必须坚持解放思想、实事求是、与时俱进、求真务实，一切从实际出发，把“求真学问，练真本领”作为首要任务。同学们要树立远大理想，奉行“事业靠本领、幸福靠成就”的理念，让体育精神成为青春远航的动力，让增长本领成为青春搏击的能量。
          </p>
          <h4 id="d036">六、中职学生的基本体育道德规范</h4>
          <p>
            在课上要认真学练老师所授的每一项知识、技能，专心倾听老师的讲解与示范，认真揣摩、模仿尝试、学懂练会；在运动及比赛的过程中尊重伙伴和对手，践行公平、公正和公开竞争的原则；在“学—练—赛—评”中养成良好的体育道德。具体来说，同学们应做到以下几点。
          </p>
          <p class="block">1.热爱运动，健康生活，遵守运动规则。</p>
          <p class="block">2.尊重对手，尊重裁判，诚实守信。</p>
          <p class="block">
            3.遵守运动礼仪，运动中不歧视、不藐视、不故意伤害任何运动伙伴和对手。
          </p>
          <p class="block">4.团结协作，拼搏进取，互帮互助，共同进步。</p>
          <p class="block">
            5.自强、自立、自尊、自信、自重，勇于挑战自我、超越自我。
          </p>
          <p class="block">6.在规则下，能够体面地赢，也能够体面地输。</p>
          <p class="block">
            7.“学—练—赛—评”要积极主动、认真踏实、持之以恒、保质保量。
          </p>
          <p class="block">
            8.运动中要文明礼貌，着整洁的运动装，言行举止得体。
          </p>
          <p class="block">
            9.爱护校园一切体育设施，保护校园人文景观和自然环境，损坏公物要赔偿。
          </p>
          <p class="block">10.尊敬体育教师，尊重体育器材保管员。</p>
          <div class="bk-xspj">
            <p class="bj-sbx">学习评价</p>
            <p class="block">1.我认为体育精神是____________。</p>
            <p class="block">
              2.我会通过以下途径塑造自己的体育精神____________。
            </p>
            <p class="block">
              3.通过学习“奥运中国”、党和国家领导人的体育思想，我打算从__________________方面做起，为自己的健康负责，为我国体育事业贡献自己应有的一分力量。
            </p>
            <p class="block">
              4.请收集重要赛事中运动员使用兴奋剂的案例，并和同学交流其危害，说一说这些案例对自己日常生活的启示。
            </p>
          </div>
          <hr />
          <p class="note">
            <a id="m1"></a><a href="chapter001.html#w1">[1]</a>
            本教材课程平台为www.bnuic.com，进入该网址后，依次选择“京师职教→中职→文化基础课→体育与健康（第3版）→教与学资源”，即可查阅教材全部资源。全书同，后不赘述。
          </p>
          <p class="note">
            <a id="m2"></a><a href="chapter001.html#w2">[2]</a>
            陶行知：《陶行知全集》第8卷，66页，成都，四川教育出版社，2009。
          </p>
          <p class="note">
            <a id="m3"></a><a href="chapter001.html#w3">[3]</a>
            体重指数（详见②）、肺活量可根据《国家学生体质健康标准（2014年修订）》高一阶段数据计算或测试得出。其中，男生体重指数正常值区间为16.5～23.2，≤16.4为低体重，23.3～26.3为超重，≥26.4为肥胖；女生体重指数正常值区间为16.5～22.7，≤16.4为低体重，22.8～25.2为超重，≥25.3为肥胖。男生肺活量≤2599毫升为不及格，2600～3799毫升为及格，3800～4299毫升为良好，≥4300毫升为优秀；女生肺活量≤1749毫升为不及格，1750～2749毫升为及格，2750～3049毫升为良好，≥3050毫升为优秀。脊柱、性发育指标可根据相关健康体检报告填写。
          </p>
          <p class="note">
            <a id="m4"></a><a href="chapter001.html#w4">[4]</a>
            体重指数是目前常用的衡量人体胖瘦及健康程度的一项标准，具体计算方法为体重指数=体重÷身高<sup>2</sup>（体重单位：千克；身高单位：米）。
          </p>
          <p class="note">
            <a id="m5"></a><a href="chapter001.html#w5">[5]</a>
            针对如溺水等气道堵塞类的心肺复苏，实施步骤有所区别，应先开放气道、清除气道中的积水及异物，再依次进行人工呼吸和胸外按压。
          </p>
        </div>
      </div>
    </div>
    
    <!-- 41 -->
    <!-- <div class="page-box" page="52">
      <div class="header-odd">
    <span class="mk">基础模块</span>
    <span class="sub">第一单元</span>
    <span class="sub-title">健康教育</span>
    <div class="line-page"></div>
    <span class="sub-page">041</span>
  </div>
      <div v-if="showPageList.indexOf(52) > -1">
        <div class="bodystyle"></div>
      </div>
    </div> -->
  </div>
</template>
<script>

 src/books/sportsAndHealth/view/components/chapter003.html

File was deleted

 src/books/sportsAndHealth/view/components/chapter003.vue

 src/books/sportsAndHealth/view/components/chapter004.html

File was deleted

 src/books/sportsAndHealth/view/components/chapter005.html

File was deleted

 src/books/sportsAndHealth/view/components/chapter006.html

File was deleted

 src/books/sportsAndHealth/view/components/chapter007.html

File was deleted

 src/books/sportsAndHealth/view/components/chapter008.html

File was deleted

 src/books/sportsAndHealth/view/components/chapter009.html

File was deleted

 src/books/sportsAndHealth/view/components/chapter010.html

File was deleted

 src/books/sportsAndHealth/view/components/chapter011.html

File was deleted

 src/books/sportsAndHealth/view/components/front001.vue

@@ -158,7 +158,7 @@
            为了增强中职学生在日常生活和未来职业发展中必备的体能，第二单元“体能发展”设计了“一般体能”和“职业体能”两大专题。“一般体能”专题主要包括力量、心肺耐力、柔韧性、速度、平衡能力、协调性、灵敏性等的训练，科学设计了锻炼方法与频次建议，以直观性强的图示方式介绍如何精准锻炼，还提供了部分课外体能锻炼方法作为参考。“职业体能”专题按职业类型对体能的需求，分类设计体能锻炼方法，分为久坐型职业体能训练、久站型职业体能训练、经久高度注意力型职业体能训练、特定职业体能训练、乘务类职业体能训练五大类。对于《课标》要求的专项体能，为便于学生学练，本教材将其放在了拓展模块的各专项运动之中。
          </p>
          <p class="block">
            第二部分“拓展模块”包括球类、田径类、体操类、武术与民族民间传统体育类、水上类、冰雪类和新兴体育类七大运动系列，共包含篮球、足球、排球、羽毛球、乒乓球、网球等28个专项运动（其中新兴体育类运动的跆拳道、软式棒垒球、腰旗橄榄球需登录课程平台www.bnuic.com进行学练）。这既充分考虑到中职学校开展常见运动项目的需要，结合地域、气候和少数民族地区特点设置有针对性的运动项目，又引入大量新兴体育类运动以满足中职学生不同的兴趣爱好和运动需求。每项运动均包含体育中国、了解运动、学练技能、参与比赛、自主评价、专项体能等部分。其中，“体育中国”栏目介绍我国相关优势项目取得的成绩，讲好中国故事、传播好中国声音，展现可信、可爱、可敬的中国形象，突出思政元素和育人价值。“了解运动”介绍各项运动的背景、特点、作用。“学练技能”严格按照《课标》要求，将各项运动的技战术学练按照难度、复杂度划分成进阶性的三个模块。每个模块都设计了由简到繁的单项技战术学练、组合技能练习。“参与比赛”“自主评价”“专项体能”则根据不同地区、不同师生的需求，结合时下信息化教与学的特点，提供了丰富的可选择性内容，需要师生登录课程平台进行了解、学练、比赛与测评。
            第二部分“拓展模块”包括球类、田径类、体操类、武术与民族民间传统体育类、水上类、冰雪类和新兴体育类七大运动系列，共包含篮球、足球、排球、羽毛球、乒乓球、网球等28个专项运动（其中新兴体育类运动的跆拳道、软式棒垒球、腰旗橄榄球需进行学练）。这既充分考虑到中职学校开展常见运动项目的需要，结合地域、气候和少数民族地区特点设置有针对性的运动项目，又引入大量新兴体育类运动以满足中职学生不同的兴趣爱好和运动需求。每项运动均包含体育中国、了解运动、学练技能、参与比赛、自主评价、专项体能等部分。其中，“体育中国”栏目介绍我国相关优势项目取得的成绩，讲好中国故事、传播好中国声音，展现可信、可爱、可敬的中国形象，突出思政元素和育人价值。“了解运动”介绍各项运动的背景、特点、作用。“学练技能”严格按照《课标》要求，将各项运动的技战术学练按照难度、复杂度划分成进阶性的三个模块。每个模块都设计了由简到繁的单项技战术学练、组合技能练习。“参与比赛”“自主评价”“专项体能”则根据不同地区、不同师生的需求，结合时下信息化教与学的特点，提供了丰富的可选择性内容，需要师生进行了解、学练、比赛与测评。
          </p>
          <p class="block">
            本教材已有十余年的出版、发行及使用经验的积淀，深受广大师生的喜爱和好评。本次修订更加凸显贯彻落实国家新政策、新精神，突出新时代、新特征，把握《课标》的新要求、新方向，结合中职学生身心健康发展规律与运动喜好，注重渗透思想政治教育，注重服务于中职学生的职业发展需求，努力打造富有科学性、适切性、创新性、引领性的教材：科学性主要体现为教材内容系统设计、富有逻辑、合理衔接；适切性主要体现为内容选择以学生为本、对标《课标》、切合实际；创新性主要体现为结构形式整体建构、科技赋能、主线鲜明；引领性主要体现为思想观念打破传统、开放多元、凸显前沿，为中职学生的体育与健康学习保质、增效。

 src/books/sportsAndHealth/view/components/front002.html

File was deleted

 src/books/sportsAndHealth/view/components/front003.html

File was deleted

 src/books/sportsAndHealth/view/components/front004.html

File was deleted

 src/books/sportsAndHealth/view/components/front005.html

File was deleted

 src/books/sportsAndHealth/view/components/front006.html

File was deleted

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

@@ -256,8 +256,8 @@
    }, 500);

    // 测试页面跳转
    // setTimeout(() => {
    // this.gotoPage(1,10);
    setTimeout(() => {
      this.gotoPage(1, 23);
    //   setTimeout(() => {
    //     this.renderSign("Highlight", {
    //       id: "2ACA9359",
@@ -285,7 +285,7 @@
    //   txt: " 运动系统是由骨、骨连结和骨骼肌三部分组成的。全身的骨通过骨连结组成人体骨骼（见图1-1）。骨骼是人体的支架，具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下，肌肉收缩牵动所附着的骨绕着关节转动，使身体产生各种动作。所以，运动系统具有运动、支持和保护等功能，幼年时期的骨骼还具有造血功能。 ",
    //   txtIndex: 57
    // });
    // }, 500);
    }, 500);
  },
  methods: {
    swdtChange(data) {