添加活动范围和离境城市说明文字

hotfix/paypal-note
candice 2 years ago
parent ccac48d05e
commit ef6d17ae5d

@ -596,6 +596,8 @@
<span id="departure_date_errmsg" style="display: none;">
<span class="requiredArea">Please select your departure date.</span>
</span>
<p style="font-weight: 400;
font-size: 20px;
text-align: left;
@ -886,6 +888,7 @@
<div id="reason_box" style="display: none; padding: 0 20px; text-align: left; font-size: 19px; font-weight: 400;">
<p>Reason you don't qualify:</p>
<ul class="infolist">
<li id="error_transit" style="display: none">You must be in transit to a third country or region.</li>
<li id="error_72hours" style="display: none">You must leave the city area (prefecture or municipality) after the 72/144 hours (the 72/144-hour limit is calculated starting from 00:00 on the day after arrival, i.e. 24:00 on the arrival date).</li>
<!--<li id="error_3months" style="display: none">Your passport must be valid for more than 3 months at the time of entry into China.</li>-->
@ -896,6 +899,7 @@
</div>
<p id="tip_box" style="display: none; padding:0 20px; text-align: left; font-weight: 400; font-size: 19px;">
<strong >Important notes:</strong> <br>
You are only allowed to remain within and depart China from <span id="allowed_area">Beijing</span>.<br>
Your passport must be valid for more than 3 months at the time of entry into China. <br>
You dont't have Chinese visa refusal stamps in your passport.<br>
Please bring your China hotel reservation in case it is needed at the time of entry into China.
@ -973,6 +977,10 @@ ready(el => {
const qualify_144hours = el('qualify_144hours');
const qualify_no = el('qualify_no');
const arriveAtCitySelect = el('arrive_at_city');
const allowedAreaSpan = el('allowed_area');
let selectedCity = arriveAtCitySelect.options[arriveAtCitySelect.selectedIndex].value;
const departure_date_errmsg = el('departure_date_errmsg');
const arrival_date_errmsg = el('arrival_date_errmsg');
@ -1085,11 +1093,37 @@ ready(el => {
]
],
]);
// Chengdu: Chengdu 72小时
// Chengdu: Sichuan Province 144小时
const cityProvinceMap = new Map([
['Beijing', 'Beijing, Tianjin, Hebei Province'],
['Shanghai', 'Shanghai, Jiangsu Province, Zhejiang Province'],
['Hangzhou', 'Shanghai, Jiangsu Province, Zhejiang Province'],
['Shenyang', 'Liaoning Province'],
['Dalian', 'Liaoning Province'],
['Ningbo', 'Shanghai, Jiangsu Province, Zhejiang Province'],
['Nanjing', 'Shanghai, Jiangsu Province, Zhejiang Province'],
['Qinhuangdao', 'Beijing, Tianjin, Hebei Province'],
['Shijiazhuang', 'Beijing, Tianjin, Hebei Province'],
['Tianjin', 'Beijing, Tianjin, Hebei Province'],
['Changsha', 'Hunan Province'],
['Harbin', 'Harbin'],
['Wuhan', 'Wuhan'],
['Xiamen', 'Xiamen'],
['Qingdao', 'Shandong Province'],
['Kunming', 'Kunming'],
["Xi'an", "Xi'an, Xianyang"],
['Guilin', 'Guilin'],
['Chongqing', 'Chongqing'],
['Jieyang', 'Guangdong province'],
['Shenzhen', 'Guangdong province'],
['Guangzhou', 'Guangdong province'],
]);
const arriveAtCitySelect = el('arrive_at_city');
const airportSelect = el('airport_or_railway_station');
arriveAtCitySelect.on('change', () => {
const selectedCity = arriveAtCitySelect.options[arriveAtCitySelect.selectedIndex].value;
selectedCity = arriveAtCitySelect.options[arriveAtCitySelect.selectedIndex].value;
const airportList = cityAirportMap.get(selectedCity)
airportSelect.options.length = 0;
airportList.forEach(element => {
@ -1097,7 +1131,6 @@ ready(el => {
opt.setAttribute('data-hour', element.hour);
airportSelect.options.add(opt);
});
});
takeATestButton.on('click', () => {
@ -1169,13 +1202,26 @@ ready(el => {
if (validateSuccess) {
tip_box.show();
reason_box.hide();
const allowedArea = cityProvinceMap.get(selectedCity);
if (allowedArea != null && allowedArea != 'Chengdu') {
allowedAreaSpan.innerText = allowedArea;
}
if (visa72hours) {
qualify_72hours.show();
if (selectedCity == 'Chengdu') {
allowedAreaSpan.innerText = 'Chengdu';
}
}
if (visa144hours) {
qualify_144hours.show();
if (selectedCity == 'Chengdu') {
allowedAreaSpan.innerText = 'Sichuan Province';
}
}
} else {
tip_box.hide();
@ -1194,4 +1240,4 @@ ready(el => {
@media (max-width: 750px) {
.date_pick {width: 100% !important;}
}
</style>
</style>

Loading…
Cancel
Save