From de641d18d7773c712b7bb5ba71749f3bbd07cf27 Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Wed, 26 Nov 2025 13:43:37 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=BB=9F=E4=B8=80=E6=B3=A8=E5=86=8C?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2"=E8=81=94=E7=B3=BB=E6=88=91=E4=BB=AC"?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F,=E5=B9=B6=E5=9C=A8=E6=89=93=E5=BC=80?=
 =?UTF-8?q?=E9=82=AE=E7=AE=B1=E5=A4=B1=E8=B4=A5=E6=97=B6=E5=A4=8D=E5=88=B6?=
 =?UTF-8?q?=E9=82=AE=E4=BB=B6=E5=9C=B0=E5=9D=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/mainPage/signUp/index.vue | 84 ++++++++++++++++++++++++-
 1 file changed, 82 insertions(+), 2 deletions(-)

diff --git a/src/component/mainPage/signUp/index.vue b/src/component/mainPage/signUp/index.vue
index e38e38b6..d581f576 100644
--- a/src/component/mainPage/signUp/index.vue
+++ b/src/component/mainPage/signUp/index.vue
@@ -24,8 +24,8 @@
 						<ul class="product_detail" :class="{'academic':(item.type == 'academic' && !isSelectSuccessively)}">
 							<li v-for="detailItem in item?.detailList">{{ detailItem }}</li>
 						</ul>
-						<div class="gallery_btn gallery_btn_radius" v-if="item?.btn != 'Contact us'" @click="createAccount">{{ item?.btn }}</div>
-						<a class="gallery_btn gallery_btn_radius" v-else href="mailto:info@code-create.com.hk">{{ item?.btn }}</a>
+						<div class="gallery_btn gallery_btn_radius" v-if="item?.btn != 'Contact us' && item?.btn != '联系我们'" @click="createAccount">{{ item?.btn }}</div>
+						<div class="gallery_btn gallery_btn_radius" v-else @click="handleContactUs">{{ item?.btn }}</div>
 					</div>
 					<div class="highlight" v-if="item?.highlight">{{ item?.highlight }}</div>
 				</div>
@@ -38,6 +38,7 @@
 <script>
 	import { defineComponent, ref, reactive, watch, onMounted, nextTick, toRefs } from "vue";
 	import registerModel from './registerModel.vue'
+	import { message } from "ant-design-vue";
 
     export default defineComponent({
 		components: {
@@ -319,6 +320,84 @@
 				}
 				dom.registerModel.init(props.isSelectSuccessively)
 			}
+			const handleContactUs = ()=>{
+				const email = 'info@code-create.com.hk'
+				const mailtoLink = `mailto:${email}`
+				
+				// 检测是否有邮件客户端
+				let hasEmailClient = false
+				let blurTimer = null
+				
+				// 监听窗口失去焦点事件（如果打开了邮件客户端，窗口会失去焦点）
+				const handleBlur = () => {
+					hasEmailClient = true
+					if (blurTimer) {
+						clearTimeout(blurTimer)
+					}
+					window.removeEventListener('blur', handleBlur)
+				}
+				
+				window.addEventListener('blur', handleBlur)
+				
+				// 尝试打开邮件客户端（使用临时链接元素，避免页面跳转）
+				try {
+					const tempLink = document.createElement('a')
+					tempLink.href = mailtoLink
+					tempLink.style.display = 'none'
+					document.body.appendChild(tempLink)
+					tempLink.click()
+					document.body.removeChild(tempLink)
+				} catch (e) {
+					// 如果打开失败，直接复制邮箱
+					hasEmailClient = false
+				}
+				
+				// 设置超时检测，如果500ms内窗口没有失去焦点，说明没有邮件客户端
+				blurTimer = setTimeout(() => {
+					window.removeEventListener('blur', handleBlur)
+					if (!hasEmailClient) {
+						// 没有邮件客户端，复制邮箱到剪贴板
+						copyToClipboard(email)
+						const isChinese = props.isSelectSuccessively
+						if (isChinese) {
+							message.info(`没有检测到邮件客户端,已为您复制邮箱地址:${email}`)
+						} else {
+							message.info(`No email client detected, email address copied: ${email}`)
+						}
+					}
+				}, 2000)
+			}
+			
+			const copyToClipboard = (text) => {
+				if (navigator.clipboard && window.isSecureContext) {
+					// 使用现代 Clipboard API
+					navigator.clipboard.writeText(text).catch(() => {
+						// 如果失败，使用传统方法
+						fallbackCopyToClipboard(text)
+					})
+				} else {
+					// 使用传统方法
+					fallbackCopyToClipboard(text)
+				}
+			}
+			
+			const fallbackCopyToClipboard = (text) => {
+				const textArea = document.createElement('textarea')
+				textArea.value = text
+				textArea.style.position = 'fixed'
+				textArea.style.left = '-999999px'
+				textArea.style.top = '-999999px'
+				document.body.appendChild(textArea)
+				textArea.focus()
+				textArea.select()
+				try {
+					document.execCommand('copy')
+				} catch (err) {
+					console.error('复制失败:', err)
+				}
+				document.body.removeChild(textArea)
+			}
+			
 			onMounted(()=>{
 				
 			})
@@ -328,6 +407,7 @@
 				close,
 				setMonthlyOrYearly,
 				createAccount,
+				handleContactUs,
             }
 		},
     })