From bb584963c6abe77c5577cbcad3c9956b69444ae9 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期二, 01 七月 2025 17:17:30 +0800
Subject: [PATCH] 无人机样章

---
 src/books/hotelEnglishTrainingBrochure2nd/view/components/chapter001.vue |  243 +++++++++++++++++++++++++++++-------------------
 1 files changed, 146 insertions(+), 97 deletions(-)

diff --git a/src/books/hotelEnglishTrainingBrochure2nd/view/components/chapter001.vue b/src/books/hotelEnglishTrainingBrochure2nd/view/components/chapter001.vue
index d44d088..fab3995 100644
--- a/src/books/hotelEnglishTrainingBrochure2nd/view/components/chapter001.vue
+++ b/src/books/hotelEnglishTrainingBrochure2nd/view/components/chapter001.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="chapter" num="2">
     <!-- 295椤� -->
-    <div class="page-box" page="4">
-      <div v-if="showPageList.indexOf(4) > -1">
+    <div class="page-box" page="5">
+      <div v-if="showPageList.indexOf(5) > -1">
         <div class="UnitCover">
           <div class="UnitCover-left"></div>
           <div class="UnitCover-right">
@@ -39,8 +39,8 @@
       </div>
     </div>
     <!-- 296椤� -->
-    <div class="page-box" page="5">
-      <div v-if="showPageList.indexOf(5) > -1">
+    <div class="page-box" page="6">
+      <div v-if="showPageList.indexOf(6) > -1">
         <div class="copyrightPage-top"></div>
         <ul class="header-left">
           <li class="header-left-Text">
@@ -328,8 +328,8 @@
       </div>
     </div>
     <!-- 297椤� -->
-    <div class="page-box" page="6">
-      <div v-if="showPageList.indexOf(6) > -1">
+    <div class="page-box" page="7">
+      <div v-if="showPageList.indexOf(7) > -1">
         <div class="copyrightPage-top"></div>
         <ul class="header-right">
           <li class="header-right-Text">
@@ -379,7 +379,7 @@
           <p class="content">
             (1) When the guest is checking out at the
             <span class="ts-word">cashier's
-              station,</span> the cashier should ask
+              station</span>,the cashier should ask
             about the guest's name and room number at first. Then remind the
             guest to return the room card.
           </p>
@@ -402,8 +402,8 @@
       </div>
     </div>
     <!-- 298椤� -->
-    <div class="page-box" page="7">
-      <div v-if="showPageList.indexOf(7) > -1">
+    <div class="page-box" page="8">
+      <div v-if="showPageList.indexOf(8) > -1">
         <div class="copyrightPage-top"></div>
         <ul class="header-left">
           <li class="header-left-Text">
@@ -451,7 +451,8 @@
             (4) When the bill is ready, tell the guest the total amount and ask
             the guest how he/she will make the payment. The methods of payment
             which are commonly accepted in hotels are 鈥渃ash鈥�, 鈥渃redit card鈥�,
-            鈥�<span class="ts-word">debit card</span>鈥�,鈥渢raveler's check鈥�, 鈥�<span class="ts-word">gift certifi cate</span>鈥�,
+            鈥�<span class="ts-word">debit card</span>鈥�,鈥渢raveler's check鈥�, 鈥�<span class="ts-word">gift certifi
+              cate</span>鈥�,
             etc.
           </p>
           <div class="border">
@@ -459,9 +460,10 @@
             <p class="content">
               <img class="img-k" src="../../assets/images/a2.jpg" alt="" />
               Here are commonly accepted international credit cards:
