英语（表格）

zhongshujie

2024-07-08 bc7f6f02feeff377da9d95546420987a2539d7cc

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

@@ -71,12 +71,56 @@
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <h3 id="c047"><span class="bjh3">Listening</span></h3>
                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                        <h3 id="c047" class="fl al-cn">
                            <span class="bjh3">Listening</span>
                            <!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
                            <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
                                class="audio"></audio>
                        </h3>
                        <p><b>Four interns are talking about the work environment they like.Listen to the recording and
                                fill in the blanks with what you hear.</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0109-2.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-tr-bc">
                                <td class="tl-lf table-th-bc wh-no">Chen Meiling</td>
                                <td>
                                    I would prefer working in an interesting and professional environment where
                                    everybody works hard and helps each other to succeed as a l.<input
                                        :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 70px"
                                        v-model="testData.in.one" @change="setTestData" />
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn table-th-bc">Ross</td>
                                <td>
                                    For me, I prefer the workplace that gives me enough space to grow, There should be
                                    good 2.<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 70px"
                                        v-model="testData.in.one" @change="setTestData" />and mutual 3.<input
                                        :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 70px"
                                        v-model="testData.in.one" @change="setTestData" />between each team member.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn table-th-bc">Amelia</td>
                                <td>
                                    I'd like to work in an environment that gives me learning opportunities as well as
                                    spacefor personal 4.<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 70px"
                                        v-model="testData.in.one" @change="setTestData" />
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn table-th-bc">Li Tao</td>
                                <td>
                                    I hope it's a workplace where there is 5.<input :disabled="testData.isComplete"
                                        type="text" class="input-bottom-border input-bc-t" style="width: 70px"
                                        v-model="testData.in.one" @change="setTestData" />for people's ideas as well as
                                    appreciationfor good work and elfort.
                                </td>
                            </tr>
                        </table>
                        <h3 id="c048"><span class="bjh3">Reading</span></h3>
                        <p>1.What makes a positive work environment?</p>
                        <p>2.Why would people be more productive in such environment?</p>
@@ -310,7 +354,52 @@
                            <p>2.What does positive work environment refer to?</p>
                            <p>3.How do employers maintain a positive work environment?</p>
                        </div>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0112-1.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn">Paragraphs</td>
                                <td class="wh-no tl-cn">Related Questions</td>
                                <td class="tl-cn">Answers</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">Para. 1-2</td>
                                <td class="wh-no tl-cn"><input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 70px"
                                        v-model="testData.in.one" @change="setTestData" /></td>
                                <td style="width: 80%;">
                                    <textarea v-model="questionData.table.one"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    Para. 3-4
                                </td>
                                <td class="tl-cn">
                                    <input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 70px"
                                        v-model="testData.in.one" @change="setTestData" />
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.two"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    Para. 5
                                </td>
                                <td class="tl-cn">
                                    <input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 70px"
                                        v-model="testData.in.one" @change="setTestData" />
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.three"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                        <p><b>Ⅱ.Language focus.</b></p>
                        <p>A.Fill in the blanks with the proper words in the passage.The initial letters of the words
                            have been given.</p>
@@ -438,7 +527,81 @@
                            groups to list the elements of a pleasant work environment and explain the reasons for your
                            choice.</p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0114-1.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn">Elements</td>
                                <td class="tl-cn">Reasons for the Choice</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn wh-no">Company Culture</td>
                                <td>
                                    Company culture is the soul and essence of a company, It helps us define the
                                    atti-tude and behavior within a company.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.four"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.five"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>

                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.six"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.seven"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>

                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.eight"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.nine"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.ten"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.eleven"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.twelve"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.thirteen"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -857,12 +1020,88 @@
                        <p>Work in groups.Ask your group members about any improper behavior he/she has ever seen in the
                            library and draft a code of conduct.Share your opinions with the class.</p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0121-1.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn wh-no">Improper Behavior</td>
                                <td class="tl-cn">Talking Loudly</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn wh-no">Code of Conduct</td>
                                <td style="width: 85%;">
                                    <p class="table-p">Keep quiet and do not make and receive phone calls.</p>
                                    <p class="table-p"> Diseuss in the seminar room.</p>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.fourteen"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.fifteen"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>

                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.sixteen"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.seventeen"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>

                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.eighteen"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.nineteen"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.twenty"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentyOne"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.twentyTwo"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentyThree"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                        <h2 id="b023"><img class="img-0" alt="" src="../../assets/images/dy6-le3.jpg" /></h2>
                        <h3 id="c053"><span class="bjh3">Listening</span></h3>
                        <p class="center"><audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <h3 id="c053" class="fl al-cn">
                            <span class="bjh3">Listening</span>
                            <!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
                            <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
                                class="audio"></audio>
                        </h3>
                        <p><b>Ⅰ.Listen to the monologue about the perfect workplace and decide whether the following
                                statements are true (T) or false (F).</b></p>
                        <p>(　) 1.A positive workplace might have the same details for everybody.</p>
