From 23b1a46beccde21abc76e29f20e30accb2a8f827 Mon Sep 17 00:00:00 2001
From: Huangzhe <huang.ze@ebiz-digits.com>
Date: Mon, 26 May 2025 11:38:25 +0800
Subject: [PATCH] =?UTF-8?q?feat(AD):=20=E6=B7=BB=E5=8A=A0=E8=BD=AE?=
 =?UTF-8?q?=E6=92=AD=E5=9B=BE=E6=8C=89=E9=92=AE=E7=82=B9=E5=87=BB=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在轮播图按钮上添加点击事件处理函数
- 实现按钮点击时的跳转逻辑：
  - 如果当前广告有配置 URL，则跳转到该 URL
  - 如果没有配置 URL，则跳转到智能生成页面
---
 src/views/AD/Index.vue | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/views/AD/Index.vue b/src/views/AD/Index.vue
index 944365b..26c229d 100644
--- a/src/views/AD/Index.vue
+++ b/src/views/AD/Index.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
 import { fetchBanners } from '@/hooks/request/banner';
 import { computed } from 'vue';
-import { useRoute } from 'vue-router';
+import { useRoute, useRouter } from 'vue-router';
 
+const router = useRouter();
 const { banners } = fetchBanners();
 const route = useRoute();
 const bannerInfo = computed(() => {
@@ -10,6 +11,15 @@ const bannerInfo = computed(() => {
 
   return banners.value?.find((item: any) => item.code === route.params.code);
 });
+
+function handleButtonClick() {
+  if (!bannerInfo.value?.url) {
+    router.push({ name: 'intelligentGeneration' });
+    return;
+  }
+
+  window.location.href = bannerInfo.value?.url;
+}
 </script>
 
 <template>
@@ -51,7 +61,9 @@ const bannerInfo = computed(() => {
     >
       <!--    立即进入   -->
       <el-button style="width: 95%; height: 50px; border-radius: 15px" color="#70b937">
-        <el-text style="color: white">{{ bannerInfo.button_name }}</el-text>
+        <el-text style="color: white" @click="handleButtonClick">{{
+          bannerInfo.button_name
+        }}</el-text>
       </el-button>
     </section>
   </section>