-              <span class="ts-word">American Express (AE/AX), MasterCard (MC), Visa(VS), enRoute
-                (ER), Eurocard(EC), International Great Wall, International
-                Diner's Club, Federal Card.</span>
+              <span class="ts-word">American Express (AE/AX)</span>, <span class="ts-word">MasterCard (MC)</span>, <span
+                class="ts-word">Visa (VS)</span>, <span class="ts-word">enRoute (ER)</span>
+              ,<span class="ts-word">Eurocard (EC)</span>, <span class="ts-word">International Great Wall</span>,<span
+                class="ts-word">International Diner's Club</span>,<span class="ts-word">Federal Card</span>.
             </p>
             <p class="content">
               <img class="img-k" src="../../assets/images/a2.jpg" alt="" />
@@ -471,7 +473,7 @@
             <p class="content">
               <img class="img-k" src="../../assets/images/a2.jpg" alt="" />
               Check if the total amount on the bill goes beyond the
-              <span class="ts-word">authorized credit limit</span> set by the
+              <span class="ts-word">authorized</span>&ensp;<span class="ts-word">credit limit</span> set by the
               credit card offi ce. If it is beyond the limit, you may ask the
               guest if he/she would like to pay in cash to settle the
               difference.
@@ -485,8 +487,8 @@
       </div>
     </div>
     <!-- 299椤� -->
-    <div class="page-box" page="8">
-      <div v-if="showPageList.indexOf(8) > -1">
+    <div class="page-box" page="9">
+      <div v-if="showPageList.indexOf(9) > -1">
         <div class="copyrightPage-top"></div>
         <ul class="header-right">
           <li class="header-right-Text">
@@ -499,7 +501,7 @@
             <p class="content">
               <img class="img-k" src="../../assets/images/a2.jpg" alt="" />
               Check if the total amount on the bill goes beyond the
-              <span class="ts-word">authorized credit limit</span> set by the
+              <span class="ts-word">authorized</span>&ensp;<span class="ts-word">credit limit</span> set by the
               credit card offi ce. If it is beyond the limit, you may ask the
               guest if he/she would like to pay in cash to settle the
               difference.
@@ -579,7 +581,7 @@
             <p class="td-2">
               (6)琛ㄨ揪閲戦鐨勪竴鑸柟寮忔槸鈥滄暟棰�+甯佺鈥濄�傝嫳璇腑锛岃〃杈鹃噾棰濈殑涔﹂潰褰㈠紡鏄�滃竵绉�+鏁伴鈥濓紝浣嗗彛澶磋〃杈惧嵈鏄�滄暟棰�+甯佺鈥濄�備緥濡�:
             </p>
-            <div class="fl jc-c">
+            <div class="fl jc-c tableClass1">
               <table border="1" cellpadding="10" cellspacing="0" style="
                   border-color: #5192c6;
                   border-collapse: collapse;
@@ -638,8 +640,8 @@
       </div>
     </div>
     <!-- 300椤� -->
-    <div class="page-box" page="9">
-      <div v-if="showPageList.indexOf(9) > -1">
+    <div class="page-box" page="10">
+      <div v-if="showPageList.indexOf(10) > -1">
         <div class="copyrightPage-top"></div>
         <ul class="header-left">
           <li class="header-left-Text">
@@ -661,8 +663,8 @@
       </div>
     </div>
     <!-- 301椤� -->
-    <div class="page-box" page="10">
-      <div v-if="showPageList.indexOf(10) > -1">
+    <div class="page-box" page="11">
+      <div v-if="showPageList.indexOf(12) > -1">
         <div class="copyrightPage-top"></div>
         <ul class="header-right">
           <li class="header-right-Text">
@@ -705,8 +707,8 @@
       </div>
     </div>
     <!-- 302椤� -->
-    <div class="page-box" page="11">
-      <div v-if="showPageList.indexOf(11) > -1">
+    <div class="page-box" page="12">
+      <div v-if="showPageList.indexOf(12) > -1">
         <div class="copyrightPage-top"></div>
         <ul class="header-left">
           <li class="header-left-Text">
@@ -785,8 +787,8 @@
       </div>
     </div>
     <!-- 303椤� -->
