team/tydata-webview-v2
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

version temp

Browse Source
This commit is contained in:
liangzai
2025-10-24 14:39:32 +08:00
parent ff5cb63960
commit c1dd5551f0
30 changed files with 556 additions and 304 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/views/AgentPromoteDetails.vue
View File

@@ -22,13 +22,14 @@
<script setup>
// 颜色配置（根据产品名称映射）
const typeColors = {
'老板企业风险': { bg: 'bg-blue-100', text: 'text-blue-800', dot: 'bg-blue-500' },
'小微企业': { bg: 'bg-blue-100', text: 'text-blue-800', dot: 'bg-blue-500' },
'入职风险': { bg: 'bg-green-100', text: 'text-green-800', dot: 'bg-green-500' },
'家政风险': { bg: 'bg-purple-100', text: 'text-purple-800', dot: 'bg-purple-500' },
'婚恋风险': { bg: 'bg-pink-100', text: 'text-pink-800', dot: 'bg-pink-500' },
'贷前风险': { bg: 'bg-orange-100', text: 'text-orange-800', dot: 'bg-orange-500' },
'租赁风险': { bg: 'bg-indigo-100', text: 'text-indigo-800', dot: 'bg-indigo-500' },
'个人风险': { bg: 'bg-red-100', text: 'text-red-800', dot: 'bg-red-500' },
'个人大数据': { bg: 'bg-red-100', text: 'text-red-800', dot: 'bg-red-500' },
// 默认类型
'default': { bg: 'bg-gray-100', text: 'text-gray-800', dot: 'bg-gray-500' }
}

2
src/views/AgentVip.vue
View File

