Tcode平台改造升级-情报流图表

src/views/Jyh/security/index.vue

@@ -66,11 +66,11 @@
 
         <!-- 图表网格布局：新增多个模块 -->
         <div class="index-module__NV_5cW__chartsGrid">
-          <!-- 1. 武汉优秀开源项目（列表展示）-->
+          <!-- 1. 武汉优秀开源项目（列表展示） -->
-          <div class="index-module__NV_5cW__chartCard list-card">
+          <!-- <div class="index-module__NV_5cW__chartCard list-card"> -->
-            <h3 class="chartCard__title">武汉优秀开源项目</h3>
+            <!-- <h3 class="chartCard__title">武汉优秀开源项目</h3> -->
             <!-- 新增：ref + 鼠标事件 -->
-            <div class="chartCard__container list-container"
+            <!-- <div class="chartCard__container list-container"
                  ref="scrollContainer1"
                  @mouseenter="pauseScroll(1)"
                  @mouseleave="resumeScroll(1)">
@@ -85,6 +85,24 @@
                 </div>
               </div>
             </div>
+          </div> -->
+
+          <div class="index-module__NV_5cW__chartCard list-card">
+            <h3 class="chartCard__title">情报流</h3>
+            <!-- 新增：ref + 鼠标事件 -->
+            <div class="chartCard__container list-container"
+                 ref="scrollContainer1"
+                 @mouseenter="pauseScroll(1)"
+                 @mouseleave="resumeScroll(1)">
+              <div class="project-list">
+                <div class="project-item" v-for="(item, index) in feedList" :key="index">
+                  <span class="project-rank" :class="item.type">{{ item.type }}</span>
+                  <div class="project-info">
+                    <span class="project-name">{{ item.content }}</span>
+                  </div>
+                </div>
+              </div>
+            </div>
           </div>
 
           <!-- 2. 高校开源参与分布（饼图）-->
@@ -300,6 +318,34 @@ const excellentProjects = ref([
   { name: 'NextDenovo', desc: '高效且精确的长读长纠错与组装工具', org: '武汉希望组生物科技有限公司' }
 ]);
 
+// 情报流数据
+const feedList = ref([
+  {
+    type: 'CISA',
+    content: 'CISA KEV新增: WordPress 的 OneClick Chat to Order 插件，存在不安全的直接对象引用漏洞 (CVE-2025-13526) '
+  },
+  {
+    type: '投毒',
+    content: '投毒监控: npm 基建级包大规模投毒事件，影响chalk, debug, ansi-styles 等 18 个包'
+  },
+  {
+    type: 'CNVD',
+    content: 'CNVD预警: Google Chrome信息泄露漏洞（CNVD-2025-3038304）'
+  },
+  {
+    type: 'GitHub',
+    content: 'GitHub安全通告: MovableType 软件的 ContentType 页面 "编辑分类集" 功能存在存储型跨站脚本漏洞'
+  },
+  {
+    type: '修复',
+    content: '漏洞修复: Node.js 发布 v20.11.0 版本，修复 3 个高危漏洞'
+  },
+  {
+    type: '供应链',
+    content: '供应链预警: Maven 中央仓库发现 12 个伪造开源组件，包含后门程序'
+  }
+]);
+
 // 2. 2025武汉市优秀开源软件项目
 const excellentProjects2025 = ref([
   { name: '调问（DWSurvey）', desc: '问卷表单', org: '极推科技（武汉）有限公司' },
@@ -1350,9 +1396,9 @@ onMounted(() => {
 }
 
 .project-rank {
-  width: 24px;
+  min-width: 24px;
   height: 24px;
-  border-radius: 50%;
+  border-radius: 4px;
   background: #2951E0;
   color: #fff;
   display: flex;
@@ -1361,6 +1407,32 @@ onMounted(() => {
   font-size: 12px;
   font-weight: 600;
   flex-shrink: 0;
+  padding: 0 4px;
+}
+
+.project-rank.cisa {
+  background: #ff0000;
+}
+
+.project-rank.poisoning {
+  background: #ffa500;
+}
+
+.project-rank.cnvd {
+  background: #ffff00;
+  color: #000;
+}
+
+.project-rank.github {
+  background: #0000ff;
+}
+
+.project-rank.fix {
+  background: #008000;
+}
+
+.project-rank.supply {
+  background: #800080;
 }
 
 .project-info {