Tcode平台改造升级-产品服务页面修改开发

src/components/Header/index.vue

@@ -21,11 +21,26 @@
                   <div v-for="(item, index) in coreModules" :key="index" class="menu-section">
                     <span class="menu-section-title">{{item.title}}</span>
                     <ul class="hover-child">
+<!--                      <li class="child-item">-->
+<!--                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{item.desc1}}</a>-->
+<!--                      </li>-->
+<!--                      <li class="child-item">-->
+<!--                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{item.desc2}}</a>-->
+<!--                      </li>-->
+<!--                      <li class="child-item">-->
+<!--                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{item.desc3}}</a>-->
+<!--                      </li>-->
                       <li class="child-item">
-                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{item.desc1}} {{item.desc2}}</a>
+                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{item.desc4}}</a>
                       </li>
                       <li class="child-item">
-                        <router-link  :to="{ path: '/ProductServices',  query: { tab: index }}"  class="LNK">
+                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{item.desc5}}</a>
+                      </li>
+                      <li class="child-item">
+                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{item.desc6}}</a>
+                      </li>
+                      <li class="child-item">
+                        <router-link  :to="{ path: '/ProductServices/' + (index+1)}"  class="LNK">
                           {{item.linkText}}</router-link>
                       </li>
                     </ul>
@@ -154,40 +169,53 @@ import {emitEvent} from '@/utils/eventBus';
 // 定义产品服务模块的数据
 const coreModules = reactive([
   {
-    title: 'SBOM 自动化分析',
-    desc1: '生成标准 CycloneDX/SPDX',
-    desc2: '物料清单，透视组件资产。',
-    link: '/sbom-analysis',
+    // 产品一：可信开源态势感知平台
+    title: '可信开源态势感知平台 (源感)',
+    desc1: '数据底座 国家级视野',
+    desc2: '全网态势，一屏尽览',
+    desc3: '构建国家级开源安全数据底座，聚合全球漏洞情报。基于安全数据湖仓，实现全景风险实时感知。',
+    desc4: '🛡️ 全景大屏：3D地球与热力图，可视化展示全球开源风险分布。',
+    desc5: '⚡ 极速预警：漏洞披露感知响应时间 ≤ 5分钟。',
+    desc6: '🌐 多维图谱：组件-版本-漏洞-厂商四层知识图谱关联。',
+    link: '/trusted-open-source-perception',
     linkText: '[了解详情 >]'
   },
   {
-    title: '供应链漏洞检测分析',
-    desc1: '深度解析依赖树，精准定位',
-    desc2: 'CVE 漏洞与传播路径。',
-    link: '/supply-chain-vulnerability',
+    // 产品二：金银湖安全大模型
+    title: '金银湖安全大模型 (源鉴)',
+    desc1: '核心引擎 AI 驱动',
+    desc2: '懂代码，更懂安全的 AI 专家',
+    desc3: '您的 24 小时智能安全专家。基于 RAG 技术与领域知识库，实现从漏洞发现到自动修复的智能闭环。',
+    desc4: '🤖 智能修复：多智能体协同，不仅发现漏洞，更自动生成修复补丁。',
+    desc5: '🧠 精准识别：漏洞检测准确率 ≥ 95%，大幅降低误报干扰。',
+    desc6: '💬 安全问答：支持自然语言交互，快速解答代码安全合规难题。',
+    link: '/jinyinhu-security-llm',
     linkText: '[了解详情 >]'
   },
   {
-    title: '恶意代码投毒检测',
-    desc1: '识别依赖混淆、组件篡改',
-    desc2: '及后门植入攻击。',
-    link: '/malware-detection',
+    // 产品三：软件供应链检测平台
+    title: '软件供应链检测平台 (源链)',
+    desc1: '深度治理 合规审计',
+    desc2: '透视黑盒，溯源无忧',
+    desc3: '穿透软件“黑盒”，基于源码与二进制双引擎，生成标准化 SBOM，彻底解决“成分不清、来源不明”难题。',
+    desc4: '🔍 双模引擎：支持源码及二进制文件的深度成分分析（SCA）。',
+    desc5: '📜 合规落地：一键生成符合国家标准的 SBOM 清单，支持开源许可证检测。',
+    desc6: '🚀 高效检测：标准场景检测耗时 ≤ 30分钟，快速适配 DevSecOps 流水线。',
+    link: '/software-supply-chain-detection',
     linkText: '[了解详情 >]'
   },
   {
-    title: '未知漏洞检测分析',
-    desc1: '基于代码指纹与污点分析，',
-    desc2: '发现 0-Day 及未披露风险。',
-    link: '/unknown-vulnerability',
+    // 产品四：智能终端安全监测平台
+    title: '智能终端安全监测平台 (源端)',
+    desc1: '端侧防御 场景落地',
+    desc2: '守护终端，运行无界',
+    desc3: '面向车联网、无人机及 IoT 生态，提供应用逆向分析与运行时安全监测，确保设备在真实环境下的安全运行。',
+    desc4: '🚗 全场景适配：覆盖车联网、IoT 等 15+ 行业场景。',
+    desc5: '📡 动态防御：实时监测 OTA 升级包完整性及终端异常行为。',
+    desc6: '⏱️ 秒级响应：异常行为识别预警响应 ≤ 10分钟。',
+    link: '/intelligent-terminal-monitoring',
     linkText: '[了解详情 >]'
-  },
-  {
-    title: '许可证合规性检测',
-    desc1: '识别 GPL/MPL 等传染性',
-    desc2: '协议，规避法律合规风险。',
-    link: '/license-compliance',
-    linkText: '[了解详情 >]'
-  },
+  }
 ]);
 
 const dataServiceModules = reactive([