-    <div class="page-box" page="12">
-      <div v-if="showPageList.indexOf(12) > -1">
+    <div class="page-box" page="13">
+      <div v-if="showPageList.indexOf(13) > -1">
         <div class="copyrightPage-top"></div>
         <ul class="header-right">
           <li class="header-right-Text">
@@ -925,8 +927,8 @@
       </div>
     </div>
     <!-- 304椤� -->
-    <div class="page-box" page="13">
-      <div v-if="showPageList.indexOf(13) > -1">
+    <div class="page-box" page="14">
+      <div v-if="showPageList.indexOf(14) > -1">
         <div class="copyrightPage-top"></div>
         <ul class="header-left">
           <li class="header-left-Text">
@@ -1050,8 +1052,8 @@
       </div>
     </div>
     <!-- 305椤� -->
-    <div class="page-box" page="14">
-      <div v-if="showPageList.indexOf(14) > -1">
+    <div class="page-box" page="15">
+      <div v-if="showPageList.indexOf(15) > -1">
         <div class="copyrightPage-top"></div>
         <ul class="header-right">
           <li class="header-right-Text">
@@ -1108,8 +1110,8 @@
       </div>
     </div>
     <!-- 306椤� -->
-    <div class="page-box" page="15">
-      <div v-if="showPageList.indexOf(15) > -1">
+    <div class="page-box" page="16">
+      <div v-if="showPageList.indexOf(16) > -1">
         <div class="copyrightPage-top"></div>
         <ul class="header-left">
           <li class="header-left-Text">
@@ -1127,7 +1129,7 @@
           <p class="quotation fm-kt">鎴戜滑鎺ュ彈缇庡浗杩愰�氬崱銆佷竾浜嬭揪鍗″拰缁磋惃鍗°��</p>
           <p class="content">
             (29) I'm sorry but we are not allowed to accept
-            <span class="ts-word">personal checks.</span>
+            <span class="ts-word">personal checks</span>.
           </p>
           <p class="quotation fm-kt">瀵逛笉璧凤紝鎴戜滑涓嶈兘鎺ュ彈涓汉鏀エ銆�</p>
           <p class="content">
@@ -1140,7 +1142,7 @@
           </p>
           <p class="quotation fm-kt">鎮ㄧ敤鐜伴噾琛ュ樊棰濆彲浠ュ悧锛�</p>
           <p class="content">
-            (32) Here is your <span class="ts-word">change/</span>receipt/<span class="ts-word">invoice</span>.
+            (32) Here is your <span class="ts-word">change</span>/receipt/<span class="ts-word">invoice</span>.
           </p>
           <p class="quotation fm-kt">杩欐槸鎮ㄧ殑闆堕挶/鏀舵嵁/鍙戠エ銆�</p>
           <p class="content">(33) Wish you a pleasant journey.</p>
@@ -1160,7 +1162,7 @@
           <table cellpadding="0" cellspacing="0" style="
               border-collapse: collapse;
               margin: 0 20px;
-            " class="fz-16 mb-20">
+            " class="fz-16 mb-20 tableClass2">
             <tr class="table-th-bc">
               <td class="center">No.</td>
               <td class="center">Word</td>
@@ -1208,8 +1210,8 @@
       </div>
     </div>
     <!-- 307椤� -->
-    <div class="page-box" page="16">
-      <div v-if="showPageList.indexOf(16) > -1">
+    <div class="page-box" page="17">
+      <div v-if="showPageList.indexOf(17) > -1">
         <div class="copyrightPage-top"></div>
         <ul class="header-right">
           <li class="header-right-Text">
@@ -1221,7 +1223,7 @@
           <table cellpadding="0" cellspacing="0" style="
               border-collapse: collapse;
               margin: 0 20px;
-            " class="fz-16 ">
+            " class="fz-16 tableClass2">
             <tr class="table-tr-bc">
               <td class="center">(4)</td>
               <td class="center">
@@ -1456,8 +1458,8 @@
       </div>
     </div>
     <!-- 308椤� -->