@@ -32,7 +32,7 @@ function toVipApply() {
function toService() {
// window.location.href = '/service' // 跳转到客服页面
window.location.href =
"https://work.weixin.qq.com/kfid/kfc76b1d0f0d562777a"; // 跳转到客服页面
"https://work.weixin.qq.com/kfid/kfc8a32720024833f57"; // 跳转到客服页面
}
</script>

2
src/views/AgentVipApply.vue
View File

@@ -1026,7 +1026,7 @@ async function applyVip() {
// 联系客服
function contactService() {
// 跳转到客服页面
window.location.href = 'https://work.weixin.qq.com/kfid/kfc76b1d0f0d562777a'
window.location.href = 'https://work.weixin.qq.com/kfid/kfc8a32720024833f57'
}
function formatExpiryTime(expiryTimeStr) {

18
src/views/AgentVipConfig.vue
View File

@@ -131,7 +131,7 @@
</van-field>
<div class="text-xs text-gray-400 mt-1">
提示：最高金额不能超过上限（{{
productConfigData?.price_range_max || 0
productConfigData?.price_range_max || 0
}}元）和大于最低金额（{{ priceIncreaseMax }}元）<br />
说明：设定的最高金额为定价区间的结束值，若下级设定的报告金额在区间内，则区间内部分将按比例获得收益。
</div>
@@ -178,13 +178,15 @@ import { settings } from "nprogress";
// 报告类型选项
const reportOptions = [
{ text: "入职风险", value: "backgroundcheck", id: 1 },
{ text: "老板企业风险", value: "companyinfo", id: 2 },
{ text: "家政风险", value: "homeservice", id: 3 },
{ text: "婚恋风险", value: "marriage", id: 4 },
{ text: "贷前风险", value: "prepreloanbackgroundcheck", id: 5 },
{ text: "租赁风险", value: "rentalrisk", id: 6 },
{ text: "个人风险", value: "riskassessment", id: 7 },
{ text: "小微企业", value: "companyinfo", id: 2 },
{ text: "贷前风险", value: "preloanbackgroundcheck", id: 5 },
{ text: "个人大数据", value: "personaldata", id: 27 },
// { text: "入职风险", value: "backgroundcheck", id: 1 },
// { text: "家政风险", value: "homeservice", id: 3 },
// { text: "婚恋风险", value: "marriage", id: 4 },
// { text: "租赁风险", value: "rentalrisk", id: 6 },
// { text: "个人风险", value: "riskassessment", id: 7 },
];
// 状态管理

88
src/views/Inquire.vue
View File

@@ -2,12 +2,15 @@
import { ref, reactive, computed, onMounted, onUnmounted, nextTick } from "vue";
import { aesEncrypt } from "@/utils/crypto";
import { useRoute } from "vue-router";
import { useUserStore } from "@/stores/userStore";
import { showConfirmDialog } from "vant";
import Payment from "@/components/Payment.vue";
import CarNumberInput from "@/components/CarNumberInput.vue";
const route = useRoute();
const router = useRouter();
const userStore = useUserStore();
const showPayment = ref(false);
const queryId = ref(null);
const name = ref("");
@@ -57,7 +60,35 @@ const isPhoneNumberValid = computed(() => {
return /^1[3-9]\d{9}$/.test(mobile.value);
});
const isIdCardValid = computed(() => /^\d{17}[\dX]$/i.test(idCard.value));
// 检查登录状态
const isLoggedIn = computed(() => userStore.isLoggedIn);
// 处理输入框点击事件
const handleInputClick = async () => {
if (!isLoggedIn.value) {
try {
await showConfirmDialog({
title: '提示',
message: '您需要登录后才能进行查询，是否前往登录？',
confirmButtonText: '前往登录',
cancelButtonText: '取消',
});
// 用户点击确认，跳转到登录页面
router.push('/login');
} catch {
// 用户点击取消，什么都不做
}
}
};
function handleSubmit() {
// 如果未登录，跳转到登录页面
if (!isLoggedIn.value) {
router.push('/login');
return;
}
// 基本协议验证
if (!agreeToTerms.value) {
showToast({ message: `请阅读并同意用户协议和隐私政策` });
@@ -185,7 +216,7 @@ const getFeatureIcon = (apiId) => {
FLXG0V4B: "/inquire_icons/sifasheyu.svg", // 司法涉诉
JRZQ8203: "/inquire_icons/jiedaixingwei.svg", // 借贷行为记录
JRZQ09J8: "/inquire_icons/beijianguanrenyuan.svg", // 收入评估
JRZQ4B6C: "/inquire_icons/fengxianxingwei.svg", // 信贷表现
JRZQ4B6C: "/inquire_icons/fengxianxingwei.svg", // 探针C风险评估
};
return iconMap[apiId] || "/inquire_icons/default.svg";
};
@@ -200,10 +231,10 @@ const handleIconError = (event) => {
const getCardClass = (index) => {
const colorIndex = index % 4;
const colorClasses = [
'bg-gradient-to-br from-blue-50 via-blue-25 to-white border-2 border-blue-200',
'bg-gradient-to-br from-green-50 via-green-25 to-white border-2 border-green-200',
'bg-gradient-to-br from-purple-50 via-purple-25 to-white border-2 border-purple-200',
'bg-gradient-to-br from-orange-50 via-orange-25 to-white border-2 border-orange-200'
'bg-gradient-to-br from-blue-50 via-blue-25 to-white ',
'bg-gradient-to-br from-green-50 via-green-25 to-white ',
'bg-gradient-to-br from-purple-50 via-purple-25 to-white ',
'bg-gradient-to-br from-orange-50 via-orange-25 to-white '
];
return colorClasses[colorIndex];
};
@@ -224,21 +255,24 @@ onUnmounted(() => {
<div class="mb-4 text-lg font-semibold" style="color: var(--van-text-color);">基本信息</div>
<div class="mb-4">
<label for="name" class="form-label block mb-2">姓名</label>
<input v-model="name" id="name" type="text" placeholder="请输入姓名" class="form-input" />
<input v-model="name" id="name" type="text" placeholder="请输入姓名" class="form-input"
@click="handleInputClick" />
</div>
<div class="mb-4">
<label for="idCard" class="form-label block mb-2">身份证号</label>
<input v-model="idCard" id="idCard" type="text" placeholder="请输入身份证号" class="form-input" />
<input v-model="idCard" id="idCard" type="text" placeholder="请输入身份证号" class="form-input"
@click="handleInputClick" />
</div>
<div class="mb-4">
<label for="mobile" class="form-label block mb-2">手机号</label>
<input v-model="mobile" id="mobile" type="tel" placeholder="请输入手机号" class="form-input" />
<input v-model="mobile" id="mobile" type="tel" placeholder="请输入手机号" class="form-input"
@click="handleInputClick" />
</div>
<div class="mb-4">
<label for="verificationCode" class="form-label block mb-2">验证码</label>
<div class="flex items-center gap-2">
<input v-model="verificationCode" id="verificationCode" placeholder="请输入验证码" maxlength="6"
class="form-input flex-1 min-w-0" />
class="form-input flex-1 min-w-0" @click="handleInputClick" />
<button
class="px-4 py-2 text-sm whitespace-nowrap flex-shrink-0 rounded-lg border transition-colors"
:class="isCountingDown || !isPhoneNumberValid
@@ -278,7 +312,7 @@ onUnmounted(() => {
<button
class="flex-1 rounded-xl sm:rounded-l-none sm:rounded-r-xl py-3 text-white text-base transition-colors"
style="background-color: var(--van-theme-primary);" @click="handleSubmit">
立即查询
{{ isLoggedIn ? '立即查询' : '前往登录' }}
</button>
</div>
</div>
@@ -303,8 +337,7 @@ onUnmounted(() => {
{ name: '执行案件', icon: 'zhixinganjian.svg' },
{ name: '限高被执行', icon: 'xianzhigaoxiaofei.svg' },
]" :key="`${feature.id}-${caseIndex}`"
class="aspect-square rounded-xl text-center text-sm text-gray-700 font-medium flex flex-col items-center justify-center p-2 shadow-lg"
:class="getCardClass(index + caseIndex)">
class="aspect-square text-center text-sm text-gray-700 font-medium flex flex-col items-center justify-center">
<div class="mb-1">
<img :src="`/inquire_icons/${caseType.icon}`" :alt="caseType.name"
class="w-6 h-6 drop-shadow-sm mx-auto" @error="handleIconError" />
@@ -322,20 +355,19 @@ onUnmounted(() => {
{ name: '要素核查', icon: 'beijianguanrenyuan.svg' },
{ name: '运营商核验', icon: 'mingxiacheliang.svg' },
{ name: '公安重点人员检验', icon: 'xingshi.svg' },
{ name: '逾期风险产品', icon: 'huankuanyali.svg' },
{ name: '法院曝光台信息', icon: 'sifasheyu.svg' },
{ name: '逾期风险综述', icon: 'huankuanyali.svg' },
// { name: '法院曝光台信息', icon: 'sifasheyu.svg' },
{ name: '借贷评估', icon: 'jiedaishenqing.svg' },
{ name: '租赁风险评估', icon: 'jiedaixingwei.svg' },
{ name: '关联风险监督', icon: 'renqiguanxi.svg' },
{ name: '规则风险提示', icon: 'fengxianxingwei.svg' },
]" :key="`${feature.id}-${moduleIndex}`"
class="aspect-square rounded-xl text-center text-sm text-gray-700 font-medium flex flex-col items-center justify-center p-2 shadow-lg"
:class="getCardClass(index + moduleIndex)">
class="aspect-squaretext-center text-sm text-gray-700 font-medium flex flex-col items-center justify-center">
<div class="text-xl mb-1 flex items-center justify-center">
<img :src="`/inquire_icons/${module.icon}`" :alt="module.name"
class="w-6 h-6 drop-shadow-sm" @error="handleIconError" />
</div>
<div class="text-xs leading-tight px-1 font-medium"
<div class="text-xs leading-tight px-1 font-medium text-center"
style="word-break: break-all; line-height: 1.2">
{{ module.name }}
</div>
@@ -352,13 +384,12 @@ onUnmounted(() => {
{ name: '风险指标详情', icon: 'fengxianxingwei.svg' },
{ name: '专业建议', icon: 'yuepeichang.svg' },
]" :key="`${feature.id}-${moduleIndex}`"
class="aspect-square rounded-xl text-center text-sm text-gray-700 font-medium flex flex-col items-center justify-center p-2 shadow-lg"
:class="getCardClass(index + moduleIndex)">
class="aspect-square text-center text-sm text-gray-700 font-medium flex flex-col items-center justify-center">
<div class="text-xl mb-1 flex items-center justify-center">
<img :src="`/inquire_icons/${module.icon}`" :alt="module.name"
class="w-6 h-6 drop-shadow-sm" @error="handleIconError" />
</div>
<div class="text-xs leading-tight px-1 font-medium"
<div class="text-xs leading-tight px-1 font-medium text-center"
style="word-break: break-all; line-height: 1.2">
{{ module.name }}
</div>
@@ -376,13 +407,12 @@ onUnmounted(() => {
{ name: '行政处罚', icon: 'xingzhengfuwu.svg' },
{ name: '经营异常', icon: 'fengxianxingwei.svg' },
]" :key="`${feature.id}-${moduleIndex}`"
class="aspect-square rounded-xl text-center text-sm text-gray-700 font-medium flex flex-col items-center justify-center p-2 shadow-lg"
:class="getCardClass(index + moduleIndex)">
class="aspect-square text-center text-sm text-gray-700 font-medium flex flex-col items-center justify-center">
<div class="text-xl mb-1 flex items-center justify-center">
<img :src="`/inquire_icons/${module.icon}`" :alt="module.name"
class="w-6 h-6 drop-shadow-sm" @error="handleIconError" />
</div>
<div class="text-xs leading-tight px-1 font-medium"
<div class="text-xs leading-tight px-1 font-medium text-center"
style="word-break: break-all; line-height: 1.2">
{{ module.name }}
</div>
@@ -403,15 +433,14 @@ onUnmounted(() => {
{ name: '授信详情', icon: 'huankuanyali.svg' },
{ name: '租赁行为', icon: 'mingxiacheliang.svg' },
{ name: '关联风险监督', icon: 'renqiguanxi.svg' },
{ name: '法院风险信息', icon: 'sifasheyu.svg' },
// { name: '法院风险信息', icon: 'sifasheyu.svg' },
]" :key="`${feature.id}-${moduleIndex}`"
class="aspect-square rounded-xl text-center text-sm text-gray-700 font-medium flex flex-col items-center justify-center p-2 shadow-lg"
:class="getCardClass(index + moduleIndex)">
class="aspect-square text-center text-sm text-gray-700 font-medium flex flex-col items-center justify-center">
<div class="text-xl mb-1 flex items-center justify-center">
<img :src="`/inquire_icons/${module.icon}`" :alt="module.name"
class="w-6 h-6 drop-shadow-sm" @error="handleIconError" />
</div>
<div class="text-xs leading-tight px-1 font-medium"
<div class="text-xs leading-tight px-1 font-medium text-center"
style="word-break: break-all; line-height: 1.2">
{{ module.name }}
</div>
@@ -420,13 +449,12 @@ onUnmounted(() => {
<!-- 其他功能正常显示 -->
<div v-else
class="aspect-square rounded-xl text-center text-sm text-gray-700 font-medium flex flex-col items-center justify-between p-2 shadow-lg"
:class="getCardClass(index)">
class="aspect-square text-center text-sm text-gray-700 font-medium flex flex-col items-center justify-between">
<div class="flex items-center justify-center flex-1">
<img :src="getFeatureIcon(feature.api_id)" :alt="feature.name"
class="w-6 h-6 drop-shadow-sm" @error="handleIconError" />
</div>
<div class="text-xs leading-tight font-medium h-8 flex items-center justify-center"
<div class="text-xs leading-tight font-medium h-8 flex items-center justify-center text-center"
style="word-break: break-all; line-height: 1.1">
{{ feature.name }}
</div>

38
src/views/Me.vue
View File

@@ -22,19 +22,18 @@
<div class="space-y-1">
<h2 class="text-2xl font-bold" style="color: var(--van-text-color);">
{{
!isLoggedIn
? "点击登录"
: mobile
? maskName(mobile)
: isWeChat
? "微信用户"
: "未绑定手机号"
}}
!isLoggedIn
? "点击登录"
: mobile
? maskName(mobile)
: isWeChat
? "微信用户"
: "未绑定手机号"
}}
</h2>
<!-- 手机号绑定提示 -->
<template v-if="isLoggedIn && !mobile">
<p @click.stop="showBindPhoneDialog"
class="text-sm cursor-pointer hover:underline"
<p @click.stop="showBindPhoneDialog" class="text-sm cursor-pointer hover:underline"
style="color: var(--van-theme-primary);">
点击绑定手机号码
</p>
@@ -63,6 +62,12 @@
<button class="feature-item hover:bg-blue-50" @click="toHistory">
📃 我的报告
</button>
<button class="feature-item hover:bg-blue-50" @click="toApiStore">
🏪 API商店
</button>
<button class="feature-item hover:bg-blue-50" @click="toCooperation">
🤝 商务合作
</button>
<button class="feature-item hover:bg-blue-50" @click="toUserAgreement">
📜 用户协议
</button>
@@ -80,8 +85,7 @@
📴 注销账号
</button> -->
<button v-if="isLoggedIn && !isWeChat" class="feature-item hover:bg-red-50"
style="color: var(--van-theme-primary);"
@click="handleLogout">
style="color: var(--van-theme-primary);" @click="handleLogout">
⏏️ 退出登录
</button>
</div>
@@ -151,7 +155,12 @@ const maskName = (name) => {
function toHistory() {
router.push(`/historyQuery`);
}
function toCooperation() {
window.location.href = "https://www.tianyuandata.com";
}
function toApiStore() {
window.location.href = "https://www.tianyuanapi.com/";
}
function toUserAgreement() {
router.push(`/userAgreement`);
}
@@ -200,7 +209,7 @@ function handleCancelAccount() {
function toService() {
window.location.href =
"https://work.weixin.qq.com/kfid/kfc76b1d0f0d562777a"; // 跳转到客服页面
"https://work.weixin.qq.com/kfid/kfc8a32720024833f57"; // 跳转到客服页面
}
const toVipConfig = () => {
@@ -292,5 +301,4 @@ onBeforeMount(() => {
.shadow-glow {
filter: drop-shadow(0 0 8px rgba(163, 51, 200, 0.2));
}
</style>

2
src/views/PaymentResult.vue
View File

@@ -422,7 +422,7 @@ function goHome() {
function contactService() {
// 可以替换为实际的客服联系逻辑，如打开聊天窗口或跳转到客服页面
window.location.href =
"https://work.weixin.qq.com/kfid/kfc76b1d0f0d562777a"; // 跳转到客服页面
"https://work.weixin.qq.com/kfid/kfc8a32720024833f57"; // 跳转到客服页面
}
// 暴露方法和数据供父组件或路由调用

19
src/views/Promote.vue
View File

@@ -88,13 +88,18 @@
import PriceInputPopup from '@/components/PriceInputPopup.vue';
import VipBanner from '@/components/VipBanner.vue';
const reportTypes = [
{ text: '入职风险', value: 'backgroundcheck', id: 1 },
{ text: '老板企业风险', value: 'companyinfo', id: 2 },
{ text: '家政风险', value: 'homeservice', id: 3 },
{ text: '婚恋风险', value: 'marriage', id: 4 },
{ text: '贷前风险', value: 'prepreloanbackgroundcheck', id: 5 },
{ text: '租赁风险', value: 'rentalrisk', id: 6 },
{ text: '个人风险', value: 'riskassessment', id: 7 },
{ text: "小微企业", value: "companyinfo", id: 2 },
{ text: "贷前风险", value: "preloanbackgroundcheck", id: 5 },
{ text: "个人大数据", value: "personaldata", id: 27 },
// { text: '入职风险', value: 'backgroundcheck', id: 1 },
// { text: '小微企业', value: 'companyinfo', id: 2 },
// { text: '家政风险', value: 'homeservice', id: 3 },
// { text: '婚恋风险', value: 'marriage', id: 4 },
// { text: '贷前风险', value: 'preloanbackgroundcheck', id: 5 },
// { text: '租赁风险', value: 'rentalrisk', id: 6 },
// { text: '个人风险', value: 'riskassessment', id: 7 },
// { text: "个人大数据", value: "personaldata", id: 27 },
];
const showTypePicker = ref(false);
const showApplyPopup = ref(false); // 用来控制申请代理弹窗的显示

41
src/views/PromotionInquire.vue
View File

@@ -61,16 +61,16 @@ async function getProduct() {
feature.value = agentLinkData.value.data.product_en;
featureData.value = agentLinkData.value.data;
// 确保 FLXG0V4B 排在首位
if (
featureData.value.features &&
featureData.value.features.length > 0
) {
featureData.value.features.sort((a, b) => {
if (a.api_id === "FLXG0V4B") return -1;
if (b.api_id === "FLXG0V4B") return 1;
return 0;
});
}
if (
featureData.value.features &&
featureData.value.features.length > 0
) {
featureData.value.features.sort((a, b) => {
if (a.api_id === "FLXG0V4B") return -1;
if (b.api_id === "FLXG0V4B") return 1;
return 0;
});
}
}
}
}
@@ -289,9 +289,9 @@ onUnmounted(() => {
: 'background-color: var(--van-theme-primary);'"
:disabled="isCountingDown || !isPhoneNumberValid" @click="sendVerificationCode">
{{
isCountingDown
? `${countdown}s重新获取`
: "获取验证码"
isCountingDown
? `${countdown}s重新获取`
: "获取验证码"
}}
</button>
</div>
@@ -363,13 +363,13 @@ onUnmounted(() => {
{ name: '要素核查', icon: 'beijianguanrenyuan.svg' },
{ name: '运营商核验', icon: 'mingxiacheliang.svg' },
{ name: '公安重点人员检验', icon: 'xingshi.svg' },
{ name: '逾期风险产品', icon: 'huankuanyali.svg' },
{ name: '法院曝光台信息', icon: 'sifasheyu.svg' },
{ name: '借贷评估', icon: 'jiedaishenqing.svg' },
{ name: '租赁风险评估', icon: 'jiedaixingwei.svg' },
{ name: '关联风险监督', icon: 'renqiguanxi.svg' },
{ name: '规则风险提示', icon: 'fengxianxingwei.svg' },
]" :key="`${feature.id}-${moduleIndex}`"
{ name: '逾期风险综述', icon: 'huankuanyali.svg' },
{ name: '法院曝光台信息', icon: 'sifasheyu.svg' },
{ name: '借贷评估', icon: 'jiedaishenqing.svg' },
{ name: '租赁风险评估', icon: 'jiedaixingwei.svg' },
{ name: '关联风险监督', icon: 'renqiguanxi.svg' },
{ name: '规则风险提示', icon: 'fengxianxingwei.svg' },
]" :key="`${feature.id}-${moduleIndex}`"
class="aspect-square rounded-xl text-center text-sm text-gray-700 font-medium flex flex-col items-center justify-center p-2 shadow-lg"
:class="getCardClass(index + moduleIndex)">
<div class="text-xl mb-1 flex items-center justify-center">
@@ -659,4 +659,3 @@ button:active {
transform: translateY(0);
}
</style>

24
src/views/index.vue
View File

@@ -5,7 +5,7 @@ import { storeToRefs } from "pinia";
const agentStore = useAgentStore();
const { isAgent } = storeToRefs(agentStore);
import personalDataIcon from "@/assets/images/personal_data_bg.png";
import companyIcon from "@/assets/images/company_bg.png";
import companyIcon from "@/assets/images/index_icon_6.png";
import loanCheckIcon from "@/assets/images/loan_check_bg.png";
function toInquire(name) {
router.push(`/inquire/${name}`);
@@ -52,7 +52,7 @@ const services = ref([
name: "companyinfo",
subtitle: "信用报告",
bg: companyIcon,
bgColor: "bg-blue-400",
bgColor: "bg-purple-400",
position:
"rounded-tr-[35px] rounded-br-[35px] rounded-tl-lg rounded-bl-lg",
},
@@ -66,12 +66,17 @@ const services = ref([
"rounded-tr-[35px] rounded-br-[35px] rounded-tl-lg rounded-bl-lg",
},
]);
function toCooperation() {
window.location.href = "https://www.tianyuandata.com";
}
const noticeText = ref([]);
function toHistory() {
router.push(`/historyQuery`);
}
const toBigData = () => {
window.location.href = "https://www.tybigdata.com/";
};
</script>
<template>
@@ -154,7 +159,8 @@ function toHistory() {
]" :style="`background: url(${service.bg}) no-repeat; background-size: cover; background-position: center;`"
@click="toInquire(service.name)">
<div class="min-h-18 flex flex-col items-start px-1">
<div class="mt-1 max-w-max text-left text-gray-600 font-bold text-md" :class="[service.title === '个人大数据' ? 'text-lg' : '']">
<div class="mt-1 max-w-max text-left text-gray-600 font-bold text-md"
:class="[service.title === '个人大数据' ? 'text-lg' : '']">
{{ service.title }}
</div>
<div class="max-w-max text-left text-xs text-gray-600">
@@ -167,6 +173,16 @@ function toHistory() {
</div>
</template>
</div>
<div class="mb-6 mt-6 py-4 flex flex-col items-center justify-center rounded-3xl from-blue-500 to-sky-400 bg-gradient-to-b text-center text-lg text-white line-height-12 shadow-xl"
@click="toCooperation">
<div class="flex items-center text-xl">
天远数据邀您共赢，共享数据新价值！
</div>
<div class="flex items-center">点击进入商务合作</div>
</div>
<div class="mt-4 rounded-2xl overflow-hidden" @click="toBigData">
<img src="@/assets/images/index_b_banner.png" class="w-full h-full" mode="widthFix" />
</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" mode="widthFix" />