testbookLayout.git

			@@ -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="" />
			@@ -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;
			@@ -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">
			@@ -1699,7 +1701,33 @@
			</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>
			@@ -1716,7 +1744,52 @@
			</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>
			@@ -1893,13 +1966,6 @@
			</div>
			</div>
			</div>
			<div class="follow-box" :style="{
			display: isBoxVisible ? 'block' : 'none',
			left: boxPosition.x + 'px',
			top: boxPosition.y + 'px'
			}">
			跟随鼠标的盒子
			</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>