-    <div class="page-box" page="17">
-      <div v-if="showPageList.indexOf(17) > -1">
+    <div class="page-box" page="18">
+      <div v-if="showPageList.indexOf(18) > -1">
         <div class="copyrightPage-top"></div>
         <ul class="header-left">
           <li class="header-left-Text">
@@ -1682,7 +1684,7 @@
       </div>
     </div>
     <!-- 309椤� -->
-    <div class="page-box" page="18">
+    <!-- <div class="page-box" page="18">
       <div v-if="showPageList.indexOf(18) > -1">
         <div class="copyrightPage-top"></div>
         <ul class="header-right">
@@ -1699,15 +1701,41 @@
           </div>
           <p class="td-0 unit-title-text">Train Your Basic Skills 鎶�鑳藉疄璁�</p>
         </div>
-        <div class="bodystyle"></div>
+        <div class="bodystyle">
+          <p class="titleQuot-1 mb-20">1. Objectives锛堢洰鏍囷級</p>
+          <p class="content">鈥� To understand the basic task given to you;</p>
+          <p class="content">鈥� To assign roles and work together with your partner (s);</p>
+          <p class="content">鈥� To make conversations between the cashier and the guest on checking out;</p>
+          <p class="content">鈥� To creatively carry out the basic procedures to check out the guests;</p>
+          <p class="content">鈥� To develop good professional qualities;</p>
+          <p class="content">鈥� To fi ll out the worksheet about your carry-out.</p>
+          <p class="titleQuot-1 mt-20 mb-20">2. Receive Your Task锛堟帴鍙椾换鍔★級</p>
+          <p class="content">鈥� George Smith, a guest in Room 1226 together with his wife, is checking out at the
+            cashier's station.</p>
+          <p class="content">鈥� Julia, a cashier, is checking out George Smith and his wife.</p>
+          <p class="content">鈥� Julia confi rms the name and room number of George Smith.</p>
+          <p class="content">鈥� Julia reminds George Smith to return the room card.</p>
+          <p class="content">鈥� Julia checks the records of charges on the computer, asks George Smith if he used any
+            hotel services in the last two hours, and draws up a bill for George Smith.</p>
+          <p class="content">鈥� Julia asks George Smith to check the bill and George Smith says that RMB 135 yuan is
+            overcharged.</p>
+          <p class="content">鈥� Julia explains the items to George Smith and George Smith fi nds that he made an
+            international call last night with a fee of RMB 135 yuan.</p>
+          <p class="content">鈥� Julia asks George Smith how he will pay the bill.</p>
+          <p class="content">鈥� George Smith pays the bill by the credit card, a VISA card.</p>
+          <p class="content">鈥� Julia says goodbye to George Smith and his wife.</p>
+          <p class="content">鈥� Julia updates the room status of Room 1226 as 鈥渁vailable鈥� and makes a record of George
+            Smith's checkout.</p>
+
+        </div>
         <div class="copyrightPage-bottom">
           <img class="copyrightPage-right-img" src="../../assets/images/right-page.png" alt="" />
           <div class="copyrightPage-right-box">309</div>
         </div>
       </div>
-    </div>
+    </div> -->
     <!-- 310椤� -->
-    <div class="page-box" page="19">
+    <!-- <div class="page-box" page="19">
       <div v-if="showPageList.indexOf(19) > -1">
         <div class="copyrightPage-top"></div>
         <ul class="header-left">
@@ -1716,15 +1744,60 @@
           </li>
           <li>鏀堕摱鏈嶅姟</li>
         </ul>
