version temp2
This commit is contained in:
@@ -1,10 +1,32 @@
|
||||
<script setup>
|
||||
import ShareReportButton from "./ShareReportButton.vue";
|
||||
import TitleBanner from "./TitleBanner.vue";
|
||||
import VerificationCard from "./VerificationCard.vue";
|
||||
import StyledTabs from "./StyledTabs.vue";
|
||||
import { splitDWBG8B4DForTabs } from '@/ui/CDWBG8B4D/utils/simpleSplitter.js';
|
||||
import { splitDWBG6A2CForTabs } from '@/ui/DWBG6A2C/utils/simpleSplitter.js';
|
||||
import { splitCJRZQ5E9FForTabs } from '@/ui/CJRZQ5E9F/utils/simpleSplitter.js';
|
||||
import { splitCQYGL3F8EForTabs } from '@/ui/CQYGL3F8E/utils/simpleSplitter.js';
|
||||
|
||||
// 动态导入产品背景图片的函数
|
||||
const loadProductBackground = async (productType) => {
|
||||
try {
|
||||
switch (productType) {
|
||||
case 'companyinfo':
|
||||
return (await import("@/assets/images/report/xwqy_report_bg.png")).default;
|
||||
case 'preloanbackgroundcheck':
|
||||
return (await import("@/assets/images/report/dqfx_report_bg.png")).default;
|
||||
case 'personalData':
|
||||
return (await import("@/assets/images/report/grdsj_report_bg.png")).default;
|
||||
default:
|
||||
return null;
|
||||
}
|
||||
} catch (error) {
|
||||
console.warn(`Failed to load background image for ${productType}:`, error);
|
||||
return null;
|
||||
}
|
||||
};
|
||||
|
||||
const props = defineProps({
|
||||
isShare: {
|
||||
type: Boolean,
|
||||
@@ -48,6 +70,10 @@ const props = defineProps({
|
||||
type: Boolean,
|
||||
required: true,
|
||||
},
|
||||
isExample: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
});
|
||||
|
||||
// 使用toRefs将props转换为组件内的ref
|
||||
@@ -59,11 +85,80 @@ const {
|
||||
reportDateTime,
|
||||
isEmpty,
|
||||
isDone,
|
||||
isExample,
|
||||
} = toRefs(props);
|
||||
|
||||
const active = ref(null);
|
||||
const backgroundContainerRef = ref(null); // 背景容器的引用
|
||||
|
||||
const reportScore = ref(0); // 默认分数
|
||||
const productBackground = ref('');
|
||||
const backgroundHeight = ref(0);
|
||||
const imageAspectRatio = ref(0); // 缓存图片宽高比
|
||||
const MAX_BACKGROUND_HEIGHT = 211; // 最大背景高度，防止图片过高变形
|
||||
|
||||
// 计算背景高度
|
||||
const calculateBackgroundHeight = () => {
|
||||
if (imageAspectRatio.value > 0) {
|
||||
// 获取容器的实际宽度，而不是整个窗口宽度
|
||||
const containerWidth = backgroundContainerRef.value
|
||||
? backgroundContainerRef.value.offsetWidth
|
||||
: window.innerWidth;
|
||||
const calculatedHeight = containerWidth * imageAspectRatio.value;
|
||||
// 限制最大高度，防止图片过高
|
||||
backgroundHeight.value = Math.min(calculatedHeight, MAX_BACKGROUND_HEIGHT);
|
||||
}
|
||||
};
|
||||
|
||||
// 加载背景图片并计算高度
|
||||
const loadBackgroundImage = async () => {
|
||||
const background = await loadProductBackground(feature.value);
|
||||
productBackground.value = background || '';
|
||||
|
||||
// 加载图片后计算高度
|
||||
if (background) {
|
||||
const img = new Image();
|
||||
img.onload = () => {
|
||||
// 缓存图片宽高比
|
||||
imageAspectRatio.value = img.height / img.width;
|
||||
// 图片加载完成后，等待下一帧再计算高度，确保容器已渲染
|
||||
nextTick(() => {
|
||||
calculateBackgroundHeight();
|
||||
});
|
||||
};
|
||||
img.src = background;
|
||||
}
|
||||
};
|
||||
|
||||
// 防抖定时器
|
||||
let resizeTimer = null;
|
||||
|
||||
// 在组件挂载时加载背景图
|
||||
onMounted(async () => {
|
||||
console.log("isExample", isExample.value);
|
||||
await loadBackgroundImage();
|
||||
|
||||
// 监听窗口大小变化，重新计算高度
|
||||
window.addEventListener('resize', handleResize);
|
||||
});
|
||||
|
||||
// 处理窗口大小变化（带防抖）
|
||||
const handleResize = () => {
|
||||
if (resizeTimer) {
|
||||
clearTimeout(resizeTimer);
|
||||
}
|
||||
resizeTimer = setTimeout(() => {
|
||||
calculateBackgroundHeight();
|
||||
}, 100); // 100ms 防抖延迟
|
||||
};
|
||||
|
||||
// 组件卸载时移除监听器
|
||||
onUnmounted(() => {
|
||||
if (resizeTimer) {
|
||||
clearTimeout(resizeTimer);
|
||||
}
|
||||
window.removeEventListener('resize', handleResize);
|
||||
});
|
||||
|
||||
// 处理数据拆分（支持DWBG8B4D、DWBG6A2C、CJRZQ5E9F和CQYGL3F8E）
|
||||
const processedReportData = computed(() => {
|
||||
@@ -75,31 +170,50 @@ const processedReportData = computed(() => {
|
||||
// 拆分DWBG6A2C数据
|
||||
data = splitDWBG6A2CForTabs(data);
|
||||
|
||||
// 拆分CJRZQ5E9F数据
|
||||
data = splitCJRZQ5E9FForTabs(data);
|
||||
// // 拆分CJRZQ5E9F数据
|
||||
// data = splitCJRZQ5E9FForTabs(data);
|
||||
|
||||
// 拆分CQYGL3F8E数据
|
||||
data = splitCQYGL3F8EForTabs(data);
|
||||
|
||||
// 过滤掉在featureMap中没有对应的项
|
||||
return data.filter(item => featureMap[item.data.apiID]);
|
||||
});
|
||||
|
||||
watch(reportData, () => {
|
||||
reportScore.value = calculateScore(reportData.value);
|
||||
// 获取产品背景图片
|
||||
const getProductBackground = computed(() => productBackground.value);
|
||||
|
||||
// 背景图片容器样式
|
||||
const backgroundContainerStyle = computed(() => {
|
||||
if (backgroundHeight.value > 0) {
|
||||
return {
|
||||
height: `${backgroundHeight.value}px`,
|
||||
};
|
||||
}
|
||||
return {
|
||||
height: '180px', // 默认高度
|
||||
};
|
||||
});
|
||||
|
||||
// 背景图片样式
|
||||
const backgroundImageStyle = computed(() => {
|
||||
if (getProductBackground.value) {
|
||||
return {
|
||||
backgroundImage: `url(${getProductBackground.value})`,
|
||||
backgroundSize: '100% auto', // 宽度100%，高度自动保持比例
|
||||
backgroundPosition: 'center top',
|
||||
backgroundRepeat: 'no-repeat',
|
||||
overflow: 'hidden', // 超出部分裁剪
|
||||
};
|
||||
}
|
||||
return {};
|
||||
});
|
||||
|
||||
const featureMap = {
|
||||
IVYZ5733: {
|
||||
name: "婚姻状态",
|
||||
component: defineAsyncComponent(() => import("@/ui/CIVYZ5733.vue")),
|
||||
remark: '查询结果为"未婚或尚未登记结婚"时，表示婚姻登记处暂无相关的登记记录。婚姻状态信息由婚姻登记处逐级上报，可能存在数据遗漏或更新滞后。当前可查询的婚姻状态包括：未婚或尚未登记结婚、已婚、离异。如您对查询结果有疑问，请联系客服反馈。',
|
||||
},
|
||||
// IVYZ81NC
|
||||
IVYZ81NC: {
|
||||
name: "婚姻状况",
|
||||
component: defineAsyncComponent(() => import("@/ui/CIVYZ81NC.vue")),
|
||||
remark: '查询结果为"未婚或尚未登记结婚"时，表示婚姻登记处暂无相关的登记记录。婚姻状态信息由婚姻登记处逐级上报，可能存在数据遗漏或更新滞后。当前可查询的婚姻状态包括：未婚或尚未登记结婚、已婚、离异。如您对查询结果有疑问，请联系客服反馈。',
|
||||
},
|
||||
JRZQ0A03: {
|
||||
name: "借贷申请记录",
|
||||
component: defineAsyncComponent(() =>
|
||||
@@ -402,374 +516,199 @@ const maskValue = computed(() => {
|
||||
};
|
||||
});
|
||||
|
||||
// 计算综合评分的函数
|
||||
const calculateScore = (reportData) => {
|
||||
// 从0分开始（0分表示无风险）
|
||||
let score = 0;
|
||||
// 最高分为90分（90分表示最高风险）
|
||||
const maxScore = 90;
|
||||
// ==================== 新评分系统 ====================
|
||||
// Feature 风险等级配置（权重越高表示风险越大，最终分数越高越安全）
|
||||
const featureRiskLevels = {
|
||||
// 🔴 高风险类 - 权重 10
|
||||
'FLXG0V4B': 20, // 司法涉诉
|
||||
'FLXG3D56': 10, // 违约失信
|
||||
'JRZQ4AA8': 10, // 还款压力
|
||||
|
||||
// 定义各接口的相对风险权重比例
|
||||
const relativeWeights = {
|
||||
// 关键风险指标（高优先级）
|
||||
FLXG0V3B: 250, // 不良记录
|
||||
FLXG3D56: 100, // 违约异常
|
||||
FLXG0V4B: 400, // 司法涉诉
|
||||
G35SC01: 20, // 司法涉诉（次要）
|
||||
Q23SC01: 50, // 企业涉诉
|
||||
FIN019: 100, // 银行卡黑名单
|
||||
// 🟠 中高风险类 - 权重 7
|
||||
'JRZQ0A03': 7, // 借贷申请记录
|
||||
'JRZQ8203': 7, // 借贷行为记录
|
||||
'JRZQ4B6C': 7, // 信贷表现
|
||||
'BehaviorRiskScan': 7, // 风险行为扫描
|
||||
|
||||
// 高风险指标（中优先级）
|
||||
JRZQ0A03: 40, // 借贷申请记录
|
||||
JRZQ8203: 40, // 借贷行为记录
|
||||
FLXG54F5: 70, // 手机号码风险
|
||||
// 🟡 中风险类 - 权重 5
|
||||
'QYGL3F8E': 5, // 人企关系加强版
|
||||
'QCXG7A2B': 5, // 名下车辆
|
||||
'JRZQ09J8': 5, // 收入评估
|
||||
|
||||
// 中风险指标（低优先级）
|
||||
YYSYF7DB: 50, // 手机二次卡
|
||||
YYSY4B37: 50, // 手机在网时长
|
||||
QYGLB4C0: 50, // 人企关系
|
||||
JRZQ4B6C: 60, // 信贷表现
|
||||
JRZQ09J8: 40, // 收入评估
|
||||
// 🔵 低风险类 - 权重 3
|
||||
'IVYZ5733': 3, // 婚姻状态
|
||||
'IVYZ9A2B': 3, // 学历信息
|
||||
|
||||
// 验证指标（最低优先级）
|
||||
YYSY6F2E: 25, // 手机三要素
|
||||
IVYZ0B03: 25, // 手机号二要素
|
||||
KZEYS: 25, // 身份证二要素
|
||||
JRZQDCBE: 25, // 银行卡四要素核验
|
||||
// 📊 复合报告类 - 按子模块动态计算
|
||||
'DWBG8B4D': 0, // 谛听多维报告（由子模块计算）
|
||||
'DWBG6A2C': 0, // 司南报告（由子模块计算）
|
||||
'JRZQ5E9F': 0, // 贷款风险评估（由子模块计算）
|
||||
|
||||
// 谛听多维报告子模块
|
||||
'DWBG8B4D_Overview': 10,
|
||||
'DWBG8B4D_ElementVerification': 4,
|
||||
'DWBG8B4D_Identity': 4,
|
||||
'DWBG8B4D_RiskWarning': 10,
|
||||
'DWBG8B4D_OverdueRisk': 9,
|
||||
'DWBG8B4D_LoanEvaluation': 7,
|
||||
'DWBG8B4D_LeasingRisk': 6,
|
||||
'DWBG8B4D_RiskSupervision': 8,
|
||||
'DWBG8B4D_RiskWarningTab': 9,
|
||||
|
||||
// 司南报告子模块
|
||||
'DWBG6A2C_StandLiveInfo': 4,
|
||||
'DWBG6A2C_RiskPoint': 9,
|
||||
'DWBG6A2C_SecurityInfo': 15,
|
||||
'DWBG6A2C_AntiFraudInfo': 15,
|
||||
'DWBG6A2C_RiskList': 12,
|
||||
'DWBG6A2C_ApplicationStatistics': 7,
|
||||
'DWBG6A2C_LendingStatistics': 6,
|
||||
'DWBG6A2C_PerformanceStatistics': 7,
|
||||
'DWBG6A2C_OverdueRecord': 9,
|
||||
'DWBG6A2C_CreditDetail': 5,
|
||||
'DWBG6A2C_RentalBehavior': 5,
|
||||
'DWBG6A2C_RiskSupervision': 8,
|
||||
|
||||
// 贷款风险评估子模块
|
||||
'CJRZQ5E9F_RiskOverview': 8,
|
||||
'CJRZQ5E9F_CreditScores': 7,
|
||||
'CJRZQ5E9F_LoanBehaviorAnalysis': 7,
|
||||
'CJRZQ5E9F_InstitutionAnalysis': 5,
|
||||
'CJRZQ5E9F_TimeTrendAnalysis': 6,
|
||||
'CJRZQ5E9F_RiskIndicators': 8,
|
||||
'CJRZQ5E9F_RiskAdvice': 2,
|
||||
|
||||
// 人企关系加强版子模块
|
||||
'CQYGL3F8E_Investment': 4,
|
||||
'CQYGL3F8E_SeniorExecutive': 4,
|
||||
'CQYGL3F8E_Lawsuit': 8,
|
||||
'CQYGL3F8E_InvestHistory': 3,
|
||||
'CQYGL3F8E_FinancingHistory': 3,
|
||||
'CQYGL3F8E_Punishment': 7,
|
||||
'CQYGL3F8E_Abnormal': 6,
|
||||
'CQYGL3F8E_TaxRisk': 7,
|
||||
};
|
||||
|
||||
// 存储每个组件的 ref 引用
|
||||
const componentRefs = ref({});
|
||||
|
||||
// 存储每个组件的风险评分（由组件主动通知）
|
||||
const componentRiskScores = ref({});
|
||||
|
||||
// 提供方法让子组件通知自己的风险评分（0-100分，分数越高越安全）
|
||||
const notifyRiskStatus = (apiID, index, riskScore) => {
|
||||
const key = `${apiID}_${index}`;
|
||||
componentRiskScores.value[key] = riskScore;
|
||||
};
|
||||
|
||||
// 暴露给子组件
|
||||
defineExpose({
|
||||
notifyRiskStatus
|
||||
});
|
||||
|
||||
// 计算综合评分的函数（分数越高越安全）
|
||||
const calculateScore = () => {
|
||||
// 收集实际存在的 features 及其风险权重
|
||||
const presentFeatures = [];
|
||||
|
||||
processedReportData.value.forEach((item, index) => {
|
||||
const apiID = item.data?.apiID;
|
||||
if (!apiID) return;
|
||||
|
||||
// 获取风险权重（如果不在配置中，默认为 3）
|
||||
const weight = featureRiskLevels[apiID] ?? 3;
|
||||
|
||||
// 跳过权重为 0 的复合报告主模块（它们由子模块计算）
|
||||
if (weight === 0) return;
|
||||
|
||||
presentFeatures.push({
|
||||
apiID,
|
||||
index,
|
||||
weight
|
||||
});
|
||||
});
|
||||
|
||||
if (presentFeatures.length === 0) return 100; // 无有效特征时返回满分（最安全）
|
||||
|
||||
// 累计总风险分数
|
||||
let totalRiskScore = 0;
|
||||
const riskDetails = []; // 用于调试
|
||||
|
||||
presentFeatures.forEach(({ apiID, index, weight }) => {
|
||||
// 从组件风险评分中获取评分（0-100分，分数越高越安全）
|
||||
const key = `${apiID}_${index}`;
|
||||
const componentScore = componentRiskScores.value[key] ?? 100; // 默认100分（最安全）
|
||||
|
||||
// 将组件评分转换为风险分数（0-100 -> 100-0）
|
||||
const componentRisk = 100 - componentScore;
|
||||
|
||||
// 计算该模块的风险贡献（固定分值，不按占比）
|
||||
// 使用权重系数放大高风险模块的影响
|
||||
// 高风险模块（权重10）如果风险分数是0，扣20分（权重10 × 系数2）
|
||||
// 中风险模块（权重7）如果风险分数是0，扣14分（权重7 × 系数2）
|
||||
// 低风险模块（权重3）如果风险分数是0，扣6分（权重3 × 系数2）
|
||||
const weightMultiplier = 1.5; // 权重系数，可以调整这个值来控制影响程度
|
||||
const riskContribution = (componentRisk / 100) * weight * weightMultiplier;
|
||||
|
||||
riskDetails.push({
|
||||
apiID,
|
||||
index,
|
||||
weight,
|
||||
componentScore,
|
||||
componentRisk,
|
||||
riskContribution,
|
||||
hasStatus: key in componentRiskScores.value
|
||||
});
|
||||
|
||||
// 累加风险分数
|
||||
totalRiskScore += riskContribution;
|
||||
});
|
||||
|
||||
// 将总风险分数限制在 0-90 范围内（确保最低分为10分）
|
||||
const finalRiskScore = Math.max(0, Math.min(90, Math.round(totalRiskScore)));
|
||||
|
||||
// 转换为安全分数：分数越高越安全（100 - 风险分数）
|
||||
// 最终分数范围：10-100分
|
||||
const safetyScore = 100 - finalRiskScore;
|
||||
|
||||
return safetyScore;
|
||||
};
|
||||
|
||||
// 监听 reportData 和 componentRiskScores 变化并计算评分
|
||||
watch([reportData, componentRiskScores], () => {
|
||||
reportScore.value = calculateScore();
|
||||
|
||||
// 将评分系统数据整理到一个对象中
|
||||
const scoreData = {
|
||||
timestamp: new Date().toISOString(),
|
||||
finalScore: reportScore.value,
|
||||
reportModules: processedReportData.value.map((item, index) => ({
|
||||
apiID: item.data.apiID,
|
||||
name: featureMap[item.data.apiID]?.name || '未知',
|
||||
index: index,
|
||||
riskScore: componentRiskScores.value[`${item.data.apiID}_${index}`] ?? '未上报',
|
||||
weight: featureRiskLevels[item.data.apiID] ?? 0
|
||||
})),
|
||||
componentScores: componentRiskScores.value,
|
||||
riskLevels: featureRiskLevels
|
||||
};
|
||||
|
||||
// 找出当前报告中包含的接口
|
||||
const availableAPIs = reportData
|
||||
.map((item) => item.data.apiID)
|
||||
.filter((id) => relativeWeights[id]);
|
||||
|
||||
// 如果没有可评分的接口，返回默认分数
|
||||
if (availableAPIs.length === 0) return 30; // 默认30分（中等风险）
|
||||
|
||||
// 计算当前报告中所有接口的相对权重总和
|
||||
let totalWeight = 0;
|
||||
availableAPIs.forEach((apiID) => {
|
||||
totalWeight += relativeWeights[apiID];
|
||||
});
|
||||
|
||||
// 计算每个权重点对应的分数
|
||||
const pointValue = maxScore / totalWeight;
|
||||
|
||||
// 基于当前报告中的接口计算实际权重
|
||||
const actualWeights = {};
|
||||
availableAPIs.forEach((apiID) => {
|
||||
// 将相对权重转换为实际分数权重
|
||||
actualWeights[apiID] = relativeWeights[apiID] * pointValue;
|
||||
});
|
||||
|
||||
// 遍历报告数据进行评分 - 风险越高分数越高
|
||||
reportData.forEach((item) => {
|
||||
const apiID = item.data.apiID;
|
||||
const data = item.data.data;
|
||||
|
||||
// 如果没有定义权重，跳过
|
||||
if (!actualWeights[apiID]) return;
|
||||
|
||||
// 根据不同的API ID计算分数（有风险时加分）
|
||||
switch (apiID) {
|
||||
case "G09SC02": // 婚姻状态
|
||||
// 不计入风险
|
||||
break;
|
||||
|
||||
case "JRZQ0A03": // 借贷申请记录
|
||||
if (data) {
|
||||
// 检查是否有申请记录（有则表示风险）
|
||||
let hasRisk = false;
|
||||
for (const key in data) {
|
||||
if (
|
||||
data[key] !== 0 &&
|
||||
data[key] !== "0" &&
|
||||
key.indexOf("allnum") > -1 &&
|
||||
!isNaN(parseInt(data[key])) &&
|
||||
parseInt(data[key]) > 0
|
||||
) {
|
||||
hasRisk = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (hasRisk) {
|
||||
score += actualWeights[apiID];
|
||||
}
|
||||
}
|
||||
break;
|
||||
|
||||
case "JRZQ8203": // 借贷行为记录
|
||||
if (data) {
|
||||
// 检查是否有借贷记录（有则表示风险）
|
||||
let hasRisk = false;
|
||||
for (const key in data) {
|
||||
if (
|
||||
data[key] !== 0 &&
|
||||
data[key] !== "0" &&
|
||||
(key.indexOf("lendamt") > -1 ||
|
||||
key.indexOf("num") > -1) &&
|
||||
!isNaN(parseInt(data[key])) &&
|
||||
parseInt(data[key]) > 0
|
||||
) {
|
||||
hasRisk = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (hasRisk) {
|
||||
score += actualWeights[apiID];
|
||||
}
|
||||
}
|
||||
break;
|
||||
|
||||
case "FLXG3D56": // 违约异常
|
||||
if (data) {
|
||||
// 检查除特定字段外的其他字段是否有异常值（有异常则表示风险）
|
||||
const excludeFields = [
|
||||
"swift_number",
|
||||
"code",
|
||||
"flag_specialList_c",
|
||||
];
|
||||
let hasRisk = false;
|
||||
|
||||
for (const key in data) {
|
||||
if (
|
||||
!excludeFields.includes(key) &&
|
||||
data[key] !== 0 &&
|
||||
data[key] !== "0"
|
||||
) {
|
||||
hasRisk = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (hasRisk) {
|
||||
score += actualWeights[apiID];
|
||||
}
|
||||
}
|
||||
break;
|
||||
|
||||
case "FLXG0V3B": // 不良记录
|
||||
if (data && data.risk_level) {
|
||||
// 根据风险等级加分
|
||||
switch (data.risk_level) {
|
||||
case "A": // 无风险
|
||||
// 不加分
|
||||
break;
|
||||
case "F": // 低风险
|
||||
score += actualWeights[apiID] * 0.3;
|
||||
break;
|
||||
case "C": // 中风险
|
||||
case "D": // 中风险
|
||||
score += actualWeights[apiID] * 0.7;
|
||||
break;
|
||||
case "B": // 高风险
|
||||
case "E": // 高风险
|
||||
score += actualWeights[apiID];
|
||||
break;
|
||||
}
|
||||
}
|
||||
break;
|
||||
|
||||
case "G35SC01": // 司法涉诉
|
||||
case "FLXG0V4B": // 司法涉诉
|
||||
case "Q23SC01": // 企业涉诉
|
||||
if (data) {
|
||||
let hasRisk = false;
|
||||
|
||||
// 检查各种涉诉信息 - 处理嵌套数据结构
|
||||
// entout是一个单元素数组，数组中第一个元素是JSON对象，对象中有entout属性
|
||||
if (
|
||||
data.entout &&
|
||||
Array.isArray(data.entout) &&
|
||||
data.entout.length > 0 &&
|
||||
data.entout[0] &&
|
||||
data.entout[0].entout &&
|
||||
((Array.isArray(data.entout[0].entout) &&
|
||||
data.entout[0].entout.length > 0) ||
|
||||
(typeof data.entout[0].entout === "object" &&
|
||||
Object.keys(data.entout[0].entout).length > 0))
|
||||
) {
|
||||
hasRisk = true;
|
||||
}
|
||||
|
||||
// 处理sxbzxr(失信被执行人)嵌套结构
|
||||
if (
|
||||
data.sxbzxr &&
|
||||
Array.isArray(data.sxbzxr) &&
|
||||
data.sxbzxr.length > 0 &&
|
||||
data.sxbzxr[0] &&
|
||||
data.sxbzxr[0].sxbzxr &&
|
||||
((Array.isArray(data.sxbzxr[0].sxbzxr) &&
|
||||
data.sxbzxr[0].sxbzxr.length > 0) ||
|
||||
(typeof data.sxbzxr[0].sxbzxr === "object" &&
|
||||
Object.keys(data.sxbzxr[0].sxbzxr).length > 0))
|
||||
) {
|
||||
hasRisk = true;
|
||||
}
|
||||
|
||||
// 处理xgbzxr(限制高消费被执行人)嵌套结构
|
||||
if (
|
||||
data.xgbzxr &&
|
||||
Array.isArray(data.xgbzxr) &&
|
||||
data.xgbzxr.length > 0 &&
|
||||
data.xgbzxr[0] &&
|
||||
data.xgbzxr[0].xgbzxr &&
|
||||
((Array.isArray(data.xgbzxr[0].xgbzxr) &&
|
||||
data.xgbzxr[0].xgbzxr.length > 0) ||
|
||||
(typeof data.xgbzxr[0].xgbzxr === "object" &&
|
||||
Object.keys(data.xgbzxr[0].xgbzxr).length > 0))
|
||||
) {
|
||||
hasRisk = true;
|
||||
}
|
||||
|
||||
if (hasRisk) {
|
||||
score += actualWeights[apiID];
|
||||
}
|
||||
}
|
||||
break;
|
||||
|
||||
case "FLXG54F5": // 手机号码风险
|
||||
if (data && data.filterType) {
|
||||
// 根据filterType判断风险等级
|
||||
switch (data.filterType) {
|
||||
case "0": // 安全
|
||||
// 不加分
|
||||
break;
|
||||
case "3": // 低危
|
||||
score += actualWeights[apiID] * 0.3;
|
||||
break;
|
||||
case "2": // 中危
|
||||
score += actualWeights[apiID] * 0.7;
|
||||
break;
|
||||
case "1": // 高危
|
||||
score += actualWeights[apiID];
|
||||
break;
|
||||
}
|
||||
}
|
||||
break;
|
||||
|
||||
case "YYSYF7DB": // 手机二次卡
|
||||
if (data && data.is_second_card === true) {
|
||||
score += actualWeights[apiID];
|
||||
}
|
||||
break;
|
||||
|
||||
case "YYSY4B37": // 手机在网时长
|
||||
if (data && data.online_months < 6) {
|
||||
score += actualWeights[apiID];
|
||||
}
|
||||
break;
|
||||
|
||||
case "YYSY6F2E": // 手机三要素
|
||||
case "IVYZ0B03": // 手机号二要素
|
||||
case "KZEYS": // 身份证二要素
|
||||
case "JRZQDCBE": // 银行卡四要素核验
|
||||
if (data && data.is_consistent === false) {
|
||||
score += actualWeights[apiID];
|
||||
}
|
||||
break;
|
||||
|
||||
case "FIN019": // 银行卡黑名单
|
||||
if (data && data.is_blacklisted === true) {
|
||||
score += actualWeights[apiID];
|
||||
}
|
||||
break;
|
||||
|
||||
case "JRZQ4B6C": // 信贷表现
|
||||
if (data) {
|
||||
let riskScore = 0;
|
||||
|
||||
// 根据结果编码评分
|
||||
switch (data.result_code) {
|
||||
case "1": // A(Overdue) - 逾期，高风险
|
||||
riskScore += 0.8;
|
||||
break;
|
||||
case "3": // B(Delay) - 延迟，中风险
|
||||
riskScore += 0.5;
|
||||
break;
|
||||
case "2": // B(Normal) - 正常，低风险
|
||||
riskScore += 0.1;
|
||||
break;
|
||||
case "4": // U - 未知，中等风险
|
||||
riskScore += 0.3;
|
||||
break;
|
||||
}
|
||||
|
||||
// 当前逾期机构数
|
||||
const currentlyOverdue = parseInt(data.currently_overdue) || 0;
|
||||
if (currentlyOverdue > 0) {
|
||||
riskScore += Math.min(currentlyOverdue * 0.1, 0.3);
|
||||
}
|
||||
|
||||
// 异常还款机构数
|
||||
const accExc = parseInt(data.acc_exc) || 0;
|
||||
if (accExc > 0) {
|
||||
riskScore += Math.min(accExc * 0.05, 0.2);
|
||||
}
|
||||
|
||||
// 应用风险评分
|
||||
score += actualWeights[apiID] * Math.min(riskScore, 1.0);
|
||||
}
|
||||
break;
|
||||
|
||||
case "JRZQ09J8": // 收入评估
|
||||
if (data && data.level) {
|
||||
let riskScore = 0;
|
||||
|
||||
// 根据收入等级评分（收入越低风险越高）
|
||||
switch (data.level) {
|
||||
case "-": // 无记录，高风险
|
||||
riskScore = 0.9;
|
||||
break;
|
||||
case "A": // A级，中高风险
|
||||
riskScore = 0.7;
|
||||
break;
|
||||
case "B": // B级，中等风险
|
||||
riskScore = 0.5;
|
||||
break;
|
||||
case "C": // C级，中低风险
|
||||
riskScore = 0.3;
|
||||
break;
|
||||
case "D": // D级，低风险
|
||||
riskScore = 0.2;
|
||||
break;
|
||||
case "E": // E级，很低风险
|
||||
riskScore = 0.1;
|
||||
break;
|
||||
case "F": // F级，极低风险
|
||||
case "G": // G级，极低风险
|
||||
case "H": // H级，无风险
|
||||
case "I": // I级，无风险
|
||||
case "J": // J级，零风险
|
||||
riskScore = 0.05;
|
||||
break;
|
||||
}
|
||||
|
||||
// 应用风险评分
|
||||
score += actualWeights[apiID] * riskScore;
|
||||
}
|
||||
break;
|
||||
|
||||
default:
|
||||
// 未知接口类型不影响评分
|
||||
break;
|
||||
}
|
||||
});
|
||||
|
||||
// 确保分数在0-90范围内并四舍五入
|
||||
return Math.max(0, Math.min(maxScore, Math.round(score)));
|
||||
};
|
||||
}, { immediate: true, deep: true });
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="min-h-full from-blue-100 to-white bg-gradient-to-b">
|
||||
|
||||
<div class="min-h-full bg-[#FCF3F3]">
|
||||
<template v-if="isDone">
|
||||
<van-tabs v-model:active="active" scrollspy sticky :offset-top="46">
|
||||
<!-- 背景图容器 -->
|
||||
<div ref="backgroundContainerRef" class="w-full" :style="[backgroundContainerStyle, backgroundImageStyle]">
|
||||
</div>
|
||||
|
||||
<!-- Tabs 区域 -->
|
||||
<StyledTabs v-model:active="active" scrollspy sticky :offset-top="46">
|
||||
<div class="flex flex-col gap-y-4 p-4">
|
||||
<LEmpty v-if="isEmpty" />
|
||||
<van-tab title="分析指数">
|
||||
<div id="analysis" class="title mb-4">分析指数</div>
|
||||
<TitleBanner id="analysis" class="mb-4">分析指数</TitleBanner>
|
||||
<div class="card mb-4">
|
||||
<div class="my-4">
|
||||
<GaugeChart :score="reportScore" />
|
||||
@@ -777,132 +716,51 @@ const calculateScore = (reportData) => {
|
||||
</div>
|
||||
</van-tab>
|
||||
<van-tab title="基本信息">
|
||||
<div id="basic" class="title mb-4">基本信息</div>
|
||||
<div class="card">
|
||||
<div class="flex flex-col gap-y-2">
|
||||
<LTitle title="报告信息" type="blue-green"></LTitle>
|
||||
<div class="flex flex-col gap-2 my-2">
|
||||
<div class="flex justify-between border-b pb-2 pl-2">
|
||||
<span class="text-gray-700 font-bold">报告时间：</span>
|
||||
<span class="text-gray-600">{{
|
||||
reportDateTime ||
|
||||
"2025-01-01 12:00:00"
|
||||
}}</span>
|
||||
</div>
|
||||
<div class="flex justify-between border-b pb-2 pl-2" v-if="!isEmpty">
|
||||
<span class="text-gray-700 font-bold">报告项目：</span>
|
||||
<span class="text-gray-600">
|
||||
{{ reportName }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<template v-if="Object.keys(reportParams).length != 0">
|
||||
<LTitle title="报告对象" type="blue-green"></LTitle>
|
||||
<div class="flex flex-col gap-2 my-2">
|
||||
<div class="flex justify-between border-b pb-2 pl-2" v-if="reportParams?.name">
|
||||
<span class="text-gray-700 font-bold">姓名</span>
|
||||
<span class="text-gray-600">{{
|
||||
maskValue(
|
||||
"name",
|
||||
reportParams?.name
|
||||
)
|
||||
}}</span>
|
||||
</div>
|
||||
<div class="flex justify-between border-b pb-2 pl-2"
|
||||
v-if="reportParams?.id_card">
|
||||
<span class="text-gray-700 font-bold">身份证号</span>
|
||||
<span class="text-gray-600">
|
||||
{{
|
||||
maskValue(
|
||||
"id_card",
|
||||
reportParams?.id_card
|
||||
)
|
||||
}}</span>
|
||||
</div>
|
||||
<div class="flex justify-between border-b pb-2 pl-2"
|
||||
v-if="reportParams?.mobile">
|
||||
<span class="text-gray-700 font-bold">手机号</span>
|
||||
<span class="text-gray-600">{{
|
||||
maskValue(
|
||||
"mobile",
|
||||
reportParams?.mobile
|
||||
)
|
||||
}}</span>
|
||||
</div>
|
||||
<div class="flex flex-col gap-4">
|
||||
<div class="flex items-center bg-blue-100 rounded-xl px-4 py-2 flex-1">
|
||||
<div
|
||||
class="bg-green-500 w-12 h-12 text-white text-xl flex items-center justify-center rounded-full mr-4">
|
||||
✔
|
||||
</div>
|
||||
<div>
|
||||
<div class="font-bold text-lg">
|
||||
身份证检查结果
|
||||
</div>
|
||||
<div class="text-sm text-gray-600">
|
||||
身份证信息核验通过
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center bg-blue-100 rounded-xl px-4 py-2 flex-1">
|
||||
<div
|
||||
class="bg-green-500 w-12 h-12 text-white text-xl flex items-center justify-center rounded-full mr-4">
|
||||
✔
|
||||
</div>
|
||||
<div>
|
||||
<div class="font-bold text-lg">
|
||||
手机号检测结果
|
||||
</div>
|
||||
<div class="text-sm text-gray-600">
|
||||
被查询人姓名与运营商提供的一致
|
||||
</div>
|
||||
<div class="text-sm text-gray-600">
|
||||
被查询人身份证与运营商提供的一致
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
<ShareReportButton v-if="!isShare" :order-id="orderId" :order-no="orderNo"
|
||||
:is-example="!orderId" />
|
||||
</div>
|
||||
<TitleBanner id="basic" class="mb-4">基本信息</TitleBanner>
|
||||
<VerificationCard :report-params="reportParams" :report-date-time="reportDateTime"
|
||||
:report-name="reportName" :is-empty="isEmpty" :is-share="isShare" :order-id="orderId"
|
||||
:order-no="orderNo" />
|
||||
<LRemark content="如查询的姓名/身份证与运营商提供的不一致，可能会存在报告内容不匹配的情况" />
|
||||
</van-tab>
|
||||
<van-tab v-for="(item, index) in processedReportData" :key="index"
|
||||
<van-tab v-for="(item, index) in processedReportData" :key="`${item.data.apiID}_${index}`"
|
||||
:title="featureMap[item.data.apiID]?.name">
|
||||
<div :id="item.data.apiID" class="title mb-4">
|
||||
<TitleBanner :id="item.data.apiID" class="mb-4">
|
||||
{{ featureMap[item.data.apiID]?.name }}
|
||||
</div>
|
||||
<component :is="featureMap[item.data.apiID]?.component" :data="item.data.data"
|
||||
:params="reportParams">
|
||||
</TitleBanner>
|
||||
<component :is="featureMap[item.data.apiID]?.component" :ref="el => {
|
||||
if (el) {
|
||||
const refKey = `${item.data.apiID}_${index}`;
|
||||
componentRefs[refKey] = el;
|
||||
}
|
||||
}" :data="item.data.data" :params="reportParams" :api-id="item.data.apiID" :index="index"
|
||||
:notify-risk-status="notifyRiskStatus">
|
||||
</component>
|
||||
<LRemark v-if="featureMap[item.data.apiID]?.remark"
|
||||
:content="featureMap[item.data.apiID]?.remark" />
|
||||
</van-tab>
|
||||
<ShareReportButton v-if="!isShare" class="mb-4" :order-id="orderId" :order-no="orderNo"
|
||||
:is-example="!orderId" />
|
||||
|
||||
<ShareReportButton v-if="!isShare" class="h-12 text-3xl mt-8" :order-id="orderId"
|
||||
:order-no="orderNo" :is-example="isExample" />
|
||||
<span class="mb-4 text-center text-sm text-gray-500">分享当前{{ isExample ? '示例' : '报告' }}链接</span>
|
||||
<div class="card">
|
||||
<div>
|
||||
<div class="text-bold text-blue-500 mb-2">
|
||||
<div class="text-bold text-center text-[#333333] mb-2">
|
||||
免责声明
|
||||
</div>
|
||||
<p>
|
||||
<p class="text-[#999999]">
|
||||
|
||||
1、本份报告是在取得您个人授权后，我们才向合法存有您以上个人信息的机构去调取相关内容，我们不会以任何形式对您的报告进行存储，除您和您授权的人外不会提供给任何人和机构进行查看。
|
||||
</p>
|
||||
<p>
|
||||
2、本报告自生成之日起，有效期 <strong class="text-red-500">30
|
||||
天</strong>，过期自动删除。如果您对本份报告存有异议，可能是合作机构数据有延迟或未能获取到您的相关数据，出于合作平台数据隐私的保护，本平台将不做任何解释。
|
||||
<p class="text-[#999999]">
|
||||
2、本报告自生成之日起，有效期 30
|
||||
天，过期自动删除。如果您对本份报告存有异议，可能是合作机构数据有延迟或未能获取到您的相关数据，出于合作平台数据隐私的保护，本平台将不做任何解释。
|
||||
</p>
|
||||
<p>
|
||||
<p class="text-[#999999]">
|
||||
3、若以上数据有错误，请联系平台客服。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</van-tabs>
|
||||
</StyledTabs>
|
||||
</template>
|
||||
|
||||
</div>
|
||||
@@ -924,11 +782,6 @@ const calculateScore = (reportData) => {
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.title {
|
||||
@apply mx-auto mt-2 w-64 border rounded-3xl py-2 text-center text-white font-bold;
|
||||
background: linear-gradient(135deg, var(--van-theme-primary), var(--van-theme-primary-dark));
|
||||
}
|
||||
|
||||
.a {
|
||||
color: #e03131;
|
||||
}
|
||||
@@ -946,5 +799,6 @@ const calculateScore = (reportData) => {
|
||||
|
||||
:deep(.card) {
|
||||
@apply p-3;
|
||||
box-shadow: 0px 0px 24px 0px #3F3F3F0F;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user