根据241024反馈需求表进行修改

This commit is contained in:
Jay Huang 2024-11-11 23:48:02 +08:00
parent f6072f42d4
commit bef14ee659
10 changed files with 85 additions and 66 deletions

View File

@ -491,11 +491,14 @@ $lang['home_price_button'] = '价格表';
$lang['home_teams_button'] = '医师简介';
$lang['home_directions_button'] = '预约说明';
$lang['home_contact_button'] = '联系我们';
$lang['please_select_service'] = '请选择(默认:其)';
$lang['please_select_service'] = '请选择(默认:其)';
$lang['please_select_provider'] = '请选择(必选)';
$lang['search_appointments_title'] = '预约查询';
$lang['enter_phone_number'] = '输入预约时提交的电话号码';
$lang['search_button'] = '查询';
$lang['no_appointments_message'] = '暂无预约信息';
$lang['enter_valid_phone_number'] = '请输入有效电话号';
// 2024-11-11
$lang['home_website_button'] = '盈启官网';
// End

View File

@ -491,11 +491,14 @@ $lang['home_price_button'] = '價格表';
$lang['home_teams_button'] = '醫師簡介';
$lang['home_directions_button'] = '預約說明';
$lang['home_contact_button'] = '聯絡我們';
$lang['please_select_service'] = '請選擇(預設:其)';
$lang['please_select_service'] = '請選擇(預設:其)';
$lang['please_select_provider'] = '請選擇(必填)';
$lang['search_appointments_title'] = '預約查詢';
$lang['enter_phone_number'] = '輸入預約時提交的電話號碼';
$lang['search_button'] = '查詢';
$lang['no_appointments_message'] = '暫無預約記錄';
$lang['enter_valid_phone_number'] = '請輸入有效電話號碼';
// 2024-11-11
$lang['home_website_button'] = '盈啟官網';
// End

View File

@ -498,4 +498,7 @@ $lang['enter_phone_number'] = 'Enter Phone Number';
$lang['search_button'] = 'Search';
$lang['no_appointments_message'] = 'No Appointments Found';
$lang['enter_valid_phone_number'] = 'Please enter a valid phone number';
// 2024-11-11
$lang['home_website_button'] = 'Website';
// End

View File

@ -43,6 +43,14 @@
.contact-info p {
margin: 5px 0;
}
/* 添加地圖容器的明確尺寸 */
#map-container {
width: 100%;
height: 400px;
margin: 20px 0;
border-radius: 8px;
overflow: hidden;
}
</style>
</head>
@ -62,38 +70,54 @@
<p>
<img src="<?= asset_url('assets/img/whatsapp-qr-code.png') ?>" alt="WhatsApp QR Code" style="width: 150px;">
</p>
<div id="map-container" style="width: 100%; height: 400px;"></div>
<div id="map-container"></div>
<p>
<button id="navigate-button" class="btn btn-primary">导航至此处</button>
<button id="navigate-button" class="btn btn-primary">導航至此處</button>
</p>
</div>
<script src="https://webapi.amap.com/maps?v=2.0&key=d602bdb819284cf772bb6f9498acac75"></script>
<!-- 添加 Geocoding 服務 -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBqyKkVzblqWI9AhB7sE4ui1H6v2wgWOWw&libraries=places&callback=initMap" async defer></script>
<script>
var map = new AMap.Map('map-container', {
resizeEnable: true,
center: [114.124435,22.369331], // 设置中心点坐标为荃湾地区
zoom: 18, // 地图缩放级别
lang: 'zh_tw'
function initMap() {
// 創建地理編碼器實例
const geocoder = new google.maps.Geocoder();
// 初始化地圖(先設置一個默認位置)
const map = new google.maps.Map(document.getElementById('map-container'), {
zoom: 18,
mapTypeControl: true,
streetViewControl: true,
fullscreenControl: true,
zoomControl: true,
});
// 使用地理編碼器查找地址
geocoder.geocode({ address: '荃豐中心, 香港' }, function(results, status) {
if (status === 'OK') {
// 設置地圖中心為搜索結果的位置
map.setCenter(results[0].geometry.location);
// 在該位置添加標記
const marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location,
title: '盈啟中醫'
});
} else {
console.error('Geocode was not successful for the following reason: ' + status);
}
});
}
// 導航按鈕點擊事件
document.addEventListener('DOMContentLoaded', function() {
document.getElementById('navigate-button').addEventListener('click', function() {
const destination = encodeURIComponent('荃豐中心, 香港');
const googleMapsUrl = `https://www.google.com/maps/dir/?api=1&destination=${destination}`;
window.open(googleMapsUrl, '_blank');
});
});
var marker = new AMap.Marker({
position: [114.124435,22.369331] // 标记位置为荃灣荃豐中心
});
map.add(marker);
document.getElementById('navigate-button').onclick = function() {
var destination = "114.124435,22.369331"; // 荃灣荃豐中心的坐标
var amapUrl = "https://uri.amap.com/navigation?to=" + destination + "&mode=car&src=webapp";
// 在移动设备上调用地图应用
if (/Android|iPhone/i.test(navigator.userAgent)) {
window.location.href = amapUrl;
} else {
window.open(amapUrl, '_blank');
}
};
</script>
<?php component('booking_footer', ['display_login_button' => vars('display_login_button')]); ?>

