5.23 婴幼儿游戏活动实施（wb）

zhongshujie

2025-05-23 7d7744fe006714f6be0341d03d4de9b1e90d775d

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

@@ -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>
@@ -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 “cash”, “credit card”,
            “<span class="ts-word">debit card</span>”,“traveler's check”, “<span class="ts-word">gift certifi cate</span>”,
            “<span class="ts-word">debit card</span>”,“traveler'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.
@@ -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;
@@ -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>
@@ -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">
@@ -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 “available” 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>