218 lines
10 KiB
Vue
218 lines
10 KiB
Vue
<script setup>
|
||
import { useHead } from '@vueuse/head'
|
||
import { ref } from 'vue'
|
||
|
||
// SEO优化的头部信息
|
||
useHead({
|
||
title: '天远查 - 专业司法涉诉查询平台 | 婚恋评估、判决书查询、婚姻状态查询',
|
||
meta: [
|
||
{
|
||
name: 'description',
|
||
content: '天远查是专业的司法涉诉查询平台，提供婚恋评估、判决书查询、婚姻状态查询、被执行人查询、失信人查询等服务。依托大数据技术，精准查询司法风险，多维防控财产、信用、身份风险。'
|
||
},
|
||
{
|
||
name: 'keywords',
|
||
content: '天远查,司法涉诉查询,婚恋评估,判决书查询,婚姻状态查询,被执行人查询,失信人查询,限高查询,个人涉诉查询,企业涉诉查询,车辆核验,身份核验,手机核验,银行卡核验,学历核验,风险报告,法律风险,信用风险,在线查询平台'
|
||
},
|
||
{
|
||
property: 'og:title',
|
||
content: '天远查 - 专业司法涉诉查询平台 | 婚恋评估、判决书查询、婚姻状态查询'
|
||
},
|
||
{
|
||
property: 'og:description',
|
||
content: '天远查是专业的司法涉诉查询平台，提供婚恋评估、判决书查询、婚姻状态查询、被执行人查询、失信人查询等服务。'
|
||
},
|
||
{
|
||
property: 'og:type',
|
||
content: 'website'
|
||
},
|
||
{
|
||
property: 'og:url',
|
||
content: 'https://www.tianyuancha.cn'
|
||
},
|
||
{
|
||
property: 'og:image',
|
||
content: 'https://www.tianyuancha.cn/og-image.jpg'
|
||
}
|
||
],
|
||
link: [
|
||
{
|
||
rel: 'canonical',
|
||
href: 'https://www.tianyuancha.cn'
|
||
}
|
||
]
|
||
})
|
||
|
||
const router = useRouter();
|
||
const showServiceNotice = ref(false);
|
||
|
||
function toInquire(name) {
|
||
if (name === "Marriage") {
|
||
router.push(`/inquire/marriage`);
|
||
} else if (name === "Api") {
|
||
window.location.href = "https://www.tianyuanapi.com/";
|
||
} else if (name === "Lawsuit") {
|
||
// 司法涉诉跳转到个人司法涉诉查询
|
||
router.push(`/inquire/toc_PersonalLawsuit`);
|
||
} else if (name === "MarriageStatus") {
|
||
// 婚姻状况跳转到婚姻查询
|
||
router.push(`/inquire/toc_Marriage`);
|
||
} else if (name === "VehiclesUnderName") {
|
||
// 车辆查询跳转
|
||
router.push(`/inquire/toc_VehiclesUnderName`);
|
||
} else if (name === "Promote") {
|
||
// 推广报告跳转
|
||
router.push(`/agent/promote`);
|
||
} else {
|
||
router.push(`/list${name}`);
|
||
}
|
||
}
|
||
|
||
function toHistory() {
|
||
router.push(`/historyQuery`);
|
||
}
|
||
const toBigData = () => {
|
||
window.location.href = "https://www.tianyuandata.com/";
|
||
};
|
||
function toPromote() {
|
||
window.location.href =
|
||
"https://www.tianyuancha.cn?_um_campaign=67c15d4f8f232a05f1221b82&_um_channel=67c15d4f8f232a05f1221b83"; // 跳转到客服页面
|
||
}
|
||
</script>
|
||
|
||
<template>
|
||
<div class="relative p-4">
|
||
<img class="h-full w-full overflow-hidden rounded-xl" src="@/assets/images/banner.png" alt="天远查平台横幅" />
|
||
</div>
|
||
<div class="relative p-4 pb-4 pt-2">
|
||
<div class="grid grid-cols-2 gap-3">
|
||
<div class="relative flex flex-col cursor-pointer rounded-bl-[35px] rounded-br-lg rounded-tl-[35px] rounded-tr-lg bg-white px-4 py-6 shadow-lg"
|
||
@click="toInquire('Lawsuit')">
|
||
<div class="min-h-18 gap-2 bg-white px-1">
|
||
<div class="mb-2 flex justify-around">
|
||
<img class="h-12 w-12 flex-shrink-0" src="@/assets/images/icon_2.png" alt="司法涉诉图标" />
|
||
<div class="mt-1 max-w-max flex-shrink-0 text-left text-lg text-gray-600 font-bold">
|
||
司法涉诉
|
||
</div>
|
||
</div>
|
||
<div class="max-w-max text-left text-xs text-gray-600">
|
||
查询个人与企业的民事案件、刑事案件、行政案件、非诉保全审查、执行案件、强制清算与破产、限高、失信等司法涉诉记录
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="relative flex flex-col cursor-pointer rounded-bl-lg rounded-br-[35px] rounded-tl-lg rounded-tr-[35px] bg-white px-4 py-6 shadow-lg"
|
||
@click="toInquire('Marriage')">
|
||
<div class="min-h-18 gap-2 bg-white px-1">
|
||
<div class="mb-2 flex justify-around">
|
||
<div class="mt-1 max-w-max flex-shrink-0 text-left text-lg text-gray-600 font-bold">
|
||
婚恋风险
|
||
</div>
|
||
<img class="h-12 w-12 flex-shrink-0" src="@/assets/images/icon_1.png" alt="婚恋风险图标" />
|
||
</div>
|
||
<div class="max-w-max text-left text-xs text-gray-600">
|
||
全面评估婚恋对象潜在风险，包含个人不良、司法涉诉、婚姻状态、借贷行为等多维数据分析，帮您识别隐藏风险，守护情感安全
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="relative flex flex-col cursor-pointer rounded-bl-[35px] rounded-br-lg rounded-tl-[35px] rounded-tr-lg bg-white px-4 py-6 shadow-lg"
|
||
@click="toInquire('VehiclesUnderName')">
|
||
<div class="min-h-18 gap-2 bg-white px-1">
|
||
<div class="mb-2 flex justify-around">
|
||
<img class="h-12 w-12 flex-shrink-0" src="@/assets/images/icon_index_chacheliang.svg"
|
||
alt="车辆查询图标" />
|
||
<div class="mt-1 max-w-max flex-shrink-0 text-left text-lg text-gray-600 font-bold">
|
||
车辆查询
|
||
</div>
|
||
</div>
|
||
<div class="max-w-max text-left text-xs text-gray-600">
|
||
查询个人名下所有车辆信息，包括车辆品牌、型号、车牌号、登记时间等详细信息
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="relative flex flex-col cursor-pointer rounded-bl-lg rounded-br-[35px] rounded-tl-lg rounded-tr-[35px] bg-white px-4 py-6 shadow-lg"
|
||
@click="toInquire('MarriageStatus')">
|
||
<div class="min-h-18 gap-2 bg-white px-1">
|
||
<div class="mb-2 flex justify-around">
|
||
<div class="mt-1 max-w-max flex-shrink-0 text-left text-lg text-gray-600 font-bold">
|
||
婚姻状况
|
||
</div>
|
||
<img class="h-12 w-12 flex-shrink-0" src="@/assets/images/icon_4.png" alt="婚姻状况图标" />
|
||
</div>
|
||
<div class="max-w-max text-left text-xs text-gray-600">
|
||
查询个人婚姻登记信息，包括婚姻状态、结婚时间、离婚时间等，帮助您了解对方的真实婚姻状况
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="relative flex flex-col cursor-pointer rounded-bl-[35px] rounded-br-lg rounded-tl-[35px] rounded-tr-lg bg-white px-4 py-6 shadow-lg"
|
||
@click="toInquire('Promote')">
|
||
<div class="min-h-18 gap-2 bg-white px-1">
|
||
<div class="mb-2 flex justify-around">
|
||
<img class="h-12 w-12 flex-shrink-0" src="@/assets/images/icon_3.png" alt="推广报告图标" />
|
||
<div class="mt-1 max-w-max flex-shrink-0 text-left text-lg text-gray-600 font-bold">
|
||
推广报告
|
||
</div>
|
||
</div>
|
||
<div class="max-w-max text-left text-xs text-gray-600">
|
||
基于多维度数据整合，准确评估潜在风险的全面报告
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="relative flex flex-col cursor-pointer rounded-bl-lg rounded-br-[35px] rounded-tl-lg rounded-tr-[35px] bg-white px-4 py-6 shadow-lg"
|
||
@click="toInquire('Api')">
|
||
<div class="min-h-18 gap-2 bg-white px-1">
|
||
<div class="mb-2 flex justify-around">
|
||
<div class="mt-1 max-w-max flex-shrink-0 text-left text-lg text-gray-600 font-bold">
|
||
API商店
|
||
</div>
|
||
<img class="h-12 w-12 flex-shrink-0" src="@/assets/images/icon_index_apistore.svg"
|
||
alt="API商店图标" />
|
||
</div>
|
||
<div class="max-w-max text-left text-xs text-gray-600">
|
||
提供婚姻、司法、核验等高效便捷的API服务，帮助企业快速获取数据，提升业务效率。
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="mt-4 font-bold">更多服务</div>
|
||
<div class="mt-4 box-border h-14 w-full flex items-center rounded-xl bg-white px-4 text-gray-700 shadow-xl"
|
||
@click="toHistory">
|
||
<img class="mr-4 h-10 w-10" src="@/assets/images/bg_icon.png" alt="历史记录图标" mode="widthFix" />
|
||
<div class="">
|
||
<div class="font-bold">我的历史查询记录</div>
|
||
<div class="text-xs">查询记录有效期为15天</div>
|
||
</div>
|
||
</div>
|
||
<div class="mt-4 rounded-xl overflow-hidden bg-white shadow-xl" @click="toBigData">
|
||
<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>
|
||
.clip-left {
|
||
clip-path: polygon(0 0, 0 100%, 90% 100%, 0 100%);
|
||
}
|
||
|
||
.clip-right {
|
||
clip-path: polygon(0 0, 0 0, 90% 100%, 0 0);
|
||
}
|
||
</style>
|
||
|
||
<route type="home" lang="json">{
|
||
"layout": "home"
|
||
}</route>
|