View File

@ -55,7 +55,7 @@
'company_logo' => vars('company_logo'),
]); ?>
<h1 class="text-center mt-2">预约指南</h1>
<h1 class="text-center mt-2">預約指南</h1>
<div class="accordion mt-2" id="appointmentProcessAccordion">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
@ -65,7 +65,7 @@
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#appointmentProcessAccordion">
<div class="accordion-body">
<!-- 插入出诊时间图-->
<!-- 插入出診時間圖-->
<img src="<?= asset_url('/assets/img/open_time.jpg') ?>" alt="Doctor Appointment Time" style="width:100%">
</div>
</div>
@ -73,40 +73,38 @@
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Q2: 预约后可以取消吗
Q2: 預約後可以取消嗎
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#appointmentProcessAccordion">
<div class="accordion-body">
预约成功后,您在预约查询的页面可以取消预约
預約成功後,您在預約查詢的頁面可以取消預約
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Q3: 预约成功后会收到确认吗
Q3: 預約成功後會收到確認嗎
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#appointmentProcessAccordion">
<div class="accordion-body">
预约成功后,如果您已填写电子邮箱地址,系统将通过电子邮件收到确认信息,包含预约的详细信息。
預約成功後,如果您已填寫電子郵箱地址,系統將通過電子郵件收到確認信息,包含預約的詳細信息。
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
Q4: 效天气下暂停出诊
Q4: 殊天氣下暫停出診
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#appointmentProcessAccordion">
<div class="accordion-body">
<p>
于天气原因,香港挂八号风球情况下,医师暂停出诊
於天氣原因,香港掛八號風球情況下,醫師暫停出診
</p>
</div>
</div>
</div>

View File

@ -117,25 +117,17 @@
</span>
</a>
</div>
<div class="icon-container">
<div class="icon-container">
<a href="<?= site_url('home_search') ?>" class="icon-button btn btn-light">
<i class="fa-solid fa-search"></i>
<span>
<?= lang('home_search_button') ?>
</span>
</a>
</div>
<div class="icon-container">
<a href="<?= site_url('home_price') ?>" class="icon-button btn btn-light">
<i class="fa-solid fa-dollar-sign"></i>
<a href="https://www.ykchinesemedicine.com/" target="_blank" class="icon-button btn btn-light">
<i class="fa-solid fa-home"></i>
<span>
<?= lang('home_price_button') ?>
</span>
</a>
<a href="<?= site_url('home_teams') ?>" class="icon-button btn btn-light">
<i class="fa-solid fa-address-card"></i>
<span>
<?= lang('home_teams_button') ?>
<?= lang('home_website_button') ?>
</span>
</a>
</div>