-        <div class="bodystyle"></div>
+        <div class="bodystyle">
+
+          <p class="titleQuot-1 mb-20 mt-20">3. Carry Out Your Task锛堟墽琛屼换鍔★級</p>
+          <p class="content">Now carry out the task as is listed in the Receive Your Task part and then fi nish the
+            following worksheet. Creatively add steps or information to the task provided if necessary.</p>
+          <p class="titleQuot-c mb-20">Project 12 Cashier's Service</p>
+          <table border="1" cellpadding="10" cellspacing="0" style="
+                  border-color: #00aeef;
+                  border-collapse: collapse;
+                  margin: 0;
+                " class="fz-16 img-0">
+            <tr class="table-tr-bc">
+              <td class="tl-f img-g">Name:</td>
+              <td class="tl-f img-g">Class:</td>
+              <td class="tl-f img-g">Student ID:</td>
+            </tr>
+            <tr class="table-tr-bc">
+              <td class="tl-f" colspan="3">Partner(s)</td>
+            </tr>
+            <tr class="table-tr-bc">
+              <td class="tl-f" colspan="3">Materials: computer/phone/bill/record book/pens/credit card/luggage/desk,
+                etc.</td>
+            </tr>
+            <tr class="table-tr-bc">
+              <td class="tl-f" colspan="3">
+                <p>Your Role:</p>
+              </td>
+            </tr>
+            <tr class="table-tr-bc">
+              <td class="tl-f" colspan="3">
+                <p>Your Task:</p>
+              </td>
+            </tr>
+            <tr class="table-tr-bc">
+              <td class="tl-f" colspan="3">
+                <p>Your Process:</p>
+              </td>
+            </tr>
+            <tr class="table-tr-bc">
+              <td class="tl-f" colspan="3">
+                <p>Conversation between you (the cashier, Julia) and your partner (the guest,
+                George Smith):</p>
+              </td>
+            </tr>
+          </table>
+        </div>
         <div class="copyrightPage-bottom">
           <img class="copyrightPage-left-img" src="../../assets/images/left-page.png" alt="" />
           <div class="copyrightPage-left-box">310</div>
         </div>
       </div>
-    </div>
+    </div> -->
     <!-- 311椤� -->
-    <div class="page-box" page="20">
+    <!-- <div class="page-box" page="20">
       <div v-if="showPageList.indexOf(20) > -1">
         <div class="copyrightPage-top"></div>
         <ul class="header-right">
@@ -1739,9 +1812,9 @@
           <div class="copyrightPage-right-box">311</div>
         </div>
       </div>
-    </div>
+    </div> -->
     <!-- 312椤� -->
-    <div class="page-box" page="21">
+    <!-- <div class="page-box" page="21">
       <div v-if="showPageList.indexOf(21) > -1">
         <div class="copyrightPage-top"></div>
         <ul class="header-left">
@@ -1756,9 +1829,9 @@
           <div class="copyrightPage-left-box">312</div>
         </div>
       </div>
-    </div>
+    </div> -->
     <!-- 313椤� -->
-    <div class="page-box" page="22">
+    <!-- <div class="page-box" page="22">
       <div v-if="showPageList.indexOf(22) > -1">
         <div class="copyrightPage-top"></div>
         <ul class="header-right">
@@ -1773,9 +1846,9 @@
           <div class="copyrightPage-right-box">313</div>
         </div>
       </div>
-    </div>
+    </div> -->
     <!-- 314椤� -->
-    <div class="page-box" page="23">
+    <!-- <div class="page-box" page="23">
       <div v-if="showPageList.indexOf(23) > -1">
         <div class="copyrightPage-top"></div>
         <ul class="header-left">
@@ -1790,9 +1863,9 @@
           <div class="copyrightPage-left-box">314</div>
         </div>
       </div>
-    </div>
+    </div> -->
     <!-- 315椤� -->
-    <div class="page-box" page="24">
+    <!-- <div class="page-box" page="24">
       <div v-if="showPageList.indexOf(24) > -1">
         <div class="copyrightPage-top"></div>
         <ul class="header-right">
@@ -1807,9 +1880,9 @@
           <div class="copyrightPage-right-box">315</div>
         </div>
       </div>
-    </div>
+    </div> -->
     <!-- 316椤� -->
-    <div class="page-box" page="25">
+    <!-- <div class="page-box" page="25">
       <div v-if="showPageList.indexOf(25) > -1">
         <div class="copyrightPage-top"></div>
         <ul class="header-left">