@@ -894,7 +1133,46 @@
                    <div class="bodystyle">
                        <p><b>Ⅱ.Listen to the conversation about the dress code between Sally and Ross and match the
                                following information with the corresponding speaker.</b></p>
                        <p class="center"><img class="img-0" alt="" src="../../assets/images/0122-1.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">

                            <tr class="table-tr-bc">
                                <td class="tl-cn wh-no table-th-bc">Sally</td>
                                <td>
                                    <select class="select-border select-bc-t" style="background-color: transparent"
                                        v-model="dropdownData.one.value" @change="setDropdownData"
                                        :disabled="dropdownData.isComplete">
                                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                                            {{ item }}
                                        </option>
                                    </select>
                                </td>
                                <td rowspan="2">
                                    <p class="table-p">a. I need to follow the dress code and dress properly for work.
                                    </p>
                                    <p class="table-p">b. I think dress code is quite necessary to maintain a business
                                        formal image.</p>
                                    <p class="table-p">c. A neat and pressed business suit with a tie is a great choice
                                        for me.</p>
                                    <p class="table-p">d. Our boss thinks that casual wear brings inspiration for the
                                        job.</p>
                                    <p class="table-p">e. I don't have to dress formally for work.</p>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="table-th-bc tl-cn"> Ross </td>
                                <td>
                                    <select class="select-border" style="background-color: transparent"
                                        v-model="dropdownData.two.value" @change="setDropdownData"
                                        :disabled="dropdownData.isComplete">
                                        <option v-for="(item, index) in dropDownList" :key="index" :value="item">
                                            {{ item }}
                                        </option>
                                    </select>
                                </td>
                            </tr>


                        </table>
                        <h3 id="c054"><span class="bjh3">Practical Writing</span></h3>
                        <p>Work with your partner to discuss the following questions.</p>
                        <p>1.Why do we need to take the minutes?</p>
@@ -981,7 +1259,30 @@
                        <p>Ⅳ<b>.The HR department has been assigned the task to prepare the in-service training for the
                                newly recruited employees.Complete the following minutes based on the information
                                provided.</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0124-2.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn" style="width: 86%;">Interviewees</td>
                                <td class="tl-cn">Presented By</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <p class="table-p">Introduce the briefing of the training program;</p>
                                    <p class="table-p">vote to approve the budget plan of the training.</p>
                                </td>
                                <td>
                                    Tim Shaw
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <p class="table-p">Reserve the lecture hall for the training;</p>
                                    <p class="table-p">ensure the multimedia equipment works.</p>
                                </td>
                                <td>
                                    James Lee
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -1042,7 +1343,58 @@
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0126-3.jpg" /></p>
                        <p class="img">Picture 3</p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dyworksheet1.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0126-4.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn">Pictures</td>
                                <td class="tl-cn">Problems</td>
                                <td class="tl-cn wh-no">Measures for Improvement</td>
                                <td class=" tl-cn">Reasons for Improvement</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">1</td>
                                <td class="tl-lf">The documents are scattered messily on the desk.</td>
                                <td class="tl-lf">
                                    Organize the documents into different categories.
                                </td>
                                <td class="tl-lf">
                                    It is easier for us to locate specific documents if we sort them into categories.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    2
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentyFour"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentyFive"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentySix"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    3
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentySeven"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentyEight"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.twentyNine"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -1068,7 +1420,66 @@
                        <p><b>Task 2:</b> Investigate the work environment of the people you know,and then work with
                            your partner to finish Worksheet 2.</p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dyworksheet2.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0127-1.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn">Respondents</td>
                                <td class="tl-cn">Problems</td>
                                <td class="tl-cn wh-no">Measures for Improvement</td>
                                <td class=" tl-cn">Reasons for lmprovement</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn"><textarea v-model="questionData.table.thirty"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td class="tl-lf"><textarea v-model="questionData.table.thirtyOne"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td class="tl-lf">
                                    <textarea v-model="questionData.table.thirtyTwo"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td class="tl-lf">
                                    <textarea v-model="questionData.table.thirtyThree"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.thirtyFour"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.thirtyFive"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.thirtySix"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.thirtySeven"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="questionData.table.thirtyEight"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.thirtyNine"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.forty"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.fortyOne"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                        <div class="fieldset-8">
                            <p class="center"><b>Useful Expressions</b></p>
                            <p>I don’t think it appropriate to ...</p>
@@ -1277,8 +1688,40 @@
                    five: "",
                    six: "",
                    seven: "",
                    enight: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                    fifteen: "",
                    sixteen: "",
                    seventeen: "",
                    eighteen: "",
                    nineteen: "",
                    twenty: "",
                    twentyOne: "",
                    twentyTwo: "",
                    twentyThree: "",
                    twentyFour: "",
                    twentyFive: "",
                    twentySix: "",
                    twentySeven: "",
                    twentyEight: "",
                    twentyNine: "",
                    thirty: "",
                    thirtyOne: "",
                    thirtyTwo: "",
                    thirtyThree: "",
                    thirtyFour: "",
                    thirtyFive: "",
                    thirtySix: "",
                    thirtySeven: "",
                    thirtyEight: "",
                    thirtyNine: "",
                    forty:"",
                    fortyOne:"",
                },
            },
            testData: {