正式版
This commit is contained in:
@@ -181,10 +181,9 @@ const reportOptions = [
|
||||
{ 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: "backgroundcheck", id: 1 },
|
||||
{ text: "家政风险", value: "homeservice", id: 3 },
|
||||
{ text: "婚恋风险", value: "marriage", id: 4 },
|
||||
// { text: "租赁风险", value: "rentalrisk", id: 6 },
|
||||
// { text: "个人风险", value: "riskassessment", id: 7 },
|
||||
];
|
||||
|
||||
@@ -22,14 +22,14 @@
|
||||
<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">
|
||||
@@ -52,7 +52,7 @@
|
||||
class="w-full flex items-center justify-between px-6 py-4 hover:bg-purple-50 transition-colors border-b border-gray-100"
|
||||
@click="toVipConfig">
|
||||
<div class="flex items-center gap-3">
|
||||
<img src="@/assets/images/me/dlbgpz.png" class="w-5 h-5" alt="代理报告配置" />
|
||||
<img src="@/assets/images/me/dlbgpz.png" class="w-6 h-6" alt="代理报告配置" />
|
||||
<span class="text-purple-700 font-medium">代理报告配置</span>
|
||||
</div>
|
||||
<img src="@/assets/images/me/right.png" class="w-4 h-4" alt="右箭头" />
|
||||
@@ -61,7 +61,7 @@
|
||||
class="w-full flex items-center justify-between px-6 py-4 hover:bg-amber-50 transition-colors border-b border-gray-100"
|
||||
@click="toVipRenewal">
|
||||
<div class="flex items-center gap-3">
|
||||
<img src="@/assets/images/me/xfhy.png" class="w-5 h-5" alt="代理会员" />
|
||||
<img src="@/assets/images/me/xfhy.png" class="w-6 h-6" alt="代理会员" />
|
||||
<div class="flex flex-col items-start">
|
||||
<span class="text-amber-700 font-medium">续费代理会员</span>
|
||||
<span class="text-xs text-gray-500">有效期至 {{ formatExpiryTime(ExpiryTime) }}</span>
|
||||
@@ -74,7 +74,7 @@
|
||||
class="w-full flex items-center justify-between px-6 py-4 hover:bg-blue-50 transition-colors border-b border-gray-100"
|
||||
@click="toHistory">
|
||||
<div class="flex items-center gap-3">
|
||||
<img src="@/assets/images/me/wdbg.png" class="w-5 h-5" alt="我的报告" />
|
||||
<img src="@/assets/images/me/wdbg.png" class="w-6 h-6" alt="我的报告" />
|
||||
<span class="text-gray-700 font-medium">我的报告</span>
|
||||
</div>
|
||||
<img src="@/assets/images/me/right.png" class="w-4 h-4" alt="右箭头" />
|
||||
@@ -83,16 +83,25 @@
|
||||
class="w-full flex items-center justify-between px-6 py-4 hover:bg-blue-50 transition-colors border-b border-gray-100"
|
||||
@click="toApiStore">
|
||||
<div class="flex items-center gap-3">
|
||||
<img src="@/assets/images/me/yhxy.png" class="w-5 h-5" alt="API商店" />
|
||||
<img src="@/assets/images/me/apisd.png" class="w-6 h-6" alt="API商店" />
|
||||
<span class="text-gray-700 font-medium">API商店</span>
|
||||
</div>
|
||||
<img src="@/assets/images/me/right.png" class="w-4 h-4" alt="右箭头" />
|
||||
</button>
|
||||
<button
|
||||
class="w-full flex items-center justify-between px-6 py-4 hover:bg-blue-50 transition-colors border-b border-gray-100"
|
||||
@click="toBigData">
|
||||
<div class="flex items-center gap-3">
|
||||
<img src="@/assets/images/me/qyfkyj.png" class="w-6 h-6" alt="企业风控预警" />
|
||||
<span class="text-gray-700 font-medium">企业风控预警</span>
|
||||
</div>
|
||||
<img src="@/assets/images/me/right.png" class="w-4 h-4" alt="右箭头" />
|
||||
</button>
|
||||
<button
|
||||
class="w-full flex items-center justify-between px-6 py-4 hover:bg-blue-50 transition-colors border-b border-gray-100"
|
||||
@click="toCooperation">
|
||||
<div class="flex items-center gap-3">
|
||||
<img src="@/assets/images/me/yhxy.png" class="w-5 h-5" alt="商务合作" />
|
||||
<img src="@/assets/images/me/swhz.png" class="w-6 h-6" alt="商务合作" />
|
||||
<span class="text-gray-700 font-medium">商务合作</span>
|
||||
</div>
|
||||
<img src="@/assets/images/me/right.png" class="w-4 h-4" alt="右箭头" />
|
||||
@@ -101,7 +110,7 @@
|
||||
class="w-full flex items-center justify-between px-6 py-4 hover:bg-blue-50 transition-colors border-b border-gray-100"
|
||||
@click="toUserAgreement">
|
||||
<div class="flex items-center gap-3">
|
||||
<img src="@/assets/images/me/yhxy.png" class="w-5 h-5" alt="用户协议" />
|
||||
<img src="@/assets/images/me/yhxy.png" class="w-6 h-6" alt="用户协议" />
|
||||
<span class="text-gray-700 font-medium">用户协议</span>
|
||||
</div>
|
||||
<img src="@/assets/images/me/right.png" class="w-4 h-4" alt="右箭头" />
|
||||
@@ -110,7 +119,7 @@
|
||||
class="w-full flex items-center justify-between px-6 py-4 hover:bg-blue-50 transition-colors border-b border-gray-100"
|
||||
@click="toPrivacyPolicy">
|
||||
<div class="flex items-center gap-3">
|
||||
<img src="@/assets/images/me/yszc.png" class="w-5 h-5" alt="隐私政策" />
|
||||
<img src="@/assets/images/me/yszc.png" class="w-6 h-6" alt="隐私政策" />
|
||||
<span class="text-gray-700 font-medium">隐私政策</span>
|
||||
</div>
|
||||
<img src="@/assets/images/me/right.png" class="w-4 h-4" alt="右箭头" />
|
||||
@@ -119,7 +128,7 @@
|
||||
class="w-full flex items-center justify-between px-6 py-4 hover:bg-blue-50 transition-colors"
|
||||
@click="toService">
|
||||
<div class="flex items-center gap-3">
|
||||
<img src="@/assets/images/me/lxkf.png" class="w-5 h-5" alt="联系客服" />
|
||||
<img src="@/assets/images/me/lxkf.png" class="w-6 h-6" alt="联系客服" />
|
||||
<span class="text-gray-700 font-medium">联系客服</span>
|
||||
</div>
|
||||
<img src="@/assets/images/me/right.png" class="w-4 h-4" alt="右箭头" />
|
||||
@@ -128,8 +137,8 @@
|
||||
class="w-full flex items-center justify-between px-6 py-4 hover:bg-red-50 transition-colors"
|
||||
@click="handleLogout">
|
||||
<div class="flex items-center gap-3">
|
||||
<img src="@/assets/images/me/yhxy.png" class="w-5 h-5" alt="退出登录" />
|
||||
<span class="text-red-600 font-medium">退出登录</span>
|
||||
<img src="@/assets/images/me/tcdl.png" class="w-6 h-6" alt="退出登录" />
|
||||
<span class="text-gray-700 font-medium">退出登录</span>
|
||||
</div>
|
||||
<img src="@/assets/images/me/right.png" class="w-4 h-4" alt="右箭头" />
|
||||
</button>
|
||||
@@ -234,7 +243,9 @@ function handleLogout() {
|
||||
|
||||
location.reload();
|
||||
}
|
||||
|
||||
const toBigData = () => {
|
||||
window.location.href = "https://www.tybigdata.com/";
|
||||
};
|
||||
function handleCancelAccount() {
|
||||
// 账号注销功能
|
||||
if (confirm("注销账号后，您的所有数据将被清除且无法恢复，确定要继续吗？")) {
|
||||
|
||||
@@ -91,15 +91,11 @@ const reportTypes = [
|
||||
{ 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: 'backgroundcheck', id: 1 },
|
||||
{ text: '家政风险', value: 'homeservice', id: 3 },
|
||||
{ text: '婚恋风险', value: 'marriage', id: 4 },
|
||||
// { text: '租赁风险', value: 'rentalrisk', id: 6 },
|
||||
// { text: '个人风险', value: 'riskassessment', id: 7 },
|
||||
// { text: "个人大数据", value: "personaldata", id: 27 },
|
||||
|
||||
];
|
||||
const showTypePicker = ref(false);
|
||||
const showApplyPopup = ref(false); // 用来控制申请代理弹窗的显示
|
||||
|
||||
@@ -5,12 +5,12 @@ import SectionTitle from "@/components/SectionTitle.vue";
|
||||
|
||||
const agentStore = useAgentStore();
|
||||
const { isAgent } = storeToRefs(agentStore);
|
||||
import personalDataIcon from "@/assets/images/index/personal_data_bg.jpg";
|
||||
import companyIcon from "@/assets/images/index/company_bg.jpg";
|
||||
import loanCheckIcon from "@/assets/images/index/loan_check_bg.jpg";
|
||||
import marriageRiskIcon from "@/assets/images/index/marriage_risk_bg.jpg";
|
||||
import housekeepingRiskIcon from "@/assets/images/index/housekeeping_risk_bg.jpg";
|
||||
import preLoanRiskIcon from "@/assets/images/index/preloan_risk_bg.jpg";
|
||||
import personalDataIcon from "@/assets/images/index/personal_data_bg.png";
|
||||
import companyIcon from "@/assets/images/index/company_bg.png";
|
||||
import loanCheckIcon from "@/assets/images/index/loan_check_bg.png";
|
||||
import marriageRiskIcon from "@/assets/images/index/marriage_risk_bg.png";
|
||||
import housekeepingRiskIcon from "@/assets/images/index/housekeeping_risk_bg.png";
|
||||
import preLoanRiskIcon from "@/assets/images/index/preloan_risk_bg.png";
|
||||
function toInquire(name) {
|
||||
router.push(`/inquire/${name}`);
|
||||
}
|
||||
@@ -40,47 +40,48 @@ const services = ref([
|
||||
{
|
||||
title: "个人大数据",
|
||||
name: "personalData",
|
||||
subtitle: "深度检测报告",
|
||||
subtitle: "数据洞察，规避风险",
|
||||
bg: personalDataIcon,
|
||||
goColor: "var(--color-service-personal)",
|
||||
goColor: "#6699ff",
|
||||
},
|
||||
{
|
||||
title: "小微企业",
|
||||
name: "companyinfo",
|
||||
subtitle: "信用报告",
|
||||
bg: companyIcon,
|
||||
goColor: "var(--color-service-company)",
|
||||
title: "婚恋风险",
|
||||
name: "marriage",
|
||||
subtitle: "深度了解，坦诚相爱",
|
||||
bg: marriageRiskIcon,
|
||||
goColor: "#ff99cc",
|
||||
},
|
||||
{
|
||||
title: "贷前背调",
|
||||
name: "preloanbackgroundcheck",
|
||||
subtitle: "风险评估",
|
||||
bg: loanCheckIcon,
|
||||
goColor: "var(--color-service-loan)",
|
||||
title: "入职背调",
|
||||
name: "backgroundcheck",
|
||||
subtitle: "人才甄选，用人无忧",
|
||||
bg: preLoanRiskIcon,
|
||||
goColor: "#7db3ff",
|
||||
},
|
||||
]);
|
||||
|
||||
const riskServices = ref([
|
||||
{
|
||||
title: "婚恋风险",
|
||||
name: "marriage",
|
||||
subtitle: "情感安全检测",
|
||||
bg: marriageRiskIcon,
|
||||
goColor: "var(--color-warning)",
|
||||
title: "小微企业",
|
||||
name: "companyinfo",
|
||||
subtitle: "风险监控，稳健经营",
|
||||
bg: companyIcon,
|
||||
goColor: "#ffaa66",
|
||||
},
|
||||
{
|
||||
title: "家政风险",
|
||||
name: "homeservice",
|
||||
subtitle: "服务安全保障",
|
||||
subtitle: "身份核验，守护家庭",
|
||||
bg: housekeepingRiskIcon,
|
||||
goColor: "var(--color-info)",
|
||||
goColor: "#66cccc",
|
||||
},
|
||||
{
|
||||
title: "入职背调",
|
||||
name: "backgroundcheck",
|
||||
subtitle: "员工背景调查",
|
||||
bg: preLoanRiskIcon,
|
||||
goColor: "var(--color-danger)",
|
||||
title: "贷前背调",
|
||||
name: "preloanbackgroundcheck",
|
||||
subtitle: "信用评估，放款无忧",
|
||||
bg: loanCheckIcon,
|
||||
goColor: "var(--color-service-loan)",
|
||||
|
||||
},
|
||||
]);
|
||||
|
||||
@@ -98,44 +99,43 @@ const toBigData = () => {
|
||||
<div class="relative p-4">
|
||||
<img class="h-full w-full rounded-xl overflow-hidden" src="@/assets/images/index/banner.png" />
|
||||
</div>
|
||||
<div class="px-4 pb-2 mt-2">
|
||||
<div class="px-6">
|
||||
<!-- 菜单项一行显示 -->
|
||||
<div class="grid grid-cols-5 gap-2">
|
||||
<div class="text-center flex flex-col justify-center items-center" @click="toInvitation">
|
||||
<div class="h-14 w-14">
|
||||
<img src="@/assets/images/index/yqhy.png" alt="邀请好友" class="h-14 w-14" />
|
||||
<div class="grid grid-cols-4 gap-3">
|
||||
<div class="text-center flex flex-col justify-center items-center" @click="toPromote">
|
||||
<div
|
||||
class="h-16 w-16 p-1 box-content bg-gradient-to-b from-white to-blue-100/10 rounded-full shadow-lg flex items-center justify-center">
|
||||
<img src="@/assets/images/index/tgbg.png" alt="推广报告" class="h-12 w-12" />
|
||||
</div>
|
||||
<div class="text-center mt-2 text-sm text-gray-600">邀请好友</div>
|
||||
<div class="text-center mt-1 font-bold ">推广报告</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center flex flex-col justify-center items-center" @click="toInvitation">
|
||||
<div
|
||||
class="h-16 w-16 p-1 box-content bg-gradient-to-b from-white to-blue-100/10 rounded-full shadow-lg flex items-center justify-center">
|
||||
<img src="@/assets/images/index/yqhy.png" alt="邀请下级" class="h-12 w-12" />
|
||||
</div>
|
||||
<div class="text-center mt-1 font-bold ">邀请下级</div>
|
||||
</div>
|
||||
<div class="text-center flex flex-col justify-center items-center" @click="toHelp">
|
||||
<div class="h-14 w-14">
|
||||
<img src="@/assets/images/index/bzzx.png" alt="帮助中心" class="h-14 w-14" />
|
||||
<div
|
||||
class="h-16 w-16 p-1 box-content bg-gradient-to-b from-white to-blue-100/10 rounded-full shadow-lg flex items-center justify-center">
|
||||
<img src="@/assets/images/index/bzzx.png" alt="帮助中心" class="h-12 w-12" />
|
||||
</div>
|
||||
<div class="text-center mt-2 text-sm text-gray-600">帮助中心</div>
|
||||
<div class="text-center mt-1 font-bold ">帮助中心</div>
|
||||
</div>
|
||||
<div class="text-center flex flex-col justify-center items-center" @click="toHistory">
|
||||
<div class="h-14 w-14">
|
||||
<img src="@/assets/images/index/wdbg.png" alt="我的报告" class="h-14 w-14" />
|
||||
<div
|
||||
class="h-16 w-16 p-1 box-content bg-gradient-to-b from-white to-blue-100/10 rounded-full shadow-lg flex items-center justify-center">
|
||||
<img src="@/assets/images/index/wdbg.png" alt="我的报告" class="h-12 w-12" />
|
||||
</div>
|
||||
<div class="text-center mt-2 text-sm text-gray-600">我的报告</div>
|
||||
</div>
|
||||
<div class="text-center flex flex-col justify-center items-center" @click="toService">
|
||||
<div class="h-14 w-14">
|
||||
<img src="@/assets/images/index/lxkf.png" alt="联系客服" class="h-14 w-14" />
|
||||
</div>
|
||||
<div class="text-center mt-2 text-sm text-gray-600">联系客服</div>
|
||||
</div>
|
||||
<div class="text-center flex flex-col justify-center items-center" @click="toPromote">
|
||||
<div class="h-14 w-14">
|
||||
<img src="@/assets/images/index/tgbg.png" alt="推广报告" class="h-14 w-14" />
|
||||
</div>
|
||||
<div class="text-center mt-2 text-sm text-gray-600">推广报告</div>
|
||||
<div class="text-center mt-1 font-bold ">我的报告</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="relative p-4 pb-4 pt-2 mt-2">
|
||||
<SectionTitle title="查询服务" />
|
||||
<div class="relative p-4 pt-0">
|
||||
|
||||
<div class="grid grid-cols-2 gap-4 my-4" style="grid-template-rows: repeat(2, 1fr);">
|
||||
<template v-for="(service, index) in services" :key="index">
|
||||
<div class="relative flex flex-col px-4 py-2 rounded-xl min-h-24 shadow-lg"
|
||||
@@ -146,9 +146,9 @@ const toBigData = () => {
|
||||
<div class="mt-1 max-w-max text-left text-gray-600 font-bold text-md">
|
||||
{{ service.title }}
|
||||
</div>
|
||||
<div class="max-w-max text-left text-xs text-gray-600">
|
||||
<!-- <div class="max-w-max text-left text-xs text-gray-600">
|
||||
<div>{{ service.subtitle }}</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="mt-2 rounded-lg px-1 text-sm text-white shadow-xl w-max flex items-center"
|
||||
:style="`background-color: ${service.goColor}`">
|
||||
GO
|
||||
@@ -161,16 +161,16 @@ const toBigData = () => {
|
||||
</div>
|
||||
<div class="grid grid-cols-3 gap-4 my-4">
|
||||
<template v-for="(service, index) in riskServices" :key="index">
|
||||
<div class="relative flex flex-col px-3 py-2 rounded-xl min-h-20 shadow-lg"
|
||||
<div class="relative flex flex-col px-3 py-2 rounded-xl min-h-24 shadow-lg"
|
||||
:style="`background: url(${service.bg}) no-repeat; background-size: cover; background-position: center;`"
|
||||
@click="toInquire(service.name)">
|
||||
<div class="min-h-16 flex flex-col items-start px-1">
|
||||
<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-sm">
|
||||
{{ service.title }}
|
||||
</div>
|
||||
<div class="max-w-max text-left text-xs text-gray-600">
|
||||
<!-- <div class="max-w-max text-left text-xs text-gray-600">
|
||||
<div>{{ service.subtitle }}</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="mt-1 rounded-lg px-1 text-xs text-white shadow-xl w-max flex items-center"
|
||||
:style="`background-color: ${service.goColor}`">
|
||||
GO
|
||||
@@ -181,17 +181,17 @@ const toBigData = () => {
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
<SectionTitle title="其他服务" class="mt-8" />
|
||||
<SectionTitle title="商务合作" class="mt-8" />
|
||||
<div class="mt-4 rounded-xl overflow-hidden bg-white shadow-xl" @click="toCooperation">
|
||||
<img src="@/assets/images/index_a_banner.png" class="w-full h-full" alt="大数据服务横幅" mode="widthFix" />
|
||||
</div>
|
||||
<div class="mt-4 rounded-2xl overflow-hidden" @click="toBigData">
|
||||
<!-- <div class="mt-4 rounded-2xl overflow-hidden shadow-xl" @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-lg shadow-lg bg-white text-gray-700 pr-4"
|
||||
</div> -->
|
||||
<div class="mt-4 box-border h-14 w-full flex items-center rounded-lg shadow-lg bg-white text-gray-700 px-4"
|
||||
@click="toHistory">
|
||||
<div class="mr-4 h-full flex items-center justify-center">
|
||||
<img class="h-full" src="@/assets/images/index/bg_icon.png" mode="widthFix" />
|
||||
<img class="w-10 h-10" src="@/assets/images/bg_icon.png" mode="widthFix" />
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<div class="text-gray-800">我的历史查询记录</div>
|
||||
|
||||
Reference in New Issue
Block a user