@@ -1824,9 +1897,9 @@
           <div class="copyrightPage-left-box">316</div>
         </div>
       </div>
-    </div>
+    </div> -->
     <!-- 317椤� -->
-    <div class="page-box" page="26">
+    <!-- <div class="page-box" page="26">
       <div v-if="showPageList.indexOf(26) > -1">
         <div class="copyrightPage-top"></div>
         <ul class="header-right">
@@ -1841,9 +1914,9 @@
           <div class="copyrightPage-right-box">317</div>
         </div>
       </div>
-    </div>
+    </div> -->
     <!-- 318椤� -->
-    <div class="page-box" page="27">
+    <!-- <div class="page-box" page="27">
       <div v-if="showPageList.indexOf(27) > -1">
         <div class="copyrightPage-top"></div>
         <ul class="header-left">
@@ -1858,9 +1931,9 @@
           <div class="copyrightPage-left-box">318</div>
         </div>
       </div>
-    </div>
+    </div> -->
     <!-- 319椤� -->
-    <div class="page-box" page="28">
+    <!-- <div class="page-box" page="28">
       <div v-if="showPageList.indexOf(28) > -1">
         <div class="copyrightPage-top"></div>
         <ul class="header-right">
@@ -1875,9 +1948,9 @@
           <div class="copyrightPage-right-box">319</div>
         </div>
       </div>
-    </div>
+    </div> -->
     <!-- 320椤� -->
-    <div class="page-box" page="29">
+    <!-- <div class="page-box" page="29">
       <div v-if="showPageList.indexOf(29) > -1">
         <div class="copyrightPage-top"></div>
         <ul class="header-left">
@@ -1892,14 +1965,7 @@
           <div class="copyrightPage-left-box">320</div>
         </div>
       </div>
-    </div>
-    <div class="follow-box" :style="{
-      display: isBoxVisible ? 'block' : 'none',
-      left: boxPosition.x + 'px',
-      top: boxPosition.y + 'px'
-    }">
-      璺熼殢榧犳爣鐨勭洅瀛�
-    </div>
+    </div> -->
   </div>
 </template>
 <script>
@@ -1917,11 +1983,6 @@
   },
   data() {
     return {
-      // 榧犳爣绉诲叆浜嬩欢
-      isBoxVisible: false,
-      boxPosition: { x: 0, y: 0 },
-
-
       collectImg: require("../../assets/images/icon/heart.png"),
       collectCheck: require("../../assets/images/icon/heart-check.png"),
       // 闊抽
@@ -2163,6 +2224,13 @@
       this.activityThree = JSON.parse(activityThree);
     }
 
+    const tableData = localStorage.getItem(
+      "hotelEnglishTrainingBrochure2nd-book-chapter001-tableData"
+    );
+    if (tableData) {
+      this.tableData = JSON.parse(tableData);
+    }
+
     this.collectResourceList = await getCollectResource(
       this.config.activeBook.bookId
     );
@@ -2293,25 +2361,6 @@
         JSON.stringify(this.tableData)
       );
     },
-    // 榧犳爣绉诲叆浜嬩欢
-    handleMouseEnter(event) {
-      this.boxPosition.x = event.clientX;
-      this.boxPosition.y = event.clientY;
-      console.log(this.boxPosition, "this.boxPosition");
-      // 璁剧疆鐩掑瓙浣嶇疆涓洪紶鏍囦綅缃笅鏂�
-      this.boxPosition.y += 50; // 璋冩暣鐩掑瓙涓庨紶鏍囩殑闂磋窛
-      // 鏄剧ず鐩掑瓙
-      this.isBoxVisible = true;
-
-
-
-
-
-    },
-    // 榧犳爣绉诲嚭浜嬩欢
-    handleMouseLeave() {
-
-    }
   },
 };
 </script>

--
Gitblit v1.9.1