<template>
|
<div class="chapter" num="2">
|
<!-- 295页 -->
|
<div class="page-box" page="4">
|
<div v-if="showPageList.indexOf(4) > -1">
|
<div class="UnitCover">
|
<div class="UnitCover-left"></div>
|
<div class="UnitCover-right">
|
<div class="UnitCover-right-top">
|
<div>
|
<h1 class="sub-Title-l">Project 12</h1>
|
<p><br /></p>
|
<h1 class="firstTitle-l">Cashier's Service<br />收银服务</h1>
|
</div>
|
</div>
|
<div class="UnitCover-right-bottom">
|
<div>
|
<p class="titleQuot-Unit">Project Goals</p>
|
<p class="content">
|
After studying this project, you should be able to:
|
</p>
|
<p class="content">
|
• tell the main duties of a cashier in a hotel;
|
</p>
|
<p class="content">• check out the guests;</p>
|
<p class="content">
|
• exchange foreign currency for the guests;
|
</p>
|
<p class="content">
|
• help the guests to fi ll out a foreign currency exchange<br />
|
memo;
|
</p>
|
<p class="content">• know about online checkout;</p>
|
<p class="content">• develop good professional qualities.</p>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- 296页 -->
|
<div class="page-box" page="5">
|
<div v-if="showPageList.indexOf(5) > -1">
|
<div class="copyrightPage-top"></div>
|
<ul class="header-left">
|
<li class="header-left-Text">
|
<span>Project 12</span><span>Cashier’s Service</span>
|
</li>
|
<li>收银服务</li>
|
</ul>
|
<div class="unit-title-box">
|
<p></p>
|
<div>
|
<img class="" src="../../assets/images/0002-01.jpg" alt="" />
|
<p class="td-0">Activity 1</p>
|
</div>
|
<p class="td-0 unit-title-text">Get to Know the Post 岗位认知</p>
|
</div>
|
<div class="bodystyle">
|
<p class="titleQuot-1">1. Objectives（目标）</p>
|
<p class="content td-0">
|
• To get to know the main responsibilities of a cashier;
|
</p>
|
<p class="content td-0">
|
• To get to know the job requirements of a cashier.
|
</p>
|
<p class="titleQuot-1">2. Identify the Responsibility（明确职责）</p>
|
<p class="content td-0">Cashier:</p>
|
<div class="border">
|
<p class="content td-0 fz-14">
|
<img class="img-k" src="../../assets/images/a1.jpg" alt="" />Settle bills for the guests’ lodging
|
accommodations and any
|
other fees during their stay;
|
</p>
|
<p class="content td-0 fz-14">
|
<img class="img-k" src="../../assets/images/a1.jpg" alt="" />Explain items charged on the bill;
|
</p>
|
<p class="content td-0 fz-14">
|
<img class="img-k" src="../../assets/images/a1.jpg" alt="" />Complete check-out procedures;
|
</p>
|
<p class="content td-0 fz-14">
|
<img class="img-k" src="../../assets/images/a1.jpg" alt="" />Operate computer billing system;
|
</p>
|
<p class="content td-0 fz-14">
|
<img class="img-k" src="../../assets/images/a1.jpg" alt="" />Handle various methods of payment;
|
</p>
|
<p class="content td-0 fz-14">
|
<img class="img-k" src="../../assets/images/a1.jpg" alt="" />Give
|
the guests their change;
|
</p>
|
<p class="content td-0 fz-14">
|
<img class="img-k" src="../../assets/images/a1.jpg" alt="" />Convert foreign currency for hotel guests;
|
</p>
|
<p class="content td-0 fz-14">
|
<img class="img-k" src="../../assets/images/a1.jpg" alt="" />Cash
|
traveler's checks and personal checks for hotel guests;
|
</p>
|
<p class="content td-0 fz-14">
|
<img class="img-k" src="../../assets/images/a1.jpg" alt="" />
|
Maintain related records and fi les regarding fi nancial
|
transactions;
|
</p>
|
<p class="content td-0 fz-14">
|
<img class="img-k" src="../../assets/images/a1.jpg" alt="" />Answer guests’ inquiries regarding fees and
|
other related
|
services.
|
</p>
|
</div>
|
<div class="video-box">
|
<p class="center text td-0">
|
<video :src="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"></video>
|
</p>
|
<p class="center videoname">
|
<span>Project 12-Activity 1-3</span>
|
<el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoOne ? '点击取消' : '点击收藏'
|
" placement="top-start">
|
<img :src="collectResourceList.findIndex(
|
(item) => item.id == '50ed3234d92cce02be3d277b0e1f88b2'
|
) > -1
|
? collectCheck
|
: collectImg
|
" alt="" class="collect-btn" @click="handleCollect('video-01')" />
|
</el-tooltip>
|
</p>
|
</div>
|
<p class="titleQuot-1">
|
3. Watch the Video on the Post（观看岗位视频）
|
</p>
|
<p class="content">
|
to watch the video, listen to the introduction to the post as the
|
convention ＆ exhibition staff , and then fi ll in the blank with a
|
proper word given below.
|
</p>
|
<div class="border">
|
<p class="contentc td-0 fz-14">
|
financial check-out accommodations accurately banking exchange parking
|
</p>
|
</div>
|
<p class="content td-2">
|
Cashier's service in hotels involves collecting money from guests
|
for their lodging (1)
|
<select class="select-border" :disabled="selectData.isComplete" @change="saveSelectData"
|
v-model="selectData.answerList[0].value" style="width: 20%">
|
<option v-for="(item, index) in selectData.options" :key="index" :value="item">
|
{{ item }}
|
</option>
|
</select>
|
<span class="icon-box">
|
<svg v-if="selectData.answerList[0].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="40" height="20">
|
<path
|
d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
|
fill="#1AFA29" p-id="18768"></path>
|
</svg>
|
<svg v-if="selectData.answerList[0].isRight == false" t="1716987085767" class="icon"
|
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
|
<path
|
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
|
fill="#d81e06" p-id="25746"></path>
|
</svg>
|
</span>
|
and any other fees during their stay, including (2)
|
<select class="select-border" :disabled="selectData.isComplete" @change="saveSelectData"
|
v-model="selectData.answerList[1].value" style="width: 20%">
|
<option v-for="(item, index) in selectData.options" :key="index" :value="item">
|
{{ item }}
|
</option>
|
</select>
|
<span class="icon-box">
|
<svg v-if="selectData.answerList[1].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="40" height="20">
|
<path
|
d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
|
fill="#1AFA29" p-id="18768"></path>
|
</svg>
|
<svg v-if="selectData.answerList[1].isRight == false" t="1716987085767" class="icon"
|
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
|
<path
|
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
|
fill="#d81e06" p-id="25746"></path>
|
</svg> </span>, valet, room service and telephone use fees. It also needs to
|
maintain records and files regarding (3)
|
<select class="select-border" :disabled="selectData.isComplete" @change="saveSelectData"
|
v-model="selectData.answerList[2].value" style="width: 20%">
|
<option v-for="(item, index) in selectData.options" :key="index" :value="item">
|
{{ item }}
|
</option>
|
</select>
|
<span class="icon-box">
|
<svg v-if="selectData.answerList[2].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="40" height="20">
|
<path
|
d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
|
fill="#1AFA29" p-id="18768"></path>
|
</svg>
|
<svg v-if="selectData.answerList[2].isRight == false" t="1716987085767" class="icon"
|
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
|
<path
|
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
|
fill="#d81e06" p-id="25746"></path>
|
</svg> </span>transactions at the front desk. Foreign currency (4)
|
<select class="select-border" :disabled="selectData.isComplete" @change="saveSelectData"
|
v-model="selectData.answerList[3].value" style="width: 20%">
|
<option v-for="(item, index) in selectData.options" :key="index" :value="item">
|
{{ item }}
|
</option>
|
</select>
|
<span class="icon-box">
|
<svg v-if="selectData.answerList[3].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="40" height="20">
|
<path
|
d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
|
fill="#1AFA29" p-id="18768"></path>
|
</svg>
|
<svg v-if="selectData.answerList[3].isRight == false" t="1716987085767" class="icon"
|
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
|
<path
|
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
|
fill="#d81e06" p-id="25746"></path>
|
</svg> </span>also happens to serve foreign guests.
|
</p>
|
<p class="content td-2">
|
The basic duties of hotel cashiers involve good communication
|
skills; settling guests’ accounts; completing guests’ (5)
|
<select class="select-border" :disabled="selectData.isComplete" @change="saveSelectData"
|
v-model="selectData.answerList[4].value" style="width: 20%">
|
<option v-for="(item, index) in selectData.options" :key="index" :value="item">
|
{{ item }}
|
</option>
|
</select>
|
<span class="icon-box">
|
<svg v-if="selectData.answerList[4].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="40" height="20">
|
<path
|
d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
|
fill="#1AFA29" p-id="18768"></path>
|
</svg>
|
<svg v-if="selectData.answerList[4].isRight == false" t="1716987085767" class="icon"
|
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
|
<path
|
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
|
fill="#d81e06" p-id="25746"></path>
|
</svg>
|
</span>
|
procedures; clarifying customers’ questions about the charges;
|
checking and following up on all bills on hold; performing various
|
(6)
|
<select class="select-border" :disabled="selectData.isComplete" @change="saveSelectData"
|
v-model="selectData.answerList[5].value" style="width: 20%">
|
<option v-for="(item, index) in selectData.options" :key="index" :value="item">
|
{{ item }}
|
</option>
|
</select>
|
<span class="icon-box">
|
<svg v-if="selectData.answerList[5].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="40" height="20">
|
<path
|
d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
|
fill="#1AFA29" p-id="18768"></path>
|
</svg>
|
<svg v-if="selectData.answerList[5].isRight == false" t="1716987085767" class="icon"
|
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
|
<path
|
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
|
fill="#d81e06" p-id="25746"></path>
|
</svg> </span>services, such as check cashing (兑现) and foreign currency
|
exchange; managing safe-deposit boxes, etc.
|
</p>
|
<p class="content td-2">
|
To perform mathematical calculations (计算) (7)
|
<select class="select-border" :disabled="selectData.isComplete" @change="saveSelectData"
|
v-model="selectData.answerList[6].value" style="width: 20%">
|
<option v-for="(item, index) in selectData.options" :key="index" :value="item">
|
{{ item }}
|
</option>
|
</select>
|
<span class="icon-box">
|
<svg v-if="selectData.answerList[6].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="40" height="20">
|
<path
|
d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
|
fill="#1AFA29" p-id="18768"></path>
|
</svg>
|
<svg v-if="selectData.answerList[6].isRight == false" t="1716987085767" class="icon"
|
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
|
<path
|
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
|
fill="#d81e06" p-id="25746"></path>
|
</svg> </span>is important for hotel cashiers.
|
</p>
|
<p class="event-header-text-bc pd-5 mb-20" style="width: 100%" v-if="showAnswerSelect">
|
答案：1.accommodations 2.parking 3.financial 4.exchange 5.check-out 6.banking 7.accurately
|
</p>
|
<div class="w100 fl ju-cn mb-20 mt-20">
|
<div class="fl ju-ev mt-40" style="width: 80%">
|
<button class="btn-border btn-w" @click="handleDropdown()">
|
提交
|
</button>
|
<button class="btn-border btn-w" @click="clearSelectData">
|
重做
|
</button>
|
<button @click="showAnswerSelect = !showAnswerSelect" class="parimary-btn">
|
查看答案
|
</button>
|
</div>
|
</div>
|
</div>
|
<div class="copyrightPage-bottom">
|
<img class="copyrightPage-left-img" src="../../assets/images/left-page.png" alt="" />
|
<div class="copyrightPage-left-box">296</div>
|
</div>
|
</div>
|
</div>
|
<!-- 297页 -->
|
<div class="page-box" page="6">
|
<div v-if="showPageList.indexOf(6) > -1">
|
<div class="copyrightPage-top"></div>
|
<ul class="header-right">
|
<li class="header-right-Text">
|
<span>Activity 2</span><span>Equip Yourself with the Serving Skills</span>
|
</li>
|
<li>技能学习</li>
|
</ul>
|
<div class="unit-title-box">
|
<p></p>
|
<div>
|
<img class="" src="../../assets/images/0002-01.jpg" alt="" />
|
<p class="td-0">Activity 2</p>
|
</div>
|
<p class="td-0 unit-title-text">
|
Equip Yourself with the Serving Skills 技能学习
|
</p>
|
</div>
|
<div class="bodystyle">
|
<p class="titleQuot-1">1. Objectives（目标）</p>
|
<p class="content">
|
• To grasp basic procedures to check out the guests as a cashier;
|
</p>
|
<p class="content">
|
• To grasp basic serving skills to check out the guests as a
|
cashier;
|
</p>
|
<p class="content">• To learn about diff erent ways of payment.</p>
|
<p class="titleQuot-1">
|
2. Go Through the General Procedures（了解服务流程）
|
</p>
|
<p class="content">Checking out the guests:</p>
|
<p class="content">
|
Step 1 — Ask about the guest's name and room number;
|
</p>
|
<p class="content">Step 2 — Get back the room card;</p>
|
<p class="content">Step 3 — Prepare the bill;</p>
|
<p class="content">Step 4 — Ask the guest to make the payment;</p>
|
<p class="content">Step 5 — Say goodbye to the guest;</p>
|
<p class="content">
|
Step 6 — Update the room status and create a new record.
|
</p>
|
<p class="titleQuot-1">3. Note the Serving Skills（关注服务要点）</p>
|
<p class="content">
|
As a cashier, you should note the following skill points when
|
checking out the guests.
|
</p>
|
<p class="content">
|
(1) When the guest is checking out at the
|
<span class="ts-word">cashier's
|
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>
|
<p class="content">
|
(2) When preparing the guest's bill, the cashier mainly figures out
|
the total amount of the bill and explains the items to the guest if
|
necessary. The cashier should make clear if the guest has signed any
|
last-minute bills for the mini-bar service or any other hotel
|
services. If the answer is “yes”, the cashier is supposed to call
|
the department <span class="ts-word">concerned</span>. After all the
|
fees are charged to the master account of the guest, the cashier
|
will <span class="ts-word">present</span> the bill to the guest and
|
tell him/her the total amount.
|
</p>
|
</div>
|
<div class="copyrightPage-bottom">
|
<img class="copyrightPage-right-img" src="../../assets/images/right-page.png" alt="" />
|
<div class="copyrightPage-right-box">297</div>
|
</div>
|
</div>
|
</div>
|
<!-- 298页 -->
|
<div class="page-box" page="7">
|
<div v-if="showPageList.indexOf(7) > -1">
|
<div class="copyrightPage-top"></div>
|
<ul class="header-left">
|
<li class="header-left-Text">
|
<span>Project 12</span><span>Cashier’s Service</span>
|
</li>
|
<li>收银服务</li>
|
</ul>
|
<div class="bodystyle">
|
<p class="content">
|
(3) Ask the guest to check the bill again before
|
<span class="ts-word">drawing up</span> the final bill to avoid any
|
errors. If any questions from the guest about the bill, you may
|
check all items again, check with the guest if he/she is
|
<span class="ts-word">entitled</span> to any discount, check it with
|
the department concerned and <span class="ts-word">calculate</span> the
|
bill again. If there were errors, offer to correct the bill
|
immediately and apologize to the guest. If there were no errors,
|
explain the items to the guest.
|
</p>
|
<div class="border">
|
<p class="titleQuot-c">Special Tips</p>
|
<p class="content">Common items to be charged on a bill：</p>
|
<p class="content">
|
<img class="img-k" src="../../assets/images/a2.jpg" alt="" />room
|
rent;
|
</p>
|
<p class="content">
|
<img class="img-k" src="../../assets/images/a2.jpg" alt="" />telephone rate;
|
</p>
|
<p class="content">
|
<img class="img-k" src="../../assets/images/a2.jpg" alt="" />laundry service charges;
|
</p>
|
<p class="content">
|
<img class="img-k" src="../../assets/images/a2.jpg" alt="" />room
|
service charges;
|
</p>
|
<p class="content">
|
<img class="img-k" src="../../assets/images/a2.jpg" alt="" />dining-hall bills;
|
</p>
|
<p class="content">
|
<img class="img-k" src="../../assets/images/a2.jpg" alt="" />mini-bar service fees.
|
</p>
|
</div>
|
<p class="content">
|
(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>”,
|
etc.
|
</p>
|
<div class="border">
|
<p class="titleQuot-c">Special Tips</p>
|
<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>
|
</p>
|
<p class="content">
|
<img class="img-k" src="../../assets/images/a2.jpg" alt="" />
|
When a guest is paying by credit card, be sure to check its valid
|
date which can be found at the front bottom of the card.
|
</p>
|
<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
|
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.
|
</p>
|
</div>
|
</div>
|
<div class="copyrightPage-bottom">
|
<img class="copyrightPage-left-img" src="../../assets/images/left-page.png" alt="" />
|
<div class="copyrightPage-left-box">298</div>
|
</div>
|
</div>
|
</div>
|
<!-- 299页 -->
|
<div class="page-box" page="8">
|
<div v-if="showPageList.indexOf(8) > -1">
|
<div class="copyrightPage-top"></div>
|
<ul class="header-right">
|
<li class="header-right-Text">
|
<span>Activity 2</span><span>Equip Yourself with the Serving Skills</span>
|
</li>
|
<li>技能学习</li>
|
</ul>
|
<div class="bodystyle">
|
<div class="border">
|
<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
|
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.
|
</p>
|
</div>
|
<p class="content">
|
(5) Many hotels have a check-out time, which is usually set at noon.
|
For a guest who checks out after 12:00 at noon, charge an extra half
|
of the room rate, and an extra full rate for a guest who checks out
|
after 6:00 p.m.
|
</p>
|
<p class="content">
|
(6) The common way to show money amount is usually together with the
|
<span class="ts-word">currency</span> type. In English, the written
|
form is “currency type + amount number”, but its oral form reads as
|
“amount number + currency type”. For example,
|
</p>
|
<div class="bodyPic center mt-10 mb-10">
|
<img src="../../assets/images/0005-01.jpg" style="width: 80%" alt="" />
|
</div>
|
<p class="content">
|
(7) When finishing the checkout, say goodbye to the guest in the way
|
like“We look forward to serving you again”.As the guest is departing
|
the hotel,extend your wishes to him/her in the way like“Wish you a
|
pleasant journey”.
|
</p>
|
<div class="view-translation">
|
<img class="img-f" src="../../assets/images/0003-01.jpg" alt="" />
|
<p @click="isDisolayTranslation = !isDisolayTranslation">
|
点击查看参考译文
|
</p>
|
</div>
|
<div class="event-header-text-bc pd-5 mb-20" style="width: 100%" v-if="isDisolayTranslation">
|
<p>参考译文:</p>
|
<p class="td-2">
|
作为一名收银员，在为客人办理结账离店手续时应注意如下服务要点:
|
</p>
|
<p class="td-2">
|
(1)客人在收银台结账离店时，收银员首先要询问客人的姓名和房间号然后提醒客人归还房卡。
|
</p>
|
<p class="td-2">
|
(2)准备客人账单时，收银员主要工作是计算账单总额，必要的话还要解释账单。收银员要问清楚客人在临近结账前最后时段是否有迷你吧或者其他酒店服务的消费签单。如果客人有签单，收银员要和相关部门联系。所有费用都记到客人总账后，收银员把账单拿给客人并告知账单总额。
|
</p>
|
<p class="td-2">
|
(3)在准备最终账单前，收银员要与客人再次核对账单，避免账单错误如果客人对账单有疑问，可以再次核对所有款项，核实客人是否享受任何折扣，并联系相关部门，重新计算账单。若确实有错误，主动及时纠正账单并向客人致歉;若没有错误，向客人解释账单款项。
|
</p>
|
<div class="border1">
|
<p class="center">特别提示</p>
|
<p class="td-2">账单常见的收费款项有:</p>
|
<p class="td-2">房间费用;</p>
|
<p class="td-2">电话费用;</p>
|
<p class="td-2">房间费用;</p>
|
<p class="td-2">洗衣服务费用:</p>
|
<p class="td-2">客房送餐费用:</p>
|
<p class="td-2">餐厅用餐费用:</p>
|
<p class="td-2">迷你吧赏用。</p>
|
</div>
|
<p class="td-2">
|
(4)账单准备好后，要告知客人总额并询问客人支付方式。酒店里经常使用的支付方式有“现金”“信用卡”“借记卡”“旅行支票”“赠券”等。
|
</p>
|
<div class="border1">
|
<p class="center">特别提示</p>
|
<p class="td-2">国际上常用的信用卡有:</p>
|
<p class="td-2">
|
美国运通卡、万事达信用卡、维萨卡、在途卡、欧洲卡、长城卡、国际大来俱乐部卡、联邦卡/发达卡。
|
</p>
|
<p class="td-2">
|
客人用信用卡支付时，一定要核查信用卡正面下部显示的有效期。
|
</p>
|
<p class="td-2">
|
核查账单总额是否超出了信用卡的授权支付额度。若超出额度，可以询问客人是否愿意用现金支付差价。
|
</p>
|
</div>
|
<p class="td-2">
|
(5)很多酒店通常将中午12:00设置为结账时间。午后12:00后离店的客人，要额外收取半天的房费;下午6:00后离店的客人，要额外收取一整天的房费。
|
</p>
|
<p class="td-2">
|
(6)表达金额的一般方式是“数额+币种”。英语中，表达金额的书面形式是“币种+数额”，但口头表达却是“数额+币种”。例如:
|
</p>
|
<div class="fl jc-c">
|
<table border="1" cellpadding="10" cellspacing="0" style="
|
border-color: #5192c6;
|
border-collapse: collapse;
|
margin: 0 20px;
|
" class="fz-16 w80">
|
<tr class="table-tr-bc">
|
<td class="center img-g">书面形式</td>
|
<td class="center img-g">口头表达</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="center">US$ 106</td>
|
<td class="center">一百零六美元</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="center">RMB ￥106</td>
|
<td class="center">一百零六人民币</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="center">￡ 106</td>
|
<td class="center">一百零六英镑</td>
|
</tr>
|
</table>
|
</div>
|
<p class="td-2 mb-20">
|
(7)结账后，要跟客人告别，可以说“希望再次为您服务。因为客人要离店，所以也要表达对客人的祝愿，可以说“祝您旅途愉快
|
</p>
|
</div>
|
<p class="titleQuot-1" style="line-height: 25px">
|
4. Test Yourself（自测）
|
<!-- <span title="查看答案" class="btn-box" @click="showAnswerText = !showAnswerText">
|
<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 class="poemtitle-l">
|
Task 1 Retell the basic procedures to check out the guests as a
|
cashier.
|
</p>
|
<textarea v-model="questionData.one" placeholder="请输入内容" rows="8" style="max-width: 100%; width: 100%"
|
class="fz-16 fm-son textarea-question" @change="saveQuestionData"></textarea>
|
</div>
|
<div class="copyrightPage-bottom">
|
<img class="copyrightPage-right-img" src="../../assets/images/right-page.png" alt="" />
|
<div class="copyrightPage-right-box">299</div>
|
</div>
|
</div>
|
</div>
|
<!-- 300页 -->
|
<div class="page-box" page="9">
|
<div v-if="showPageList.indexOf(9) > -1">
|
<div class="copyrightPage-top"></div>
|
<ul class="header-left">
|
<li class="header-left-Text">
|
<span>Project 12</span><span>Cashier’s Service</span>
|
</li>
|
<li>收银服务</li>
|
</ul>
|
<div class="bodystyle">
|
<p class="poemtitle-l">
|
Task 2 Give your understanding of Diff erent Ways of Payment.
|
</p>
|
<textarea v-model="questionData.two" placeholder="请输入内容" rows="15" style="max-width: 100%; width: 100%"
|
class="fz-16 fm-son textarea-question" @change="saveQuestionData"></textarea>
|
</div>
|
<div class="copyrightPage-bottom">
|
<img class="copyrightPage-left-img" src="../../assets/images/left-page.png" alt="" />
|
<div class="copyrightPage-left-box">300</div>
|
</div>
|
</div>
|
</div>
|
<!-- 301页 -->
|
<div class="page-box" page="10">
|
<div v-if="showPageList.indexOf(10) > -1">
|
<div class="copyrightPage-top"></div>
|
<ul class="header-right">
|
<li class="header-right-Text">
|
<span>Activity 3</span><span>Build Your Language</span>
|
</li>
|
<li>语言储备</li>
|
</ul>
|
<div class="unit-title-box">
|
<p></p>
|
<div>
|
<img class="" src="../../assets/images/0002-01.jpg" alt="" />
|
<p class="td-0">Activity 3</p>
|
</div>
|
<p class="td-0 unit-title-text">Build Your Language 语言储备</p>
|
</div>
|
<div class="bodystyle">
|
<p class="titleQuot-1">1. Objectives（目标）</p>
|
<p class="content">• To grasp the key special terms;</p>
|
<p class="content">• To grasp the useful expressions;</p>
|
<p class="content">
|
• To improve your speaking and listening skills;
|
</p>
|
<p class="content">
|
• To be familiar with the basic steps when checking out a guest.
|
</p>
|
<p class="titleQuot-1">
|
2. Learn the New Words and Special Terms（学习生词及术语）
|
</p>
|
<h1 class="center">
|
<audio :src="audioPathOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
|
</h1>
|
<div class="bodyPic mt-10 mb-10">
|
<img src="../../assets/images/0007-01.jpg" style="width: 60%" alt="" />
|
</div>
|
</div>
|
<div class="copyrightPage-bottom">
|
<img class="copyrightPage-right-img" src="../../assets/images/right-page.png" alt="" />
|
<div class="copyrightPage-right-box">301</div>
|
</div>
|
</div>
|
</div>
|
<!-- 302页 -->
|
<div class="page-box" page="11">
|
<div v-if="showPageList.indexOf(11) > -1">
|
<div class="copyrightPage-top"></div>
|
<ul class="header-left">
|
<li class="header-left-Text">
|
<span>Project 12</span><span>Cashier’s Service</span>
|
</li>
|
<li>收银服务</li>
|
</ul>
|
<div class="bodystyle">
|
<div class="bodyPic mt-10 mb-10">
|
<img src="../../assets/images/0008-01.jpg" style="width: 50%" alt="" />
|
</div>
|
<p class="titleQuot-1">3. Listen to the Conversation（听学会话）</p>
|
<p class="poemtitle-l">
|
Task 1 listen to the conversation between the cashier and the guest.
|
Pay special attention to what Julia, the cashier, says.
|
</p>
|
<p class="titleQuot-c">Checking Out the Guest</p>
|
<div class="border">
|
<p class="content">
|
Roles: Julia, the cashier; Richard Bush, the guest.
|
</p>
|
<p class="content">Scene: Julia is checking out the guest.</p>
|
</div>
|
<h1 class="center">
|
<audio :src="audioPathTwo" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
|
</h1>
|
<div class="content fl">
|
<p class="bgColor mr-10"><span class="bold1">Julia:</span></p>
|
<p>Good morning. How can I help you?</p>
|
</div>
|
<p class="content td-0">
|
<span class="bold2 mr-10">Richard Bush:</span> Good morning. I'd
|
like to settle my hotel bill now.
|
</p>
|
<div class="content fl">
|
<p class="bgColor mr-10"><span class="bold1">Julia:</span></p>
|
<p>
|
Certainly, sir. Have you returned your room card to the reception
|
desk?
|
</p>
|
</div>
|
<p class="content">
|
<span class="bold2 mr-10">Richard Bush:</span> Yes.
|
</p>
|
|
<div class="content fl">
|
<p class="bgColor mr-10"><span class="bold1">Julia:</span></p>
|
<p>May I know your name and your room number, please?</p>
|
</div>
|
<p class="content">
|
<span class="bold2 mr-10">Richard Bush:</span> Richard Bush in Room
|
1206.
|
</p>
|
|
<div class="content fl">
|
<p class="bgColor mr-10"><span class="bold1">Julia:</span></p>
|
<p>
|
Just a minute, please. Have you used any hotel service this
|
morning?
|
</p>
|
</div>
|
<div class="content fl">
|
<p class="mr-10" style="text-wrap: nowrap">
|
<span class="bold2">Richard Bush:</span>
|
</p>
|
<p>
|
Yes. I asked for room service this morning and used the mini-bar
|
service about 1 hour ago.
|
</p>
|
</div>
|
</div>
|
<div class="copyrightPage-bottom">
|
<img class="copyrightPage-left-img" src="../../assets/images/left-page.png" alt="" />
|
<div class="copyrightPage-left-box">302</div>
|
</div>
|
</div>
|
</div>
|
<!-- 303页 -->
|
<div class="page-box" page="12">
|
<div v-if="showPageList.indexOf(12) > -1">
|
<div class="copyrightPage-top"></div>
|
<ul class="header-right">
|
<li class="header-right-Text">
|
<span>Activity 3</span><span>Build Your Language</span>
|
</li>
|
<li>语言储备</li>
|
</ul>
|
<div class="bodystyle">
|
<div class="content fl">
|
<p class="bgColor mr-10"><span class="bold1">Julia:</span></p>
|
<p>
|
I'm afraid your fi nal bill hasn't reached here yet. I'll call the
|
departments concerned. Just a moment, please.
|
</p>
|
</div>
|
<p class="content">(After a while...)</p>
|
<div class="content fl">
|
<p class="bgColor mr-10"><span class="bold1">Julia:</span></p>
|
<p>
|
Sorry to have kept you waiting. Here is your final bill.It totals
|
RMB 6,280 yuan,including your room rents, laundry service charges,
|
room service charges, dining-hall bills and the mini-bar service
|
fees. Please have a check.
|
</p>
|
</div>
|
<p class="content">
|
<span class="bold2 mr-10">Richard Bush:</span> That's quite right.
|
</p>
|
<div class="content fl">
|
<p class="bgColor mr-10"><span class="bold1">Julia:</span></p>
|
<p>How would you like to make the payment, sir?</p>
|
</div>
|
<p class="content">
|
<span class="bold2 mr-10">Richard Bush:</span> By credit card. Do
|
you <span class="ts-word">honor</span> the American Express here?
|
</p>
|
<div class="content fl">
|
<p class="bgColor mr-10"><span class="bold1">Julia:</span></p>
|
<p>Yes. Let me take a print of your card.</p>
|
</div>
|
<p class="content">
|
<span class="bold2 mr-10">Richard Bush:</span> Here it is.
|
</p>
|
<div class="content fl">
|
<p class="bgColor mr-10"><span class="bold1">Julia:</span></p>
|
<p>Thank you.</p>
|
</div>
|
<p class="content">(After printing the card...)</p>
|
<div class="content fl">
|
<p class="bgColor mr-10"><span class="bold1">Julia:</span></p>
|
<p>Would you please sign your name here?</p>
|
</div>
|
<p class="content">
|
<span class="bold2 mr-10">Richard Bush:</span> Sure.
|
</p>
|
<div class="content fl">
|
<p class="bgColor mr-10"><span class="bold1">Julia:</span></p>
|
<p>
|
Thank you, sir. This is your card and the
|
<span class="ts-word">receipt</span>. We hope you have enjoyed your
|
stay in our hotel.
|
</p>
|
</div>
|
<p><br /></p>
|
<p class="poemtitle-l mt-20">
|
Task 2 Listen to the above conversation again and try to find out
|
what expressions are used by the cashier when preparing the bill.
|
</p>
|
<p class="content">
|
(1)
|
<input :disabled="testData.isComplete" v-model="testData.answerList[0].value" type="text"
|
class="input-bottom-border" style="width: 50%" @change="setTestData" />
|
<span class="icon-box">
|
<svg v-if="testData.answerList[0].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="40" height="20">
|
<path
|
d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
|
fill="#1AFA29" p-id="18768"></path>
|
</svg>
|
<svg v-if="testData.answerList[0].isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="20" height="20">
|
<path
|
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
|
fill="#d81e06" p-id="25746"></path>
|
</svg>
|
</span>
|
any hotel service this morning?
|
</p>
|
<p class="content">
|
(2) I'm afraid
|
<input :disabled="testData.isComplete" v-model="testData.answerList[1].value" type="text"
|
class="input-bottom-border" style="width: 40%" @change="setTestData" />
|
<span class="icon-box">
|
<svg v-if="testData.answerList[1].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="40" height="20">
|
<path
|
d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
|
fill="#1AFA29" p-id="18768"></path>
|
</svg>
|
<svg v-if="testData.answerList[1].isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="20" height="20">
|
<path
|
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
|
fill="#d81e06" p-id="25746"></path>
|
</svg> </span>. I'll call the departments concerned.
|
</p>
|
<p class="content">
|
(3) Sorry to have kept you waiting.
|
<input :disabled="testData.isComplete" v-model="testData.answerList[2].value" type="text"
|
class="input-bottom-border" style="width: 50%" @change="setTestData" />
|
<span class="icon-box">
|
<svg v-if="testData.answerList[2].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="40" height="20">
|
<path
|
d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
|
fill="#1AFA29" p-id="18768"></path>
|
</svg>
|
<svg v-if="testData.answerList[2].isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="20" height="20">
|
<path
|
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
|
fill="#d81e06" p-id="25746"></path>
|
</svg> </span>.
|
</p>
|
</div>
|
<div class="copyrightPage-bottom">
|
<img class="copyrightPage-right-img" src="../../assets/images/right-page.png" alt="" />
|
<div class="copyrightPage-right-box">303</div>
|
</div>
|
</div>
|
</div>
|
<!-- 304页 -->
|
<div class="page-box" page="13">
|
<div v-if="showPageList.indexOf(13) > -1">
|
<div class="copyrightPage-top"></div>
|
<ul class="header-left">
|
<li class="header-left-Text">
|
<span>Project 12</span><span>Cashier’s Service</span>
|
</li>
|
<li>收银服务</li>
|
</ul>
|
<div class="bodystyle">
|
<p class="content">
|
(4)<input :disabled="testData.isComplete" v-model="testData.answerList[3].value" type="text"
|
class="input-bottom-border" style="width: 30%" @change="setTestData" />
|
<span class="icon-box">
|
<svg v-if="testData.answerList[3].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="40" height="20">
|
<path
|
d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
|
fill="#1AFA29" p-id="18768"></path>
|
</svg>
|
<svg v-if="testData.answerList[3].isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="20" height="20">
|
<path
|
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
|
fill="#d81e06" p-id="25746"></path>
|
</svg> </span>RMB 6,280 yuan,including<input :disabled="testData.isComplete"
|
v-model="testData.answerList[4].value" type="text" class="input-bottom-border" style="width: 30%"
|
@change="setTestData" />
|
<span class="icon-box">
|
<svg v-if="testData.answerList[4].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="40" height="20">
|
<path
|
d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
|
fill="#1AFA29" p-id="18768"></path>
|
</svg>
|
<svg v-if="testData.answerList[4].isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="20" height="20">
|
<path
|
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
|
fill="#d81e06" p-id="25746"></path>
|
</svg> </span>, laundry service charges, room service charges, dining-hall bills,
|
and the mini-bar service fees. Please
|
<input :disabled="testData.isComplete" v-model="testData.answerList[5].value" type="text"
|
class="input-bottom-border" style="width: 60%" @change="setTestData" />
|
<span class="icon-box">
|
<svg v-if="testData.answerList[5].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="40" height="20">
|
<path
|
d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
|
fill="#1AFA29" p-id="18768"></path>
|
</svg>
|
<svg v-if="testData.answerList[5].isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="20" height="20">
|
<path
|
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
|
fill="#d81e06" p-id="25746"></path>
|
</svg> </span>.
|
</p>
|
<p class="event-header-text-bc pd-5 mb-20" style="width: 100%" v-if="showAnswerTestData">
|
答案：1.Have you used 2.your final bill hasn't reached here
|
yet 3.Here is your final bill 4.It totals 5.your room
|
rents 6.have a check
|
</p>
|
<div class="w100 fl ju-cn mb-20 mt-20">
|
<div class="fl ju-ev mt-40" style="width: 80%">
|
<button class="btn-border btn-w" @click="handleTestData()">
|
提交
|
</button>
|
<button class="btn-border btn-w" @click="clearTestData">
|
重做
|
</button>
|
<button @click="showAnswerTestData = !showAnswerTestData" class="parimary-btn">
|
查看答案
|
</button>
|
</div>
|
</div>
|
<p class="titleQuot-1">
|
4. Refer to More Useful Expressions（参看更多表达）
|
</p>
|
<p class="content">(1) Good afternoon, sir. May I help you?</p>
|
<p class="quotation fm-kt">先生，下午好。请问您有什么需要吗？</p>
|
<p class="content">(2) May I have your name and room number?</p>
|
<p class="quotation fm-kt">请问您的姓名和房间号？</p>
|
<p class="content">(3) May I have your room card, please?</p>
|
<p class="quotation fm-kt">您可以把房卡给我吗？</p>
|
<p class="content">(4) Do you enjoy your stay with us?</p>
|
<p class="quotation fm-kt">您住得还愉快吗？</p>
|
<p class="content">
|
(5) Did you sign any bills in the last two hours?
|
</p>
|
<p class="quotation fm-kt">您在最后两个小时里有签单吗？</p>
|
<p class="content">
|
(6) Did you used any hotel services this morning?
|
</p>
|
<p class="quotation fm-kt">今天上午您用过酒店服务吗？</p>
|
<p class="content">
|
(7) I'm afraid your fi nal bill hasn't reached here yet.
|
</p>
|
<p class="quotation fm-kt">恐怕您的最后账单还没到。</p>
|
<p class="content">(8) I'll call and ask the department concerned.</p>
|
<p class="quotation fm-kt">我询问一下相关部门。</p>
|
<p class="content">(9) I'll draw up the bill for you.</p>
|
<p class="quotation fm-kt">我帮您结算账单。</p>
|
<p class="content">(10) Here's your bill.</p>
|
<p class="quotation fm-kt">这是您的账单。</p>
|
<p class="content">(11)It totals RMB 1000 yuan.</p>
|
<p class="quotation fm-kt">总额是1000元人民币。</p>
|
<p class="content">
|
(12) Please check the bill and see if there is any mistake.
|
</p>
|
<p class="quotation fm-kt">请核对一下账单，看看是否有误。</p>
|
</div>
|
<div class="copyrightPage-bottom">
|
<img class="copyrightPage-left-img" src="../../assets/images/left-page.png" alt="" />
|
<div class="copyrightPage-left-box">304</div>
|
</div>
|
</div>
|
</div>
|
<!-- 305页 -->
|
<div class="page-box" page="14">
|
<div v-if="showPageList.indexOf(14) > -1">
|
<div class="copyrightPage-top"></div>
|
<ul class="header-right">
|
<li class="header-right-Text">
|
<span>Activity 3</span><span>Build Your Language</span>
|
</li>
|
<li>语言储备</li>
|
</ul>
|
<div class="bodystyle">
|
<p class="content">
|
(13) This is for three dinners that you signed for.
|
</p>
|
<p class="quotation fm-kt">这是您用的三次晚餐的签单。</p>
|
<p class="content">(14) May I check the details for you, please?</p>
|
<p class="quotation fm-kt">我来核查一下详细款项，好吗?</p>
|
<p class="content">
|
(15) Shall I explain the items on the bill for you?
|
</p>
|
<p class="quotation fm-kt">需要我解释账单上的收款款项吗？</p>
|
<p class="content">
|
(16) I'm sorry, but did you use the mini-bar this morning?
|
</p>
|
<p class="quotation fm-kt">
|
不好意思，但是您今早使用了迷你吧，对吗？
|
</p>
|
<p class="content">(17) Here are your mini-bar expenses.</p>
|
<p class="quotation fm-kt">这是您使用迷你吧的费用。</p>
|
<p class="content">
|
(18) I'm afraid that for late check-out we charge an extra 50% of
|
the room rate.
|
</p>
|
<p class="quotation fm-kt">
|
对于您的延迟离店，恐怕我们要额外收取50%的房费。
|
</p>
|
<p class="content">(19) Would you mind waiting for a minute?</p>
|
<p class="quotation fm-kt">您介意等一会儿吗？</p>
|
<p class="content">(20) I'm sorry, but the bill is right, sir.</p>
|
<p class="quotation fm-kt">先生，很抱歉。但是账单没有错误。</p>
|
<p class="content">(21) We'll correct your bill.</p>
|
<p class="quotation fm-kt">我们把账单纠正过来。</p>
|
<p class="content fm-kt">(22) We do apologize for the error.</p>
|
<p class="quotation fm-kt">我们为我们的失误深表歉意。</p>
|
<p class="content">(23) How would you like to pay？</p>
|
<p class="quotation fm-kt">您用什么方式付款？</p>
|
<p class="content">(24) How would you like to settle your bill?</p>
|
<p class="quotation fm-kt">您用什么方式结账？</p>
|
<p class="content">(25) What kind of credit card have you got?</p>
|
<p class="quotation fm-kt">您用的是哪种信用卡？</p>
|
<p class="content">(26) Could you sign here, please？</p>
|
</div>
|
<div class="copyrightPage-bottom">
|
<img class="copyrightPage-right-img" src="../../assets/images/right-page.png" alt="" />
|
<div class="copyrightPage-right-box">305</div>
|
</div>
|
</div>
|
</div>
|
<!-- 306页 -->
|
<div class="page-box" page="15">
|
<div v-if="showPageList.indexOf(15) > -1">
|
<div class="copyrightPage-top"></div>
|
<ul class="header-left">
|
<li class="header-left-Text">
|
<span>Project 12</span><span>Cashier’s Service</span>
|
</li>
|
<li>收银服务</li>
|
</ul>
|
<div class="bodystyle">
|
<p class="quotation fm-kt">您可以在这里签名吗？</p>
|
<p class="content">(27) Your bill is paid by ... company.</p>
|
<p class="quotation fm-kt">您的账单由×××公司支付。</p>
|
<p class="content">
|
(28) We accept American Express, MasterCard and Visa.
|
</p>
|
<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>
|
</p>
|
<p class="quotation fm-kt">对不起，我们不能接受个人支票。</p>
|
<p class="content">
|
(30) Your credit limit set by the Visa Card offi ce is 1,500
|
dollars.
|
</p>
|
<p class="quotation fm-kt">您维萨卡的信用限额是1500美元。</p>
|
<p class="content">
|
(31) Would you like to settle the diff erence in cash?
|
</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>.
|
</p>
|
<p class="quotation fm-kt">这是您的零钱/收据/发票。</p>
|
<p class="content">(33) Wish you a pleasant journey.</p>
|
<p class="quotation fm-kt">祝您旅行愉快。</p>
|
<p class="content">(34) We hope you had enjoyed your stay.</p>
|
<p class="quotation fm-kt">希望您在这儿住得愉快。</p>
|
<p class="content">(35) We look forward to serving you again.</p>
|
<p class="quotation fm-kt">我们期待能再次为您服务。</p>
|
<p class="titleQuot-1">5. Test Yourself（自测）</p>
|
<p class="poemtitle-l">
|
Task 1 write down the words’ spelling forms and their equivalent
|
pronunciations according to what you hear.
|
</p>
|
<h1 class="center">
|
<audio :src="audioPathThree" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
|
</h1>
|
<table cellpadding="0" cellspacing="0" style="
|
border-collapse: collapse;
|
margin: 0 20px;
|
" class="fz-16 mb-20">
|
<tr class="table-th-bc">
|
<td class="center">No.</td>
|
<td class="center">Word</td>
|
<td class="center">Pronunciation</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="center">(1)</td>
|
<td class="center">
|
<input v-model="tableData.one" type="text" class="input-bottom-border" style="width: 60%"
|
@change="saveTableData" />
|
</td>
|
<td class="center">
|
<input v-model="tableData.two" type="text" class="input-bottom-border" style="width: 70%"
|
@change="saveTableData" />
|
</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="center">(2)</td>
|
<td class="center">
|
<input v-model="tableData.three" type="text" class="input-bottom-border" style="width: 60%"
|
@change="saveTableData" />
|
</td>
|
<td class="center">
|
<input v-model="tableData.four" type="text" class="input-bottom-border" style="width: 70%"
|
@change="saveTableData" />
|
</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="center">(3)</td>
|
<td class="center">
|
<input v-model="tableData.five" type="text" class="input-bottom-border" style="width: 60%"
|
@change="saveTableData" />
|
</td>
|
<td class="center">
|
<input v-model="tableData.six" type="text" class="input-bottom-border" style="width: 70%"
|
@change="saveTableData" />
|
</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">306</div>
|
</div>
|
</div>
|
</div>
|
<!-- 307页 -->
|
<div class="page-box" page="16">
|
<div v-if="showPageList.indexOf(16) > -1">
|
<div class="copyrightPage-top"></div>
|
<ul class="header-right">
|
<li class="header-right-Text">
|
<span>Activity 3</span><span>Build Your Language</span>
|
</li>
|
<li>语言储备</li>
|
</ul>
|
<div class="bodystyle">
|
<table cellpadding="0" cellspacing="0" style="
|
border-collapse: collapse;
|
margin: 0 20px;
|
" class="fz-16 ">
|
<tr class="table-tr-bc">
|
<td class="center">(4)</td>
|
<td class="center">
|
<input v-model="tableData.seven" type="text" class="input-bottom-border" style="width: 60%"
|
@change="saveTableData" />
|
</td>
|
<td class="center">
|
<input v-model="tableData.eight" type="text" class="input-bottom-border" style="width: 70%"
|
@change="saveTableData" />
|
</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="center">(5)</td>
|
<td class="center">
|
<input v-model="tableData.nine" type="text" class="input-bottom-border" style="width: 60%"
|
@change="saveTableData" />
|
</td>
|
<td class="center">
|
<input v-model="tableData.ten" type="text" class="input-bottom-border" style="width: 70%"
|
@change="saveTableData" />
|
</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="center">(6)</td>
|
<td class="center">
|
<input v-model="tableData.eleven" type="text" class="input-bottom-border" style="width: 60%"
|
@change="saveTableData" />
|
</td>
|
<td class="center">
|
<input v-model="tableData.twelve" type="text" class="input-bottom-border" style="width: 70%"
|
@change="saveTableData" />
|
</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="center">(7)</td>
|
<td class="center">
|
<input v-model="tableData.thirteen" type="text" class="input-bottom-border" style="width: 60%"
|
@change="saveTableData" />
|
</td>
|
<td class="center">
|
<input v-model="tableData.fourteen" type="text" class="input-bottom-border" style="width: 70%"
|
@change="saveTableData" />
|
</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="center">(8)</td>
|
<td class="center">
|
<input v-model="tableData.fifteen" type="text" class="input-bottom-border" style="width: 60%"
|
@change="saveTableData" />
|
</td>
|
<td class="center">
|
<input v-model="tableData.sixteen" type="text" class="input-bottom-border" style="width: 70%"
|
@change="saveTableData" />
|
</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="center">(9)</td>
|
<td class="center">
|
<input v-model="tableData.seventeen" type="text" class="input-bottom-border" style="width: 60%"
|
@change="saveTableData" />
|
</td>
|
<td class="center">
|
<input v-model="tableData.eighteen" type="text" class="input-bottom-border" style="width: 70%"
|
@change="saveTableData" />
|
</td>
|
</tr>
|
<tr class="table-tr-bc">
|
<td class="center">(10)</td>
|
<td class="center">
|
<input v-model="tableData.nineteen" type="text" class="input-bottom-border" style="width: 60%"
|
@change="saveTableData" />
|
</td>
|
<td class="center">
|
<input v-model="tableData.twenty" type="text" class="input-bottom-border" style="width: 70%"
|
@change="saveTableData" />
|
</td>
|
</tr>
|
</table>
|
<p class="poemtitle-l">
|
Task 2 Choose proper expressions from what are given to you in the
|
following box and complete the following short dialogues.
|
</p>
|
<p class="content">(1)A:680 yuan in all,sir.</p>
|
<p class="content">
|
B:680 yuan?
|
<select class="select-border" :disabled="activityThree.isComplete" @change="saveActiveThree"
|
v-model="activityThree.answerList[0].value" style="width: 20%">
|
<option v-for="(item, index) in activityThree.options" :key="index" :value="item">
|
{{ item }}
|
</option>
|
</select>
|
<span class="icon-box">
|
<svg v-if="activityThree.answerList[0].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="40" height="20">
|
<path
|
d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
|
fill="#1AFA29" p-id="18768"></path>
|
</svg>
|
<svg v-if="activityThree.answerList[0].isRight == false" t="1716987085767" class="icon"
|
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
|
<path
|
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
|
fill="#d81e06" p-id="25746"></path>
|
</svg>
|
</span>
|
</p>
|
<p class="content">(2) A: How would you like to pay your bill?</p>
|
<p class="content">
|
B:
|
<select class="select-border" :disabled="activityThree.isComplete" @change="saveActiveThree"
|
v-model="activityThree.answerList[1].value" style="width: 20%">
|
<option v-for="(item, index) in activityThree.options" :key="index" :value="item">
|
{{ item }}
|
</option>
|
</select>
|
<span class="icon-box">
|
<svg v-if="activityThree.answerList[1].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="40" height="20">
|
<path
|
d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
|
fill="#1AFA29" p-id="18768"></path>
|
</svg>
|
<svg v-if="activityThree.answerList[1].isRight == false" t="1716987085767" class="icon"
|
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
|
<path
|
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
|
fill="#d81e06" p-id="25746"></path>
|
</svg>
|
</span>
|
</p>
|
<p class="content">
|
(3) A: I'm leaving today.
|
<select class="select-border" :disabled="activityThree.isComplete" @change="saveActiveThree"
|
v-model="activityThree.answerList[2].value" style="width: 20%">
|
<option v-for="(item, index) in activityThree.options" :key="index" :value="item">
|
{{ item }}
|
</option>
|
</select>
|
<span class="icon-box">
|
<svg v-if="activityThree.answerList[2].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="40" height="20">
|
<path
|
d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
|
fill="#1AFA29" p-id="18768"></path>
|
</svg>
|
<svg v-if="activityThree.answerList[2].isRight == false" t="1716987085767" class="icon"
|
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
|
<path
|
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
|
fill="#d81e06" p-id="25746"></path>
|
</svg>
|
</span>
|
</p>
|
<p class="content">B: Your name and room number, please?</p>
|
<p class="content">
|
(4) A: One more thing, I never used the mini-bar.
|
</p>
|
<p class="content">
|
B:
|
<select class="select-border" :disabled="activityThree.isComplete" @change="saveActiveThree"
|
v-model="activityThree.answerList[3].value" style="width: 20%">
|
<option v-for="(item, index) in activityThree.options" :key="index" :value="item">
|
{{ item }}
|
</option>
|
</select>
|
<span class="icon-box">
|
<svg v-if="activityThree.answerList[3].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="40" height="20">
|
<path
|
d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
|
fill="#1AFA29" p-id="18768"></path>
|
</svg>
|
<svg v-if="activityThree.answerList[3].isRight == false" t="1716987085767" class="icon"
|
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
|
<path
|
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
|
fill="#d81e06" p-id="25746"></path>
|
</svg>
|
</span>
|
</p>
|
<p class="content">
|
(5) A: Have you used any hotel services, Mr. Jackson?
|
</p>
|
<p class="content">
|
B: Yes.
|
<select class="select-border" :disabled="activityThree.isComplete" @change="saveActiveThree"
|
v-model="activityThree.answerList[4].value" style="width: 20%">
|
<option v-for="(item, index) in activityThree.options" :key="index" :value="item">
|
{{ item }}
|
</option>
|
</select>
|
<span class="icon-box">
|
<svg v-if="activityThree.answerList[4].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="40" height="20">
|
<path
|
d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
|
fill="#1AFA29" p-id="18768"></path>
|
</svg>
|
<svg v-if="activityThree.answerList[4].isRight == false" t="1716987085767" class="icon"
|
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
|
<path
|
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
|
fill="#d81e06" p-id="25746"></path>
|
</svg>
|
</span>
|
</p>
|
<div class="border">
|
<p class="content">A. May I have my bill?</p>
|
<p class="content">B. There must be a mistake.</p>
|
<p class="content">C. Oh, let me check with the Housekeeping.</p>
|
<p class="content">D. My friend and I just had breakfast.</p>
|
<p class="content">E. Sign it to my room, please.</p>
|
</div>
|
<p class="event-header-text-bc pd-5 mb-20" style="width: 100%" v-if="showAnswerActivityThree">
|
答案：1.B 2.E 3.A 4.C 5.D
|
</p>
|
</div>
|
<div class="copyrightPage-bottom">
|
<img class="copyrightPage-right-img" src="../../assets/images/right-page.png" alt="" />
|
<div class="copyrightPage-right-box">307</div>
|
</div>
|
</div>
|
</div>
|
<!-- 308页 -->
|
<div class="page-box" page="17">
|
<div v-if="showPageList.indexOf(17) > -1">
|
<div class="copyrightPage-top"></div>
|
<ul class="header-left">
|
<li class="header-left-Text">
|
<span>Project 12</span><span>Cashier’s Service</span>
|
</li>
|
<li>收银服务</li>
|
</ul>
|
<div class="bodystyle">
|
<p class="poemtitle-l">
|
Task 3 interpret what you hear from Chinese into English or from
|
English into Chinese.
|
</p>
|
<h1 class="center">
|
<audio :src="audioPathFour" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
|
</h1>
|
<p class="content">
|
(1)
|
<input :disabled="activityThree.isComplete" v-model="activityThree.answerList[5].value" type="text"
|
class="input-bottom-border" style="width: 80%" @change="saveActiveThree" />
|
<span class="icon-box">
|
<svg v-if="activityThree.answerList[5].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="40" height="20">
|
<path
|
d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
|
fill="#1AFA29" p-id="18768"></path>
|
</svg>
|
<svg v-if="activityThree.answerList[5].isRight == false" t="1716987085767" class="icon"
|
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
|
<path
|
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
|
fill="#d81e06" p-id="25746"></path>
|
</svg>
|
</span>
|
</p>
|
|
<p class="content">
|
(2)
|
<input :disabled="activityThree.isComplete" v-model="activityThree.answerList[6].value" type="text"
|
class="input-bottom-border" style="width: 80%" @change="saveActiveThree" />
|
<span class="icon-box">
|
<svg v-if="activityThree.answerList[6].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="40" height="20">
|
<path
|
d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
|
fill="#1AFA29" p-id="18768"></path>
|
</svg>
|
<svg v-if="activityThree.answerList[6].isRight == false" t="1716987085767" class="icon"
|
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
|
<path
|
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
|
fill="#d81e06" p-id="25746"></path>
|
</svg>
|
</span>
|
</p>
|
|
<p class="content">
|
(3)
|
<input :disabled="activityThree.isComplete" v-model="activityThree.answerList[7].value" type="text"
|
class="input-bottom-border" style="width: 80%" @change="saveActiveThree" />
|
<span class="icon-box">
|
<svg v-if="activityThree.answerList[7].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="40" height="20">
|
<path
|
d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
|
fill="#1AFA29" p-id="18768"></path>
|
</svg>
|
<svg v-if="activityThree.answerList[7].isRight == false" t="1716987085767" class="icon"
|
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
|
<path
|
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
|
fill="#d81e06" p-id="25746"></path>
|
</svg>
|
</span>
|
</p>
|
|
<p class="content">
|
(4)
|
<input :disabled="activityThree.isComplete" v-model="activityThree.answerList[8].value" type="text"
|
class="input-bottom-border" style="width: 80%" @change="saveActiveThree" />
|
<span class="icon-box">
|
<svg v-if="activityThree.answerList[8].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="40" height="20">
|
<path
|
d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
|
fill="#1AFA29" p-id="18768"></path>
|
</svg>
|
<svg v-if="activityThree.answerList[8].isRight == false" t="1716987085767" class="icon"
|
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
|
<path
|
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
|
fill="#d81e06" p-id="25746"></path>
|
</svg>
|
</span>
|
</p>
|
|
<p class="content">
|
(5)
|
<input :disabled="activityThree.isComplete" v-model="activityThree.answerList[9].value" type="text"
|
class="input-bottom-border" style="width: 80%" @change="saveActiveThree" />
|
<span class="icon-box">
|
<svg v-if="activityThree.answerList[9].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="40" height="20">
|
<path
|
d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
|
fill="#1AFA29" p-id="18768"></path>
|
</svg>
|
<svg v-if="activityThree.answerList[9].isRight == false" t="1716987085767" class="icon"
|
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
|
<path
|
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
|
fill="#d81e06" p-id="25746"></path>
|
</svg>
|
</span>
|
</p>
|
|
<p class="content">
|
(6)
|
<input :disabled="activityThree.isComplete" v-model="activityThree.answerList[10].value" type="text"
|
class="input-bottom-border" style="width: 80%" @change="saveActiveThree" />
|
<span class="icon-box">
|
<svg v-if="activityThree.answerList[10].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="40" height="20">
|
<path
|
d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
|
fill="#1AFA29" p-id="18768"></path>
|
</svg>
|
<svg v-if="activityThree.answerList[10].isRight == false" t="1716987085767" class="icon"
|
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
|
<path
|
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
|
fill="#d81e06" p-id="25746"></path>
|
</svg>
|
</span>
|
</p>
|
|
<p class="content">
|
(7)
|
<input :disabled="activityThree.isComplete" v-model="activityThree.answerList[11].value" type="text"
|
class="input-bottom-border" style="width: 80%" @change="saveActiveThree" />
|
<span class="icon-box">
|
<svg v-if="activityThree.answerList[11].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="40" height="20">
|
<path
|
d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
|
fill="#1AFA29" p-id="18768"></path>
|
</svg>
|
<svg v-if="activityThree.answerList[11].isRight == false" t="1716987085767" class="icon"
|
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
|
<path
|
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
|
fill="#d81e06" p-id="25746"></path>
|
</svg>
|
</span>
|
</p>
|
|
<p class="content">
|
(8)
|
<input :disabled="activityThree.isComplete" v-model="activityThree.answerList[12].value" type="text"
|
class="input-bottom-border" style="width: 80%" @change="saveActiveThree" />
|
<span class="icon-box">
|
<svg v-if="activityThree.answerList[12].isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
|
width="40" height="20">
|
<path
|
d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
|
fill="#1AFA29" p-id="18768"></path>
|
</svg>
|
<svg v-if="activityThree.answerList[12].isRight == false" t="1716987085767" class="icon"
|
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
|
<path
|
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
|
fill="#d81e06" p-id="25746"></path>
|
</svg>
|
</span>
|
</p>
|
|
<p class="event-header-text-bc pd-5 mb-20" style="width: 100%" v-if="showAnswerActivityThree">
|
答案：<br />
|
(1)收银台<br />
|
(2)万事达卡<br />
|
(3)结算账单<br />
|
(4)这是您的零钱。<br />
|
(5)Shall I explain the items on the billfor you?<br />
|
(6)What kind of credit card have you got?<br />
|
(7)We'll charge an extra 50%of the room rate.<br />
|
(8)How would you like to settle the difference?
|
</p>
|
|
<div class="w100 fl ju-cn mb-20 mt-20">
|
<div class="fl ju-ev mt-40" style="width: 80%">
|
<button class="btn-border btn-w" @click="handleActivityThree()">
|
提交
|
</button>
|
<button class="btn-border btn-w" @click="clearActivityThree">
|
重做
|
</button>
|
<button @click="showAnswerActivityThree = !showAnswerActivityThree" class="parimary-btn">
|
查看答案
|
</button>
|
</div>
|
</div>
|
</div>
|
<div class="copyrightPage-bottom">
|
<img class="copyrightPage-left-img" src="../../assets/images/left-page.png" alt="" />
|
<div class="copyrightPage-left-box">308</div>
|
</div>
|
</div>
|
</div>
|
<!-- 309页 -->
|
<div class="page-box" page="18">
|
<div v-if="showPageList.indexOf(18) > -1">
|
<div class="copyrightPage-top"></div>
|
<ul class="header-right">
|
<li class="header-right-Text">
|
<span>Activity 4</span><span>Train Your Basic Skills </span>
|
</li>
|
<li>技能实训</li>
|
</ul>
|
<div class="unit-title-box">
|
<p></p>
|
<div>
|
<img class="" src="../../assets/images/0002-01.jpg" alt="" />
|
<p class="td-0">Activity 4</p>
|
</div>
|
<p class="td-0 unit-title-text">Train Your Basic Skills 技能实训</p>
|
</div>
|
<div class="bodystyle"></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>
|
<!-- 310页 -->
|
<div class="page-box" page="19">
|
<div v-if="showPageList.indexOf(19) > -1">
|
<div class="copyrightPage-top"></div>
|
<ul class="header-left">
|
<li class="header-left-Text">
|
<span>Project 12</span><span>Cashier’s Service</span>
|
</li>
|
<li>收银服务</li>
|
</ul>
|
<div class="bodystyle"></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>
|
<!-- 311页 -->
|
<div class="page-box" page="20">
|
<div v-if="showPageList.indexOf(20) > -1">
|
<div class="copyrightPage-top"></div>
|
<ul class="header-right">
|
<li class="header-right-Text">
|
<span>Activity 4</span><span>Train Your Basic Skills </span>
|
</li>
|
<li>技能实训</li>
|
</ul>
|
<div class="bodystyle"></div>
|
<div class="copyrightPage-bottom">
|
<img class="copyrightPage-right-img" src="../../assets/images/right-page.png" alt="" />
|
<div class="copyrightPage-right-box">311</div>
|
</div>
|
</div>
|
</div>
|
<!-- 312页 -->
|
<div class="page-box" page="21">
|
<div v-if="showPageList.indexOf(21) > -1">
|
<div class="copyrightPage-top"></div>
|
<ul class="header-left">
|
<li class="header-left-Text">
|
<span>Project 12</span><span>Cashier’s Service</span>
|
</li>
|
<li>收银服务</li>
|
</ul>
|
<div class="bodystyle"></div>
|
<div class="copyrightPage-bottom">
|
<img class="copyrightPage-left-img" src="../../assets/images/left-page.png" alt="" />
|
<div class="copyrightPage-left-box">312</div>
|
</div>
|
</div>
|
</div>
|
<!-- 313页 -->
|
<div class="page-box" page="22">
|
<div v-if="showPageList.indexOf(22) > -1">
|
<div class="copyrightPage-top"></div>
|
<ul class="header-right">
|
<li class="header-right-Text">
|
<span>Activity 5</span><span>Further Your Skills</span>
|
</li>
|
<li>技能提升</li>
|
</ul>
|
<div class="bodystyle"></div>
|
<div class="copyrightPage-bottom">
|
<img class="copyrightPage-right-img" src="../../assets/images/right-page.png" alt="" />
|
<div class="copyrightPage-right-box">313</div>
|
</div>
|
</div>
|
</div>
|
<!-- 314页 -->
|
<div class="page-box" page="23">
|
<div v-if="showPageList.indexOf(23) > -1">
|
<div class="copyrightPage-top"></div>
|
<ul class="header-left">
|
<li class="header-left-Text">
|
<span>Project 12</span><span>Cashier’s Service</span>
|
</li>
|
<li>收银服务</li>
|
</ul>
|
<div class="bodystyle"></div>
|
<div class="copyrightPage-bottom">
|
<img class="copyrightPage-left-img" src="../../assets/images/left-page.png" alt="" />
|
<div class="copyrightPage-left-box">314</div>
|
</div>
|
</div>
|
</div>
|
<!-- 315页 -->
|
<div class="page-box" page="24">
|
<div v-if="showPageList.indexOf(24) > -1">
|
<div class="copyrightPage-top"></div>
|
<ul class="header-right">
|
<li class="header-right-Text">
|
<span>Activity 5</span><span>Further Your Skills</span>
|
</li>
|
<li>技能提升</li>
|
</ul>
|
<div class="bodystyle"></div>
|
<div class="copyrightPage-bottom">
|
<img class="copyrightPage-right-img" src="../../assets/images/right-page.png" alt="" />
|
<div class="copyrightPage-right-box">315</div>
|
</div>
|
</div>
|
</div>
|
<!-- 316页 -->
|
<div class="page-box" page="25">
|
<div v-if="showPageList.indexOf(25) > -1">
|
<div class="copyrightPage-top"></div>
|
<ul class="header-left">
|
<li class="header-left-Text">
|
<span>Project 12</span><span>Cashier’s Service</span>
|
</li>
|
<li>收银服务</li>
|
</ul>
|
<div class="bodystyle"></div>
|
<div class="copyrightPage-bottom">
|
<img class="copyrightPage-left-img" src="../../assets/images/left-page.png" alt="" />
|
<div class="copyrightPage-left-box">316</div>
|
</div>
|
</div>
|
</div>
|
<!-- 317页 -->
|
<div class="page-box" page="26">
|
<div v-if="showPageList.indexOf(26) > -1">
|
<div class="copyrightPage-top"></div>
|
<ul class="header-right">
|
<li class="header-right-Text">
|
<span>Activity 5</span><span>Further Your Skills</span>
|
</li>
|
<li>技能提升</li>
|
</ul>
|
<div class="bodystyle"></div>
|
<div class="copyrightPage-bottom">
|
<img class="copyrightPage-right-img" src="../../assets/images/right-page.png" alt="" />
|
<div class="copyrightPage-right-box">317</div>
|
</div>
|
</div>
|
</div>
|
<!-- 318页 -->
|
<div class="page-box" page="27">
|
<div v-if="showPageList.indexOf(27) > -1">
|
<div class="copyrightPage-top"></div>
|
<ul class="header-left">
|
<li class="header-left-Text">
|
<span>Project 12</span><span>Cashier’s Service</span>
|
</li>
|
<li>收银服务</li>
|
</ul>
|
<div class="bodystyle"></div>
|
<div class="copyrightPage-bottom">
|
<img class="copyrightPage-left-img" src="../../assets/images/left-page.png" alt="" />
|
<div class="copyrightPage-left-box">318</div>
|
</div>
|
</div>
|
</div>
|
<!-- 319页 -->
|
<div class="page-box" page="28">
|
<div v-if="showPageList.indexOf(28) > -1">
|
<div class="copyrightPage-top"></div>
|
<ul class="header-right">
|
<li class="header-right-Text">
|
<span>Activity 6</span><span>At the Smart Hotel</span>
|
</li>
|
<li>智慧酒店</li>
|
</ul>
|
<div class="bodystyle"></div>
|
<div class="copyrightPage-bottom">
|
<img class="copyrightPage-right-img" src="../../assets/images/right-page.png" alt="" />
|
<div class="copyrightPage-right-box">319</div>
|
</div>
|
</div>
|
</div>
|
<!-- 320页 -->
|
<div class="page-box" page="29">
|
<div v-if="showPageList.indexOf(29) > -1">
|
<div class="copyrightPage-top"></div>
|
<ul class="header-left">
|
<li class="header-left-Text">
|
<span>Project 12</span><span>Cashier’s Service</span>
|
</li>
|
<li>收银服务</li>
|
</ul>
|
<div class="bodystyle"></div>
|
<div class="copyrightPage-bottom">
|
<img class="copyrightPage-left-img" src="../../assets/images/left-page.png" alt="" />
|
<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>
|
</template>
|
<script>
|
import { getResourcePath } from "@/assets/methods/resources";
|
import {
|
getCollectResource,
|
setCollectResource,
|
} from "@/assets/methods/resources";
|
export default {
|
name: "chapterOne",
|
props: {
|
showPageList: {
|
type: Array,
|
},
|
},
|
data() {
|
return {
|
// 鼠标移入事件
|
isBoxVisible: false,
|
boxPosition: { x: 0, y: 0 },
|
|
|
collectImg: require("../../assets/images/icon/heart.png"),
|
collectCheck: require("../../assets/images/icon/heart-check.png"),
|
// 音频
|
audioPathOne: "",
|
audioPathTwo: "",
|
audioPathThree: "",
|
audioPathFour: "",
|
// 视频
|
videoPathOne: "",
|
collectResourceList: [],
|
chapterData: {
|
isCollectVideoOne: false,
|
},
|
// 简答题
|
questionData: {
|
one: "",
|
two: "",
|
three: "",
|
four: "",
|
five: "",
|
},
|
// select
|
showAnswerSelect: false,
|
selectData: {
|
isComplete: false,
|
//dropdown
|
options: [
|
"financial",
|
"check-out",
|
"accommodations",
|
"accurately",
|
"banking",
|
"exchange",
|
"parking",
|
],
|
answerList: [
|
{
|
value: "",
|
isRight: null,
|
answer: "accommodations",
|
},
|
{
|
value: "",
|
isRight: null,
|
answer: "parking",
|
},
|
{
|
value: "",
|
isRight: null,
|
answer: "financial",
|
},
|
{
|
value: "",
|
isRight: null,
|
answer: "exchange",
|
},
|
{
|
value: "",
|
isRight: null,
|
answer: "check-out",
|
},
|
{
|
value: "",
|
isRight: null,
|
answer: "banking",
|
},
|
{
|
value: "",
|
isRight: null,
|
answer: "accurately",
|
},
|
],
|
},
|
// 填空题
|
showAnswerTestData: false,
|
testData: {
|
isComplete: false,
|
answerList: [
|
{
|
value: "",
|
isRight: null,
|
answer: "Have you used",
|
},
|
{
|
value: "",
|
isRight: null,
|
answer: "your final bill hasn't reached here yet",
|
},
|
{
|
value: "",
|
isRight: null,
|
answer: "Here is your final bill",
|
},
|
{
|
value: "",
|
isRight: null,
|
answer: "It totals",
|
},
|
{
|
value: "",
|
isRight: null,
|
answer: "your room rents",
|
},
|
{
|
value: "",
|
isRight: null,
|
answer: "have a check",
|
},
|
],
|
},
|
// 参考译文
|
isDisolayTranslation: false,
|
|
// Activity 3 Task 2~3
|
showAnswerActivityThree: false,
|
activityThree: {
|
isComplete: false,
|
options: ["A", "B", "C", "D", "E"],
|
answerList: [
|
{
|
value: "",
|
isRight: null,
|
answer: "B",
|
},
|
{
|
value: "",
|
isRight: null,
|
answer: "E",
|
},
|
{
|
value: "",
|
isRight: null,
|
answer: "A",
|
},
|
{
|
value: "",
|
isRight: null,
|
answer: "C",
|
},
|
{
|
value: "",
|
isRight: null,
|
answer: "D",
|
},
|
{
|
value: "",
|
isRight: null,
|
answer: "收银台",
|
},
|
{
|
value: "",
|
isRight: null,
|
answer: "万事达卡",
|
},
|
{
|
value: "",
|
isRight: null,
|
answer: "结算账单",
|
},
|
{
|
value: "",
|
isRight: null,
|
answer: "这是您的零钱",
|
},
|
{
|
value: "",
|
isRight: null,
|
answer: "Shall I explain the items on the bill for you?",
|
},
|
{
|
value: "",
|
isRight: null,
|
answer: "What kind of credit card have you got?",
|
},
|
{
|
value: "",
|
isRight: null,
|
answer: "We'll charge an extra 50% of the room rate.",
|
},
|
{
|
value: "",
|
isRight: null,
|
answer: "How would you like to settle the diference?",
|
},
|
],
|
},
|
|
// 表格数据
|
tableData: {
|
one: "",
|
two: "",
|
three: "",
|
four: "",
|
five: "",
|
six: "",
|
seven: "",
|
eight: "",
|
nine: "",
|
ten: "",
|
eleven: "",
|
twelve: "",
|
thirteen: "",
|
fourteen: "",
|
fifteen: "",
|
sixteen: "",
|
seventeen: "",
|
eighteen: "",
|
nineteen: "",
|
twenty: "",
|
}
|
};
|
},
|
async mounted() {
|
const questionData = localStorage.getItem(
|
"hotelEnglishTrainingBrochure2nd-book-chapter001-questionData"
|
);
|
if (questionData) {
|
this.questionData = JSON.parse(questionData);
|
}
|
|
const selectData = localStorage.getItem(
|
"hotelEnglishTrainingBrochure2nd-book-chapter001-selectData"
|
);
|
if (selectData) {
|
this.selectData = JSON.parse(selectData);
|
}
|
|
const testData = localStorage.getItem(
|
"hotelEnglishTrainingBrochure2nd-book-chapter001-testData"
|
);
|
if (testData) {
|
this.testData = JSON.parse(testData);
|
}
|
|
const activityThree = localStorage.getItem(
|
"hotelEnglishTrainingBrochure2nd-book-chapter001-activityThree"
|
);
|
if (activityThree) {
|
this.activityThree = JSON.parse(activityThree);
|
}
|
|
this.collectResourceList = await getCollectResource(
|
this.config.activeBook.bookId
|
);
|
this.getVidoePath();
|
},
|
methods: {
|
async getVidoePath() {
|
this.videoPathOne = await getResourcePath(
|
"50ed3234d92cce02be3d277b0e1f88b2"
|
);
|
this.audioPathOne = await getResourcePath(
|
"bd2987485c662cb6f36c92083e4094e2"
|
);
|
this.audioPathTwo = await getResourcePath(
|
"1b5a381254352f9a03c6510bc9916768"
|
);
|
this.audioPathThree = await getResourcePath(
|
"d91efc7a386e8a7b901742cf4ec4f0e1"
|
);
|
this.audioPathFour = await getResourcePath(
|
"1f896412e668111c6793d1c60fe70ca8"
|
);
|
},
|
saveQuestionData() {
|
localStorage.setItem(
|
"hotelEnglishTrainingBrochure2nd-book-chapter001-questionData",
|
JSON.stringify(this.questionData)
|
);
|
},
|
//提交
|
handleDropdown() {
|
this.selectData.isComplete = true;
|
this.selectData.answerList.forEach((item) => {
|
if (item.value == item.answer) {
|
item.isRight = true;
|
} else {
|
item.isRight = false;
|
}
|
});
|
this.saveSelectData();
|
},
|
|
// 重做
|
clearSelectData() {
|
localStorage.removeItem(
|
"hotelEnglishTrainingBrochure2nd-book-chapter001-selectData"
|
);
|
this.selectData.isComplete = false;
|
this.selectData.answerList.forEach((item) => {
|
item.value = "";
|
item.isRight = null;
|
});
|
},
|
saveSelectData() {
|
localStorage.setItem(
|
"hotelEnglishTrainingBrochure2nd-book-chapter001-selectData",
|
JSON.stringify(this.selectData)
|
);
|
},
|
|
//提交
|
handleTestData() {
|
this.testData.isComplete = true;
|
this.testData.answerList.forEach((item) => {
|
if (item.value == item.answer) {
|
item.isRight = true;
|
} else {
|
item.isRight = false;
|
}
|
});
|
this.setTestData();
|
},
|
|
// 重做
|
clearTestData() {
|
localStorage.removeItem(
|
"hotelEnglishTrainingBrochure2nd-book-chapter001-testData"
|
);
|
this.testData.isComplete = false;
|
this.testData.answerList.forEach((item) => {
|
item.value = "";
|
item.isRight = null;
|
});
|
},
|
|
setTestData() {
|
localStorage.setItem(
|
"hotelEnglishTrainingBrochure2nd-book-chapter001-testData",
|
JSON.stringify(this.testData)
|
);
|
},
|
|
//提交
|
handleActivityThree() {
|
this.activityThree.isComplete = true;
|
this.activityThree.answerList.forEach((item) => {
|
if (item.value == item.answer) {
|
item.isRight = true;
|
} else {
|
item.isRight = false;
|
}
|
});
|
this.saveActiveThree();
|
},
|
|
clearActivityThree() {
|
localStorage.removeItem(
|
"hotelEnglishTrainingBrochure2nd-book-chapter001-activityThree"
|
);
|
this.activityThree.isComplete = false;
|
this.activityThree.answerList.forEach((item) => {
|
item.value = "";
|
item.isRight = null;
|
});
|
},
|
|
saveActiveThree() {
|
localStorage.setItem(
|
"hotelEnglishTrainingBrochure2nd-book-chapter001-activityThree",
|
JSON.stringify(this.activityThree)
|
);
|
},
|
|
// 保存
|
saveTableData() {
|
localStorage.setItem(
|
"hotelEnglishTrainingBrochure2nd-book-chapter001-tableData",
|
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>
|
|
<style lang="less" scoped></style>
|
