262 lines
11 KiB
Vue
262 lines
11 KiB
Vue
<script setup>
|
||
import CBad from "@/ui/CBad.vue";
|
||
import CBankLoanApplication from "@/ui/CBankLoanApplication.vue";
|
||
import CBankLoanBehavior from "@/ui/CBankLoanBehavior.vue";
|
||
import CLawsuit from "@/ui/CLawsuit.vue";
|
||
import CRelatedEnterprises from "@/ui/CRelatedEnterprises.vue";
|
||
import CSpecialList from "@/ui/CSpecialList.vue";
|
||
import { useHttp } from "@/composables/useHttp";
|
||
|
||
// import CTabs from "@/ui/CTabs.vue";
|
||
// import { queryResultByOrder } from "@/api/apis";
|
||
import CMarriage from "@/ui/CMarriage.vue";
|
||
import { useFetch } from "@vueuse/core";
|
||
|
||
const productMap = {
|
||
1: "背景调查",
|
||
2: "企业报告",
|
||
3: "家政服务",
|
||
4: "婚姻状态",
|
||
5: "贷前背景调查",
|
||
6: "租赁服务",
|
||
7: "个人风险评估",
|
||
};
|
||
|
||
// 根据 product_id 获取产品名称
|
||
function getProductName(productId) {
|
||
return productMap[productId] || "未知类型";
|
||
}
|
||
const productId = ref(null);
|
||
const isDone = ref(true);
|
||
const entData = ref(null);
|
||
const lawsuitData = ref(null);
|
||
const badData = ref(null);
|
||
const specialData = ref(null);
|
||
const bankLoanApplicationData = ref(null);
|
||
const marriageData = ref(null);
|
||
const bankLoanBehavior = ref(null);
|
||
const feature = ref(null);
|
||
const token = ref(null);
|
||
const tabs = ref([{ label: "报告概述", value: "overdiv" }]);
|
||
const reportItems = ref([]);
|
||
const sortedReportItems = computed(() => {
|
||
return reportItems.value.slice().sort((a, b) => a.sort - b.sort);
|
||
});
|
||
const sortedTabs = computed(() => {
|
||
return tabs.value.slice().sort((a, b) => a.sort - b.sort);
|
||
});
|
||
|
||
onMounted(() => {
|
||
const query = new URLSearchParams(window.location.search);
|
||
feature.value = query.get("feature");
|
||
token.value = query.get("token") || "";
|
||
if (!feature.value) return;
|
||
|
||
const { data, isFetching, error, onFetchResponse } = useFetch(
|
||
`/api/v1/query/example?feature=${feature.value}`,
|
||
{
|
||
async beforeFetch({ url, options, cancel }) {
|
||
options.headers = {
|
||
...options.headers,
|
||
Authorization: token.value,
|
||
};
|
||
|
||
return {
|
||
options,
|
||
};
|
||
},
|
||
}
|
||
)
|
||
.get()
|
||
.json();
|
||
|
||
onFetchResponse(() => {
|
||
console.log("data", data.value);
|
||
if (data.value.code === 200) {
|
||
productId.value = data.value.data.product_id;
|
||
data.value.data.query_data.forEach((item) => {
|
||
if (item.success) {
|
||
switch (item.apiID) {
|
||
case "G09SC02":
|
||
marriageData.value = item.data;
|
||
tabs.value.push({
|
||
label: "婚姻状态",
|
||
value: "marriage",
|
||
sort: 1,
|
||
});
|
||
reportItems.value.push({
|
||
label: "婚姻状态",
|
||
value: "marriage",
|
||
sort: 1,
|
||
});
|
||
break;
|
||
case "G27BJ05":
|
||
bankLoanApplicationData.value = item.data;
|
||
tabs.value.push({
|
||
label: "借贷申请记录",
|
||
value: "netloan",
|
||
sort: 7,
|
||
});
|
||
reportItems.value.push({
|
||
label: "借贷申请记录",
|
||
value: "netloan",
|
||
sort: 7,
|
||
});
|
||
break;
|
||
case "G28BJ05":
|
||
bankLoanBehavior.value = item.data;
|
||
tabs.value.push({
|
||
label: "借贷记录",
|
||
value: "loan",
|
||
sort: 6,
|
||
});
|
||
reportItems.value.push({
|
||
label: "借贷记录",
|
||
value: "loan",
|
||
sort: 6,
|
||
});
|
||
break;
|
||
case "G26BJ05":
|
||
specialData.value = item.data;
|
||
tabs.value.push({
|
||
label: "异常名单",
|
||
value: "special",
|
||
sort: 5,
|
||
});
|
||
reportItems.value.push({
|
||
label: "异常名单",
|
||
value: "special",
|
||
sort: 5,
|
||
});
|
||
break;
|
||
case "G05HZ01":
|
||
entData.value = item.data;
|
||
tabs.value.push({
|
||
label: "关联企业",
|
||
value: "ent",
|
||
sort: 4,
|
||
});
|
||
reportItems.value.push({
|
||
label: "关联企业",
|
||
value: "ent",
|
||
sort: 4,
|
||
});
|
||
break;
|
||
case "G34BJ03":
|
||
badData.value = item.data;
|
||
tabs.value.push({
|
||
label: "不良风险评估",
|
||
value: "bad",
|
||
sort: 3,
|
||
});
|
||
reportItems.value.push({
|
||
label: "不良风险评估",
|
||
value: "bad",
|
||
sort: 3,
|
||
});
|
||
break;
|
||
case "G35SC01":
|
||
lawsuitData.value = item.data;
|
||
tabs.value.push({
|
||
label: "涉诉案件",
|
||
value: "lawsuit",
|
||
sort: 2,
|
||
});
|
||
reportItems.value.push({
|
||
label: "涉诉案件",
|
||
value: "lawsuit",
|
||
sort: 2,
|
||
});
|
||
break;
|
||
default:
|
||
console.log(`未知的apiID: ${item.apiID}`);
|
||
}
|
||
}
|
||
});
|
||
}
|
||
});
|
||
});
|
||
</script>
|
||
|
||
<template>
|
||
<div class="min-h-full from-blue-100 to-white bg-gradient-to-b">
|
||
<template v-if="isDone">
|
||
<div class="flex flex-col gap-y-4 p-4 pt-12">
|
||
<div id="overdiv" class="title">报告概述</div>
|
||
<div class="card">
|
||
<div class="flex flex-col gap-y-2">
|
||
<div class="flex justify-between">
|
||
<span class="text-gray-700 font-bold">报告时间：</span>
|
||
<span class="text-gray-600">2024年11月18日 23:11:23</span>
|
||
</div>
|
||
<div class="flex justify-between">
|
||
<span class="text-gray-700 font-bold">报告项目：</span>
|
||
<span class="text-gray-600">{{
|
||
getProductName(productId)
|
||
}}</span>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<LTitle class="my-4" title="报告内容" type="blue-green" />
|
||
<div class="flex flex-col gap-y-2">
|
||
<div v-for="item in sortedReportItems" :key="item.value" class="flex justify-between">
|
||
<span class="text-gray-700 font-bold">{{ item.label }}：</span>
|
||
<span class="text-green-500 font-bold">已解锁</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<template v-if="marriageData">
|
||
<div id="marriage" class="title">婚姻状态</div>
|
||
<CMarriage :data="marriageData" />
|
||
</template>
|
||
<template v-if="lawsuitData">
|
||
<div id="lawsuit" class="title">涉诉案件</div>
|
||
<CLawsuit :data="lawsuitData" />
|
||
</template>
|
||
<template v-if="badData">
|
||
<div id="bad" class="title">不良风险评估</div>
|
||
<CBad :data="badData" />
|
||
</template>
|
||
<template v-if="entData">
|
||
<div id="ent" class="title">关联企业</div>
|
||
<CRelatedEnterprises :data="entData" />
|
||
</template>
|
||
<template v-if="specialData">
|
||
<div id="special" class="title">异常名单</div>
|
||
<CSpecialList :data="specialData" />
|
||
</template>
|
||
<template v-if="bankLoanBehavior">
|
||
<div id="loan" class="title">借贷记录</div>
|
||
<CBankLoanBehavior :data="bankLoanBehavior" />
|
||
</template>
|
||
<template v-if="bankLoanApplicationData">
|
||
<div id="netloan" class="title">贷款申请记录</div>
|
||
<CBankLoanApplication :data="bankLoanApplicationData" />
|
||
</template>
|
||
<div class="card">
|
||
<div>
|
||
<div class="text-bold text-blue-500 mb-2">报告说明</div>
|
||
<div>
|
||
本报告的数据由用户本人明确授权后，我们才向相关合法存有用户个人数据的机构调取本报告相关内容，本平台只做大数据的获取与分析，仅向用户个人展示参考。
|
||
</div>
|
||
<p>
|
||
报告有效期<strong class="text-red-500">30天</strong>，过期自动删除。
|
||
</p>
|
||
<p>
|
||
|
||
若您的数据不全面，可能是数据具有延迟性或者合作信息机构未获取到您的数据。若数据有错误请联系客服
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
</div>
|
||
</template>
|
||
|
||
<style lang="scss" scoped>
|
||
.title {
|
||
@apply mx-auto mt-2 w-64 border rounded-3xl bg-gradient-to-r from-blue-400 via-green-500 to-teal-500 py-2 text-center text-white font-bold;
|
||
}
|
||
</style>
|