f

src/views/index.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { useHead } from '@vueuse/head'
+import { ref } from 'vue'
 
 // SEO优化的头部信息
 useHead({
@@ -43,6 +44,7 @@ useHead({
 })
 
 const router = useRouter();
+const showServiceNotice = ref(false);
 
 function toInquire(name) {
     if (name === "Marriage") {
@@ -50,6 +52,9 @@ function toInquire(name) {
         // window.location.href = 'https://www.quannengcha.com?_um_campaign=67bfea379a16fe6dcd53b9a7&_um_channel=67bfea379a16fe6dcd53b9a8';
     } else if (name === "Api") {
         window.location.href = "https://www.tianyuanapi.com/";
+    } else if (name === "Lawsuit" || name === "Risk") {
+        // 司法涉诉和风险报告显示服务暂停通知
+        showServiceNotice.value = true;
     } else {
         router.push(`/list${name}`);
     }
@@ -175,6 +180,18 @@ function toPromote() {
             <img src="@/assets/images/index_a_banner.png" class="w-full h-full" alt="大数据服务横幅" mode="widthFix" />
         </div>
     </div>
+
+    <!-- 服务暂停通知弹窗 -->
+    <van-popup v-model:show="showServiceNotice" round :style="{ width: '85%', padding: '32px 24px' }">
+        <div class="text-center">
+            <div class="text-2xl font-bold text-gray-800 mb-6">服务暂停通知</div>
+            <div class="text-base text-gray-700 leading-relaxed mb-6 px-2">
+                因系统升级，我司现暂停司法涉诉和风险报告服务，由此给您带来的不便，我们深表歉意。
+            </div>
+            <div class="text-sm text-gray-500 mb-6">感谢您的理解与支持！</div>
+            <van-button type="primary" round block @click="showServiceNotice = false">我知道了</van-button>
+        </div>
+    </van-popup>
 </template>
 
 <style scoped>