正式版

2025-10-30 13:34:28 +08:00
parent 4ddb31e663
commit 75590a0062
165 changed files with 1219 additions and 570 deletions
--- a/src/components/BaseReport.vue
+++ b/src/components/BaseReport.vue
@@ -23,7 +23,7 @@ const loadProductBackground = async (productType) => {
            case 'homeservice':
                return (await import("@/assets/images/report/homeservice_report_bg.jpg")).default;
            case 'backgroundcheck':
-                return (await import("@/assets/images/report/backgroundcheck_report_bg.jpg")).default;
+                return (await import("@/assets/images/report/backgroundcheck_report_bg.png")).default;
            default:
                return null;
        }
@@ -102,6 +102,7 @@ const productBackground = ref('');
 const backgroundHeight = ref(0);
 const imageAspectRatio = ref(0); // 缓存图片宽高比
 const MAX_BACKGROUND_HEIGHT = 211; // 最大背景高度，防止图片过高变形
+const trapezoidBgImage = ref(''); // 牌匾背景图片

 // 计算背景高度
 const calculateBackgroundHeight = () => {
@@ -143,6 +144,7 @@ let resizeTimer = null;
 onMounted(async () => {
    console.log("isExample", isExample.value);
    await loadBackgroundImage();
+    await loadTrapezoidBackground();

    // 监听窗口大小变化，重新计算高度
    window.addEventListener('resize', handleResize);
@@ -214,12 +216,37 @@ const backgroundImageStyle = computed(() => {
    return {};
 });

+// 动态加载牌匾背景图片
+const loadTrapezoidBackground = async () => {
+    try {
+        const bgModule = await import("@/assets/images/report/title_inquire_bg.png");
+        trapezoidBgImage.value = bgModule.default;
+    } catch (error) {
+        console.warn(`Failed to load trapezoid background image:`, error);
+    }
+};
+
+// 牌匾背景图片样式
+const trapezoidBgStyle = computed(() => {
+    if (trapezoidBgImage.value) {
+        return {
+            backgroundImage: `url(${trapezoidBgImage.value})`,
+        };
+    }
+    return {};
+});
+
 const featureMap = {
    IVYZ5733: {
        name: "婚姻状态",
        component: defineAsyncComponent(() => import("@/ui/CIVYZ5733.vue")),
        remark: '查询结果为"未婚或尚未登记结婚"时，表示婚姻登记处暂无相关的登记记录。婚姻状态信息由婚姻登记处逐级上报，可能存在数据遗漏或更新滞后。当前可查询的婚姻状态包括：未婚或尚未登记结婚、已婚、离异。如您对查询结果有疑问，请联系客服反馈。',
    },
+    IVYZ81NC: {
+        name: "婚姻状态",
+        component: defineAsyncComponent(() => import("@/ui/CIVYZ81NC.vue")),
+        remark: '查询结果为"未婚或尚未登记结婚"时，表示婚姻登记处暂无相关的登记记录。婚姻状态信息由婚姻登记处逐级上报，可能存在数据遗漏或更新滞后。当前可查询的婚姻状态包括：未婚或尚未登记结婚、已婚、离异。如您对查询结果有疑问，请联系客服反馈。',
+    },
    JRZQ0A03: {
        name: "借贷申请记录",
        component: defineAsyncComponent(() =>
@@ -287,6 +314,10 @@ const featureMap = {
        name: "名下车辆",
        component: defineAsyncComponent(() => import("@/ui/CQCXG7A2B.vue")),
    },
+    QCXG9P1C: {
+        name: "名下车辆",
+        component: defineAsyncComponent(() => import("@/ui/CQCXG9P1C.vue")),
+    },
    BehaviorRiskScan: {
        name: "风险行为扫描",
        component: defineAsyncComponent(() =>
@@ -301,6 +332,10 @@ const featureMap = {
        name: "学历信息查询",
        component: defineAsyncComponent(() => import("@/ui/CIVYZ9A2B.vue")),
    },
+    IVYZ7F3A: {
+        name: "学历信息",
+        component: defineAsyncComponent(() => import("@/ui/CIVYZ7F3A.vue")),
+    },
    DWBG8B4D: {
        name: "谛听多维报告",
        component: defineAsyncComponent(() => import("@/ui/CDWBG8B4D/index.vue")),
@@ -326,10 +361,10 @@ const featureMap = {
        name: "逾期风险综述",
        component: defineAsyncComponent(() => import("@/ui/CDWBG8B4D/components/OverdueRiskSection.vue")),
    },
-    DWBG8B4D_CourtInfo: {
-        name: "法院曝光台信息",
-        component: defineAsyncComponent(() => import("@/ui/CDWBG8B4D/components/MultCourtInfoSection.vue")),
-    },
+    // DWBG8B4D_CourtInfo: {
+    //     name: "法院曝光台信息",
+    //     component: defineAsyncComponent(() => import("@/ui/CDWBG8B4D/components/MultCourtInfoSection.vue")),
+    // },
    DWBG8B4D_LoanEvaluation: {
        name: "借贷评估",
        component: defineAsyncComponent(() => import("@/ui/CDWBG8B4D/components/LoanEvaluationSection.vue")),
@@ -415,10 +450,10 @@ const featureMap = {
        name: "关联风险监督",
        component: defineAsyncComponent(() => import("@/ui/DWBG6A2C/components/RiskSupervisionSection.vue")),
    },
-    DWBG6A2C_CourtRiskInfo: {
-        name: "法院风险信息",
-        component: defineAsyncComponent(() => import("@/ui/DWBG6A2C/components/CourtRiskInfoSection.vue")),
-    },
+    // DWBG6A2C_CourtRiskInfo: {
+    //     name: "法院风险信息",
+    //     component: defineAsyncComponent(() => import("@/ui/DWBG6A2C/components/CourtRiskInfoSection.vue")),
+    // },
    // 贷款风险报告
    JRZQ5E9F: {
        name: "贷款风险评估",
@@ -703,7 +738,7 @@ watch([reportData, componentRiskScores], () => {
 </script>

 <template>
-    <div class="min-h-full bg-[#FCF3F3]">
+    <div class="min-h-full bg-[#f6f8fe]">
        <template v-if="isDone">
            <!-- 背景图容器 -->
            <div ref="backgroundContainerRef" class="w-full" :style="[backgroundContainerStyle, backgroundImageStyle]">
@@ -714,10 +749,18 @@ watch([reportData, componentRiskScores], () => {
                <div class="flex flex-col gap-y-4 p-4">
                    <LEmpty v-if="isEmpty" />
                    <van-tab title="分析指数">
-                        <TitleBanner id="analysis" class="mb-4">分析指数</TitleBanner>
-                        <div class="card mb-4">
-                            <div class="my-4">
-                                <GaugeChart :score="reportScore" />
+                        <div class="relative mb-4">
+                            <!-- 产品卡片牌匾效果 - 使用背景图片 -->
+                            <div class="absolute -top-[12px] left-1/2 transform -translate-x-1/2 w-[140px]">
+                                <div class="trapezoid-bg-image flex items-center justify-center"
+                                    :style="trapezoidBgStyle">
+                                    <div class="text-xl whitespace-nowrap">分析指数</div>
+                                </div>
+                            </div>
+                            <div class="card mb-4 mt-6 !pt-10">
+                                <div class="my-4">
+                                    <GaugeChart :score="reportScore" />
+                                </div>
                            </div>
                        </div>
                    </van-tab>
@@ -807,4 +850,11 @@ watch([reportData, componentRiskScores], () => {
    @apply p-3;
    box-shadow: 0px 0px 24px 0px #3F3F3F0F;
 }
+/* 梯形背景图片样式 */
+.trapezoid-bg-image {
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    height: 44px;
+}
 </style>
--- a/src/components/InquireForm.vue
+++ b/src/components/InquireForm.vue
@@ -3,9 +3,10 @@
        <!-- 主要内容区域 - 覆盖背景图片 -->
        <div class="min-h-screen relative mx-4 pb-12">
            <!-- 产品卡片牌匾效果 - 使用背景图片 -->
-            <div class="absolute -top-[36px] left-1/2 transform -translate-x-1/2">
-                <div class="trapezoid-bg-image w-[200px] h-[36px] flex items-center justify-center">
-                    <div class="text-lg" style="color: var(--van-theme-primary);">{{ featureData.product_name }}</div>
+            <div class="absolute -top-[12px] left-1/2 transform -translate-x-1/2 w-[140px]">
+                <div class="trapezoid-bg-image flex items-center justify-center" :style="trapezoidBgStyle">
+                    <div class="text-xl whitespace-nowrap" :style="trapezoidTextStyle">{{
+                        featureData.product_name }}</div>
                </div>
            </div>
            <div class="card-container">
@@ -328,7 +329,7 @@ const loadProductBackground = async (productType) => {
            case 'homeservice':
                return (await import("@/assets/images/report/homeservice_inquire_bg.jpg")).default;
            case 'backgroundcheck':
-                return (await import("@/assets/images/report/backgroundcheck_inquire_bg.jpg")).default;
+                return (await import("@/assets/images/report/backgroundcheck_inquire_bg.png")).default;
            default:
                return null;
        }
@@ -349,6 +350,7 @@ const showPayment = ref(false);
 const pendingPayment = ref(false);
 const queryId = ref(null);
 const productBackground = ref('');
+const trapezoidBgImage = ref('');
 const isCountingDown = ref(false);
 const countdown = ref(60);

@@ -393,6 +395,52 @@ const backgroundStyle = computed(() => {
    return {};
 });

+// 动态加载牌匾背景图片
+const loadTrapezoidBackground = async () => {
+    try {
+        let bgModule;
+        if (props.feature === 'marriage') {
+            bgModule = await import("@/assets/images/report/title_inquire_bg_red.png");
+        } else if (props.feature === 'homeservice') {
+            bgModule = await import("@/assets/images/report/title_inquire_bg_green.png");
+        } else {
+            bgModule = await import("@/assets/images/report/title_inquire_bg.png");
+        }
+        trapezoidBgImage.value = bgModule.default;
+    } catch (error) {
+        console.warn(`Failed to load trapezoid background image:`, error);
+        // 回退到默认图片
+        try {
+            const defaultModule = await import("@/assets/images/report/title_inquire_bg.png");
+            trapezoidBgImage.value = defaultModule.default;
+        } catch (e) {
+            console.error('Failed to load default trapezoid background:', e);
+        }
+    }
+};
+
+// 牌匾背景图片样式
+const trapezoidBgStyle = computed(() => {
+    if (trapezoidBgImage.value) {
+        return {
+            backgroundImage: `url(${trapezoidBgImage.value})`,
+        };
+    }
+    return {};
+});
+
+// 牌匾文字样式
+const trapezoidTextStyle = computed(() => {
+    // homeservice 和 marriage 使用白色文字
+    if (props.feature === 'homeservice' || props.feature === 'marriage') {
+        return {
+            color: 'white',
+        };
+    }
+    // 其他情况使用默认字体色（不设置 color，使用浏览器默认或继承）
+    return {};
+});
+
 // 获取功能图标
 const getFeatureIcon = (apiId) => {
    const iconMap = {
@@ -623,6 +671,7 @@ const toHistory = () => {
 // 生命周期
 onMounted(async () => {
    await loadBackgroundImage();
+    await loadTrapezoidBackground();
 });

 // 加载背景图片
@@ -669,22 +718,19 @@ button:active {

 /* 梯形背景图片样式 */
 .trapezoid-bg-image {
-    background-image: url('@/assets/images/report/title_inquire_bg.png');
-    background-size: 100% 100%;
+    background-size: contain;
    background-repeat: no-repeat;
+    background-position: center;
+    height: 44px;
 }

 /* 卡片容器样式 */
 .card-container {
    background: white;
    border-radius: 8px;
-    padding: 16px;
-    box-shadow:
-        0 0 0 0.5px rgba(0, 0, 0, 0.02),
-        0 1px 4px rgba(0, 0, 0, 0.04),
-        0 0.5px 2px rgba(0, 0, 0, 0.05);
+    padding: 32px 16px;
+        box-shadow: 0px 0px 24px 0px #3F3F3F0F;
 }
-
 .card-container input::placeholder {
    color: #DDDDDD;
 }
--- a/src/components/LRemark.vue
+++ b/src/components/LRemark.vue
@@ -2,10 +2,12 @@
    <div class="l-remark-card my-[20px]">
        <!-- 顶部连接点 -->
        <div class="connection-line">
-            <img src="data:image/png;base64,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" alt="左链条" class="connection-chain left" />
-            <img src="data:image/png;base64,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" alt="右链条" class="connection-chain right" />
+            <img src="data:image/png;base64,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"
+                alt="左链条" class="connection-chain left" />
+            <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAACTCAYAAADmz7tVAAAAAXNSR0IArs4c6QAAB59JREFUeF7tXFtsFFUY/s7sbreFUiyFglxaEJUgVaAYNBAjl/hgYrgU44PhRd+Ud3xQE4xP8izx0RfiGwX1xcQYMApegFakSghgWygIFVqope3e5phvzo47O53ZmcM2zT6cSTZsujPnfPP9l/P/w3xHQOM42S/rFxTQhCQ6bAtdkNgIidUSaOYwAhiFwDUI9Fo2upFH30gCY9tXiam404i4J/42KPcXJLosYOucRrTmckChANgFQEo1ihCAlQASCSCVAibGMWwDpxMC3RvaxdE4c0UC6rkhX4aNzyDxlGUhycldAFETECA/to08BK7AwjudK8T3la4LBXTmhmxosHEomcTBfD4+iLDJCCyZBPJ5HJ60cGjLCjEZdG4goL5+uSQrcCSdRlcmE8WD3u/pNJDJoLtO4kDHKnHbf/U0QASTEzglLKyx7fDJHH8pXs3vPFxT2hFmtSxA2ricktjmB1UGiGaqL+CoZaErDAz9N5cH7o0DQyPAv1PARFYBmlMHzKsHli8AWhqBVNKJvMCDoGwb3VMJ7Pear+z83kH5SV0dDgaZKWEBow+B6/eAm6PAVE4xxAG8DBEwGapPAcuagbYWoHkuUAhgm+bLZnF4Y7t4z0X9PyBGU8rCKYbzNLsK4NYI0HcTyOTD79p/HcGlk0DHMmDpguDAYHrI2djmRl8J0KD8UwBr/SHNu6dpegZKPqPnxoqxzpXKlEHjS+BSZ7t4pphcASY9W+JzAEnvZDTT0D3gXBVg3PEI6nmCagk0X94SeIvJU3A5aBL4ImFhr9+RxyaBX64B2bwuJ8Hn1yWBF1YDTQ3lv9PBCzaOj0m8KS5cla12Ehch0Oqlk/b/YwgYuBvfZ6Jgc8yVC4F1y8vHdIJCYtjK41lxYUDuqG/Edw/Hy4cjKycvAflC1DR6vycTwPa1ANnyHnMbgalx7BS91+WnqRQOZD0ZmYhvjQK//gUkrfAJyWjeLjkqqU8U16+wq3j+5ieApc3lDl6XBnI5HBG9g/K0lcCWgsdP6Mw/XwVuPwiOLALhHa5cBHS2Ay3zFJM3R4Dfh4C/R51QDkyKdO4l84EXnyx37kTSqRzOiN4BeRsCi73+Q0Df9gETmVLSc++Y5zHRvboeWN0KZHJArgBkCyqDE0j/MHCuHxjn9T6qeP2cNPBKRzmgoh/dET0Dksaq815HO584H3yHqQTw+mblnE5WtpXZCIZJcyoLTOWVyX+6Gpyhed2eTYH+mQ0F9OX56V7Au1uzFHhjs0p2PPgvzUWGyBaXFILiUvHjFWU+d2nxjrg7DJCOyWiat18C2haWhnYB8TeHoRwwmVW5iz74w2WALuA1eUWT6Tg1J/lgj4o8965pMrLhZ4hmI2Nf9QB0AW/GruzUGmFPBj7eBxSkCm8e/M7amoCyRZORITJF9o6dLQcUGfY6ibEioLwC5ZgsEw4oMjHqLB3VAoq1dOgsrtUCirW40g/ilh/VAIpdfrje3xOjQGNohzp1BR/iGqdVoBFUnBL2/CDw4e6QKAsB9HUvsKHtEUpYgooq8v8ZA7atVU38tLAPAMSouz+hOhDtIp+Aotog+sH6NpUU4wByGoKQPihWG0RQlRpFZuX17dUDit0oug4e1krPBCDtVtoFFfSwoRpAVT1s8JYJ3scxEkg+t0LPZHxWNCOPY/zVEJNnroA9m1ZhH507jlOzPygUcMwSODFjD6z8wKSUMnC1Dwj7VAOwZmFYnAW3AZFP0AygsP4p7O/GZFGMGYYMQz4GTB6KcgnDkGHI20qb1b7s6Yeph4rhYRbXqDxhGDIMmfLDNIrug3OzdJilIyojGoYMQ+YJGmC6DtN1BMWBqamj8qNhyDBkug7TdZiuwxcFJjGaxGgSo0mMJjGaxBiVCQ1DhqHKDJj/Jo/yEMOQYci8SGC6jqgoMAyFMVQzbwvXzPvUNfXGeU29k19TqoWa03XUlPKlam1QiALvkbVBWuopG6B6hUeoRpHbcEig+6w6V0s9paUv61ITufs1hKk4HY2iDXSfUxrF2PoyXQXeR/vURH5AfhUnhUpUTB0vAiKbsRR4uhrFQ3vVRK52ld+nKYGp5swr4FQUu7LSWBpFHRUnda7v71L0e33IUQJT6+oqgXNKeMvzqCj26lwjVZw68nZOcvA1Z8+Oksm47QaF226U8bWd4odSZr/wNlLnqqME5qTv7lR37FcCO4CKAm5HVV4E+c3Fcs3+jMrbeXe7NgKPP1ZSmjtRRj9yWSqCoW+NPFS6fS2ttI68nSbgxiI71pWk6fwb0wABOZ8iODLIrTnuPAjQ7M+UvJ2hS+H21qeB1ia1xYELyNXdkxmyxq1cLlwPFktynBmRt3Mghu7ctJKKLm5SjLggCI7MDI8Bl26pPWW0dyTQcWq3vCUoMrWoCWhvAeY3KKbuTwKDdxU7BBr04CDaqTXk7f56myCcrX2KPxCAs8FNhUcYkWGvkxijWqQ4v0cmRp2lI86Elc6JtXToLK7VAoq1uHKSuOVHNYBilx/uJHEKNLfk0AWmvf8QJ4hTws7qDk0EFVXkz+oeVgQU1Qa5mXrWdvnihDW1D5rrrDW1U5wLqqb20vOGdc3sNujPNTWzH6MX2GzsWPkfBLU1i3+dVUIAAAAASUVORK5CYII="
+                alt="右链条" class="connection-chain right" />
        </div>
-        
+
        <div>
            <van-icon name="info-o" class="tips-icon" />
            <span class="tips-title">温馨提示</span>
--- a/src/components/QRcode.vue
+++ b/src/components/QRcode.vue
@@ -279,13 +279,13 @@ const shareToFriend = () => {
    const shareUrl = generalUrl();
    const shareConfig = {
        title: mode.value === "promote"
-            ? "哈密大数据查询 - 推广链接"
-            : "哈密大数据查询 - 邀请链接",
+            ? "天远数据 - 推广链接"
+            : "天远数据 - 邀请链接",
        desc: mode.value === "promote"
-            ? "扫码查看哈密大数据查询推广信息"
-            : "扫码申请哈密大数据查询代理权限",
+            ? "扫码查看天远数据推广信息"
+            : "扫码申请天远数据代理权限",
        link: shareUrl,
-        imgUrl: "https://hm.tianyuandb.com/logo.jpg"
+        imgUrl: "https://www.tianyuandb.com/logo.jpg"
    };

    configWeixinShare(shareConfig);
@@ -304,13 +304,13 @@ const shareToTimeline = () => {
    const shareUrl = generalUrl();
    const shareConfig = {
        title: mode.value === "promote"
-            ? "哈密大数据查询 - 推广链接"
-            : "哈密大数据查询 - 邀请链接",
+            ? "天远数据 - 推广链接"
+            : "天远数据 - 邀请链接",
        desc: mode.value === "promote"
-            ? "扫码查看哈密大数据查询推广信息"
-            : "扫码申请哈密大数据查询代理权限",
+            ? "扫码查看天远数据推广信息"
+            : "扫码申请天远数据代理权限",
        link: shareUrl,
-        imgUrl: "https://hm.tianyuandb.com/logo.jpg"
+        imgUrl: "https://www.tianyuandb.com/logo.jpg"
    };

    configWeixinShare(shareConfig);
@@ -368,7 +368,7 @@ const savePoster = () => {
 const saveForPC = (dataURL) => {
    const a = document.createElement("a");
    a.href = dataURL;
-    a.download = "哈密大数据查询海报.png";
+    a.download = "天远数据海报.png";
    a.click();
 };

@@ -385,7 +385,7 @@ const saveForMobile = async (dataURL) => {

        const a = document.createElement("a");
        a.href = url;
-        a.download = "哈密大数据查询海报.png";
+        a.download = "天远数据海报.png";
        a.style.display = "none";
        document.body.appendChild(a);
        a.click();
@@ -435,7 +435,7 @@ const saveWithFileSystemAPI = async (dataURL) => {
        try {
            const blob = dataURLToBlob(dataURL);
            const fileHandle = await window.showSaveFilePicker({
-                suggestedName: '哈密大数据查询海报.png',
+                suggestedName: '天远数据海报.png',
                types: [{
                    description: 'PNG images',
                    accept: { 'image/png': ['.png'] }
@@ -461,11 +461,11 @@ const tryShareAPI = async (dataURL) => {
    if (navigator.share && navigator.canShare) {
        try {
            const blob = dataURLToBlob(dataURL);
-            const file = new File([blob], '哈密大数据查询海报.png', { type: 'image/png' });
+            const file = new File([blob], '天远数据海报.png', { type: 'image/png' });

            if (navigator.canShare({ files: [file] })) {
                await navigator.share({
-                    title: '哈密大数据查询海报',
+                    title: '天远数据海报',
                    text: '分享海报图片',
                    files: [file]
                });
--- a/src/components/TitleBanner.vue
+++ b/src/components/TitleBanner.vue
@@ -10,9 +10,8 @@

 <style scoped>
 .title-banner {
-    @apply mx-auto mt-2 w-64 py-2 text-center text-white font-bold text-lg relative;
+    @apply mx-auto mt-2 w-64 py-1.5 text-center text-white font-bold text-lg relative rounded-2xl;
    background: var(--color-primary);
-    border-radius: 12px;
    border: 1px solid var(--color-primary-300);
    background-image:
        linear-gradient(45deg, transparent 25%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.1) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.1) 75%);
--- a/src/components/VerificationCard.vue
+++ b/src/components/VerificationCard.vue
@@ -14,7 +14,7 @@
                    <span class="text-gray-600">{{
                        reportDateTime ||
                        "2025-01-01 12:00:00"
-                    }}</span>
+                        }}</span>
                </div>
                <div class="flex  pb-2 pl-2" v-if="!isEmpty">
                    <span class="text-[#666666] w-[6em]">报告项目：</span>
@@ -32,10 +32,10 @@
                        <span class="text-[#666666] w-[6em]">姓名</span>
                        <span class="text-gray-600">{{
                            maskValue(
-                                "name",
-                                reportParams?.name
+                            "name",
+                            reportParams?.name
                            )
-                        }}</span>
+                            }}</span>
                    </div>

                    <!-- 身份证号 -->
@@ -43,10 +43,10 @@
                        <span class="text-[#666666] w-[6em]">身份证号</span>
                        <span class="text-gray-600">{{
                            maskValue(
-                                "id_card",
-                                reportParams?.id_card
+                            "id_card",
+                            reportParams?.id_card
                            )
-                        }}</span>
+                            }}</span>
                    </div>

                    <!-- 手机号 -->
@@ -54,10 +54,10 @@
                        <span class="text-[#666666] w-[6em]">手机号</span>
                        <span class="text-gray-600">{{
                            maskValue(
-                                "mobile",
-                                reportParams?.mobile
+                            "mobile",
+                            reportParams?.mobile
                            )
-                        }}</span>
+                            }}</span>
                    </div>

                    <!-- 验证卡片 -->
@@ -81,7 +81,7 @@
                        </div>

                        <!-- 手机号检测结果 -->
-                        <div class="flex items-center px-4 py-3 flex-1 border border-[#EEEEEE] rounded-lg bg-[#F9F9F9]">
+                        <!-- <div class="flex items-center px-4 py-3 flex-1 border border-[#EEEEEE] rounded-lg bg-[#F9F9F9]">
                            <div class="w-11 h-11 flex items-center justify-center mr-4">
                                <img src="@/assets/images/report/sjh.png" alt="手机号" class="w-10 h-10 object-contain" />
                            </div>
@@ -99,7 +99,7 @@
                            <div class="w-11 h-11 flex items-center justify-center ml-4">
                                <img src="@/assets/images/report/zq.png" alt="资金安全" class="w-10 h-10 object-contain" />
                            </div>
-                        </div>
+                        </div> -->
                    </div>
                </div>
            </template>