View File

@ -123,16 +123,16 @@
<div class="doctor-grid">
<div class="doctor-card">
<div class="doctor-photo">
<img src="<?= asset_url('assets/img/male.jpeg') ?>" alt="生照片">
<img src="<?= asset_url('assets/img/male.jpeg') ?>" alt="生照片">
</div>
<div class="doctor-info">
<div class="doctor-name">马医师</div>
<div class="doctor-name">馬醫師</div>
<div class="doctor-specialty">中藥 | 針灸 | 跌打</div>
<div class="doctor-description">
长以针刺、火针、穴位埋线、穴位注射、耳穴等中医特色疗法治疗颈肩腰腿痛,坐骨神经痛,失眠,便秘,鼻炎,咽炎,痛经,月经不调等症。
長以針刺、火針、穴位埋線、穴位注射、耳穴等中醫特色療法治療頸肩腰腿痛,坐骨神經痛,失眠,便秘,鼻炎,咽炎,痛經,月經不調等症。
</div>
<div class="doctor-schedule">
诊时间: 每周二、三、五、六 13:00 - 20:00
診時間: 每週二、三、五、六 13:00 - 20:00
</div>
</div>
</div>
@ -140,16 +140,16 @@
<!-- 其他医生卡片可以复制上面的结构并替换内容 -->
<div class="doctor-card">
<div class="doctor-photo">
<img src="<?= asset_url('assets/img/fimale.jpeg') ?>" alt="生照片">
<img src="<?= asset_url('assets/img/fimale.jpeg') ?>" alt="生照片">
</div>
<div class="doctor-info">
<div class="doctor-name">医师</div>
<div class="doctor-name">醫師</div>
<div class="doctor-specialty">內科 | 婦科</div>
<div class="doctor-description">
于治疗中医内妇科常见病,针灸疗法治疗损美性疾病,神经系统疾病及痛症。
於治療中醫內婦科常見病,針灸療法治療損美性疾病,神經系統疾病及痛症。
</div>
<div class="doctor-schedule">
诊时间: 每周12:00 - 17:00
診時間: 每週12:00 - 17:00
</div>
</div>
</div>
@ -158,16 +158,16 @@
<!-- 其他医生卡片可以复制上面的结构并替换内容 -->
<div class="doctor-card">
<div class="doctor-photo">
<img src="<?= asset_url('assets/img/fimale.jpeg') ?>" alt="生照片">
<img src="<?= asset_url('assets/img/fimale.jpeg') ?>" alt="生照片">
</div>
<div class="doctor-info">
<div class="doctor-name">张医师</div>
<div class="doctor-name">張醫師</div>
<div class="doctor-specialty">兒科 | 中藥 | 針灸</div>
<div class="doctor-description">
长运用中医传统技术治疗颈肩腰腿疾病、临床内科、妇科及儿科常见病、小儿推拿等。
長運用中醫傳統技術治療頸肩腰腿疾病、臨床內科、婦科及兒科常見病、小兒推拿等。
</div>
<div class="doctor-schedule">
诊时间: 每周13:00 - 20:00
診時間: 每週13:00 - 20:00
</div>
</div>
</div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 70 KiB

After

Width:  |  Height:  |  Size: 58 KiB

View File

@ -705,10 +705,6 @@ App.Pages.Booking = (function () {
<i class="fas fa-calendar-day me-2"></i>
${formattedSelectedDate}
</div>
<div class="mb-2">
<i class="fas fa-clock me-2"></i>
${service.duration} ${lang('minutes')}
</div>
<div class="mb-2" ${!Number(service.price) ? 'hidden' : ''}>
<i class="fas fa-cash-register me-2"></i>
${Number(service.price).toFixed(2)} ${service.currency}