diff --git a/package.json b/package.json
index b217511..3047a1d 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
     "@sentry/vue": "^7.101.1",
     "@types/crypto-js": "^4.1.1",
     "@vueuse/core": "^10.2.1",
+    "ant-design-vue": "4.x",
     "axios": "^1.6.8",
     "canvas-confetti": "^1.9.2",
     "crypto-js": "^4.2.0",
diff --git a/src/api/inboundTask/inboundTaskApi.ts b/src/api/inboundTask/inboundTaskApi.ts
index d9ce45f..006138f 100644
--- a/src/api/inboundTask/inboundTaskApi.ts
+++ b/src/api/inboundTask/inboundTaskApi.ts
@@ -63,3 +63,10 @@ export function queryTaskSoftwareDetail(params: {taskId: number}) {
     });
 }
 
+export function uvdV1Chat(params) {
+  return request({
+    url: `/uvd/v1/chat`,
+    method: 'post',
+    data: params,
+  });
+}
diff --git a/src/api/jyh/home.ts b/src/api/jyh/home.ts
new file mode 100644
index 0000000..cd4ec6d
--- /dev/null
+++ b/src/api/jyh/home.ts
@@ -0,0 +1,310 @@
+import request from '@/utils/request';
+
+export function getStatistics (): Promise<any> {
+  return request({
+    url: `/trust/data/homeStatistics`,
+    method: 'post',
+    data: {
+      current: 1,
+      size: 10
+    }
+  });
+}
+export function alertsPage(): Promise<any> {
+  return request({
+    url: `/api/v1/alerts/page`,
+    method: 'get'
+  });
+}
+
+// 1. 定义排行类型（与父组件对应）
+export type RankType = 'usageCount' | 'falseNegativeCount' | 'falsePositiveCount';
+// 2. 定义机构类型（原有）
+export type InstitutionKey = '全部' | '华中科技大学' | '武汉大学' | '信息支援部队工程大学';
+/**
+ * 获取工具排行数据
+ * @param institutionKey - 机构标识（全部/华中科技大学/武汉大学/信息支援部队工程大学）
+ * @returns 对应机构的工具数据
+ */
+/**
+ * 获取工具排行数据
+ * @param institutionKey - 机构标识
+ * @param rankType - 排行类型（使用次数/漏报次数/误报次数）
+ * @returns 对应机构+对应类型的工具数据
+ */
+export function getToolRankData(
+  institutionKey: InstitutionKey = '全部',
+  rankType: RankType = 'usageCount' // 新增：排行类型参数
+): Promise<any> {
+  // 1. 定义完整数据：为每个工具补充“使用次数/漏报次数/误报次数”模拟值
+  const allInstitutionData = [
+    {
+      institution: '华中科技大学',
+      score: 92,
+      tools: [
+        {
+          name: '代码扫描工具V2.1',
+          score: 95,
+          falsePositiveRate: 2.3,
+          falseNegativeRate: 3.1,
+          usageRate: 89,
+          usageCount: 1280,    // 模拟：使用次数
+          falseNegativeCount: 15, // 模拟：漏报次数（按漏报率*使用次数估算）
+          falsePositiveCount: 28  // 模拟：误报次数（按误报率*使用次数估算）
+        },
+        {
+          name: '漏洞检测系统V3.0',
+          score: 89,
+          falsePositiveRate: 3.5,
+          falseNegativeRate: 4.2,
+          usageRate: 76,
+          usageCount: 950,
+          falseNegativeCount: 40,
+          falsePositiveCount: 33
+        },
+        {
+          name: '合规性校验工具',
+          score: 86,
+          falsePositiveRate: 1.8,
+          falseNegativeRate: 2.5,
+          usageRate: 68,
+          usageCount: 720,
+          falseNegativeCount: 18,
+          falsePositiveCount: 13
+        }
+      ]
+    },
+    {
+      institution: '武汉大学',
+      score: 88,
+      tools: [
+        {
+          name: '开源风险评估工具',
+          score: 91,
+          falsePositiveRate: 2.8,
+          falseNegativeRate: 3.3,
+          usageRate: 82,
+          usageCount: 1120,
+          falseNegativeCount: 37,
+          falsePositiveCount: 31
+        },
+        {
+          name: '依赖检查器V2.5',
+          score: 85,
+          falsePositiveRate: 3.9,
+          falseNegativeRate: 2.9,
+          usageRate: 73,
+          usageCount: 880,
+          falseNegativeCount: 25,
+          falsePositiveCount: 34
+        },
+        {
+          name: '协议解析工具',
+          score: 87,
+          falsePositiveRate: 1.5,
+          falseNegativeRate: 2.1,
+          usageRate: 91,
+          usageCount: 1350,
+          falseNegativeCount: 28,
+          falsePositiveCount: 20
+        }
+      ]
+    },
+    {
+      institution: '信息支援部队工程大学',
+      score: 94,
+      tools: [
+        {
+          name: '军密级检测工具',
+          score: 96,
+          falsePositiveRate: 1.2,
+          falseNegativeRate: 1.8,
+          usageRate: 95,
+          usageCount: 1560,
+          falseNegativeCount: 28,
+          falsePositiveCount: 19
+        },
+        {
+          name: '供应链审计系统',
+          score: 93,
+          falsePositiveRate: 2.1,
+          falseNegativeRate: 2.4,
+          usageRate: 88,
+          usageCount: 1080,
+          falseNegativeCount: 26,
+          falsePositiveCount: 23
+        },
+        {
+          name: '涉密代码识别工具',
+          score: 90,
+          falsePositiveRate: 1.7,
+          falseNegativeRate: 1.5,
+          usageRate: 79,
+          usageCount: 920,
+          falseNegativeCount: 14,
+          falsePositiveCount: 16
+        }
+      ]
+    }
+  ];
+
+  // 2. 根据“机构key”筛选数据（逻辑不变）
+  let filteredData: any[];
+  switch (institutionKey) {
+    case '全部':
+      // 全部机构：聚合所有工具，保留“所属机构”字段
+      filteredData = allInstitutionData.reduce((acc, curr) => {
+        const toolWithInstitution = curr.tools.map(tool => ({
+          ...tool,
+          belongInstitution: curr.institution
+        }));
+        return [...acc, ...toolWithInstitution];
+      }, [] as any[]);
+      break;
+    case '华中科技大学':
+    case '武汉大学':
+    case '信息支援部队工程大学':
+      // 单个机构：返回该机构完整数据
+      filteredData = allInstitutionData.filter(item => item.institution === institutionKey);
+      break;
+    default:
+      filteredData = [];
+  }
+
+  // 3. 模拟接口返回（直接返回筛选后的数据，父组件按需取对应类型的次数）
+  return new Promise(resolve => {
+    setTimeout(() => {
+      resolve({
+        code: 200,
+        message: 'success',
+        data: filteredData // 数据中包含所有次数字段，父组件按rankType取对应值
+      });
+    }, 300);
+  });
+
+  // 实际接口调用：携带“机构key”和“排行类型”参数
+  // return request({
+  //   url: `/trust/data/toolRank`,
+  //   method: 'get',
+  //   params: {
+  //     institutionKey,
+  //     rankType // 传排行类型给后端
+  //   }
+  // });
+}
+
+// 工具精度数据接口
+export function getToolAccuracyData(institutionKey: string): Promise<any> {
+  // 直接返回模拟数据
+  return new Promise(resolve => {
+    setTimeout(() => {
+      // 不同机构的精度数据
+      const accuracyMap = {
+        '华中科技大学': {
+          falsePositiveRate: 2.5,
+          falseNegativeRate: 3.2,
+          bestTool: '代码扫描工具V2.1',
+          coverageRate: 92
+        },
+        '武汉大学': {
+          falsePositiveRate: 3.1,
+          falseNegativeRate: 2.8,
+          bestTool: '协议解析工具',
+          coverageRate: 88
+        },
+        '信息支援部队工程大学': {
+          falsePositiveRate: 1.5,
+          falseNegativeRate: 1.7,
+          bestTool: '军密级检测工具',
+          coverageRate: 96
+        }
+      };
+
+      resolve({
+        code: 200,
+        message: 'success',
+        data: accuracyMap[institutionKey] || {
+          falsePositiveRate: 0,
+          falseNegativeRate: 0,
+          bestTool: '暂无数据',
+          coverageRate: 0
+        }
+      });
+    }, 300);
+  });
+
+  // 实际接口调用（注释掉，使用模拟数据）
+  // return request({
+  //   url: `/trust/data/toolAccuracy`,
+  //   method: 'get',
+  //   params: { institutionKey }
+  // });
+}
+
+/**
+ * 获取功能卡片数值数据
+ * @param institutionKey - 机构标识（全部/华中科技大学/武汉大学/信息支援部队工程大学）
+ * @returns 对应机构的功能卡片统计数据（申请数/入库数/任务数等）
+ */
+export function getFunctionCardData(institutionKey: InstitutionKey = '全部'): Promise<any> {
+  // 1. 定义各机构的功能卡片原始数据（模拟不同机构的数值差异）
+  const allInstitutionCardData = {
+    '全部': {
+      statistics: {
+        softwareGovernanceApply: '1286',    // 软件治理申请数（全部机构总和）
+        softwareSmartStorage: '856',   // 软件智能入库数
+        governanceTaskList: '498',      // 治理任务列表数
+        trustedSelectionSet: '18', // 可信选型设置数
+        trustedSoftwareList: '1624'   // 可信软件列表数
+      }
+    },
+    '华中科技大学': {
+      statistics: {
+        softwareGovernanceApply: '428',     // 华科申请数（占比约33%）
+        softwareSmartStorage: '296',   // 华科入库数
+        governanceTaskList: '168',      // 华科任务数
+        trustedSelectionSet: '124', // 华科选型数
+        trustedSoftwareList: '542'    // 华科可信软件数
+      }
+    },
+    '武汉大学': {
+      statistics: {
+        softwareGovernanceApply: '386',     // 武大申请数
+        storageCount: '258',   // 武大入库数
+        governanceTaskList: '152',      // 武大任务数
+        trustedSelectionSet: '112', // 武大选型数
+        trustedSoftwareList: '486'    // 武大可信软件数
+      }
+    },
+    '信息支援部队工程大学': {
+      statistics: {
+        softwareGovernanceApply: '472',     // 国防科大申请数（军工相关需求多，数值偏高）
+        softwareSmartStorage: '302',   // 国防科大入库数
+        governanceTaskList: '178',      // 国防科大任务数
+        trustedSelectionSet: '140', // 国防科大选型数
+        trustedSoftwareList: '596'    // 国防科大可信软件数
+      }
+    }
+  };
+
+  // 2. 根据传入的机构key，匹配对应数据（直接从原始数据中取值）
+  const responseData = allInstitutionCardData[institutionKey] || allInstitutionCardData['全部'];
+
+  // 3. 模拟接口返回（统一格式：与工具排行接口保持一致的 code/message 结构）
+  return new Promise(resolve => {
+    setTimeout(() => {
+      resolve({
+        code: 200,
+        message: 'success',
+        data: responseData // 返回对应机构的统计数据（包含 statistics 字段）
+      });
+    }, 200); // 延迟200ms，模拟网络请求
+  });
+
+  // 实际接口调用（后续替换为真实请求，携带机构参数）
+  // return request({
+  //   url: `/trust/data/functionCard`,
+  //   method: 'get',
+  //   params: { institutionKey } // 传机构参数给后端
+  // });
+}
diff --git a/src/api/jyh/index.ts b/src/api/jyh/index.ts
index 74548d9..34ff651 100644
--- a/src/api/jyh/index.ts
+++ b/src/api/jyh/index.ts
@@ -498,3 +498,12 @@ export function fetchCheckAuthenticate(data) {
     data: data,
   });
 }
+
+
+export const getNoticeAdd = (data): Promise<any> => {
+  return  request({
+    url: `/notice/add`,
+    method: 'POST',
+    data
+  });
+};
diff --git a/src/api/jyh/scanCenter.ts b/src/api/jyh/scanCenter.ts
new file mode 100644
index 0000000..affd7b1
--- /dev/null
+++ b/src/api/jyh/scanCenter.ts
@@ -0,0 +1,213 @@
+import request from '@/utils/request';
+
+// @/api/scanCenter.ts
+/**
+ * 获取历史检测记录
+ * @param params 分页和筛选参数 { page, size, status }
+ * @returns 历史记录列表
+ */
+export function getScanHistory(params: { page: number; size: number; status?: string }): Promise<any> {
+  return new Promise(resolve => {
+    setTimeout(() => {
+      // 模拟历史记录数据
+      const mockRecords = [
+        {
+          taskId: 'scan_1689234567890',
+          target: 'https://example.com',
+          type: 'url',
+          status: 'completed',
+          riskLevel: '高危',
+          startTime: '2024-07-13T09:23:45',
+          completeTime: '2024-07-13T09:25:12',
+          duration: 87000,
+          riskStats: { critical: 1, high: 3, medium: 2, low: 5 }
+        },
+        {
+          taskId: 'scan_1689231234567',
+          target: 'app-release.apk',
+          type: 'file',
+          status: 'completed',
+          riskLevel: '中危',
+          startTime: '2024-07-12T15:42:18',
+          completeTime: '2024-07-12T15:47:33',
+          duration: 315000,
+          riskStats: { critical: 0, high: 0, medium: 2, low: 1 }
+        },
+        {
+          taskId: 'scan_1689228901234',
+          target: 'SBOM内容',
+          type: 'sbom',
+          status: 'failed',
+          riskLevel: '-',
+          startTime: '2024-07-12T14:15:30',
+          completeTime: '2024-07-12T14:16:05',
+          duration: 35000,
+          errorMsg: '格式解析错误：缺少必填字段"version"'
+        },
+        {
+          taskId: 'scan_1689225678901',
+          target: 'https://test-api.com/v1',
+          type: 'url',
+          status: 'completed',
+          riskLevel: '低危',
+          startTime: '2024-07-12T10:08:22',
+          completeTime: '2024-07-12T10:09:45',
+          duration: 83000,
+          riskStats: { critical: 0, high: 0, medium: 0, low: 2 }
+        }
+      ];
+
+      // 筛选逻辑
+      let filtered = mockRecords;
+      if (params.status && params.status !== 'all') {
+        filtered = filtered.filter(item => item.status === params.status);
+      }
+
+      // 分页逻辑
+      const total = filtered.length;
+      const start = (params.page - 1) * params.size;
+      const records = filtered.slice(start, start + params.size);
+
+      resolve({
+        code: 200,
+        message: 'success',
+        data: {
+          total,
+          records,
+          page: params.page,
+          size: params.size,
+          pages: Math.ceil(total / params.size)
+        }
+      });
+    }, 300);
+  });
+
+  // 实际接口调用（注释掉，使用模拟数据）
+  // return request({
+  //   url: `/scan/history`,
+  //   method: 'get',
+  //   params
+  // });
+}
+
+/**
+ * 提交检测任务
+ * @param data 任务数据 { type, target, file?, content? }
+ * @returns 任务信息
+ */
+export function submitScanTask(data: {
+  type: 'file' | 'url' | 'sbom';
+  target: string;
+  file?: FormData;
+  content?: string;
+}): Promise<any> {
+  return new Promise(resolve => {
+    setTimeout(() => {
+      // 生成唯一任务ID
+      const taskId = `scan_${Date.now()}`;
+      const now = new Date().toISOString();
+
+      resolve({
+        code: 200,
+        message: '任务提交成功',
+        data: {
+          taskId,
+          type: data.type,
+          target: data.target,
+          status: 'pending', // 初始状态：等待中
+          progress: 0,
+          startTime: now,
+          estimatedCompleteTime: new Date(Date.now() + 300000).toISOString(), // 预计5分钟后完成
+          currentStep: '等待调度'
+        }
+      });
+    }, 500);
+  });
+
+  // 实际接口调用（注释掉，使用模拟数据）
+  // return request({
+  //   url: `/scan/submit`,
+  //   method: 'post',
+  //   data
+  // });
+}
+
+/**
+ * 获取检测任务状态
+ * @param taskId 任务ID
+ * @returns 任务当前状态信息
+ */
+export function getScanStatus(taskId: string): Promise<any> {
+  return new Promise(resolve => {
+    setTimeout(() => {
+      // 解析任务ID中的时间戳（模拟任务创建时间）
+      const createTime = parseInt(taskId.split('_')[1] || Date.now().toString());
+      const now = Date.now();
+      const elapsed = now - createTime;
+
+      // 模拟状态流转
+      let status: string, progress: number, currentStep: string, completeTime: string | null = null;
+
+      if (elapsed < 3000) { // 前3秒：等待中
+        status = 'pending';
+        progress = 0;
+        currentStep = '等待调度';
+      } else if (elapsed < 15000) { // 3-15秒：检测中（进度递增）
+        status = 'scanning';
+        progress = Math.min(Math.floor((elapsed - 3000) / 12000 * 100), 90);
+        currentStep = progress < 30 ? '初始化检测环境' :
+          progress < 60 ? '执行漏洞扫描' : '生成初步报告';
+      } else { // 15秒后：完成（80%概率）或失败（20%概率）
+        const isSuccess = Math.random() > 0.2;
+        status = isSuccess ? 'completed' : 'failed';
+        progress = 100;
+        completeTime = new Date().toISOString();
+
+        if (isSuccess) {
+          currentStep = '检测完成';
+        } else {
+          currentStep = '检测失败';
+        }
+      }
+
+      // 模拟风险统计（仅当任务完成时）
+      const riskStats = status === 'completed'
+        ? {
+          critical: Math.floor(Math.random() * 2),
+          high: Math.floor(Math.random() * 3),
+          medium: Math.floor(Math.random() * 5),
+          low: Math.floor(Math.random() * 8)
+        }
+        : null;
+
+      // 模拟错误信息（仅当任务失败时）
+      const errorMsg = status === 'failed'
+        ? ['网络连接超时', '目标资源不可访问', '检测引擎异常'][Math.floor(Math.random() * 3)]
+        : null;
+
+      resolve({
+        code: 200,
+        message: 'success',
+        data: {
+          taskId,
+          status,
+          progress,
+          currentStep,
+          startTime: new Date(createTime).toISOString(),
+          estimatedCompleteTime: new Date(createTime + 300000).toISOString(),
+          completeTime,
+          riskStats,
+          errorMsg,
+          totalChecks: status === 'completed' ? 20 + Math.floor(Math.random() * 30) : null,
+          completedChecks: status === 'scanning' ? Math.floor(progress / 100 * 40) : null
+        }
+      });
+    }, 300);
+  });
+
+  // 实际接口调用（注释掉，使用模拟数据）
+  // return request({
+  //   url: `/scan/status/${taskId}`,
+  //   method: 'get'
+  // });
+}
diff --git a/src/api/repo/index.ts b/src/api/repo/index.ts
index 435680d..10f43e4 100644
--- a/src/api/repo/index.ts
+++ b/src/api/repo/index.ts
@@ -1543,3 +1543,176 @@ export const getOriginalComment = (params: types.DiscussionCommentProps): Promis
   );
 }
 
+// 获取漏洞数据
+export const getVulnDetail = (alertId: types.VulnDetailProps): Promise<any> => {
+  return reqCatch(() =>
+    request({
+      url: `/api/v1/alerts/${alertId}`,
+      method: 'get'
+    })
+  );
+};
+
+// 获取漏洞数据
+export const getVulnAffected = (params: types.VulnDetailProps): Promise<any> => {
+  return reqCatch(() =>
+    request({
+      url: `/api/v1/alerts/component`,
+      method: 'get',
+      params
+    })
+  );
+};
+
+// 获取漏洞数据
+export const getVulnPatch = (params: types.VulnDetailProps): Promise<any> => {
+  return reqCatch(() =>
+    request({
+      url: `/api/v1/alerts/patch`,
+      method: 'get',
+      params
+    })
+  );
+};
+
+// 获取漏洞数据
+export const getVulnerabilitiespage = (data: any): Promise<any> => {
+  return reqCatch(() =>
+    request({
+      url: `/org/api/v1/vulnerabilities/page`,
+      method: 'post',
+      data
+    })
+  );
+};
+export const getVulnerabilitiesDetails = (id: any): Promise<any> => {
+  return reqCatch(() =>
+    request({
+      url: `/org/api/v1/vulnerabilities/${id}`,
+      method: 'get'
+    })
+  );
+};
+export const getVulnerabilitiesComponents = (data: any): Promise<any> => {
+  return reqCatch(() =>
+    request({
+      url: `/org/api/v1/vulnerabilities/components/page`,
+      method: 'post',
+      data
+    })
+  );
+};
+
+export const getVulnerabilitiesAlertsPatch = (params: any): Promise<any> => {
+  return reqCatch(() =>
+    request({
+      url: `/api/v1/alerts/patch`,
+      method: 'get',
+      params
+    })
+  );
+};
+
+export const getVulnerabilitiesAlertsUsers = (id: any): Promise<any> => {
+  return reqCatch(() =>
+    request({
+      url: `/org/api/v1/vulnerabilities/${id}/alerts`,
+      method: 'get'
+    })
+  );
+};
+
+export const storageStartTask = (data: any): Promise<any> => {
+  return reqCatch(() =>
+    request({
+      url: `/task/storage/startTask`,
+      method: 'post',
+      data
+    })
+  );
+};
+
+// 出库申请
+export const storageStartOutTask = (data: any): Promise<any> => {
+  return reqCatch(() =>
+    request({
+      url: `/task/storage/startOutTask`,
+      method: 'post',
+      data
+    })
+  );
+};
+
+// 发送预警
+export const sendWarning = (data: any): Promise<any> => {
+  return reqCatch(() =>
+    request({
+      url: `/org/api/v1/send/alert/alertPublish`,
+      method: 'post',
+      data
+    })
+  );
+};
+
+// 获取预警详情
+export const getEarlyWarningInfo = (data: any): Promise<any> => {
+  return reqCatchV2(() =>
+    request({
+      url: '/org/api/v1/send/alert/alertInfo',
+      method: 'POST',
+      data
+    })
+  );
+};
+
+// 获取预警列表
+export const getGetAlertListPage = (data: any): Promise<any> => {
+  return reqCatchV2(() =>
+    request({
+      url: '/org/api/v1/send/alert/getAlertListPage',
+      method: 'post',
+      data
+    })
+  );
+};
+// 获取预警处理人员列表
+export const getGetAlertUserListPage = (data: any): Promise<any> => {
+  return reqCatchV2(() =>
+    request({
+      url: '/org/api/v1/send/alert/getNoticeDealList',
+      method: 'post',
+      data
+    })
+  );
+};
+
+// 获取预警列表详情
+export const getGetAlertDetails = (id: any): Promise<any> => {
+  return reqCatchV2(() =>
+    request({
+      url: `/org/api/v1/send/alert/getVulnerabilityDetail?vulnId=${id}`,
+      method: 'get'
+    })
+  );
+};
+
+// 获取预警列表详情
+export const getNoticeDealCount = (id: any): Promise<any> => {
+  return reqCatchV2(() =>
+    request({
+      url: `/org/api/v1/send/alert/getNoticeDealCount?vulnId=${id}`,
+      method: 'get'
+    })
+  );
+};
+
+// 分页查询订阅预警信息接口
+export const getAlertSubscribesPage = (data: any): Promise<any> => {
+  return reqCatchV2(() =>
+    request({
+      url: `/org/api/v1/send/alert/getAlertSubscribesPage`,
+      method: 'post',
+      data
+    })
+  );
+};
diff --git a/src/assets/img/footer-bg.fbfa26c4.png b/src/assets/img/footer-bg.fbfa26c4.png
new file mode 100644
index 0000000..5c545a5
Binary files /dev/null and b/src/assets/img/footer-bg.fbfa26c4.png differ
diff --git a/src/assets/img/footer-logo.10d1ef46.png b/src/assets/img/footer-logo.10d1ef46.png
new file mode 100644
index 0000000..f3c3bbb
Binary files /dev/null and b/src/assets/img/footer-logo.10d1ef46.png differ
diff --git a/src/assets/img/header-logo.01f15c97.png b/src/assets/img/header-logo.01f15c97.png
new file mode 100644
index 0000000..143ea9e
Binary files /dev/null and b/src/assets/img/header-logo.01f15c97.png differ
diff --git a/src/assets/img/qr_code.4a6eae3c.jpg b/src/assets/img/qr_code.4a6eae3c.jpg
new file mode 100644
index 0000000..9929b2c
Binary files /dev/null and b/src/assets/img/qr_code.4a6eae3c.jpg differ
diff --git a/src/assets/imgs/jyh/aiLogo2.png b/src/assets/imgs/jyh/aiLogo2.png
new file mode 100644
index 0000000..fdd9e3b
Binary files /dev/null and b/src/assets/imgs/jyh/aiLogo2.png differ
diff --git a/src/components/Header/Search.vue b/src/components/Header/Search.vue
index 9268564..0a8cd9f 100644
--- a/src/components/Header/Search.vue
+++ b/src/components/Header/Search.vue
@@ -2,7 +2,7 @@
   <d-input
     @keyup.enter="search"
     :key="$route.path + $route.query?.val"  id="golbalSearch" class="g-header-search"
-    v-model.trim="softwareName" placeholder="请输入软件名称搜索" @clear="handleClear" clearable >
+    v-model.trim="softwareName" placeholder="请输入名称搜索" @clear="handleClear" clearable >
     <template #prepend>
       <d-dropdown>
         <div class="flex items-center gap-1 cursor-pointer">
@@ -11,20 +11,23 @@
         </div>
         <template #menu>
           <ul class="list-menu">
-            <li class="menu-item" @click="onCategoryChange('软件')">软件</li>
-            <d-dropdown :position="position" :offset="0">
-              <li class="menu-item">
-                行业
-                <i class="icon icon-chevron-right"></i>
-              </li>
-              <template #menu>
-                <ul class="list-menu">
-                  <li class="menu-item" v-for="option in industryList" @click="onCategoryChange(option)">
-                      {{ option.name }}
-                  </li>
-                </ul>
-              </template>
-            </d-dropdown>
+<!--            <li class="menu-item" @click="onCategoryChange('软件')">软件</li>-->
+            <li class="menu-item" @click="onCategoryChange('漏洞')">漏洞</li>
+            <li class="menu-item" @click="onCategoryChange('组件')">组件</li>
+            <li class="menu-item" @click="onCategoryChange('情报')">情报</li>
+<!--            <d-dropdown :position="position" :offset="0">-->
+<!--              <li class="menu-item">-->
+<!--                行业-->
+<!--                <i class="icon icon-chevron-right"></i>-->
+<!--              </li>-->
+<!--              <template #menu>-->
+<!--                <ul class="list-menu">-->
+<!--                  <li class="menu-item" v-for="option in industryList" @click="onCategoryChange(option)">-->
+<!--                      {{ option.name }}-->
+<!--                  </li>-->
+<!--                </ul>-->
+<!--              </template>-->
+<!--            </d-dropdown>-->
           </ul>
         </template>
       </d-dropdown>
@@ -48,7 +51,7 @@ const route = useRoute();
 const router = useRouter();
 
 const softwareName = ref('');
-const searchType = ref('软件');
+const searchType = ref('漏洞');
 
 const position = ref(['right-start', 'right-end']);
 // const industryOptions = ref(['通信', '军工', '金融', '能源']);
@@ -56,7 +59,7 @@ const position = ref(['right-start', 'right-end']);
 const placeholder = ref('「开搜」：一搜即达，开发者的AI搜索');
 const industryList = globalInfo.industryList;
 const onCategoryChange = (event) => {
-  searchType.value = event?.name || '软件';
+  searchType.value = event?.name || '漏洞';
   globalInfo.updateHeaderSearch({ softwareName: softwareName.value, searchType: event.value });
 }
 
diff --git a/src/router/config/home.ts b/src/router/config/home.ts
index 1cb0d18..f7cadde 100644
--- a/src/router/config/home.ts
+++ b/src/router/config/home.ts
@@ -56,19 +56,19 @@ export default [
           asideMenu: 'drawer' // 左侧菜单抽屉模式
         }
       },
-      {
-        path: 'repoList',
-        name: 'Search',
-        component: () => import('@/views/Jyh/Search/index.vue'),
-        meta: {
-          title: '高级搜索',
-          reportTitle: '搜索',
-          className: 'w-full min-w-full',
-          hiddenFooter: true,
-          hasMobile: true,
-          asideMenu: 'drawer' // 左侧菜单抽屉模式
-        }
-      },
+      // {
+      //   path: 'repoList',
+      //   name: 'Search',
+      //   component: () => import('@/views/Jyh/Search/index.vue'),
+      //   meta: {
+      //     title: '高级搜索',
+      //     reportTitle: '搜索',
+      //     className: 'w-full min-w-full',
+      //     hiddenFooter: true,
+      //     hasMobile: true,
+      //     asideMenu: 'drawer' // 左侧菜单抽屉模式
+      //   }
+      // },
       {
         path: 'repoDetail/:versionId',
         name: 'VersionDetail',
@@ -120,6 +120,47 @@ export default [
           asideMenu: 'drawer' // 左侧菜单抽屉模式
         }
       },
+      {
+        // path: 'KnowledgeHub',
+        // name: 'KnowledgeHub',
+        path: 'repoList',
+        name: 'Search',
+        component: () => import('@/views/Jyh/KnowledgeHub/index.vue'),
+        meta: {
+          title: '安全智库',
+          reportTitle: '安全智库',
+          className: 'w-full min-w-full',
+          hiddenFooter: true,
+          hasMobile: true,
+          asideMenu: 'drawer' // 左侧菜单抽屉模式
+        }
+      },
+      {
+        path: 'TestingCenter',
+        name: 'TestingCenter',
+        component: () => import('@/views/Jyh/TestingCenter/index.vue'),
+        meta: {
+          title: '安全检测中心',
+          reportTitle: '安全检测中心',
+          className: 'w-full min-w-full',
+          hiddenFooter: true,
+          hasMobile: true,
+          asideMenu: 'drawer' // 左侧菜单抽屉模式
+        }
+      },
+      {
+        path: 'OurTeam',
+        name: 'OurTeam',
+        component: () => import('@/views/Jyh/OurTeam/index.vue'),
+        meta: {
+          title: '关于我们',
+          reportTitle: '关于我们',
+          className: 'w-full min-w-full',
+          hiddenFooter: true,
+          hasMobile: true,
+          asideMenu: 'drawer' // 左侧菜单抽屉模式
+        }
+      },
     ]
   },
   {
diff --git a/src/views/Jyh/KnowledgeHub/Components/AIModal.vue b/src/views/Jyh/KnowledgeHub/Components/AIModal.vue
new file mode 100644
index 0000000..8037320
--- /dev/null
+++ b/src/views/Jyh/KnowledgeHub/Components/AIModal.vue
@@ -0,0 +1,279 @@
+<template>
+  <d-modal
+    v-model="visible"
+    title="AI问答"
+    @ok="handleClose"
+    :cancel="handleClose"
+    style="width: 900px;"
+  >
+    <div class="log-content">
+      <McLayout>
+      <!--  <McLayoutHeader>
+          <McHeader :logoImg="'/logo.svg'" :title="'MateChat'"></McHeader>
+        </McLayoutHeader>-->
+        <McLayoutContent v-if="visible" style="margin: 16px 0;">
+          <div ref="conversationRef" class="conversation-area">
+            <!-- 欢迎提示 -->
+            <div v-if="messages.length === 0" class="welcome-message">
+
+              <div class="welcome-page">
+                <div class="home-title">
+                  <img src="@/assets/imgs/jyh/aiLogo2.png" alt="logo" />
+                  <h1>可信开源代码库AI助手</h1>
+                </div>
+                <div class="home-detail">
+                  <div class="home-detail-1">Hi，欢迎使用可信开源代码库AI助手</div>
+                  <div class="home-detail-2">可信开源代码库AI助手 可以辅助研发人员进行软件查询、批量校验、查看软件详情等。</div>
+                  <div class="home-detail-2">作为AI模型，可信开源代码库AI助手 提供的答案可能不总是确定或准确的，但您的反馈可以帮助 可信开源代码库AI助手 做得更好。</div>
+                </div>
+              </div>
+<!--              <div class="welcome-icon">-->
+<!--                <i class="fa fa-comment-dots"></i>-->
+<!--              </div>-->
+<!--              <div class="welcome-text">-->
+<!--                <h3>请输入你想问的内容</h3>-->
+<!--                <p>与AI助手开始对话，获取智能回答</p>-->
+<!--              </div>-->
+            </div>
+
+            <template v-for="(msg, idx) in messages" :key="idx">
+              <McBubble v-if="msg.role === 'user'" :content="msg.content" :align="'right'"></McBubble>
+              <McBubble v-else :loading="msg.loading ?? false">
+                <McMarkdownCard :content="msg.content" :theme="theme"></McMarkdownCard>
+              </McBubble>
+            </template>
+          </div>
+        </McLayoutContent>
+        <McLayoutSender>
+          <McInput :value="inputValue" :maxLength="2000" @submit="onSubmit" showCount></McInput>
+        </McLayoutSender>
+      </McLayout>
+    </div>
+  </d-modal>
+</template>
+
+<script setup>
+import { ref, watch,nextTick } from 'vue';
+import { Message } from 'vue-devui';
+import axios from 'axios';
+import {uvdV1Chat} from "@/api/inboundTask/inboundTaskApi";
+
+const messages = ref([]);
+const history = ref([]);
+const resultInfo = ref(null);
+const inputValue = ref('');
+const conversationRef = ref(null);
+
+// 组件状态
+const visible = ref(false);
+const VITE_AI_API_HOST = import.meta.env.VITE_AI_API_HOST;
+// 打开弹框时调用接口
+const open = async (id) => {
+  if (!id) return Message.error('缺少result_id参数');
+  visible.value = true;
+  resultInfo.value = id
+};
+
+const onSubmit = (e) => {
+  if(e === '') {
+    return;
+  }
+  if(messages.value[messages.value.length-1]?.loading) return;
+  inputValue.value = '';
+  messages.value.push({
+    role: 'user',
+    content: e,
+  });
+  nextTick(() => {
+    conversationRef.value?.scrollTo({
+      top: conversationRef.value.scrollHeight,
+      behavior: 'smooth',
+    });
+  });
+  getAIAnswer(e);
+};
+
+const getAIAnswer = async (content) => {
+  messages.value.push({
+    role: 'assistant',
+    content: '',
+    loading: true,
+  });
+
+  const res = await uvdV1Chat({
+    "resultInfo": resultInfo.value,
+    "query": content,
+    "history":  history.value || []
+  });
+
+  let reply = res?.data?.data?.reply || '';
+  history.value.push({role: "user", content: content});
+  history.value.push({role: "assistant", content: reply});
+  messages.value[messages.value.length - 1].content = reply;
+  messages.value[messages.value.length - 1].loading = false;
+  nextTick(() => {
+    conversationRef.value?.scrollTo({
+      top: conversationRef.value.scrollHeight
+    });
+  });
+  /* 模拟流式数据返回 */
+  // setTimeout(async () => {
+  //   messages.value.at(-1).loading = false;
+  //   for (let i = 0; i < reply.length;) {
+  //     await new Promise(r => setTimeout(r, 300 * Math.random()));
+  //     messages.value[messages.value.length - 1].content = reply.slice(0, i += Math.random() * 10);
+  //     nextTick(() => {
+  //       conversationRef.value?.scrollTo({
+  //         top: conversationRef.value.scrollHeight
+  //       });
+  //     });
+  //   }
+  // }, 1000);
+};
+
+// 暴露给父组件的方法
+defineExpose({
+  open // 通过ref调用open方法传递resultId
+});
+
+// 关闭弹框
+const handleClose = () => {
+  messages.value = [];
+  history.value = [];
+  result_id.value = null;
+  inputValue.value = '';
+  visible.value = false;
+};
+</script>
+
+<style lang="scss" scoped>
+.log-content {
+  padding: 24px;
+  line-height: 1.6;
+  white-space: pre-wrap; // 保留日志换行
+  word-break: break-all; // 自动换行长单词
+  min-height: 200px;
+
+  p {
+    margin: 0;
+    color: #333;
+  }
+}
+
+.conversation-area,
+.welcome-page {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
+  padding: 0 12px;
+  min-height: 400px;
+  max-height: 600px;
+  overflow-y: auto;
+}
+
+.conversation-area {
+  gap: 8px;
+}
+
+.welcome-message {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  padding: 32px;
+  text-align: center;
+
+  .welcome-icon {
+    width: 64px;
+    height: 64px;
+    background-color: #e6f4ff;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 16px;
+
+    i {
+      font-size: 28px;
+      color: #1677ff;
+    }
+  }
+
+  .welcome-text {
+    h3 {
+      font-size: 18px;
+      font-weight: 500;
+      color: #333;
+      margin-bottom: 8px;
+    }
+
+    p {
+      font-size: 14px;
+      color: #666;
+    }
+  }
+}
+
+.home-title {
+  display: flex;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  gap: 20px;
+  h1 {
+    color: #191919;
+    font-family: Huawei Sans;
+    font-weight: bold;
+    font-size: 32px;
+    line-height: 48px;
+    letter-spacing: 0px;
+    text-align: center;
+
+  }
+
+  img {
+    width: 64px;
+    //filter: brightness(0);
+  }
+}
+
+.home-detail {
+  .home-detail-1 {
+    color: #191919;
+    font-family: HarmonyOS Sans SC;
+    font-weight: medium;
+    font-size: 24px;
+    line-height: 32px;
+    letter-spacing: 0px;
+    text-align: center;
+    margin-bottom: 24px;
+  }
+  .home-detail-2 {
+    color: #777777;
+    font-family: HarmonyOS Sans SC;
+    font-weight: regular;
+    font-size: 14px;
+    line-height: 22px;
+    letter-spacing: 0px;
+    text-align: center;
+
+  }
+}
+
+.welcome-page {
+  //height: 90%;
+  width: 100%;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
+  padding: 0 12px;
+}
+
+.welcome-page {
+  gap: 16px;
+  justify-content: center;
+}
+</style>
diff --git a/src/views/Jyh/KnowledgeHub/Components/BatchVerify.vue b/src/views/Jyh/KnowledgeHub/Components/BatchVerify.vue
new file mode 100644
index 0000000..e8ba32a
--- /dev/null
+++ b/src/views/Jyh/KnowledgeHub/Components/BatchVerify.vue
@@ -0,0 +1,605 @@
+<template>
+  <div class="BatchVerify">
+    <div class="search-form" v-if="isLogin">
+      <FileUploadButton buttonText="批量导入匹配" accept=".xlsx" :onFileUpload="handleFileUpload" />
+      <d-search
+        class="mt-0 mb-2"
+        style="width: 400px"
+        :delay="1000"
+        @search="onSearch($event)"
+        placeholder="请输入软件名称"
+      ></d-search>
+      <div class="tjsj">
+        <span style="height: 14px" class="split"></span>
+        <span>可使用：</span>
+        <span class="green" @click="filterVerifyResult(1)">{{ useNum }}</span>
+        <span style="height: 14px" class="split"></span>
+        <span>有风险：</span>
+        <span class="red" @click="filterVerifyResult(2)">{{ riskNum }}</span>
+        <span style="height: 14px" class="split"></span>
+        <span>未治理：</span>
+        <span class="yellow" @click="filterVerifyResult(0)">{{ noNum }}</span>
+      </div>
+      <div class="left-btn">
+        <a v-if="isLogin" class="cursor-pointer" href="/file/软件存在及可信校验模版.xlsx" download
+          ><i class="icon icon-download-2"></i>下载excel模板</a
+        >
+        <span v-if="isLogin" style="height: 14px" class="split"></span>
+        <d-button v-if="isLogin" class="output-btn" icon="icon-share" variant="text" @click="exportResult"
+          >导出</d-button
+        >
+        <span v-if="isLogin" style="height: 14px" class="split"></span>
+        <TableSetting
+          :columns="columns"
+          @setDefult="setDefult"
+          @updateTableKey="updateTableKey"
+          :show-column-list="showColumnList"
+          @update:show-column-list="updateShowColumnList"
+        />
+      </div>
+    </div>
+    <div class="mt-3 px-20">
+      <d-table
+        class="jyh-table"
+        v-if="tableData.length"
+        :striped="false"
+        :data="tableData"
+        table-layout="auto"
+        :show-loading="loading"
+      >
+        <!-- 索引列 -->
+        <d-column type="index" width="40"></d-column>
+
+        <!-- 动态渲染列 -->
+        <template v-for="column in columns" :key="column.key">
+          <d-column v-if="column.visible" :field="column.key" :header="column.label">
+            <!-- 自定义列内容 -->
+            <template #default="scope">
+              <template v-if="column.key === 'validStatus'">
+                <div v-if="scope.row.validStatus == 1" style="display: flex; align-items: center">
+                  <d-icon class="mr-1" name="icon-right-o" style="font-size: 14px; color: rgb(80, 212, 171)"></d-icon>
+                  <span>可使用</span>
+                </div>
+                <div v-else-if="scope.row.validStatus == 2" style="display: flex; align-items: center">
+                  <d-icon class="mr-1" name="icon-warning-o" style="font-size: 14px; color: rgb(250, 194, 10)"></d-icon>
+                  <span>有风险</span>
+                </div>
+                <div v-else style="display: flex; align-items: center">
+                  <d-icon class="mr-1" name="icon-error-o" style="font-size: 14px; color: rgb(246, 111, 106)"></d-icon>
+                  <span>未治理</span>
+                </div>
+              </template>
+              <template v-else-if="column.key === 'versionName'">
+                <a @click="gotoDetail(scope.row)">{{ scope.row.versionName }}</a>
+              </template>
+              <template v-else-if="column.key === 'softwareName'">
+                <a v-if="scope.row.validStatus===1" @click="gotoDetail(scope.row)">{{ scope.row.softwareName }}</a>
+                <span v-else>{{ scope.row.softwareName }}</span>
+              </template>
+              <template v-else-if="column.key === 'softwareVersion'">
+                <a v-if="scope.row.validStatus===1" @click="gotoDetail(scope.row)">{{ scope.row.softwareVersion }}</a>
+                <span v-else>{{ scope.row.softwareVersion }}</span>
+              </template>
+              <template v-else-if="column.key === 'versionCode'">
+                <a @click="gotoDetail(scope.row)">{{ scope.row.versionCode }}</a>
+              </template>
+              <template v-else-if="column.key === 'smStatus'">
+                <a>{{ scope.row.smStatus }}</a>
+              </template>
+              <template v-else-if="column.key === 'type'">
+                <d-tag type="success">{{ scope.row.type }}</d-tag>
+              </template>
+              <template v-else-if="column.key === 'license'">
+                <span class="mr-2">{{ scope.row.license }}</span>
+                <d-tag color="gray">+3</d-tag>
+              </template>
+              <template v-else-if="column.key === 'url'">
+                <a>{{ scope.row.url }}</a>
+              </template>
+              <template v-else>
+                {{ scope.row[column.key] }}
+              </template>
+            </template>
+          </d-column>
+        </template>
+        <d-column header="操作" width="200" fixed-right="0px">
+          <!--TODO:申请入口只有校验不通过的才显示-->
+          <template #default="scope">
+            <d-button  @click="showApplyDialog(scope.row)" variant="text" v-if="scope.row.validStatus == 0" :disabled="scope.row.validStatus !== 0">
+              申请入库
+            </d-button>
+          </template>
+        </d-column>
+      </d-table>
+
+      <!--      <DataPanel v-else skeleton :card="false" :empty="true">-->
+      <!--      </DataPanel>-->
+
+      <NoData v-else :small="false"></NoData>
+    </div>
+
+    <!-- 新增申请入库提示弹窗 -->
+    <d-modal  v-model="applyDialogVisible" title="申请入库提示" style="width: 400px">
+      <div class="text-G900 text-sm leading-[24px]">
+        如需提交治理申请，请邮件联系平台运营团队：<br>
+        <a class="text-blue-500 cursor-pointer" @click="openEmailClient">luoxunzhao@jyhlab.org.cn</a>
+      </div>
+      <template #footer>
+        <d-modal-footer style="text-align: right; padding-right: 20px;">
+          <d-button @click="hidden">取消</d-button>
+          <d-button @click="hidden">确认</d-button>
+        </d-modal-footer>
+      </template>
+    </d-modal>
+    <!-- 删除组件 -->
+    <GModal
+      v-model="deletevModels"
+      ref="deleteModal"
+      title="删除?"
+      @confirm="confirmDelete"
+      showWarnIcon
+      confirmColor="danger"
+    >
+      <span class="inline-block text-G900 text-sm font-normal leading-[20px] break-all"
+        >你确认删除此项：{{ item.cla_name }} ？</span
+      >
+    </GModal>
+  </div>
+</template>
+
+<script setup lang="ts">
+import SettingTitle from '@/components/Setting/SettingTitle/index.vue';
+import SettingText from '@/components/Setting/SettingText/index.vue';
+import { ref, reactive, onMounted, computed } from 'vue';
+import { getGroupClaList, setGroupClaStatus, deleteGroupCla } from '@/api/cla';
+import { useRouter, useRoute } from 'vue-router';
+import { GModal } from '@/components/Setting/index';
+import { reqCatch } from '@/utils/catch';
+import { getOrgInfo } from '@/views/Org/hooks/orgInfo';
+import { Message } from 'vue-devui';
+import { useAccountStore } from '@/stores/user';
+import { storeToRefs } from 'pinia';
+import TableSetting from '@/components/TableSetting/index.vue';
+import FileUploadButton from '@/components/FileUploadButton/index.vue';
+import { releasePage, repoImport } from '@/api/jyh';
+import NoData from '@/components/NoData/NoData.vue';
+import * as XLSX from 'xlsx';
+
+const hidden = () => {
+  applyDialogVisible.value = false;
+};
+// 新增弹窗状态
+const applyDialogVisible = ref(false);
+
+// 显示申请入库提示弹窗
+const showApplyDialog = (row: any) => {
+  applyDialogVisible.value = true;
+};
+
+// 打开邮件客户端
+const openEmailClient = () => {
+  try {
+    window.location.href = 'mailto:luoxunzhao@jyhlab.org.cn';
+  } catch (error) {
+    Message.error('无法打开邮件客户端，请手动复制邮箱地址联系');
+  }
+};
+
+
+const downloadTemplate = async () => {
+  try {
+    const response = await fetch('/static/软件存在及可信校验模版.xlsx');
+    const blob = await response.blob();
+    const url = window.URL.createObjectURL(blob);
+
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = '软件存在及可信校验模版.xlsx';
+    document.body.appendChild(a);
+    a.click();
+
+    window.URL.revokeObjectURL(url);
+    document.body.removeChild(a);
+  } catch (error) {
+    console.error('下载失败:', error);
+  }
+};
+
+const useNum = computed(() => {
+  if (tableData.value.length > 0) {
+    return tableData.value.filter((item) => item.validStatus === 1).length;
+  } else {
+    return 0;
+  }
+});
+
+const riskNum = computed(() => {
+  if (tableData.value.length > 0) {
+    return tableData.value.filter((item) => item.validStatus === 2).length;
+  } else {
+    return 0;
+  }
+});
+
+const noNum = computed(() => {
+  if (tableData.value.length > 0) {
+    return tableData.value.filter((item) => item.validStatus === 0).length;
+  } else {
+    return 0;
+  }
+});
+
+const setDefult = () => {
+  columns.value = defultColumns.value;
+};
+
+// 处理文件上传
+const handleFileUpload = async (file) => {
+  // 1. 校验文件类型
+  const allowedExtensions = ['.xlsx'];
+  const fileExtension = file.name.slice(file.name.lastIndexOf('.')).toLowerCase();
+
+  if (!allowedExtensions.includes(fileExtension)) {
+    Message.error('仅支持上传 .xlsx 格式的Excel文件');
+    return Promise.reject(new Error('文件格式不正确'));
+  }
+
+  const { data, error } = await repoImport({ file });
+  if (!error && data) {
+    currentReusltFilter.value = null;
+    allTableData.value = data.data.data;
+    tableData.value = [...allTableData.value];
+  }
+
+  // 模拟文件上传逻辑
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      console.log('文件上传成功:', file.name);
+      resolve();
+    }, 2000); // 模拟 2 秒上传时间
+  });
+};
+const userInfo = useAccountStore();
+const { isLogin } = storeToRefs(userInfo);
+
+const { namespace } = getOrgInfo();
+const allTableData = ref([]);
+const tableData = ref([]);
+const loading = ref(false);
+const columns = ref([
+  { key: 'validStatus', label: '校验结果', visible: true, filterable: true, sortable: false },
+  { key: 'softwareName', label: '软件名称', visible: true, filterable: true, sortable: false },
+  { key: 'softwareVersion', label: '软件版本', visible: true, filterable: true, sortable: false },
+  { key: 'securityScore', label: '软件评分', visible: true, filterable: false, sortable: true },
+  { key: 'licenseCount', label: 'License数量', visible: true, filterable: false, sortable: false },
+  { key: 'industryCategory', label: '行业类型', visible: true, filterable: true, sortable: false },
+  { key: 'primaryLanguage', label: '编程语言', visible: true, filterable: true, sortable: false },
+  { key: 'codeLines', label: '代码量', visible: true, filterable: false, sortable: false }
+]);
+const defultColumns = ref([
+  { key: 'validStatus', label: '校验结果', visible: true, filterable: true, sortable: false },
+  { key: 'softwareName', label: '软件名称', visible: true, filterable: true, sortable: false },
+  { key: 'softwareVersion', label: '软件版本', visible: true, filterable: true, sortable: false },
+  { key: 'securityScore', label: '软件评分', visible: true, filterable: false, sortable: true },
+  { key: 'licenseCount', label: 'License数量', visible: true, filterable: false, sortable: false },
+  { key: 'industryCategory', label: '行业类型', visible: true, filterable: true, sortable: false },
+  { key: 'primaryLanguage', label: '编程语言', visible: true, filterable: true, sortable: false },
+  { key: 'codeLines', label: '代码量', visible: true, filterable: false, sortable: false }
+]);
+const validStatusMap = {
+  0: '未治理',
+  1: '可使用',
+  2: '有风险'
+};
+const formData = ref({
+  title: '',
+  type: '',
+  useType: '',
+  formData: '',
+  select: '',
+  time1: null,
+  name: '',
+  versionCode: '',
+  pulishTime: ''
+});
+const typeOptions = reactive(['主软件', '依赖软件']);
+const riskOptions = reactive(['低', '中', '高']);
+const useTypeOptions = reactive(['软件', '文档', '文档+软件']);
+const isUseOptions = reactive(['是', '否']);
+const currentReusltFilter = ref(null);
+const searchStr = ref('');
+// 定义 tableKey，用于强制刷新表格
+const tableKey = ref(0);
+const pager = ref({
+  total: 0,
+  pageIndex: 1,
+  pageSize: 10
+});
+const loadingStatus = reactive({
+  batchMigrating: false
+});
+
+// 删除弹窗
+const item = ref('');
+const deleteModal = ref();
+const deletevModels = ref(false);
+const openDelete = (row: any) => {
+  item.value = row;
+  deleteModal.value.showFlag = true;
+  deletevModels.value = true;
+};
+
+const getReleaseList = async () => {
+  if (!isLogin.value) {
+    return;
+  }
+  loading.value = true;
+  const { data, error } = await releasePage({ current: pager.value.pageIndex, size: pager.value.pageSize });
+  if (!error && data) {
+    loading.value = false;
+    allTableData.value = data.data.records;
+    tableData.value = [...allTableData.value];
+    pager.value.total = data.data.total;
+  } else {
+    loading.value = false;
+  }
+};
+
+onMounted(async () => {
+  // getReleaseList();
+});
+
+const filterTable = () => {
+  tableData.value = allTableData.value.filter((item) => {
+    if (currentReusltFilter.value !== null) {
+      return (
+        item.softwareName.trim().toLowerCase().includes(searchStr.value.trim().toLowerCase()) &&
+        item.validStatus === currentReusltFilter.value
+      );
+    } else {
+      return item.softwareName.trim().toLowerCase().includes(searchStr.value.trim().toLowerCase());
+    }
+  });
+};
+
+const filterVerifyResult = (type) => {
+  if (currentReusltFilter.value === type) {
+    currentReusltFilter.value = null;
+  } else {
+    currentReusltFilter.value = type;
+  }
+  filterTable();
+};
+
+const onSearch = (str: string) => {
+  searchStr.value = str;
+  filterTable();
+};
+
+const router = useRouter();
+
+const updateTableKey = () => {
+  tableKey.value++; // 更新 tableKey，强制刷新表格
+};
+
+// 定义 showColumnList 状态
+const showColumnList = ref(false);
+
+// 更新 showColumnList 的方法
+const updateShowColumnList = (newValue) => {
+  showColumnList.value = newValue;
+  // tableKey.value++; // 更新 tableKey，强制刷新表格
+};
+
+const handleBatchImport = async () => {
+  // 多个项目导入
+  // importRepo.value = queryTable.value.filter((val) => val.checked);
+  loadingStatus.batchMigrating = true;
+  // await batchMigrate();
+  loadingStatus.batchMigrating = false;
+};
+
+const exportResult = () => {
+  if (!allTableData.value.length) {
+    Message.info('暂无结果');
+    return;
+  }
+
+  const exportData = allTableData.value.map((item) => {
+    let res = {};
+    columns.value.forEach((col) => {
+      if (col.key === 'validStatus') {
+        res[col.label] = validStatusMap[item[col.key]] ? validStatusMap[item[col.key]] : '';
+      } else {
+        res[col.label] = item[col.key] ? item[col.key] : '';
+      }
+    });
+    return res;
+  });
+
+  try {
+    const workSheet = XLSX.utils.json_to_sheet(exportData);
+    const workBook: any = { Sheets: { 校验结果: workSheet }, SheetNames: ['校验结果'] };
+    const excelBuffer = XLSX.write(workBook, { bookType: 'xlsx', type: 'array' });
+
+    const link = document.createElement('a');
+    const blob = new Blob([excelBuffer]);
+    link.setAttribute('href', window.URL.createObjectURL(blob));
+    link.setAttribute('download', '软件存在及可信校验结果.xlsx');
+    link.style.visibility = 'hidden';
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    Message.success('导出成功');
+  } catch {
+    // Message.error('导出失败');
+  }
+};
+
+// 跳转
+const gotoDetail = (row) => {
+  // 后续请换成params，暂时params传参没传过去
+  router.push({
+    path: 'repoDetail/' + row.softwareId
+  });
+};
+// 分页
+const changeIndex = () => {
+  // getReleaseList();
+};
+
+const changeSize = () => {
+  pager.value.pageIndex = 1;
+  // getReleaseList();
+};
+
+const repoFun = (arr: any) => {
+  return arr ? (arr.length > 3 ? arr.slice(0, 3) : arr) : [];
+};
+
+// 编辑
+const editRow = (row: any) => {
+  // 后续请换成params，暂时params传参没传过去
+  router.push({
+    path: 'cla/edit/' + row.object_id,
+    query: { cla: row.cla, pageType: 'edit' }
+  });
+};
+
+// 确认删除
+const confirmDelete = async (e: any) => {
+  // const res = await reqCatch(deleteGroupCla, { group_id: namespace.value, cla_id: item.value.object_id });
+  // if (!res.error) {
+  //   getGroupClaListData();
+  // }
+};
+
+// 去成员页
+const goMember = (row: any) => {
+  // 后续请换成params，暂时params传参没传过去,注意路由有个:claID
+  router.push({
+    path: 'cla/claId/member',
+    query: { claId: row.object_id, claName: row.cla_name, group_path: namespace.value, pageType: 'edit' }
+  });
+};
+const getGroupClaListData = async () => {
+  // const params = {
+  //   group_id: namespace.value,
+  //   page: pager.value.pageIndex,
+  //   per_page: pager.value.pageSize
+  // };
+  // const res = await reqCatch(getGroupClaList, params);
+  // if (!res.error) {
+  //   tableData.value = res?.data?.data?.content;
+  //   pager.value.total = res.data.data.total;
+  // }
+};
+getGroupClaListData();
+
+const setClaStatus = async (row: any) => {
+  // const params = {
+  //   group_id: namespace.value,
+  //   cla_id: row.object_id,
+  //   status: row.status
+  // };
+  // const res = await reqCatch(setGroupClaStatus, params);
+  // if (!res.error) {
+  //   Message.success('操作成功!');
+  //   getGroupClaListData();
+  // }
+};
+
+const signCla = (row: any) => {
+  router.push('/cla/' + row.object_id);
+};
+</script>
+
+<style scoped lang="scss">
+@import 'devui-theme/styles-var/devui-var.scss';
+
+.BatchVerify {
+  position: relative;
+  min-height: 400px;
+
+  .secret-op {
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
+}
+
+.error {
+  color: $devui-contrast;
+}
+
+:deep(.devui-table__row td) {
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+:deep(.devui-tag .devui-tag--default) {
+  background-color: #fff;
+  border-radius: 12px;
+  padding: 4px 8px;
+  font-size: 12px;
+  line-height: 16px;
+  margin-right: 8px;
+  border: 1px solid #e3e3ee;
+}
+
+.one-line {
+  word-break: break-all;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.title {
+  font-size: 14px;
+  font-weight: 400;
+  color: #9a9b9c;
+  line-height: 20px;
+}
+
+.cur-title {
+  font-size: 14px;
+  font-weight: 500;
+  color: #2d2d2e;
+  line-height: 20px;
+}
+
+.search-form {
+  position: relative;
+  padding: 12px 20px;
+  display: flex;
+  border-radius: 8px 0px 8px 8px;
+  //background: #F2F5FC;
+
+  .left-btn {
+    position: absolute;
+    right: 28px;
+    bottom: 4px;
+  }
+
+  .output-btn {
+    color: #191919;
+    font-family: HarmonyOS Sans SC;
+    font-weight: regular;
+    font-size: 14px;
+    line-height: 22px;
+    letter-spacing: 0px;
+    text-align: left;
+  }
+}
+
+.secret-breadcrumb {
+  padding: 7px 20px 12px;
+  background: #ffffff;
+}
+
+.tjsj {
+  display: flex;
+  align-items: center;
+  margin-left: 8px;
+}
+</style>
diff --git a/src/views/Jyh/KnowledgeHub/Components/CountryModal.vue b/src/views/Jyh/KnowledgeHub/Components/CountryModal.vue
new file mode 100644
index 0000000..8fb5641
--- /dev/null
+++ b/src/views/Jyh/KnowledgeHub/Components/CountryModal.vue
@@ -0,0 +1,84 @@
+<template>
+  <d-modal
+    title="贡献者分布"
+    v-model="visible"
+    class="file-search-modal"
+    :style="{ width: '800px' }"
+    @close="handleClose"
+  >
+    <Card simple class="jyh-card mb-4" style="box-shadow: none;padding: 0">
+      <d-chart :option="optionConChart" style="width: 100%; height: 400px"></d-chart>
+      <p class="text-center mt-translate-y">国家/地球分布</p>
+    </Card>
+    <template #footer>
+      <d-modal-footer style="text-align: center;">
+        <d-button variant="solid" color="primary"  @click="handleClose">确认</d-button>
+        <d-button @click="handleClose">取消</d-button>
+      </d-modal-footer>
+    </template>
+  </d-modal>
+</template>
+
+<script setup lang="ts">
+import { ref, defineExpose, reactive } from 'vue';
+import { DChart } from 'vue-devui/echarts';
+
+const optionConChart = reactive({
+  tooltip: {
+    show: true,
+    trigger: 'item'
+  },
+  xAxis: {
+    type: 'category',
+    data: ['美国', '中国', '德国', '瑞士', '法国', '英国', '印度', '日本', '荷兰', '俄罗斯']
+  },
+  yAxis: {
+    // 给y轴添加单位后缀
+    axisLabel: {
+      formatter: '{value}%'
+    },
+    name: '单位',
+    type: 'value'
+  },
+  series: [
+    {
+      data: [12, 14.8, 23.6, 18.6, 17.3, 13.1, 16, 11.8, 13.9, 16.4],
+      type: 'bar',
+      barWidth: '40%',
+      // 给label添加单位后缀
+      label: {
+        show: true,
+        position: 'top',
+        formatter: '{c}%'
+      },
+      itemStyle: {
+        color: '#2070F3',
+        borderRadius: [5, 5, 0, 0]
+      }
+    }
+  ]
+});
+
+// 控制模态框显示/隐藏
+const visible = ref(false);
+
+// 打开模态框
+const openModal = () => {
+  visible.value = true;
+};
+
+// 关闭模态框
+const handleClose = () => {
+  visible.value = false;
+};
+
+// 暴露方法，供父组件调用
+defineExpose({
+  openModal,
+});
+</script>
+
+<style scoped lang="scss">
+@import 'devui-theme/styles-var/devui-var.scss';
+
+</style>
diff --git a/src/views/Jyh/KnowledgeHub/Components/IntelligenceList/IntelligenceDetail.vue b/src/views/Jyh/KnowledgeHub/Components/IntelligenceList/IntelligenceDetail.vue
new file mode 100644
index 0000000..d16dc04
--- /dev/null
+++ b/src/views/Jyh/KnowledgeHub/Components/IntelligenceList/IntelligenceDetail.vue
@@ -0,0 +1,295 @@
+<template>
+  <div class="intelligence-detail">
+    <!-- 头部信息 -->
+    <div class="detail-header">
+      <h2 class="title">{{ intelligence?.title }}</h2>
+      <div class="header-tags">
+        <d-tag :color="typeColorMap[intelligence?.intelligenceType]">
+          {{ intelligence?.intelligenceType }}
+        </d-tag>
+        <d-tag :color="urgencyColorMap[intelligence?.urgency]">
+          {{ intelligence?.urgency }}
+        </d-tag>
+      </div>
+    </div>
+
+    <!-- 基本信息卡片 -->
+    <d-card class="detail-card mt-4">
+      <div slot="header" class="card-header">基本信息</div>
+      <d-descriptions column="2" bordered>
+        <d-description-item term="情报ID">{{ intelligence?.intelligenceId }}</d-description-item>
+        <d-description-item term="情报类型">{{ intelligence?.intelligenceType }}</d-description-item>
+        <d-description-item term="情报来源">{{ intelligence?.source }}</d-description-item>
+        <d-description-item term="发布时间">
+          {{ intelligence?.publishDate ? dayjs(intelligence.publishDate).format('YYYY-MM-DD HH:mm:ss') : '--' }}
+        </d-description-item>
+        <d-description-item term="紧急程度">{{ intelligence?.urgency }}</d-description-item>
+        <d-description-item term="情报版本">{{ intelligence?.version || '1.0' }}</d-description-item>
+      </d-descriptions>
+    </d-card>
+
+    <!-- 情报摘要 -->
+    <d-card class="detail-card mt-4">
+      <div slot="header" class="card-header">情报摘要</div>
+      <div class="summary-content">
+        {{ intelligence?.summary || '暂无摘要信息' }}
+      </div>
+    </d-card>
+
+    <!-- 详细内容 -->
+    <d-card class="detail-card mt-4">
+      <div slot="header" class="card-header">
+        详细内容
+        <d-button size="sm" variant="text" @click="toggleContentExpand">
+          {{ isContentExpanded ? '收起' : '全文展开' }}
+        </d-button>
+      </div>
+      <div class="detail-content" :class="{ 'expanded': isContentExpanded }">
+        <pre v-if="intelligence?.content">{{ formatContent(intelligence.content) }}</pre>
+        <p v-else>暂无详细内容</p>
+      </div>
+    </d-card>
+
+    <!-- 相关IOCs -->
+    <d-card class="detail-card mt-4" v-if="intelligence?.relatedIocs && intelligence.relatedIocs.length">
+      <div slot="header" class="card-header">
+        相关IOCs
+        <d-button size="sm" variant="text" @click="copyAllIocs">
+          <i class="fa fa-copy mr-1"></i>复制全部
+        </d-button>
+      </div>
+      <d-table :data="intelligence.relatedIocs" table-layout="auto">
+        <d-column field="type" header="类型" :width="100"></d-column>
+        <d-column field="value" header="值"></d-column>
+        <d-column header="操作" :width="100">
+          <template #default="scope">
+            <d-button
+              size="sm"
+              variant="text"
+              @click="copyIoc(scope.row.value)"
+            >
+              <i class="fa fa-copy"></i>复制
+            </d-button>
+          </template>
+        </d-column>
+      </d-table>
+    </d-card>
+
+    <!-- 参考信息 -->
+    <d-card class="detail-card mt-4" v-if="intelligence?.references && intelligence.references.length">
+      <div slot="header" class="card-header">参考信息</div>
+      <ul class="reference-list">
+        <li v-for="(ref, idx) in intelligence.references" :key="idx">
+          <a :href="ref.url" target="_blank" class="reference-link">
+            {{ ref.title || `参考链接 ${idx + 1}` }}
+          </a>
+        </li>
+      </ul>
+    </d-card>
+
+    <!-- 操作按钮 -->
+    <div class="detail-actions mt-6">
+      <d-button @click="$emit('close')" variant="secondary">关闭</d-button>
+      <d-button @click="exportReport" class="ml-2">
+        <i class="fa fa-download mr-1"></i>导出报告
+      </d-button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import dayjs from 'dayjs';
+
+// 接收父组件传入的情报数据
+const props = defineProps({
+  intelligence: {
+    type: Object,
+    required: true,
+    default: () => ({})
+  }
+});
+
+// 组件内部状态
+const isContentExpanded = ref(false);
+const toast = ref();
+
+// 类型颜色映射（与列表页保持一致）
+const typeColorMap = {
+  '威胁情报': '#165DFF',
+  '漏洞情报': '#f66f6a',
+  '事件情报': '#fac20a',
+  'APT情报': '#722ED1',
+  '恶意代码情报': '#f5319d'
+};
+
+// 紧急程度颜色映射（与列表页保持一致）
+const urgencyColorMap = {
+  '紧急': '#c7000b',
+  '高': '#f66f6a',
+  '中': '#fac20a',
+  '低': '#5e7ce0'
+};
+
+// 切换内容展开/收起状态
+const toggleContentExpand = () => {
+  isContentExpanded.value = !isContentExpanded.value;
+};
+
+// 格式化内容（处理换行和缩进）
+const formatContent = (content: string) => {
+  return content.replace(/\\n/g, '\n').replace(/  /g, '  ');
+};
+
+// 复制单个IOC
+const copyIoc = (value: string) => {
+  navigator.clipboard.writeText(value).then(() => {
+    toast.success({ content: '已复制到剪贴板', duration: 2000 });
+  }).catch(() => {
+    toast.error({ content: '复制失败，请手动复制', duration: 2000 });
+  });
+};
+
+// 复制所有IOCs
+const copyAllIocs = () => {
+  if (!props.intelligence.relatedIocs || !props.intelligence.relatedIocs.length) return;
+
+  const allIocs = props.intelligence.relatedIocs
+    .map(item => `${item.type}: ${item.value}`)
+    .join('\n');
+
+  navigator.clipboard.writeText(allIocs).then(() => {
+    toast.success({ content: '全部IOC已复制到剪贴板', duration: 2000 });
+  }).catch(() => {
+    toast.error({ content: '复制失败，请手动复制', duration: 2000 });
+  });
+};
+
+// 导出报告
+const exportReport = () => {
+  // 模拟导出功能
+  toast.info({ content: '正在准备导出报告...', duration: 2000 });
+  // 实际应用中应调用后端导出接口
+  // const reportData = { ...props.intelligence };
+  // exportIntelligenceReport(reportData).then(() => {
+  //   toast.success({ content: '报告导出成功', duration: 2000 });
+  // });
+};
+</script>
+
+<style scoped lang="scss">
+@import 'devui-theme/styles-var/devui-var.scss';
+
+.intelligence-detail {
+  padding: 20px;
+  height: 100%;
+  box-sizing: border-box;
+  overflow-y: auto;
+  max-height: 80vh;
+}
+
+.detail-header {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.title {
+  font-size: 20px;
+  font-weight: 600;
+  color: var(--devui-text-primary);
+  line-height: 1.5;
+  margin: 0;
+}
+
+.header-tags {
+  display: flex;
+  gap: 8px;
+}
+
+.detail-card {
+  --devui-card-padding: 16px;
+}
+
+.card-header {
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--devui-text-primary);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.summary-content {
+  padding: 8px 0;
+  line-height: 1.6;
+  color: var(--devui-text-secondary);
+  text-indent: 2em;
+}
+
+.detail-content {
+  max-height: 300px;
+  overflow-y: auto;
+  padding: 8px 0;
+
+  &.expanded {
+    max-height: none;
+  }
+
+  pre {
+    white-space: pre-wrap;
+    word-wrap: break-word;
+    line-height: 1.6;
+    color: var(--devui-text-secondary);
+    font-family: inherit;
+    margin: 0;
+  }
+}
+
+.reference-list {
+  padding: 8px 0 8px 20px;
+  margin: 0;
+
+  li {
+    margin-bottom: 8px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+
+.reference-link {
+  color: var(--devui-primary);
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+.detail-actions {
+  display: flex;
+  justify-content: flex-end;
+  //padding-top: 16px;
+  border-top: 1px solid var(--devui-border);
+}
+
+// 滚动条美化
+.detail-content::-webkit-scrollbar,
+.intelligence-detail::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+.detail-content::-webkit-scrollbar-thumb,
+.intelligence-detail::-webkit-scrollbar-thumb {
+  border-radius: 3px;
+  background-color: var(--devui-scrollbar-thumb-color);
+}
+
+.detail-content::-webkit-scrollbar-track,
+.intelligence-detail::-webkit-scrollbar-track {
+  background-color: var(--devui-scrollbar-track-color);
+}
+</style>
diff --git a/src/views/Jyh/KnowledgeHub/Components/IntelligenceList/index.vue b/src/views/Jyh/KnowledgeHub/Components/IntelligenceList/index.vue
new file mode 100644
index 0000000..6936691
--- /dev/null
+++ b/src/views/Jyh/KnowledgeHub/Components/IntelligenceList/index.vue
@@ -0,0 +1,327 @@
+<template>
+  <div class="page-wrap">
+    <div class="search-form">
+      <d-form layout="horizontal" :label-align="'end'">
+        <d-row :gutter="16">
+          <d-col :span="6">
+            <d-form-item field="intelligenceId" label="情报ID">
+              <d-input placeholder="请输入情报ID" v-model="newFormData.intelligenceId" />
+            </d-form-item>
+          </d-col>
+          <d-col :span="6">
+            <d-form-item field="intelligenceType" label="情报类型">
+              <d-select
+                :options="typeArray"
+                :allow-clear="true"
+                v-model="newFormData.intelligenceType"
+                placeholder="请选择情报类型"
+              ></d-select>
+            </d-form-item>
+          </d-col>
+          <d-col :span="6">
+            <d-form-item field="source" label="情报来源">
+              <d-select
+                :options="sourceArray"
+                :allow-clear="true"
+                v-model="newFormData.source"
+                placeholder="请选择情报来源"
+              ></d-select>
+            </d-form-item>
+          </d-col>
+          <d-col :span="6">
+            <d-form-item field="urgency" label="紧急程度">
+              <d-select
+                :options="urgencyArray"
+                :allow-clear="true"
+                v-model="newFormData.urgency"
+                placeholder="请选择紧急程度"
+              ></d-select>
+            </d-form-item>
+          </d-col>
+        </d-row>
+      </d-form>
+      <div class="jyh-form-operation">
+        <d-button @click="getList(1)" class="mr-2" variant="solid">搜索</d-button>
+        <d-button variant="solid" color="secondary" @click="clear">清空</d-button>
+      </div>
+    </div>
+    <Card class="mt-3">
+      <d-table :show-loading="loading" class="jyh-table" :data="dataLists" v-if="dataLists.length > 0" table-layout="auto">
+        <d-column type="index" width="40"></d-column>
+        <d-column field="intelligenceId" header="情报ID"></d-column>
+        <d-column field="title" header="情报标题"></d-column>
+        <d-column field="intelligenceType" header="情报类型">
+          <template #default="scope">
+            <d-tag :color="typeColorMap[scope.row.intelligenceType]">{{ scope.row.intelligenceType }}</d-tag>
+          </template>
+        </d-column>
+        <d-column field="source" header="情报来源"></d-column>
+        <d-column field="publishDate" header="发布时间">
+          <template #default="scope">
+            {{ scope.row.publishDate
+            ? dayjs(scope.row.publishDate).format('YYYY-MM-DD HH:mm:ss')
+            : '--'
+            }}
+          </template>
+        </d-column>
+        <d-column field="urgency" header="紧急程度">
+          <template #default="scope">
+            <d-tag :color="urgencyColorMap[scope.row.urgency]">{{ scope.row.urgency }}</d-tag>
+          </template>
+        </d-column>
+        <d-column header="操作" fixed-right="0px" width="130">
+          <template #default="scope">
+            <a style="margin-right: 8px" class="devui-link" @click="openIntelligenceDetail(scope.row)">详情</a>
+            <d-button @click="handleViewAIModal(scope.row)" variant="text" color="primary"> AI问答 </d-button>
+
+          </template>
+        </d-column>
+      </d-table>
+      <NoData v-else :small="false"></NoData>
+      <div class="mt-20 mb-20 flex justify-end" v-if="dataLists.length > 0">
+        <d-pagination
+          size="md"
+          :page-size-options="[10, 20, 50]"
+          :total="pager.total"
+          v-model:pageSize="pager.pageSize"
+          v-model:pageIndex="pager.pageIndex"
+          :max-items="5"
+          :can-change-page-size="true"
+          :can-view-total="true"
+          total-item-text="总计"
+          @page-index-change="getList()"
+          @page-size-change="getList()"
+        />
+      </div>
+    </Card>
+  </div>
+
+  <!-- 情报详情抽屉 -->
+  <d-drawer v-model="detailVisible" style="width: 900px">
+    <IntelligenceDetail :intelligence="currentIntelligence" @close="detailVisible = false"></IntelligenceDetail>
+  </d-drawer>
+
+
+  <AIModal ref="AIModalRef" />
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted, ref } from 'vue';
+import { useRoute } from 'vue-router';
+import NoData from '@/components/NoData/NoData.vue';
+import dayjs from 'dayjs';
+import AIModal from '../AIModal.vue';
+// 假设存在情报详情组件
+import IntelligenceDetail from './IntelligenceDetail.vue';
+
+const route = useRoute();
+const title = computed(() => route.meta?.title || '情报列表');
+
+// 打开弹框方法
+const AIModalRef = ref(null);
+const handleViewAIModal = (resultId) => {
+  AIModalRef.value.open(resultId); // 传递result_id参数
+};
+
+// 分页配置
+const pager = ref({
+  total: 50,
+  pageIndex: 1,
+  pageSize: 10
+});
+
+// 搜索表单数据
+const newFormData = ref({
+  intelligenceId: '',
+  intelligenceType: '',
+  source: '',
+  urgency: ''
+});
+
+// 加载状态
+const loading = ref(false);
+
+// 情报列表数据
+const dataLists = ref([]);
+
+// 详情抽屉状态
+const detailVisible = ref(false);
+const currentIntelligence = ref(null);
+
+// 类型选项与颜色映射
+const typeArray = [
+  { value: '威胁情报', name: '威胁情报' },
+  { value: '漏洞情报', name: '漏洞情报' },
+  { value: '事件情报', name: '事件情报' },
+  { value: 'APT情报', name: 'APT情报' },
+  { value: '恶意代码情报', name: '恶意代码情报' }
+];
+
+const typeColorMap = {
+  '威胁情报': '#165DFF',
+  '漏洞情报': '#f66f6a',
+  '事件情报': '#fac20a',
+  'APT情报': '#722ED1',
+  '恶意代码情报': '#f5319d'
+};
+
+// 来源选项
+const sourceArray = [
+  { value: '内部监测', name: '内部监测' },
+  { value: '合作伙伴', name: '合作伙伴' },
+  { value: '公开渠道', name: '公开渠道' },
+  { value: '威胁情报平台', name: '威胁情报平台' },
+  { value: 'CERT/CC', name: 'CERT/CC' }
+];
+
+// 紧急程度选项与颜色映射
+const urgencyArray = [
+  { value: '紧急', name: '紧急' },
+  { value: '高', name: '高' },
+  { value: '中', name: '中' },
+  { value: '低', name: '低' }
+];
+
+const urgencyColorMap = {
+  '紧急': '#c7000b',
+  '高': '#f66f6a',
+  '中': '#fac20a',
+  '低': '#5e7ce0'
+};
+
+// 清空搜索条件
+const clear = () => {
+  newFormData.value = {
+    intelligenceId: '',
+    intelligenceType: '',
+    source: '',
+    urgency: ''
+  };
+  getList();
+};
+
+// 打开情报详情
+const openIntelligenceDetail = (row) => {
+  currentIntelligence.value = row;
+  detailVisible.value = true;
+};
+
+// 获取情报列表数据
+const getList = async (current?) => {
+  loading.value = true;
+  if (current) pager.value.pageIndex = current;
+
+  // 模拟API请求
+  setTimeout(() => {
+    // 模拟情报数据
+    const mockData = Array.from({ length: pager.value.pageSize }, (_, i) => {
+      const id = (pager.value.pageIndex - 1) * pager.value.pageSize + i + 1;
+      const types = ['威胁情报', '漏洞情报', '事件情报', 'APT情报', '恶意代码情报'];
+      const sources = ['内部监测', '合作伙伴', '公开渠道', '威胁情报平台', 'CERT/CC'];
+      const urgencies = ['紧急', '高', '中', '低'];
+      const randomType = types[Math.floor(Math.random() * types.length)];
+
+      return {
+        id: id,
+        intelligenceId: `INT-${2024}${String(id).padStart(5, '0')}`,
+        title: `${randomType}：关于${['某APT组织', '新型勒索病毒', '重大漏洞', '网络攻击事件'][Math.floor(Math.random() * 4)]}的分析`,
+        intelligenceType: randomType,
+        source: sources[Math.floor(Math.random() * sources.length)],
+        publishDate: dayjs().subtract(Math.floor(Math.random() * 30), 'day').toISOString(),
+        urgency: urgencies[Math.floor(Math.random() * urgencies.length)],
+        summary: '这是一份重要的安全情报，包含潜在威胁的详细分析和应对建议...',
+        content: '【情报详情】\n近期监测到相关威胁活动频繁发生，主要影响范围包括政府、金融和能源行业...\n【影响范围】\n...\n【应对建议】\n1. 及时更新系统补丁\n2. 加强网络边界防护\n3. 部署威胁检测设备',
+        relatedIocs: [
+          { type: 'IP', value: `192.168.${Math.floor(Math.random() * 255)}.${Math.floor(Math.random() * 255)}` },
+          { type: '域名', value: `malicious-${id}.com` }
+        ]
+      };
+    });
+
+    dataLists.value = mockData;
+    pager.value.total = 50; // 模拟总条数
+    loading.value = false;
+  }, 600);
+
+  // 实际接口调用示例
+  /*
+  const { data } = await getIntelligenceList({
+    intelligenceId: newFormData.value.intelligenceId,
+    intelligenceType: newFormData.value.intelligenceType,
+    source: newFormData.value.source,
+    urgency: newFormData.value.urgency,
+    current: current || pager.value.pageIndex,
+    size: pager.value.pageSize
+  }).finally(() => {
+    loading.value = false;
+  });
+  dataLists.value = data?.data?.data?.records || [];
+  pager.value.total = data.data.data?.total || 0;
+  */
+};
+
+// 页面挂载时加载数据
+onMounted(() => {
+  getList();
+});
+
+// 搜索触发
+const search = () => {
+  pager.value.pageIndex = 1;
+  getList();
+};
+</script>
+
+<style scoped lang="scss">
+@import 'devui-theme/styles-var/devui-var.scss';
+.page-wrap {
+  margin: 16px;
+  .page-title {
+    color: #191919;
+    font-family: HarmonyOS Sans SC;
+    font-weight: medium;
+    font-size: 18px;
+    line-height: 26px;
+    letter-spacing: 0px;
+    text-align: left;
+  }
+  .g-content-card {
+    overflow: hidden;
+    padding: 0;
+  }
+}
+
+.search-form {
+  position: relative;
+  border-radius: 8px 0px 8px 8px;
+  margin-right: 20px;
+
+  .left-btn {
+    position: absolute;
+    right: 28px;
+    bottom: 4px;
+  }
+
+  .output-btn {
+    color: #191919;
+    font-family: HarmonyOS Sans SC;
+    font-weight: regular;
+    font-size: 14px;
+    line-height: 22px;
+    letter-spacing: 0px;
+    text-align: left;
+  }
+
+  .jyh-form-operation {
+    margin-left: 20px !important;
+    margin-top: 16px;
+  }
+}
+
+// 适配情报标题较长的情况
+::v-deep .devui-table-cell {
+  &.devui-table-cell-ellipsis {
+    max-width: 250px;
+  }
+}
+</style>
diff --git a/src/views/Jyh/KnowledgeHub/Components/OrgModal.vue b/src/views/Jyh/KnowledgeHub/Components/OrgModal.vue
new file mode 100644
index 0000000..5897911
--- /dev/null
+++ b/src/views/Jyh/KnowledgeHub/Components/OrgModal.vue
@@ -0,0 +1,84 @@
+<template>
+  <d-modal
+    title="贡献者分布"
+    v-model="visible"
+    class="file-search-modal"
+    :style="{ width: '800px' }"
+    @close="handleClose"
+  >
+    <Card simple class="jyh-card mb-4" style="box-shadow: none;padding: 0">
+      <d-chart :option="optionOrgChart" style="width: 100%; height: 400px"></d-chart>
+      <p class="text-center mt-translate-y">组织/公司分布</p>
+    </Card>
+    <template #footer>
+      <d-modal-footer style="text-align: center;">
+        <d-button variant="solid" color="primary"  @click="handleClose">确认</d-button>
+        <d-button @click="handleClose">取消</d-button>
+      </d-modal-footer>
+    </template>
+  </d-modal>
+</template>
+
+<script setup lang="ts">
+import { ref, defineExpose, reactive } from 'vue';
+import { DChart } from 'vue-devui/echarts';
+
+const optionOrgChart = reactive({
+  tooltip: {
+    show: true,
+    trigger: 'item'
+  },
+  xAxis: {
+    type: 'category',
+    data: ['公司1', '公司2', '公司3', '公司4', '公司5', '公司6', '公司7', '公司8', '公司9', '公司10']
+  },
+  yAxis: {
+    // 给y轴添加单位后缀
+    axisLabel: {
+      formatter: '{value}%'
+    },
+    name: '单位',
+    type: 'value'
+  },
+  series: [
+    {
+      data: [12, 14.8, 23.6, 18.6, 17.3, 13.1, 16, 11.8, 13.9, 16.4],
+      type: 'bar',
+      barWidth: '40%',
+      // 给label添加单位后缀
+      label: {
+        show: true,
+        position: 'top',
+        formatter: '{c}%'
+      },
+      itemStyle: {
+        color: '#2CB8C9',
+        borderRadius: [5, 5, 0, 0]
+      }
+    }
+  ]
+});
+
+// 控制模态框显示/隐藏
+const visible = ref(false);
+
+// 打开模态框
+const openModal = () => {
+  visible.value = true;
+};
+
+// 关闭模态框
+const handleClose = () => {
+  visible.value = false;
+};
+
+// 暴露方法，供父组件调用
+defineExpose({
+  openModal,
+});
+</script>
+
+<style scoped lang="scss">
+@import 'devui-theme/styles-var/devui-var.scss';
+
+</style>
diff --git a/src/views/Jyh/KnowledgeHub/Components/OssQuery.vue b/src/views/Jyh/KnowledgeHub/Components/OssQuery.vue
new file mode 100644
index 0000000..c9f8b70
--- /dev/null
+++ b/src/views/Jyh/KnowledgeHub/Components/OssQuery.vue
@@ -0,0 +1,839 @@
+<template>
+  <div class="secret-container">
+    <div class="search-form">
+      <d-form layout="horizontal" :label-align="'end'">
+        <d-row :gutter="16">
+          <d-col :span="8">
+            <d-form-item field="name" label="组件名称">
+              <d-input placeholder="请输入组件名称" v-model="newFormData.softwareName" />
+            </d-form-item>
+          </d-col>
+          <d-col :span="8">
+            <d-form-item field="version" label="组件版本">
+              <d-input placeholder="请输入组件版本" v-model="newFormData.softwareVersion" />
+            </d-form-item>
+          </d-col>
+          <d-col :span="8">
+            <d-form-item field="language" label="编程语言">
+              <d-select
+                :options="languageList"
+                :allow-clear="true"
+                v-model="newFormData.programmingLanguage"
+                placeholder="请选择编程语言"
+              ></d-select>
+            </d-form-item>
+          </d-col>
+<!--          <d-col :span="8">-->
+<!--            <d-form-item field="license" label="license">-->
+<!--              <d-input placeholder="请输入license名称" v-model="newFormData.licenseName" />-->
+<!--            </d-form-item>-->
+<!--          </d-col>-->
+        </d-row>
+        <d-row :gutter="16">
+<!--          <d-col :span="8">-->
+<!--            <d-form-item field="dependency" label="依赖组件名称">-->
+<!--              <d-input placeholder="请输入依赖组件名称" v-model="newFormData.dependentSoftware" />-->
+<!--            </d-form-item>-->
+<!--          </d-col>-->
+          <d-col :span="8">
+            <d-form-item field="date" label="版本发布日期">
+              <d-range-date-picker-pro
+                v-model="newFormData.dateRange"
+                style="width: 100%"
+                :placeholder="['开始日期', '结束日期']"
+                :limitDateRange="limitDateRange"
+              />
+            </d-form-item>
+          </d-col>
+          <d-col :span="8">
+            <d-form-item field="industry" label="行业">
+              <d-select
+                :key="newFormData.industry"
+                :options="industryList"
+                :allow-clear="true"
+                v-model="newFormData.industry"
+                placeholder="请选择行业"
+              ></d-select>
+            </d-form-item>
+          </d-col>
+        </d-row>
+<!--        <d-row :gutter="16">-->
+<!--&lt;!&ndash;          <d-col :span="8">&ndash;&gt;-->
+<!--&lt;!&ndash;            <d-form-item field="interestTag" label="属性标签">&ndash;&gt;-->
+<!--&lt;!&ndash;              <d-input placeholder="请输入属性标签" v-model="newFormData.interestTag" />&ndash;&gt;-->
+<!--&lt;!&ndash;            </d-form-item>&ndash;&gt;-->
+<!--&lt;!&ndash;          </d-col>&ndash;&gt;-->
+<!--          <d-col :span="8">-->
+<!--            <d-form-item field="industry" label="行业">-->
+<!--              <d-select-->
+<!--                :key="newFormData.industry"-->
+<!--                :options="industryList"-->
+<!--                :allow-clear="true"-->
+<!--                v-model="newFormData.industry"-->
+<!--                placeholder="请选择行业"-->
+<!--              ></d-select>-->
+<!--            </d-form-item>-->
+<!--          </d-col>-->
+<!--        </d-row>-->
+      </d-form>
+      <div class="jyh-form-operation">
+        <d-button @click="getReleaseList" class="mr-2" variant="solid">搜索</d-button>
+        <d-button variant="solid" color="secondary" @click="clear">清空</d-button>
+      </div>
+      <div class="left-btn">
+        <d-button v-if="isLogin" class="output-btn" icon="icon-share" variant="text" @click="exportResult"
+          >导出</d-button
+        >
+        <span v-if="isLogin" style="height: 14px" class="split"></span>
+        <TableSetting
+          :columns="columns"
+          @setDefult="setDefult"
+          @updateTableKey="updateTableKey"
+          :show-column-list="showColumnList"
+          @update:show-column-list="updateShowColumnList"
+        />
+      </div>
+    </div>
+    <div class="mt-3 px-20">
+      <d-table
+        :key="tableKey"
+        ref="filterTableRef"
+        class="jyh-table"
+        v-if="tableData.length"
+        :striped="false"
+        :data="tableData"
+      >
+        <d-column type="checkable" width="40" reserve-check align="center"></d-column>
+        <!-- 索引列 -->
+        <!-- <d-column type="index" width="40"></d-column> -->
+
+        <!-- 动态渲染列 -->
+        <template v-for="column in columns" :key="column.key">
+          <d-column v-if="column.visible" :field="column.key" :header="column.label"  :width="column.width||120" :show-overflow-tooltip="!column.tooltip">
+            <!-- 自定义列内容 -->
+            <template #default="scope">
+              <template v-if="column.key === 'softwareName'">
+                <a @click="gotoDetail(scope.row)">{{ scope.row.softwareName }}</a>
+              </template>
+              <template v-else-if="column.key === 'versionName'">
+                <a @click="gotoDetail(scope.row)">{{ scope.row.versionName }}</a>
+              </template>
+              <template v-else-if="column.key === 'version'">
+                <a @click="gotoDetail(scope.row)">{{ scope.row.version }}</a>
+              </template>
+              <template v-else-if="column.key === 'securityScore'">
+<!--                <a @click="gotoDetail(scope.row)" style="-->
+<!--                <a style="-->
+<!--                  font-weight: bold;-->
+<!--                  color: #409EFF;-->
+<!--                  font-size: 16px;-->
+<!--                ">{{ scope.row.securityScore }}</a>-->
+                <d-popover :content="scope.row.securityScore || '&#45;&#45;'" trigger="hover" style="background-color: #7693f5; color: #fff">
+                  <d-tag color="#ef4444">{{ '非常重要' || '--' }}</d-tag>
+                </d-popover>
+              </template>
+              <template v-else-if="column.key === 'trustScore'">
+                <d-popover  trigger="hover" >
+                  <template #default>
+                    <d-tag color="#ef4444">{{ '高度可信' || '--' }}</d-tag>
+                  </template>
+                  <template #content>
+                    <div style="padding: 4px">
+                      <div style="display: flex;justify-content: space-between;"><span>低</span><span>中</span><span>高</span></div>
+                      <d-progress height="8px" bar-bg-color="#ef4444" style="width: 150px" :percentage="100" percentageText=""></d-progress>
+                    </div>
+                  </template>
+                </d-popover>
+              </template>
+              <template v-else-if="column.key === 'releaseDate'">
+                <span>{{ formatTime(scope.row.releaseDate, 'YYYY-MM-DD') }}</span>
+              </template>
+              <template v-else-if="column.key === 'eolDate'">
+                <span>{{ formatTime(scope.row.eolDate, 'YYYY-MM-DD') }}</span>
+              </template>
+              <template v-else-if="column.key === 'softwareVersion'">
+                <a @click="gotoDetail(scope.row)">{{ scope.row.softwareVersion }}</a>
+              </template>
+              <template v-else-if="column.key === 'smStatus'">
+                <a>{{ scope.row.smStatus }}</a>
+              </template>
+              <template v-else-if="column.key === 'industryCategory'">
+                <d-tag type="success">{{ getIndustryName(scope.row.industryCategory) }}</d-tag>
+              </template>
+              <template v-else-if="column.key === 'programmingLanguage'">
+                <d-tag type="success">{{ scope.row.programmingLanguage }}</d-tag>
+              </template>
+              <template v-else-if="column.key === 'primaryLanguage'">
+                <d-tag type="primary">{{ scope.row.primaryLanguage }}</d-tag>
+              </template>
+              <template v-else-if="column.key === 'contributorCountries'">
+<!--                <div style="cursor: pointer" @click="openCountryModal(column)">-->
+<!--                  <span class="mr-2">美国 3.57%</span>-->
+<!--                  <d-tag color="gray">+3</d-tag>-->
+<!--                </div>-->
+              </template>
+              <template v-else-if="column.key === 'contributorOrganizations'">
+<!--                <div style="cursor: pointer" @click="openOrgModal(column)">-->
+<!--                  <span class="mr-2">microsoft 3.57%</span>-->
+<!--                  <d-tag color="gray">+3</d-tag>-->
+<!--                </div>-->
+              </template>
+              <template v-else-if="column.key === 'sourceDownloadUrl'">
+                <a :href="scope.row.sourceDownloadUrl">{{ scope.row.sourceDownloadUrl }}</a>
+              </template>
+              <template v-else>
+                {{ scope.row[column.key] }}
+              </template>
+            </template>
+          </d-column>
+        </template>
+        <d-column header="操作" fixed-right="0px" width="130">
+          <template #default="scope">
+            <!--              <a class="devui-link" style="margin-right: 8px" @click="openVulnDetail(scope.row)">详情</a>-->
+            <d-button @click="handleViewAIModal(scope.row)" variant="text" color="primary"> AI问答 </d-button>
+          </template>
+        </d-column>
+      </d-table>
+
+      <!--      <DataPanel v-else skeleton :card="false" :empty="true">-->
+      <!--      </DataPanel>-->
+      <NoData v-else :small="false"></NoData>
+    </div>
+
+    <div class="mt-20 mb-20 flex justify-end">
+      <d-pagination
+        size="md"
+        :page-size-options="[10, 20, 50]"
+        :total="pager.total"
+        v-model:pageSize="pager.pageSize"
+        v-model:pageIndex="pager.pageIndex"
+        :max-items="5"
+        :can-change-page-size="true"
+        :can-view-total="true"
+        total-item-text="总计"
+        @page-index-change="getReleaseList()"
+        @page-size-change="getReleaseList()"
+      />
+    </div>
+
+    <!-- 删除组件 -->
+    <GModal
+      v-model="deletevModels"
+      ref="deleteModal"
+      title="删除?"
+      @confirm="confirmDelete"
+      showWarnIcon
+      confirmColor="danger"
+    >
+      <span class="inline-block text-G900 text-sm font-normal leading-[20px] break-all"
+        >你确认删除此项：{{ item.cla_name }} ？</span
+      >
+    </GModal>
+
+    <!-- 引入子组件 -->
+    <CountryModal ref="countryModalRef" />
+
+    <!-- 引入子组件 -->
+    <OrgModal ref="orgModalRef" />
+
+
+    <AIModal ref="AIModalRef" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import AdvanceSearch from '@/components/AdvanceSearch/index.vue';
+import SettingTitle from '@/components/Setting/SettingTitle/index.vue';
+import SettingText from '@/components/Setting/SettingText/index.vue';
+import { ref, reactive, onMounted, watch, nextTick } from 'vue';
+import { getGroupClaList, setGroupClaStatus, deleteGroupCla } from '@/api/cla';
+import { useRouter, useRoute } from 'vue-router';
+import { GModal } from '@/components/Setting/index';
+import TableSetting from '@/components/TableSetting/index.vue';
+import { reqCatch } from '@/utils/catch';
+import { getOrgInfo } from '@/views/Org/hooks/orgInfo';
+import { Message } from 'vue-devui';
+import { storeToRefs } from 'pinia';
+import CountryModal from './CountryModal.vue';
+import OrgModal from './OrgModal.vue';
+import NoData from '@/components/NoData/NoData.vue';
+import AIModal from './AIModal.vue';
+import { useAccountStore } from '@/stores/user';
+import * as XLSX from 'xlsx';
+const { formatTime } = useTimeFormat();
+import { getReleaseExport, releasePage, searchLanguageList } from '@/api/jyh';
+import { useTimeFormat } from '@/utils/hooks/useTimeFormat';
+import { useGlobalInfoStore } from '@/stores/Global';
+
+const router = useRouter();
+const route = useRoute();
+
+const filterTableRef = ref();
+const AIModalRef = ref();
+const { namespace } = getOrgInfo();
+const userInfo = useAccountStore();
+const { isLogin } = storeToRefs(userInfo);
+// 定义 tableKey，用于强制刷新表格
+const tableKey = ref(0);
+const countryVisible = ref(false);
+const orgVisible = ref(false);
+const allTableData = ref([]);
+const tableData = ref([
+  {
+    "id": 7085,
+    "userId": 372,
+    "softwareName": "killbill-embeddeddb-common",
+    "softwareVersion": "0.26.5",
+    "releaseVersionDate": "2024-03-21 00:00:00",
+    "releaseDate": null,
+    "primaryLanguage": "Java",
+    "contributorCount": 0,
+    "contributorCountries": null,
+    "organizationDistribution": null,
+    "developer": "org.kill-bill.commons",
+    "officialWebsite": null,
+    "integrationRiskLevel": 1,
+    "securityScore": 0.0,
+    "codeLines": 0,
+    "businessDomain": null,
+    "industryCategory": null,
+    "sourceDownloadUrl": "http://222.20.126.185:9030/test/software-packages/org.kill-bill.commons:killbill-embeddeddb-common:0.26.5.jar",
+    "repoHostingUrl": null,
+    "eolNoticeUrl": null,
+    "repoTagCommitId": null,
+    "eolDate": null,
+    "entityFilename": null,
+    "entityDownloadUrl": null,
+    "storageTime": null,
+    "communityName": null,
+    "communityWebsite": null,
+    "communityContact": null,
+    "communityDescription": null,
+    "softwareType": "1",
+    "deleted": 0,
+    "isTrust": 1,
+    "isCritical": 0,
+    "isGitcode": 0,
+    "status": 2,
+    "createBy": null,
+    "updateBy": null,
+    "createTime": "2025-10-15 09:38:22",
+    "updateTime": "2025-10-30 15:35:22",
+    "licenseUseCases": null,
+    "mainLicenseName": null,
+    "licenseName": null,
+    "mainLicenseDescription": null,
+    "licenseDescription": null,
+    "securityHelpChannel": null,
+    "vulnDisclosureUrl": null,
+    "sourceSoftwareInfo": null,
+    "copyrightReportName": null,
+    "copyrightEntryTime": null,
+    "copyrightReportUrl": null,
+    "link": "https://gitcode.com/baomidou/mybatis-plus.git",
+    "isImport": 1,
+    "componentCount": 2,
+    "licenseCount": 0,
+    "vulnerabilityCount": 0,
+    "vulnScore": 100,
+    "licenseScore": 0,
+    "malScore": null,
+    "trustScore": null,
+    "gitcodeLink": null,
+    "gitcodeDownloadUrl": null,
+    "taskId": null,
+    "taskType": null,
+    "softwareId": null,
+    "userName": null,
+    "contributorGeoDistribution": null,
+    "contributorOrgDistribution": null,
+    "communityHash": null,
+    "copyright": null,
+    "externalVulnerabilitySources": null,
+    "versionDescription": null,
+    "compatibilityRiskDescription": null,
+    "softwareTrustLevel": 3,
+    "entryTime": null,
+    "taskStatus": null,
+    "approvalComment": null
+  }
+]);
+// const languageList = ref([]);
+const globalInfo = useGlobalInfoStore();
+const languageList = globalInfo.languageList;
+const headerSearch = ref(globalInfo.headerSearch);
+const industryList = ref(globalInfo.industryList);
+const newFormData = ref({
+  licenseName: '',
+  searchType: 'software',
+  softwareName: '',
+  softwareVersion: '',
+  dependentSoftware: '',
+  programmingLanguage: '',
+  interestTag: '',
+  industry: '',
+  dateRange: ['', '']
+});
+const currentDate = new Date(); // 获取当前时间
+const limitDateRange = ref<Date[]>([new Date(2000, 1, 1), currentDate]); // 结束日期设置为当前时间
+
+// watch(() => globalInfo.headerSearch, (newVal: any) => {
+//   headerSearch.value = newVal;
+//   console.log(newVal)
+//   newFormData.value.searchType = newVal.searchType;
+//   newFormData.value.softwareName = newVal.softwareName;
+//   getReleaseList();
+// }, { deep: true })
+
+
+// 打开弹框方法
+const handleViewAIModal = (resultId) => {
+  AIModalRef.value.open(resultId); // 传递result_id参数
+};
+
+
+const pager = ref({
+  total: 10,
+  pageIndex: 1,
+  pageSize: 10
+});
+
+// 删除弹窗
+const item = ref('');
+const deleteModal = ref();
+const deletevModels = ref(false);
+const openDelete = (row: any) => {
+  item.value = row;
+  deleteModal.value.showFlag = true;
+  deletevModels.value = true;
+};
+
+const defultColumns = ref([
+  { key: 'softwareName', label: '组件名称', visible: true, filterable: true, sortable: false },
+  { key: 'softwareVersion', label: '组件版本', visible: true, filterable: true, sortable: false },
+  { key: 'trustScore', label: '组件可信等级', visible: true, filterable: false, sortable: true, tooltip: true },
+  // { key: 'securityScore', label: '组件重要性评分', visible: true, filterable: false, sortable: true },
+  { key: 'licenseNum', label: 'License数量', visible: true, filterable: false, sortable: false,width: 140 },
+  { key: 'industryCategory', label: '行业类型', visible: true, filterable: true, sortable: false },
+  { key: 'primaryLanguage', label: '编程语言', visible: true, filterable: true, sortable: false },
+  { key: 'codeLines', label: '代码量', visible: true, filterable: false, sortable: false },
+  { key: 'sourceDownloadUrl', label: '源码包下载地址', visible: true, filterable: false, sortable: false,width: 200 },
+  { key: 'releaseDate', label: '版本发布时间', visible: false, filterable: true, sortable: true,width: 160 },
+  // { key: 'dependencyCount', label: '依赖组件数', visible: false, filterable: false, sortable: false },
+  // { key: 'productComponentUsage', label: '产品成分使用量', visible: false, filterable: false, sortable: false,width: 160 },
+  { key: 'vulnerabilityCount', label: '漏洞数量', visible: false, filterable: false, sortable: false },
+  { key: 'developer', label: '开发商', visible: false, filterable: true, sortable: false },
+  { key: 'contributorCountries', label: '贡献者国家/地区分布', visible: false, filterable: false, sortable: false,width: 200 },
+  { key: 'contributorOrganizations', label: '贡献者组织/公司分布', visible: false, filterable: false, sortable: false,width: 200 },
+  { key: 'communityHash', label: '社区hash值', visible: false, filterable: false, sortable: false,width: 160 },
+  { key: 'copyright', label: 'Copyright', visible: false, filterable: false, sortable: false },
+  {
+    key: 'externalVulnerabilitySource',
+    label: '外部漏洞源的组件名称',
+    visible: false,
+    filterable: true,
+    sortable: false,width: 200
+  },
+  { key: 'versionDescription', label: '版本描述', visible: false, filterable: false, sortable: false },
+  { key: 'compatibilityRisk', label: '兼容性风险描述', visible: false, filterable: false, sortable: false ,width: 160},
+  { key: 'eolDate', label: '社区EOL时间', visible: false, filterable: true, sortable: true,width: 160 }
+]);
+// 定义 columns 数据
+const columns = ref([
+  { key: 'softwareName', label: '组件名称', visible: true, filterable: true, sortable: false },
+  { key: 'softwareVersion', label: '组件版本', visible: true, filterable: true, sortable: false },
+  { key: 'trustScore', label: '组件可信等级', visible: true, filterable: false, sortable: true, tooltip: true },
+  // { key: 'securityScore', label: '组件重要性评分', visible: true, filterable: false, sortable: true },
+  { key: 'licenseNum', label: 'License数量', visible: true, filterable: false, sortable: false,width: 140 },
+  { key: 'industryCategory', label: '行业类型', visible: true, filterable: true, sortable: false },
+  { key: 'primaryLanguage', label: '编程语言', visible: true, filterable: true, sortable: false },
+  { key: 'codeLines', label: '代码量', visible: true, filterable: false, sortable: false },
+  { key: 'sourceDownloadUrl', label: '源码包下载地址', visible: true, filterable: false, sortable: false,width: 200 },
+  { key: 'releaseDate', label: '版本发布时间', visible: false, filterable: true, sortable: true,width: 160 },
+  // { key: 'dependencyCount', label: '依赖组件数', visible: false, filterable: false, sortable: false },
+  // { key: 'productComponentUsage', label: '产品成分使用量', visible: false, filterable: false, sortable: false,width: 160 },
+  { key: 'vulnerabilityCount', label: '漏洞数量', visible: false, filterable: false, sortable: false },
+  { key: 'developer', label: '开发商', visible: false, filterable: true, sortable: false },
+  { key: 'contributorCountries', label: '贡献者国家/地区分布', visible: false, filterable: false, sortable: false,width: 200 },
+  { key: 'contributorOrganizations', label: '贡献者组织/公司分布', visible: false, filterable: false, sortable: false,width: 200 },
+  { key: 'communityHash', label: '社区hash值', visible: false, filterable: false, sortable: false,width: 160 },
+  { key: 'copyright', label: 'Copyright', visible: false, filterable: false, sortable: false },
+  {
+    key: 'externalVulnerabilitySource',
+    label: '外部漏洞源的组件名称',
+    visible: false,
+    filterable: true,
+    sortable: false,width: 200
+  },
+  { key: 'versionDescription', label: '版本描述', visible: false, filterable: false, sortable: false },
+  { key: 'compatibilityRisk', label: '兼容性风险描述', visible: false, filterable: false, sortable: false ,width: 160},
+  { key: 'eolDate', label: '社区EOL时间', visible: false, filterable: true, sortable: true,width: 160 }
+]);
+
+// 定义 showColumnList 状态
+const showColumnList = ref(false);
+// 获取子组件的引用
+const countryModalRef = ref(null);
+const orgModalRef = ref(null);
+
+const getIndustryName = (value) => {
+  const industry = industryList.value.find((item) => item.value === value);
+  return industry ? industry.name : '未知行业'; // 如果找不到，返回默认值
+};
+
+// 清空高级搜索
+const clear = () => {
+  newFormData.value = {
+    licenseName: '',
+    searchType: 'software',
+    softwareName: '',
+    softwareVersion: '',
+    dependentSoftware: '',
+    programmingLanguage: '',
+    interestTag: '',
+    industry: '',
+    dateRange: ['', '']
+  };
+  getReleaseList();
+};
+
+// 打开模态框的方法
+const setDefult = () => {
+  columns.value = defultColumns.value;
+};
+// 打开模态框的方法
+const openCountryModal = () => {
+  if (countryModalRef.value) {
+    countryModalRef.value.openModal(); // 调用子组件的方法
+  }
+};
+// 打开模态框的方法
+const openOrgModal = () => {
+  if (orgModalRef.value) {
+    orgModalRef.value.openModal(); // 调用子组件的方法
+  }
+};
+// 更新 showColumnList 的方法
+const updateTableKey = () => {
+  tableKey.value++; // 更新 tableKey，强制刷新表格
+};
+
+// 更新 showColumnList 的方法
+const updateShowColumnList = (newValue) => {
+  showColumnList.value = newValue;
+  // tableKey.value++; // 更新 tableKey，强制刷新表格
+};
+// 更新 showColumnList 的方法
+const openCountryChart = (row) => {
+  // selectRow.value = row;
+  countryVisible.value = true;
+};
+// 更新 showColumnList 的方法
+const openOrgChart = (row) => {
+  // selectRow.value = row;
+  orgVisible.value = true;
+};
+
+// 跳转
+const gotoDetail = (row) => {
+  // 后续请换成params，暂时params传参没传过去
+  router.push({
+    path: 'repoDetail/' + row.id
+  });
+};
+
+const repoFun = (arr: any) => {
+  return arr ? (arr.length > 3 ? arr.slice(0, 3) : arr) : [];
+};
+
+// 编辑
+const editRow = (row: any) => {
+  // 后续请换成params，暂时params传参没传过去
+  router.push({
+    path: 'cla/edit/' + row.object_id,
+    query: { cla: row.cla, pageType: 'edit' }
+  });
+};
+
+// 确认删除
+const confirmDelete = async (e: any) => {
+  // const res = await reqCatch(deleteGroupCla, { group_id: namespace.value, cla_id: item.value.object_id });
+  // if (!res.error) {
+  //   getGroupClaListData();
+  // }
+};
+
+// 去成员页
+const goMember = (row: any) => {
+  // 后续请换成params，暂时params传参没传过去,注意路由有个:claID
+  router.push({
+    path: 'cla/claId/member',
+    query: { claId: row.object_id, claName: row.cla_name, group_path: namespace.value, pageType: 'edit' }
+  });
+};
+const getGroupClaListData = async () => {
+  // const params = {
+  //   group_id: namespace.value,
+  //   page: pager.value.pageIndex,
+  //   per_page: pager.value.pageSize
+  // };
+  // const res = await reqCatch(getGroupClaList, params);
+  // if (!res.error) {
+  //   tableData.value = res?.data?.data?.content;
+  //   pager.value.total = res.data.data.total;
+  // }
+};
+getGroupClaListData();
+
+const setClaStatus = async (row: any) => {
+  // const params = {
+  //   group_id: namespace.value,
+  //   cla_id: row.object_id,
+  //   status: row.status
+  // };
+  // const res = await reqCatch(setGroupClaStatus, params);
+  // if (!res.error) {
+  //   Message.success('操作成功!');
+  //   getGroupClaListData();
+  // }
+};
+
+const signCla = (row: any) => {
+  router.push('/cla/' + row.object_id);
+};
+
+const getReleaseList = async () => {
+  const { data, error } = await releasePage({
+    softwareName: newFormData.value.softwareName || '',
+    searchType: newFormData.value.searchType || '',
+    softwareVersion: newFormData.value.softwareVersion || '',
+    programmingLanguage: newFormData.value.programmingLanguage || '',
+    interestTag: newFormData.value.interestTag || '',
+    industry: newFormData.value.industry || '',
+    licenseName: newFormData.value.licenseName || '',
+    dependentSoftware: newFormData.value.dependentSoftware || '',
+    releaseDateStart:
+      newFormData.value.dateRange && newFormData.value.dateRange.length > 0 ? newFormData.value.dateRange[0] : '',
+    releaseDateEnd:
+      newFormData.value.dateRange && newFormData.value.dateRange.length > 0 ? newFormData.value.dateRange[1] : '',
+    current: pager.value.pageIndex,
+    size: pager.value.pageSize
+  });
+  if (!error && data) {
+    allTableData.value = data.data.records;
+    tableData.value = data.data.records;
+    pager.value.total = data.data.total;
+
+    console.log(tableData.value);
+  }
+};
+
+const getLanguageList = async () => {
+  const res: any = await searchLanguageList();
+  if (!res.error) {
+    languageList.value = res.data.data;
+  }
+};
+
+onMounted(async () => {
+  // await getLanguageList();
+  newFormData.value.softwareName = route.query.softwareName || '';
+  newFormData.value.searchType = route.query.searchType || '';
+  newFormData.value.softwareVersion = route.query.softwareVersion || '';
+  newFormData.value.programmingLanguage = route.query.programmingLanguage || '';
+  newFormData.value.interestTag = route.query.interestTag || '';
+  newFormData.value.industry = route.query.searchType || '';
+  newFormData.value.licenseName = route.query.licenseName || '';
+  newFormData.value.dependentSoftware = route.query.dependentSoftware || '';
+  newFormData.value.dateRange = [route.query.releaseDateStart || '', route.query.releaseDateEnd || ''];
+  nextTick(() => {
+    getReleaseList();
+  });
+  // getReleaseList();
+});
+
+const exportResult = async () => {
+  const selectDatas = filterTableRef.value.store.getCheckedRows().map((d) => d.id);
+  if (!allTableData.value.length || selectDatas.length <= 0) {
+    Message.info('未选择任何数据');
+    return;
+  }
+
+  const { data, error } = await getReleaseExport({
+    list: selectDatas,
+  });
+  if (data && !error) {
+    // 方法1：如果后端返回的是文件流（Blob）
+    const blob = new Blob([data.data]);
+    const downloadUrl = window.URL.createObjectURL(blob);
+
+    // 创建一个临时的a标签触发下载
+    const link = document.createElement('a');
+    link.href = downloadUrl;
+
+    // 从Content-Disposition头中获取文件名，或者使用默认文件名
+    const contentDisposition = data.headers['content-disposition'];
+    let fileName = 'export.xlsx'; // 默认文件名
+    // if (contentDisposition) {
+    //   const fileNameMatch = contentDisposition.match(/filename="?(.+)"?/);
+    //   if (fileNameMatch && fileNameMatch[1]) {
+    //     fileName = fileNameMatch[1].replace(/^[^0-9]*|[^0-9.xlsx]*$/g, "");
+    //   }
+    // }
+
+    link.setAttribute('download', fileName);
+    document.body.appendChild(link);
+    link.click();
+
+    // 清理
+    document.body.removeChild(link);
+    window.URL.revokeObjectURL(downloadUrl);
+  } else {
+    console.error('导出失败:', error);
+    // 这里可以添加错误提示，比如使用Element Plus的ElMessage
+    // ElMessage.error('文件导出失败');
+  }
+};
+
+// onMounted(() => {
+//   const query: any = route.query;
+//   newFormData.value = {
+//     ...query
+//   };
+// });
+
+// const exportResult = () => {
+//
+//   if (!allTableData.value.length) {
+//     Message.info('暂无结果');
+//     return;
+//   }
+//
+//   const selectDatas = filterTableRef.value.store.getCheckedRows().map((d) => d.id);
+//   if (!allTableData.value.length || selectDatas.length <= 0) {
+//     Message.info('未选择任何数据');
+//     return;
+//   }
+//
+//   const exportData = allTableData.value
+//     .filter((d) => {
+//       return selectDatas.includes(d.id);
+//     })
+//     .map((item) => {
+//       let res = {};
+//       columns.value.forEach((col) => {
+//         if (col.key === 'validStatus') {
+//           res[col.label] = validStatusMap[item[col.key]] ? validStatusMap[item[col.key]] : '';
+//         } else {
+//           res[col.label] = item[col.key] ? item[col.key] : '';
+//         }
+//       });
+//       return res;
+//     });
+//
+//   try {
+//     const workSheet = XLSX.utils.json_to_sheet(exportData);
+//     const workBook: any = { Sheets: { 校验结果: workSheet }, SheetNames: ['校验结果'] };
+//     const excelBuffer = XLSX.write(workBook, { bookType: 'xlsx', type: 'array' });
+//
+//     const link = document.createElement('a');
+//     const blob = new Blob([excelBuffer]);
+//     link.setAttribute('href', window.URL.createObjectURL(blob));
+//     link.setAttribute('download', '组件存在及可信校验结果.xlsx');
+//     link.style.visibility = 'hidden';
+//     document.body.appendChild(link);
+//     link.click();
+//     document.body.removeChild(link);
+//     Message.success('导出成功');
+//   } catch {
+//     Message.error('导出失败');
+//   }
+// };
+</script>
+
+<style scoped lang="scss">
+@import 'devui-theme/styles-var/devui-var.scss';
+
+.secret-container {
+  position: relative;
+  min-height: 600px;
+
+  .secret-op {
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
+}
+
+.error {
+  color: $devui-contrast;
+}
+
+:deep(.devui-table__row td) {
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+:deep(.devui-tag .devui-tag--default) {
+  background-color: #fff;
+  border-radius: 12px;
+  padding: 4px 8px;
+  font-size: 12px;
+  line-height: 16px;
+  margin-right: 8px;
+  border: 1px solid #e3e3ee;
+}
+
+.one-line {
+  word-break: break-all;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.title {
+  font-size: 14px;
+  font-weight: 400;
+  color: #9a9b9c;
+  line-height: 20px;
+}
+
+.cur-title {
+  font-size: 14px;
+  font-weight: 500;
+  color: #2d2d2e;
+  line-height: 20px;
+}
+
+.search-form {
+  position: relative;
+  border-radius: 8px 0px 8px 8px;
+  //background: #F2F5FC;
+
+  .left-btn {
+    position: absolute;
+    right: 28px;
+    bottom: 4px;
+  }
+
+  .output-btn {
+    color: #191919;
+    font-family: HarmonyOS Sans SC;
+    font-weight: regular;
+    font-size: 14px;
+    line-height: 22px;
+    letter-spacing: 0px;
+    text-align: left;
+  }
+
+  .jyh-form-operation {
+    margin-left: 20px !important;
+  }
+}
+
+.secret-breadcrumb {
+  padding: 7px 20px 12px;
+  background: #ffffff;
+}
+
+</style>
diff --git a/src/views/Jyh/KnowledgeHub/Components/VulnerabilityList/VulnerabilityDetail.vue b/src/views/Jyh/KnowledgeHub/Components/VulnerabilityList/VulnerabilityDetail.vue
new file mode 100644
index 0000000..b88bf90
--- /dev/null
+++ b/src/views/Jyh/KnowledgeHub/Components/VulnerabilityList/VulnerabilityDetail.vue
@@ -0,0 +1,367 @@
+<template>
+  <div class="vuln-detail-container">
+    <div class="vuln-title mb-2">
+      <span>漏洞预警详情</span>
+      <div class="vuln-sub-title">
+<!--        <d-button @click="openWarningDetail()" variant="solid">预警发布</d-button>-->
+<!--        <span class="split-line"></span>-->
+        <d-icon name="icon-close" @click="$emit('close')"></d-icon>
+      </div>
+    </div>
+    <Card simple class="jyh-card mb-4">
+      <div class="card-title">漏洞信息</div>
+      <d-row class="mb-3">
+        <d-col :span="12">
+          <span class="card-key width-90">漏洞名称</span>
+          <span class="card-val">{{ valInfos.vulnId || '--' }}</span>
+        </d-col>
+        <d-col :span="12">
+          <span class="card-key width-90">漏洞类型</span>
+          <span class="card-val">{{ valInfos.vulnType || '--' }}</span>
+        </d-col>
+      </d-row>
+      <d-row class="mb-3">
+        <d-col :span="12">
+          <span class="card-key width-90">漏洞时间</span>
+          <span class="card-val">{{
+            valInfos.publishDate ? dayjs(valInfos.publishDate).format('YYYY-MM-DD') : '--'
+          }}</span>
+        </d-col>
+        <d-col :span="12">
+          <span class="card-key width-90">严重程度</span>
+          <span class="card-val" v-if="tagMap[valInfos.severity]">
+            <d-tag :color="tagMap[valInfos.severity].color" size="sm">{{ tagMap[valInfos.severity].text }}</d-tag>
+          </span>
+        </d-col>
+      </d-row>
+    </Card>
+    <Card simple class="jyh-card mb-4">
+      <div class="card-title">漏洞影响的软件列表</div>
+      <d-row class="mb-3">
+        <d-col :span="24">
+          <div v-if="componentsLists.length>0">
+            <d-table
+              class="jyh-table jyh-table-2"
+              :header-bg="true"
+              :data="componentsLists"
+              :span-method="spanMethod"
+            >
+              <d-column field="effectedComponentName" header="软件名称"  show-overflow-tooltip></d-column>
+              <d-column field="effectedComponentVersion" header="软件版本及范围"  show-overflow-tooltip></d-column>
+              <d-column field="isCriticalInfrastructureComponent" header="是否用户订阅"  width="140" align="center">
+                <template #default="scope">
+                  <div class="text-center" v-if="scope.row.isCriticalInfrastructureComponent==='是'">
+                    <d-icon name="icon-right-o" style="font-size: 14px; color: rgb(80, 212, 171)"></d-icon>
+                  </div>
+
+                  <div class="text-center" v-else>
+                    <d-icon name="icon-error-o" style="font-size: 14px; color: rgb(246, 111, 106)"></d-icon>
+                  </div>
+                </template>
+              </d-column>
+              <!--            <d-column field="fixVersion" header="补丁版本"></d-column>-->
+              <!--            <d-column field="fixIssue" header="修复建议" show-overflow-tooltip></d-column>-->
+              <template #empty>
+                <NoData :small="false"></NoData>
+              </template>
+            </d-table>
+            <div class="mt-20 mb-20 flex justify-end" >
+              <d-pagination
+                style="display: inline-flex"
+                :total="pager.total"
+                v-model:pageSize="pager.pageSize"
+                v-model:pageIndex="pager.pageIndex"
+                :can-view-total="true"
+                :can-change-page-size="true"
+                :can-jump-page="true"
+                :max-items="5"
+                total-item-text="总计"
+                @page-index-change="getComponentsList"
+                @page-size-change="getComponentsList"
+              />
+            </div>
+          </div>
+          <NoData v-else :small="false"></NoData>
+        </d-col>
+      </d-row>
+    </Card>
+<!--    <Card simple class="jyh-card mb-4">-->
+<!--      <div class="card-title">受影响的开源软件是否出库？</div>-->
+<!--      <d-row class="mb-3">-->
+<!--        <d-col :span="24">-->
+<!--          <d-radio-group direction="row" v-model="isOut" @change="onStorageStartTask">-->
+<!--            <d-radio :value="2">出库</d-radio>-->
+<!--            <d-radio :value="1">不出库</d-radio>-->
+<!--          </d-radio-group>-->
+<!--        </d-col>-->
+<!--      </d-row>-->
+<!--    </Card>-->
+<!--    <Card simple class="jyh-card mb-4">-->
+<!--      <div class="card-title">预警订阅人员列表</div>-->
+<!--      <d-row class="mb-3">-->
+<!--        <d-col :span="24">-->
+<!--          <d-table class="jyh-table jyh-table-2" :header-bg="true" :data="alertsUsersLists">-->
+<!--            <d-column field="username" header="订阅人"></d-column>-->
+<!--            <d-column field="method" header="订阅方式"></d-column>-->
+<!--            <d-column field="notifiedStatus" header="通知状态">-->
+<!--              <template #default="scope, text">-->
+<!--                <d-tag v-if="scope.row.notifiedStatus === 0" type="danger" size="sm">未通知</d-tag>-->
+<!--                <d-tag v-if="scope.row.notifiedStatus === 1" type="success" size="sm">已通知</d-tag>-->
+<!--              </template>-->
+<!--            </d-column>-->
+<!--            <template #empty>-->
+<!--              <NoData :small="false"></NoData>-->
+<!--            </template>-->
+<!--          </d-table>-->
+<!--          &lt;!&ndash; <div class="invitation-pagination">-->
+<!--            <d-pagination-->
+<!--              style="display: inline-flex"-->
+<!--              :total="subscribePager.total"-->
+<!--              v-model:pageSize="subscribePager.pageSize"-->
+<!--              v-model:pageIndex="subscribePager.pageIndex"-->
+<!--              :can-view-total="true"-->
+<!--              :can-change-page-size="true"-->
+<!--              :can-jump-page="true"-->
+<!--              :max-items="5"-->
+<!--            />-->
+<!--          </div> &ndash;&gt;-->
+<!--        </d-col>-->
+<!--      </d-row>-->
+<!--    </Card>-->
+  </div>
+
+  <d-modal class="warning-modal" v-model="warningModalVisable" title="">
+    <EarlyWarningDetail
+      @close="colseWarningDetail"
+      :softwareId="valInfos.softwareId"
+      :valInfos="valInfos"
+      :softwareIds="softwareIds"
+      :isStartOutTask="isOut"
+      type="system"
+    ></EarlyWarningDetail>
+  </d-modal>
+</template>
+
+<script setup lang="ts">
+import NoData from '@/components/NoData/NoData.vue';
+import dayjs from 'dayjs';
+import {
+  getVulnAffected,
+  getVulnDetail,
+  getVulnerabilitiesAlertsUsers,
+  getVulnerabilitiesComponents,
+  getVulnerabilitiesDetails,
+  getVulnPatch,
+  storageStartOutTask
+} from '@/api/repo';
+import { computed, onMounted, ref, shallowReactive } from 'vue';
+import EarlyWarningDetail from '@/views/Jyh/PersonalCenter/Detail/EarlyWarningDetail.vue';
+import { Message } from 'vue-devui/message';
+
+const tagMap = {
+  Critical: {
+    text: '致命',
+    color: '#c7000b'
+  },
+  High: {
+    text: '高',
+    color: '#f66f6a'
+  },
+  Medium: {
+    text: '中',
+    color: '#fac20a'
+  },
+  Low: {
+    text: '低',
+    color: '#5e7ce0'
+  },
+  high: {
+    text: '高',
+    color: '#f66f6a'
+  },
+  medium: {
+    text: '中',
+    color: '#fac20a'
+  },
+  low: {
+    text: '低',
+    color: '#5e7ce0'
+  }
+};
+const subscribePager = shallowReactive({
+  total: 1,
+  pageIndex: 1,
+  pageSize: 10,
+  pageSizeOptions: [10, 20, 30, 40, 50]
+});
+const isOut = ref(1);
+const propsData = defineProps(['vulnId']);
+
+const warningModalVisable = ref(false);
+
+const softwareIds = computed(() => {
+  let arr = [];
+  alertsUsersLists.value?.map(i=>{
+    if(i.notifiedStatus==0) {
+      if(!arr.includes(i.softwareId)) {
+        arr.push(i.softwareId)
+      }
+    }
+  })
+  return arr;
+});
+
+const openWarningDetail = () => {
+  if(valInfos.value?.effectedComponents.length>0&&softwareIds.value.length>0) {
+    warningModalVisable.value = true;
+  } else {
+    Message.warning('当前暂无需要通知的用户');
+  }
+};
+const colseWarningDetail = () => {
+  warningModalVisable.value = false;
+};
+
+const onStorageStartTask = async (e) => {
+  if (!valInfos.value?.softwareId) return;
+  await storageStartOutTask({
+    softwareId: valInfos.value?.softwareId,
+    taskType: isOut.value
+  });
+};
+
+const severityMap = {
+  high: '高',
+  medium: '中',
+  low: '低'
+};
+
+const valInfos: any = ref({});
+const componentsLists: any = ref([]);
+const alertsUsersLists: any = ref([]);
+
+const getComponentsList = async () => {
+  const response  = await getVulnerabilitiesComponents({
+    id:propsData.vulnId,
+    current: pager.value.pageIndex,
+    size:  pager.value.pageSize
+  });
+  debugger
+  if (response.data.data.code === 200) {
+    // 假设接口返回格式为 { code, data: { records, total } }
+    componentsLists.value = response.data.data.data.records || [];
+    pager.value.total = response.data.data.data.total || 0;
+  } else {
+    // Message.error('获取组件列表失败');
+    componentsLists.value = [];
+    pager.value.total = 0;
+  }
+}
+
+onMounted(async () => {
+  const _valInfos = await getVulnerabilitiesDetails(propsData.vulnId);
+  const _alertsUsersLists = await getVulnerabilitiesAlertsUsers(propsData.vulnId);
+  valInfos.value = _valInfos?.data?.data?.data;
+  alertsUsersLists.value = _alertsUsersLists?.data?.data?.data?.map((user) => {
+    const alertMethod = JSON.parse(user.alertTypeExt ?? '{}');
+    let method = '';
+    if (alertMethod.webSwitch) {
+      method = '站内通知';
+    } else if (alertMethod.emailSwitch) {
+      method = '邮件';
+    } else if (alertMethod.mobileSwitch) {
+      method = '短信';
+    }
+    return {
+      ...user,
+      method
+    };
+  });
+  await getComponentsList()
+});
+
+const pager = ref({
+  total: 0,
+  pageIndex: 1,
+  pageSize: 10
+});
+
+// 分页事件处理
+function onPageIndexChange(newPageIndex) {
+  pager.value.pageIndex = newPageIndex;
+}
+
+function onPageSizeChange(newPageSize) {
+  // 重置页码为1
+  pager.value.pageIndex = 1;
+  pager.value.pageSize = newPageSize;
+}
+
+
+</script>
+
+<style scoped lang="scss">
+.vuln-detail-container {
+  width: 800px;
+  padding: 20px;
+
+  .vuln-title {
+    color: #191919;
+    font-family: HarmonyOS Sans SC;
+    font-weight: 400;
+    font-size: 18px;
+    display: flex;
+    justify-content: space-between;
+  }
+
+  .vuln-sub-title {
+    color: #191919;
+    font-family: HarmonyOS Sans;
+    font-weight: regular;
+    font-size: 12px;
+    line-height: 20px;
+    letter-spacing: 0px;
+    text-align: left;
+
+    .split-line {
+      width: 1px;
+      display: inline-block;
+      line-height: 16px;
+      height: 16px;
+      vertical-align: middle;
+      margin: 0 8px;
+      background-color: #eef0f5;
+    }
+
+    .release-time {
+      color: #808080;
+    }
+  }
+
+  .card-val {
+    display: inline-block;
+    width: calc(100% - 90px);
+    vertical-align: top;
+  }
+
+  .invitation-pagination {
+    padding: 12px 0;
+    text-align: right;
+  }
+}
+</style>
+
+<style lang="scss">
+.warning-modal {
+  width: auto;
+
+  .devui-modal__header {
+    font-size: 20px;
+    height: auto !important;
+  }
+
+  .devui-modal__body {
+    padding: 0;
+  }
+}
+</style>
diff --git a/src/views/Jyh/KnowledgeHub/Components/VulnerabilityList/effectedComponents.vue b/src/views/Jyh/KnowledgeHub/Components/VulnerabilityList/effectedComponents.vue
new file mode 100644
index 0000000..3287633
--- /dev/null
+++ b/src/views/Jyh/KnowledgeHub/Components/VulnerabilityList/effectedComponents.vue
@@ -0,0 +1,329 @@
+<template>
+  <d-modal style="width: 1200px" v-model="visible" @close="close" class="software-modal">
+    <template #header>
+      <gc-modal-header>
+        <span class="text-G900 text-base font-bold leading-[24px]">受影响软件清单</span>
+      </gc-modal-header>
+      <div class="line bg-G200"></div>
+    </template>
+    <d-row class="mb-3">
+      <d-col :span="24">
+        <!-- 批量预警按钮（保留） -->
+        <div class="mb-4 flex justify-start">
+          <d-button
+            variant="solid"
+            color="primary"
+            @click="batchPublishWarning"
+            :disabled="selectedRows.length === 0"
+          >
+            批量预警
+          </d-button>
+          <span class="ml-3 text-G600" v-if="selectedRows.length > 0">
+            已选中 {{ selectedRows.length }} 条数据
+          </span>
+        </div>
+
+        <div v-if="componentsLists.length > 0">
+          <d-table
+            ref="tableRef"
+          class="jyh-table jyh-table-2"
+          :header-bg="true"
+          :data="componentsLists"
+          :span-method="spanMethod"
+          row-key="effectedComponentVersion"
+          @check-change="handleCheckChange"
+          @check-all-change="handleCheckAllChange"
+          >
+            <!-- 1. 新增：复选框列（DevUI标准选中入口） -->
+            <d-column
+              type="checkable"
+              width="40"
+            reserve-check
+            ></d-column>
+
+            <!-- 原有列（保持不变） -->
+            <d-column field="effectedSoftwareName" header="应用名称" show-overflow-tooltip width="200"></d-column>
+            <d-column field="effectedComponentName" header="组件名称" show-overflow-tooltip width="200"></d-column>
+            <d-column field="effectedComponentVersion" header="版本及范围" show-overflow-tooltip width="200"></d-column>
+            <d-column field="develop" header="组件开发者" show-overflow-tooltip width="180"></d-column>
+            <d-column field="responsibleTeam" header="责任单位" show-overflow-tooltip width="180"></d-column>
+            <d-column header="操作" fixed-right="0px" width="160">
+              <template #default="scope">
+                <a class="devui-link mr-[8px]" @click="openWarningDetail(scope.row)">发布预警</a>
+              </template>
+            </d-column>
+          </d-table>
+
+          <!-- 分页组件（保留，新增选中状态重置逻辑） -->
+          <div class="mt-20 mb-20 flex justify-end">
+            <d-pagination
+              size="md"
+              :total="pager.total"
+              v-model:pageSize="pager.pageSize"
+              v-model:pageIndex="pager.pageIndex"
+              :can-view-total="true"
+              :can-change-page-size="true"
+              :can-jump-page="true"
+              :max-items="5"
+              total-item-text="总计"
+              @page-index-change="handlePageChange"
+            @page-size-change="handlePageChange"
+            />
+          </div>
+        </div>
+        <NoData v-else :small="false"></NoData>
+      </d-col>
+    </d-row>
+    <template #footer>
+      <div class="flex justify-end px-[24px] pb-[24px] gap-2">
+        <d-button @click="handleCancel">取消</d-button>
+        <d-button variant="solid" :disabled="disabled" @click="handleConfirm">确定</d-button>
+      </div>
+    </template>
+
+<!--    <EarlyWarningDetail :warningData="currentWarning" type="system" @refresh="getAlertSubscribesPage"></EarlyWarningDetail>-->
+
+  </d-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import NoData from '@/components/NoData/NoData.vue';
+import { getVulnerabilitiesComponents } from '@/api/repo';
+import { Message } from 'vue-devui/message';
+import { useGlobalInfoStore } from '@/stores/Global';
+import { getNoticeAdd } from '@/api/jyh';
+const globalStore = useGlobalInfoStore();
+
+// -------------------------- 1. 核心状态调整 --------------------------
+const tableRef = ref(null); // 新增：表格Ref，用于主动操作（如清空选中）
+const vulnId = ref('');
+const vulnRow = ref({});
+const visible = ref(false);
+const componentsLists = ref([]);
+const disabled = ref(false);
+const pager = ref({ total: 0, pageIndex: 1, pageSize: 10 });
+const warningData = ref({});
+const currentWarning = ref();
+const selectedRows = ref([]); // 存储选中的行数据（核心）
+
+// 暴露给父组件的方法
+defineExpose({ open, close, setDisabled });
+
+// -------------------------- 2. 选中功能核心逻辑（适配DevUI标准） --------------------------
+/**
+ * 可选：控制行是否允许选中（如过滤特定责任单位的行）
+ * @param row 当前行数据
+ * @param rowIndex 行索引
+ * @returns 是否允许选中
+ */
+const isRowCheckable = (row, rowIndex) => {
+  // 示例：所有行都允许选中（可自定义条件，如 row.responsibleUnit === '信支工程大学'）
+  return true;
+};
+
+/**
+ * 单选事件（DevUI标准事件：@check-change）
+ * @param checked 当前行是否选中（boolean）
+ * @param row 当前行数据（object）
+ * @param selection 所有选中的行数据（array）
+ */
+// 复选框选中状态变化
+const handleCheckChange = (checked, row, selection) => {
+  if (checked) {
+    if (!selectedRows.value.some(r => r.effectedComponentVersion === row.effectedComponentVersion)) {
+      selectedRows.value.push(row);
+    }
+  } else {
+    selectedRows.value = selectedRows.value.filter(r => r.effectedComponentVersion !== row.effectedComponentVersion);
+  }
+};
+
+// 全选状态变化
+const handleCheckAllChange = (checked, selection) => {
+  if (checked) {
+    selectedRows.value = [...selection];
+  } else {
+    selectedRows.value = [];
+  }
+};
+
+// -------------------------- 3. 分页事件调整（重置选中状态） --------------------------
+/**
+ * 分页切换事件（统一处理页码/页大小变化）
+ */
+const handlePageChange = async () => {
+  // 分页切换时，清空上一页的选中状态（避免跨页残留）
+  selectedRows.value = [];
+  // 若需要保留跨页选中，可通过 tableRef 操作：tableRef.value.store.clearSelection()
+  await getComponentsList();
+};
+
+// -------------------------- 4. 原有业务逻辑（保持不变，仅适配选中数据） --------------------------
+/**
+ * 单条发布预警
+ */
+const openWarningDetail = async (row) => {
+  currentWarning.value = row;
+  // Message.success(`已为【${row.softName}】发布预警`);
+  const { data } = await getNoticeAdd({
+    "softwareId": [row?.effectedSoftwareId],
+    "username": globalStore.currentRoleKey,
+    "vulId": row?.vulnId,
+  }).catch((err) => {
+    Message({
+      type: 'error',
+      message: '预警发送失败，请重试'
+    });
+  });
+  if(data.ok) {
+    Message({
+      type: 'success',
+      message: '预警发送成功'
+    });
+  }
+};
+
+/**
+ * 批量发布预警
+ */
+const batchPublishWarning = async () => {
+  if (selectedRows.value.length === 0) {
+    Message.warning('请先选择需要发布预警的数据');
+    return;
+  }
+  const { data } = await getNoticeAdd({
+    "softwareId": selectedRows.value.map(i=>i.effectedSoftwareId),
+    "username": globalStore.currentRoleKey,
+    "vulId": selectedRows.value[0]?.vulnId,
+  }).catch((err) => {
+    Message({
+      type: 'error',
+      message: '预警发送失败，请重试'
+    });
+  });
+  if(data.ok) {
+    Message({
+      type: 'success',
+      message: '预警发送成功'
+    });
+    // // 批量预警后，主动清空表格选中状态（联动UI）
+    // if (tableRef.value) {
+    //   tableRef.value.store.clearSelection();
+    // }
+    // selectedRows.value = [];
+  }
+};
+
+/**
+ * 获取组件列表（模拟数据+真实接口）
+ */
+const getComponentsList = async () => {
+  if (vulnRow.value.vulnId === 'CVE-2025-27507') {
+    // 模拟数据（保持不变）
+    componentsLists.value = [
+      {
+        id: '1',
+        softName: '军工供应链管理系统 V2.0',
+        effectedComponentName: 'Apache Commons Text',
+        effectedComponentVersion: '1.9 - 1.11.0（含）',
+        coder: 'Apache软件基金会',
+        responsibleUnit: '信支工程大学'
+      },
+      {
+        id: '2',
+        softName: '高校科研项目管理平台',
+        effectedComponentName: 'Log4j',
+        effectedComponentVersion: '2.0 - 2.14.1（含）',
+        coder: 'Apache软件基金会',
+        responsibleUnit: '华中科技大学'
+      },
+      {
+        id: '3',
+        softName: '军工代码审计系统 V3.5',
+        effectedComponentName: 'Jackson Databind',
+        effectedComponentVersion: '2.9.0 - 2.15.2（含）',
+        coder: 'FasterXML',
+        responsibleUnit: '信支工程大学'
+      },
+      {
+        id: '4',
+        softName: '高校教学管理系统 V5.0',
+        effectedComponentName: 'Spring Framework',
+        effectedComponentVersion: '5.3.0 - 5.3.23（含）',
+        coder: 'Pivotal Software',
+        responsibleUnit: '武汉大学'
+      }
+    ];
+    pager.value.total = componentsLists.value.length;
+  } else {
+    // 真实接口逻辑（保持不变）
+    const response = await getVulnerabilitiesComponents({
+      id: vulnId.value,
+      current: pager.value.pageIndex,
+      size: pager.value.pageSize
+    });
+    if (response.data.data.code === 200) {
+      componentsLists.value = response.data.data.data.records?.map(item => ({
+        ...item,
+        coder: item.coder || '未知',
+        responsibleUnit: item.responsibleUnit || '未知单位'
+      })) || [];
+      pager.value.total = response.data.data.data.total || 0;
+    } else {
+      componentsLists.value = [];
+      pager.value.total = 0;
+    }
+  }
+};
+
+/**
+ * 打开/关闭模态框（重置选中状态）
+ */
+async function open(row) {
+  if (row.id || row.vulnId) {
+    vulnId.value = row.id;
+    vulnRow.value = row;
+    selectedRows.value = []; // 重置选中
+    await getComponentsList();
+    visible.value = true;
+  }
+}
+
+function close() {
+  componentsLists.value = [];
+  pager.value = { total: 0, pageIndex: 1, pageSize: 10 };
+  vulnId.value = '';
+  vulnRow.value = {};
+  selectedRows.value = []; // 清空选中
+  // if (tableRef.value) {
+  //   tableRef.value.store.clearSelection(); // 联动表格UI清空
+  // }
+  visible.value = false;
+}
+
+// 其他原有方法（保持不变）
+function setComponentsList(list) { componentsLists.value = list; }
+function setDisabled(isDisabled) { disabled.value = isDisabled; }
+function handleConfirm() { close(); }
+function handleCancel() { close(); }
+</script>
+
+<style lang="scss" scoped>
+.software-modal {
+  width: 1200px !important;
+}
+
+:deep(.devui-btn) {
+  margin-bottom: 8px;
+}
+
+:deep(.devui-table-cell) {
+  white-space: nowrap;
+}
+
+// 可选：调整复选框列样式（与表格对齐）
+:deep(.devui-table-checkable-column) {
+  text-align: center;
+}
+</style>
diff --git a/src/views/Jyh/KnowledgeHub/Components/VulnerabilityList/index.vue b/src/views/Jyh/KnowledgeHub/Components/VulnerabilityList/index.vue
new file mode 100644
index 0000000..8a0075b
--- /dev/null
+++ b/src/views/Jyh/KnowledgeHub/Components/VulnerabilityList/index.vue
@@ -0,0 +1,376 @@
+<template>
+  <div class="page-wrap">
+    <!-- <h1 class="page-title">{{ title }}</h1> -->
+    <div class="search-form">
+      <!--      <d-search-->
+      <!--        icon-position="left"-->
+      <!--        @search="search"-->
+      <!--        v-model="vulnId"-->
+      <!--        style="width: 400px"-->
+      <!--        placeholder="请输入漏洞编号"-->
+      <!--      ></d-search>-->
+      <d-form layout="horizontal" :label-align="'end'">
+        <d-row :gutter="16">
+          <d-col :span="6">
+            <d-form-item field="vulnId" label="漏洞编号">
+              <d-input placeholder="请输入漏洞编号" v-model="newFormData.vulnId" />
+            </d-form-item>
+          </d-col>
+          <d-col :span="6">
+            <d-form-item field="severity" label="严重程度">
+              <d-select
+                :key="newFormData.severity"
+                :options="tagArray"
+                :allow-clear="true"
+                v-model="newFormData.severity"
+                placeholder="请选择严重程度"
+              ></d-select>
+            </d-form-item>
+          </d-col>
+          <d-col :span="6">
+            <d-form-item field="affectedComponentCount" label="受影响软件数">
+              <d-input-number style="width: 100%;background: #ffffff" :min="0" :max="100" placeholder="请输入受影响软件数" :allowEmpty="true" v-model="newFormData.affectedComponentCount" />
+            </d-form-item>
+          </d-col>
+        </d-row>
+      </d-form>
+      <div class="jyh-form-operation">
+        <d-button @click="getList(1)" class="mr-2" variant="solid">搜索</d-button>
+        <d-button variant="solid" color="secondary" @click="clear">清空</d-button>
+      </div>
+    </div>
+    <Card class="mt-3">
+      <d-table :show-loading="loading" class="jyh-table" :data="dataLists" v-if="dataLists.length > 0" table-layout="auto">
+        <d-column type="index" width="40"></d-column>
+        <d-column field="vulnId" header="漏洞编号"></d-column>
+        <d-column field="vulnType" header="漏洞类型"></d-column>
+        <d-column field="publishDate" header="漏洞发布时间">
+          <template #default="scope">
+            {{ scope.row.publishDate
+            ? dayjs(scope.row.publishDate).add(5, 'month').format('YYYY-MM-DD HH:mm:ss')
+            : '--'
+            }}
+          </template>
+        </d-column>
+        <d-column field="severity" header="严重程度">
+          <template #default="scope">
+            <span class="card-val" v-if="tagMap[scope.row.severity]">
+              <d-tag :color="tagMap[scope.row.severity].color" size="sm">{{ tagMap[scope.row.severity].text }}</d-tag>
+            </span></template
+          >
+        </d-column>
+        <d-column field="effectedComponentCount" header="受影响软件清单">
+          <template #default="scope">
+            <!--TODO:将受影响软件清单数量改为十个以下-->
+            <a v-if="scope.row.vulnId==='CVE-2025-27507'" class="devui-link" @click="showModal(scope.row)">4个</a>
+            <a v-else class="devui-link" @click="showModal(scope.row)">{{scope.row.effectedComponentCount? String(scope.row.effectedComponentCount)[0]:'0'}}个</a>
+          </template>
+        </d-column>
+        <d-column header="操作" fixed-right="0px" width="130">
+          <template #default="scope">
+            <a class="devui-link" style="margin-right: 8px" @click="openVulnDetail(scope.row)">详情</a>
+            <d-button @click="handleViewAIModal(scope.row)" variant="text" color="primary"> AI问答 </d-button>
+          </template>
+        </d-column>
+      </d-table>
+      <NoData v-else :small="false"></NoData>
+      <div class="mt-20 mb-20 flex justify-end" v-if="dataLists.length > 0">
+        <d-pagination
+          size="md"
+          :page-size-options="[10, 20, 50]"
+          :total="pager.total"
+          v-model:pageSize="pager.pageSize"
+          v-model:pageIndex="pager.pageIndex"
+          :max-items="5"
+          :can-change-page-size="true"
+          :can-view-total="true"
+          total-item-text="总计"
+          @page-index-change="getList()"
+          @page-size-change="getList()"
+        />
+      </div>
+    </Card>
+  </div>
+
+  <!-- 漏洞详情 -->
+  <d-drawer v-model="vulnDetailVisable" style="width: auto">
+    <VulnerabilityDetail :vulnId="currentVuln.id" @close="colseVulnDetail"></VulnerabilityDetail>
+  </d-drawer>
+
+  <AIModal ref="AIModalRef" />
+  <EffectedComponents ref="modalRef" />
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted, ref } from 'vue';
+import { useRoute } from 'vue-router';
+import VulnerabilityDetail from './VulnerabilityDetail.vue';
+import EffectedComponents from './effectedComponents.vue';
+import { alertsPage } from '@/api/jyh/home';
+import dayjs from 'dayjs';
+import NoData from '@/components/NoData/NoData.vue';
+import AIModal from '../AIModal.vue';
+import { getVulnerabilitiespage } from '@/api/repo';
+const route = useRoute();
+const title = computed(() => route.meta?.reportTitle || '漏洞感知列表');
+const pager = ref({
+  total: 10,
+  pageIndex: 1,
+  pageSize: 10
+});
+
+const newFormData = ref({
+  vulnId: '',
+  affectedComponentCount: '',
+  severity: '',
+});
+
+const loading = ref(false);
+const AIModalRef = ref(null);
+
+
+// 清空高级搜索
+const clear = () => {
+  newFormData.value = {
+    vulnId: '',
+    affectedComponentCount: '',
+    severity: '',
+  };
+  getList();
+};
+
+const tagMap = {
+  Critical: {
+    text: '致命',
+    color: '#c7000b'
+  },
+  High: {
+    text: '高',
+    color: '#f66f6a'
+  },
+  Medium: {
+    text: '中',
+    color: '#fac20a'
+  },
+  Low: {
+    text: '低',
+    color: '#5e7ce0'
+  },
+  critical: {
+    text: '致命',
+    color: '#c7000b'
+  },
+  high: {
+    text: '高',
+    color: '#f66f6a'
+  },
+  medium: {
+    text: '中',
+    color: '#fac20a'
+  },
+  low: {
+    text: '低',
+    color: '#5e7ce0'
+  }
+};
+
+const tagArray = [
+  { value: 'critical', name: '致命' },
+  { value: 'high', name: '高' },
+  { value: 'medium', name: '中' },
+  { value: 'low', name: '低' }
+]
+
+const vulnDetailVisable = ref(false);
+const currentVuln = ref();
+const openVulnDetail = (row) => {
+  vulnDetailVisable.value = true;
+  currentVuln.value = row;
+};
+
+
+const modalRef = ref(null);
+
+function showModal(row) {
+  if (modalRef.value) {
+    modalRef.value.setDisabled(false);
+    modalRef.value.open(row);
+  }
+}
+
+// 打开弹框方法
+const handleViewAIModal = (resultId) => {
+  AIModalRef.value.open(resultId); // 传递result_id参数
+};
+
+const colseVulnDetail = () => {
+  vulnDetailVisable.value = false;
+};
+const vulnId = ref('');
+const dataLists = ref([]);
+const getList = async (current) => {
+  loading.value = true
+  if(current) pager.value.pageIndex=current;
+  const { data } = await getVulnerabilitiespage({
+    vulnId:  newFormData.value.vulnId,
+    current: current || pager.value.pageIndex,
+    affectedComponentCount: newFormData.value.affectedComponentCount,
+    severity: newFormData.value.severity,
+    size: pager.value.pageSize
+  }).finally(()=>{
+    loading.value = false
+  });
+  dataLists.value = data?.data?.data?.records || [
+    {
+      "id": 184783,
+      "taskId": null,
+      "softwareId": null,
+      "componentId": null,
+      "vulnId": "CVE-2024-31585",
+      "cweId": "CWE-193",
+      "severity": "medium",
+      "vulnType": "CVE",
+      "cvssScore": 5.3,
+      "attackVector": null,
+      "attackComplexity": null,
+      "userInteraction": null,
+      "privilegesRequired": null,
+      "exploitabilityScore": null,
+      "impactScore": null,
+      "description": "FFmpeg version n5.1 to n6.1 was discovered to contain an Off-by-one Error vulnerability in libavfilter/avf_showspectrum.c. This vulnerability allows attackers to cause a Denial of Service (DoS) via a crafted input.",
+      "extraInfo": "{\"refs\": [\"https://gist.github.com/1047524396/dc2c64ffe0c3934a6176bcd2c5cf5656\", \"https://github.com/FFmpeg/FFmpeg/commit/81df787b53eb5c6433731f6eaaf7f2a94d8a8c80\", \"https://github.com/ffmpeg/ffmpeg/commit/ab0fdaedd1e7224f7e84ea22fcbfaa4ca75a6c06\", \"https://lists.fedoraproject.org/archives/list/package-announce%40lists.fedoraproject.org/message/6G7EYH2JAK5OJPVNC6AXYQ5K7YGYNCDN/\", \"https://lists.fedoraproject.org/archives/list/package-announce%40lists.fedoraproject.org/message/IPETICRXUOGRIM4U3BCRTIKE3IZWCSBT/\", \"https://lists.fedoraproject.org/archives/list/package-announce%40lists.fedoraproject.org/message/LE3ASLH6QF2E5OVJI5VA3JSEPJFFFMNY/\"]}",
+      "fixIssue": null,
+      "patchLink": null,
+      "source": "HUST",
+      "publishDate": "2024-04-17T19:15:08.000+00:00",
+      "fixVersion": null,
+      "exploitability": null,
+      "createTime": "2025-10-14T21:00:03.000+00:00",
+      "updateTime": "2025-10-14T21:00:03.000+00:00",
+      "componentName": null,
+      "componentVersion": null,
+      "effectedComponentCount": null,
+      "effectedComponents": null
+    },
+    {
+      "id": 184780,
+      "taskId": null,
+      "softwareId": null,
+      "componentId": null,
+      "vulnId": "CVE-2024-31578",
+      "cweId": null,
+      "severity": "high",
+      "vulnType": "CVE",
+      "cvssScore": 7.5,
+      "attackVector": null,
+      "attackComplexity": null,
+      "userInteraction": null,
+      "privilegesRequired": null,
+      "exploitabilityScore": null,
+      "impactScore": null,
+      "description": "FFmpeg version n6.1.1 was discovered to contain a heap use-after-free via the av_hwframe_ctx_init function.",
+      "extraInfo": "{\"refs\": [\"https://github.com/ffmpeg/ffmpeg/commit/3bb00c0a420c3ce83c6fafee30270d69622ccad7\", \"https://gist.github.com/1047524396/45400cce5859d78dcd3a62010df8d179\", \"https://lists.fedoraproject.org/archives/list/package-announce%40lists.fedoraproject.org/message/LE3ASLH6QF2E5OVJI5VA3JSEPJFFFMNY/\", \"https://lists.fedoraproject.org/archives/list/package-announce%40lists.fedoraproject.org/message/IPETICRXUOGRIM4U3BCRTIKE3IZWCSBT/\", \"https://lists.fedoraproject.org/archives/list/package-announce%40lists.fedoraproject.org/message/6G7EYH2JAK5OJPVNC6AXYQ5K7YGYNCDN/\"]}",
+      "fixIssue": null,
+      "patchLink": null,
+      "source": "HUST",
+      "publishDate": "2024-04-17T14:15:08.000+00:00",
+      "fixVersion": null,
+      "exploitability": null,
+      "createTime": "2025-10-14T21:00:03.000+00:00",
+      "updateTime": "2025-10-14T21:00:03.000+00:00",
+      "componentName": null,
+      "componentVersion": null,
+      "effectedComponentCount": 1,
+      "effectedComponents": null
+    },
+    {
+      "id": 184781,
+      "taskId": null,
+      "softwareId": null,
+      "componentId": null,
+      "vulnId": "CVE-2024-31578",
+      "cweId": null,
+      "severity": "high",
+      "vulnType": "CVE",
+      "cvssScore": 7.5,
+      "attackVector": null,
+      "attackComplexity": null,
+      "userInteraction": null,
+      "privilegesRequired": null,
+      "exploitabilityScore": null,
+      "impactScore": null,
+      "description": "FFmpeg version n6.1.1 was discovered to contain a heap use-after-free via the av_hwframe_ctx_init function.",
+      "extraInfo": "{\"refs\": [\"https://github.com/ffmpeg/ffmpeg/commit/3bb00c0a420c3ce83c6fafee30270d69622ccad7\", \"https://gist.github.com/1047524396/45400cce5859d78dcd3a62010df8d179\", \"https://lists.fedoraproject.org/archives/list/package-announce%40lists.fedoraproject.org/message/LE3ASLH6QF2E5OVJI5VA3JSEPJFFFMNY/\", \"https://lists.fedoraproject.org/archives/list/package-announce%40lists.fedoraproject.org/message/IPETICRXUOGRIM4U3BCRTIKE3IZWCSBT/\", \"https://lists.fedoraproject.org/archives/list/package-announce%40lists.fedoraproject.org/message/6G7EYH2JAK5OJPVNC6AXYQ5K7YGYNCDN/\"]}",
+      "fixIssue": null,
+      "patchLink": null,
+      "source": "HUST",
+      "publishDate": "2024-04-17T14:15:08.000+00:00",
+      "fixVersion": null,
+      "exploitability": null,
+      "createTime": "2025-10-14T21:00:03.000+00:00",
+      "updateTime": "2025-10-14T21:00:03.000+00:00",
+      "componentName": null,
+      "componentVersion": null,
+      "effectedComponentCount": null,
+      "effectedComponents": null
+    }
+  ];
+  pager.value.total = data.data.data?.total;
+};
+onMounted(() => {
+  getList();
+});
+
+const search = () => {
+  pager.value.pageIndex = 1;
+  getList();
+};
+</script>
+
+<style scoped lang="scss">
+@import 'devui-theme/styles-var/devui-var.scss';
+.page-wrap {
+  margin: 16px;
+  .page-title {
+    color: #191919;
+    font-family: HarmonyOS Sans SC;
+    font-weight: medium;
+    font-size: 18px;
+    line-height: 26px;
+    letter-spacing: 0px;
+    text-align: left;
+  }
+  .g-content-card {
+    overflow: hidden;
+    padding: 0;
+  }
+}
+
+
+.search-form {
+  position: relative;
+  border-radius: 8px 0px 8px 8px;
+  margin-right: 20px;
+  //background: #F2F5FC;
+
+  .left-btn {
+    position: absolute;
+    right: 28px;
+    bottom: 4px;
+  }
+
+  .output-btn {
+    color: #191919;
+    font-family: HarmonyOS Sans SC;
+    font-weight: regular;
+    font-size: 14px;
+    line-height: 22px;
+    letter-spacing: 0px;
+    text-align: left;
+  }
+
+  .jyh-form-operation {
+    margin-left: 20px !important;
+  }
+}
+</style>
diff --git a/src/views/Jyh/KnowledgeHub/index.vue b/src/views/Jyh/KnowledgeHub/index.vue
new file mode 100644
index 0000000..52feb65
--- /dev/null
+++ b/src/views/Jyh/KnowledgeHub/index.vue
@@ -0,0 +1,228 @@
+<template>
+  <div class="secret-container">
+    <d-breadcrumb class="secret-breadcrumb">
+      <gc-breadcrumb-item :to="{ name: 'home' }"
+      ><span class="title">首页</span></gc-breadcrumb-item>
+      <gc-breadcrumb-item><span class="cur-title">安全智库</span></gc-breadcrumb-item>
+    </d-breadcrumb>
+    <d-tabs class="jyh-tabs" type="wrapped" v-model="selectTab">
+      <d-tab id="VulnerabilityList" title="漏洞列表">
+        <VulnerabilityList/>
+      </d-tab>
+      <d-tab id="OssQuery" title="可信组件列表">
+        <OssQuery/>
+      </d-tab>
+      <d-tab id="BatchVerify" title="情报列表">
+        <IntelligenceList/>
+      </d-tab>
+    </d-tabs>
+  </div>
+</template>
+
+<script setup lang="ts">
+import SettingTitle from '@/components/Setting/SettingTitle/index.vue';
+import SettingText from '@/components/Setting/SettingText/index.vue';
+import { ref,reactive,watch } from 'vue';
+import { getGroupClaList, setGroupClaStatus, deleteGroupCla } from '@/api/cla';
+import { useRouter, useRoute } from 'vue-router';
+import { GModal } from '@/components/Setting/index';
+import { reqCatch } from '@/utils/catch';
+import { getOrgInfo } from '@/views/Org/hooks/orgInfo';
+import { Message } from 'vue-devui';
+import OssQuery from './Components/OssQuery.vue';
+import VulnerabilityList from './Components/VulnerabilityList/index.vue';
+import IntelligenceList from './Components/IntelligenceList/index.vue';
+import BatchVerify from './Components/BatchVerify.vue';
+import { useAccountStore } from '@/stores/user';
+const { namespace } = getOrgInfo();
+
+const { isLogin } = useAccountStore();
+// 获取当前路由
+const route = useRoute();
+
+const selectTab = ref(route.query.tab || 'VulnerabilityList');
+
+// 监听 tab 值变化，更新 URL 参数
+watch(selectTab, (newTab) => {
+  router.replace({
+    name: route.name,
+    params: route.params,
+    query: { ...route.query, tab: newTab }
+  });
+});
+
+// 监听 URL 参数变化，更新 tab 值
+watch(
+  () => route.query.tab,
+  (newTab) => {
+    if (newTab) {
+      selectTab.value = newTab;
+    }
+  },
+  { immediate: true } // 初始化时执行一次
+);
+
+
+// 删除弹窗
+const item = ref('');
+const deleteModal = ref();
+const deletevModels = ref(false);
+const openDelete = (row: any) => {
+  item.value = row;
+  deleteModal.value.showFlag = true;
+  deletevModels.value = true;
+};
+
+const router = useRouter();
+
+// 分页
+const changeIndex = () => {
+  // getGroupClaListData();
+};
+
+const changeSize = () => {
+  pager.value.pageIndex = 1;
+  // getGroupClaListData();
+};
+
+const repoFun = (arr: any) => {
+  return arr ? (arr.length > 3 ? arr.slice(0, 3) : arr) : [];
+};
+
+// 编辑
+const editRow = (row: any) => {
+  // 后续请换成params，暂时params传参没传过去
+  router.push({
+    path: 'cla/edit/' + row.object_id,
+    query: { cla: row.cla, pageType: 'edit' }
+  });
+};
+
+// 确认删除
+const confirmDelete = async (e: any) => {
+  // const res = await reqCatch(deleteGroupCla, { group_id: namespace.value, cla_id: item.value.object_id });
+  // if (!res.error) {
+  //   getGroupClaListData();
+  // }
+};
+
+// 去成员页
+const goMember = (row: any) => {
+  // 后续请换成params，暂时params传参没传过去,注意路由有个:claID
+  router.push({
+    path: 'cla/claId/member',
+    query: { claId: row.object_id, claName: row.cla_name, group_path: namespace.value, pageType: 'edit' }
+  });
+};
+const getGroupClaListData = async () => {
+  // const params = {
+  //   group_id: namespace.value,
+  //   page: pager.value.pageIndex,
+  //   per_page: pager.value.pageSize
+  // };
+  // const res = await reqCatch(getGroupClaList, params);
+  // if (!res.error) {
+  //   tableData.value = res?.data?.data?.content;
+  //   pager.value.total = res.data.data.total;
+  // }
+};
+getGroupClaListData();
+
+const setClaStatus = async (row: any) => {
+  // const params = {
+  //   group_id: namespace.value,
+  //   cla_id: row.object_id,
+  //   status: row.status
+  // };
+  // const res = await reqCatch(setGroupClaStatus, params);
+  // if (!res.error) {
+  //   Message.success('操作成功!');
+  //   getGroupClaListData();
+  // }
+};
+
+const signCla = (row: any) => {
+  router.push('/cla/' + row.object_id);
+};
+</script>
+
+<style scoped lang="scss">
+@import 'devui-theme/styles-var/devui-var.scss';
+
+.secret-container {
+  position: relative;
+
+  .secret-op {
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
+
+}
+
+.error {
+  color: $devui-contrast;
+}
+
+:deep(.devui-table__row td) {
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+:deep(.devui-tag .devui-tag--default) {
+  background-color: #fff;
+  border-radius: 12px;
+  padding: 4px 8px;
+  font-size: 12px;
+  line-height: 16px;
+  margin-right: 8px;
+  border: 1px solid #E3E3EE;
+}
+
+.one-line {
+  word-break: break-all;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.title {
+  font-size: 14px;
+  font-weight: 400;
+  color: #9a9b9c;
+  line-height: 20px;
+}
+
+.cur-title {
+  font-size: 14px;
+  font-weight: 500;
+  color: #2d2d2e;
+  line-height: 20px;
+}
+
+.search-form {
+  position: relative;
+  padding: 12px 20px 12px 0;
+  border-radius: 8px 0px 8px 8px;
+  background: #F2F5FC;
+
+  .output-btn {
+    position: absolute;
+    right: 28px;
+    bottom: 4px;
+    color: #191919;
+    font-family: HarmonyOS Sans SC;
+    font-weight: regular;
+    font-size: 14px;
+    line-height: 22px;
+    letter-spacing: 0px;
+    text-align: left;
+
+  }
+}
+
+.secret-breadcrumb {
+  padding: 7px 20px 12px;
+  background: #ffffff;
+}
+</style>
diff --git a/src/views/Jyh/KnowledgeHub/license.vue b/src/views/Jyh/KnowledgeHub/license.vue
new file mode 100644
index 0000000..f7c5a16
--- /dev/null
+++ b/src/views/Jyh/KnowledgeHub/license.vue
@@ -0,0 +1,357 @@
+<template>
+  <div class="secret-container pt-2 px-20">
+    <d-breadcrumb>
+      <gc-breadcrumb-item :to="{ name: 'home' }"
+      ><span class="title">首页</span></gc-breadcrumb-item>
+      <gc-breadcrumb-item><span class="title">高级搜索</span></gc-breadcrumb-item>
+      <gc-breadcrumb-item><span class="cur-title">License</span></gc-breadcrumb-item>
+    </d-breadcrumb>
+    <div class="search-form mt-2">
+      <d-form
+        class="jyh-form"
+        ref="formRef"
+        :data="formData"
+        :pop-postion="['right']"
+        :rules="formRules"
+      >
+        <d-row :gutter="25" type="flex" class="docs-devui-row mb-4">
+          <d-col style="flex: 1">
+            <d-form-item field="title" label="搜索关键字" :show-feedback="false">
+              <d-input
+                style="width: 100%"
+                v-model="formData.title"
+                placeholder="关键字模糊搜索"
+                maxLength="50"
+                minLength="2"
+              />
+            </d-form-item>
+          </d-col>
+          <d-col style="flex: 1">
+            <d-form-item field="title" label="License编码" :show-feedback="false">
+              <d-input
+                style="width: 100%"
+                v-model="formData.title"
+                placeholder="License编码模糊搜索"
+                maxLength="50"
+                minLength="2"
+              />
+            </d-form-item>
+          </d-col>
+          <d-col style="flex: 1">
+            <d-form-item field="name" label="License名称" :show-feedback="false">
+              <d-input
+                style="width: 100%"
+                v-model="formData.title"
+                placeholder="License名称模糊搜索"
+                maxLength="50"
+                minLength="2"
+              />
+            </d-form-item>
+          </d-col>
+          <d-col style="flex: 1">
+            <d-form-item field="title" label="类型" :show-feedback="false">
+              <d-select v-model="formData.select" :options="typeOptions" :allow-clear="true" />
+            </d-form-item>
+          </d-col>
+          <d-col style="flex: 1">
+            <d-form-item field="title" label="集成风险" :show-feedback="false">
+              <d-select v-model="formData.select" :options="riskOptions" :allow-clear="true" />
+            </d-form-item>
+          </d-col>
+        </d-row>
+        <d-row :gutter="25" type="flex" class="docs-devui-row mb-5">
+          <d-col style="flex: 1">
+            <d-form-item field="title" label="适用类型" :show-feedback="false">
+              <d-select v-model="formData.select" :options="useTypeOptions" :allow-clear="true" />
+            </d-form-item>
+          </d-col>
+          <d-col style="flex: 1">
+            <d-form-item field="title" label="是否可用" :show-feedback="false">
+              <d-select v-model="formData.select" :options="isUseOptions" :allow-clear="true" />
+            </d-form-item>
+          </d-col>
+          <d-col style="flex: 1">
+            <d-form-item field="name" label="键值" :show-feedback="false">
+              <d-input
+                style="width: 100%"
+                v-model="formData.title"
+                placeholder="请输入键值"
+                maxLength="50"
+                minLength="2"
+              />
+            </d-form-item>
+          </d-col>
+          <d-col style="flex: 1">
+            <d-form-item field="title" label="创建时间" :show-feedback="false">
+              <d-date-picker-pro v-model="formData.time1" :showTime="true"
+                                 placeholder="请选择日期与时间"
+                                 format="YYYY-MM-DD HH:mm:ss" />
+            </d-form-item>
+          </d-col>
+          <d-col style="flex: 1">
+            <d-form-item field="title" label="更新时间" :show-feedback="false">
+              <d-date-picker-pro v-model="formData.time1" :showTime="true"
+                                 placeholder="请选择日期与时间"
+                                 format="YYYY-MM-DD HH:mm:ss" />
+            </d-form-item>
+          </d-col>
+        </d-row>
+        <gc-form-operation class="jyh-form-operation">
+          <d-button class="mr-2" variant="solid">筛选</d-button>
+          <d-button variant="solid" color="secondary">清空</d-button>
+        </gc-form-operation>
+        <d-button class="output-btn" icon="icon-share" variant="text">导出</d-button>
+      </d-form>
+    </div>
+    <div class="mt-3">
+      <d-table class="jyh-table" v-if="tableData.length" :striped="false" :data="tableData" table-layout="auto">
+        <d-column type="index" width="40"></d-column>
+        <d-column field="code" header="License编码">
+          <a>05822156</a>
+        </d-column>
+        <d-column field="name" header="License名称"></d-column>
+        <d-column field="type" header="类型"></d-column>
+        <d-column field="risk" header="集成风险"></d-column>
+        <d-column field="useType" header="适用类型"></d-column>
+        <d-column field="status" header="状态">
+          <d-status>未开始</d-status>
+        </d-column>
+        <d-column field="key" header="键值"></d-column>
+        <d-column field="created" header="创建时间"></d-column>
+        <d-column field="updated" header="更新时间"></d-column>
+<!--        <d-column header="操作" width="300">-->
+<!--          <template #default="scope">-->
+<!--            <div class="flex">-->
+<!--              <div class="cursor-pointer flex items-center mr-[32px]" @click="editRow(scope.row)">-->
+<!--                <GIcon class="mr-[8px]" name="gt-plane-edit" />-->
+<!--                <span class="text-[#3B3E55] text-base font-normal">编辑</span>-->
+<!--              </div>-->
+<!--              <div class="flex items-center mr-[32px]">-->
+<!--                <d-switch v-model="scope.row.status" class="mr-[8px]" @change="setClaStatus(scope.row)"-->
+<!--                          :active-value="1" :inactive-value="0"> </d-switch>-->
+<!--                <span class="text-[#3B3E55] text-base font-normal">{{ scope.row.status === 0 ? '停用' : '启用' }}</span>-->
+<!--              </div>-->
+<!--              <div class="cursor-pointer flex items-center" @click="openDelete(scope.row)">-->
+<!--                <GIcon class="mr-[8px]" name="gt-plane-delete" />-->
+<!--                <span class="text-[#3B3E55] text-base font-normal">删除</span>-->
+<!--              </div>-->
+<!--            </div>-->
+<!--          </template>-->
+<!--        </d-column>-->
+      </d-table>
+
+      <DataPanel v-else skeleton :card="false" :empty="true">
+      </DataPanel>
+    </div>
+
+    <div class="mt-20 mb-20 flex justify-end">
+      <d-pagination size="md" :page-size-options="[10, 20, 50]" :total="pager.total"
+                    v-model:pageSize="pager.pageSize" v-model:pageIndex="pager.pageIndex" :max-items="5"
+                    :can-change-page-size="true" :can-view-total="true" total-item-text="总计" @page-index-change="changeIndex()"
+                    @page-size-change="changeSize()" />
+    </div>
+
+    <!-- 删除组件 -->
+    <GModal v-model="deletevModels" ref="deleteModal" title="删除?" @confirm="confirmDelete" showWarnIcon
+            confirmColor="danger">
+      <span class="inline-block text-G900 text-sm font-normal leading-[20px] break-all">你确认删除此项：{{ item.cla_name }}
+        ？</span>
+    </GModal>
+  </div>
+</template>
+
+<script setup lang="ts">
+import SettingTitle from '@/components/Setting/SettingTitle/index.vue';
+import SettingText from '@/components/Setting/SettingText/index.vue';
+import { ref,reactive } from 'vue';
+import { getGroupClaList, setGroupClaStatus, deleteGroupCla } from '@/api/cla';
+import { useRouter, useRoute } from 'vue-router';
+import { GModal } from '@/components/Setting/index';
+import { reqCatch } from '@/utils/catch';
+import { getOrgInfo } from '@/views/Org/hooks/orgInfo';
+import { Message } from 'vue-devui';
+const { namespace } = getOrgInfo();
+const text = `贡献者协议（CLA）允许外部开发者向组织的代码库提交变更请求时，系统会检查用户是否已签署CLA。如果已签署， "CLA-bot"会在变更请求评论区更新签署信息；如果未签署，"CLA-bot"会引导外部贡献者查看并签署贡献者协议。`;
+
+const tableData = ref([
+  {code: '05822156', name:'联通智家通通中视频公司语音.',type:'客户指定预装软件（原预装软件）',risk:'中',useType:'软件',status:'未开始',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
+  {code: '05822156', name:'联通智家通通中视频公司语音.',type:'客户指定预装软件（原预装软件）',risk:'中',useType:'软件',status:'未开始',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
+  {code: '05822156', name:'联通智家通通中视频公司语音.',type:'客户指定预装软件（原预装软件）',risk:'中',useType:'软件',status:'未开始',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
+  {code: '05822156', name:'联通智家通通中视频公司语音.',type:'客户指定预装软件（原预装软件）',risk:'中',useType:'软件',status:'未开始',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
+  {code: '05822156', name:'联通智家通通中视频公司语音.',type:'客户指定预装软件（原预装软件）',risk:'中',useType:'软件',status:'未开始',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
+  {code: '05822156', name:'联通智家通通中视频公司语音.',type:'客户指定预装软件（原预装软件）',risk:'中',useType:'软件',status:'未开始',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
+  {code: '05822156', name:'联通智家通通中视频公司语音.',type:'客户指定预装软件（原预装软件）',risk:'中',useType:'软件',status:'未开始',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
+  {code: '05822156', name:'联通智家通通中视频公司语音.',type:'客户指定预装软件（原预装软件）',risk:'中',useType:'软件',status:'未开始',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
+  {code: '05822156', name:'联通智家通通中视频公司语音.',type:'客户指定预装软件（原预装软件）',risk:'中',useType:'软件',status:'未开始',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
+  {code: '05822156', name:'联通智家通通中视频公司语音.',type:'客户指定预装软件（原预装软件）',risk:'中',useType:'软件',status:'未开始',key:'',created:'2025-03-10 17:25:19',updated:'2025-03-10 17:25:19'},
+  ]);
+const formData = ref({ title: '', md_content: '',select: '',time1:null });
+const typeOptions = reactive(['Options1', 'Options2', 'Options3']);
+const riskOptions = reactive(['低', '中', '高']);
+const useTypeOptions = reactive(['软件', '文档', '文档+软件']);
+const isUseOptions = reactive(['是', '否']);
+
+const pager = ref({
+  total: 10,
+  pageIndex: 1,
+  pageSize: 10
+});
+
+// 删除弹窗
+const item = ref('');
+const deleteModal = ref();
+const deletevModels = ref(false);
+const openDelete = (row: any) => {
+  item.value = row;
+  deleteModal.value.showFlag = true;
+  deletevModels.value = true;
+};
+
+const router = useRouter();
+
+// 分页
+const changeIndex = () => {
+  // getGroupClaListData();
+};
+
+const changeSize = () => {
+  pager.value.pageIndex = 1;
+  // getGroupClaListData();
+};
+
+const repoFun = (arr: any) => {
+  return arr ? (arr.length > 3 ? arr.slice(0, 3) : arr) : [];
+};
+
+// 编辑
+const editRow = (row: any) => {
+  // 后续请换成params，暂时params传参没传过去
+  router.push({
+    path: 'cla/edit/' + row.object_id,
+    query: { cla: row.cla, pageType: 'edit' }
+  });
+};
+
+// 确认删除
+const confirmDelete = async (e: any) => {
+  // const res = await reqCatch(deleteGroupCla, { group_id: namespace.value, cla_id: item.value.object_id });
+  // if (!res.error) {
+  //   getGroupClaListData();
+  // }
+};
+
+// 去成员页
+const goMember = (row: any) => {
+  // 后续请换成params，暂时params传参没传过去,注意路由有个:claID
+  router.push({
+    path: 'cla/claId/member',
+    query: { claId: row.object_id, claName: row.cla_name, group_path: namespace.value, pageType: 'edit' }
+  });
+};
+const getGroupClaListData = async () => {
+  // const params = {
+  //   group_id: namespace.value,
+  //   page: pager.value.pageIndex,
+  //   per_page: pager.value.pageSize
+  // };
+  // const res = await reqCatch(getGroupClaList, params);
+  // if (!res.error) {
+  //   tableData.value = res?.data?.data?.content;
+  //   pager.value.total = res.data.data.total;
+  // }
+};
+getGroupClaListData();
+
+const setClaStatus = async (row: any) => {
+  // const params = {
+  //   group_id: namespace.value,
+  //   cla_id: row.object_id,
+  //   status: row.status
+  // };
+  // const res = await reqCatch(setGroupClaStatus, params);
+  // if (!res.error) {
+  //   Message.success('操作成功!');
+  //   getGroupClaListData();
+  // }
+};
+
+const signCla = (row: any) => {
+  router.push('/cla/' + row.object_id);
+};
+</script>
+
+<style scoped lang="scss">
+@import 'devui-theme/styles-var/devui-var.scss';
+
+.secret-container {
+  position: relative;
+
+  .secret-op {
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
+
+}
+
+.error {
+  color: $devui-contrast;
+}
+
+:deep(.devui-table__row td) {
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+:deep(.devui-tag .devui-tag--default) {
+  background-color: #fff;
+  border-radius: 12px;
+  padding: 4px 8px;
+  font-size: 12px;
+  line-height: 16px;
+  margin-right: 8px;
+  border: 1px solid #E3E3EE;
+}
+
+.one-line {
+  word-break: break-all;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.title {
+  font-size: 14px;
+  font-weight: 400;
+  color: #9a9b9c;
+  line-height: 20px;
+}
+
+.cur-title {
+  font-size: 14px;
+  font-weight: 500;
+  color: #2d2d2e;
+  line-height: 20px;
+}
+
+.search-form {
+  position: relative;
+  padding: 12px 20px 12px 0;
+  border-radius: 8px 0px 8px 8px;
+  background: #F2F5FC;
+
+  .output-btn {
+    position: absolute;
+    right: 28px;
+    bottom: 4px;
+    color: #191919;
+    font-family: HarmonyOS Sans SC;
+    font-weight: regular;
+    font-size: 14px;
+    line-height: 22px;
+    letter-spacing: 0px;
+    text-align: left;
+
+  }
+}
+</style>
diff --git a/src/views/Jyh/OurTeam/index.vue b/src/views/Jyh/OurTeam/index.vue
new file mode 100644
index 0000000..f049a58
--- /dev/null
+++ b/src/views/Jyh/OurTeam/index.vue
@@ -0,0 +1,1359 @@
+<template>
+  <div class="boxed_wrapper">
+    <section class="team-box-section" style="padding-top: 120px;">
+      <div class="container">
+        <div class="sec-title center"><h2>平台简介</h2></div>
+        <div class="row">
+          <div class="col-lg-10 col-md-12 col-sm-12 offset-lg-1 big-column">
+            <div class="info-content centred">
+              <div class="row">
+                <div class="team-box">
+                  <div class="cg">
+                    <div class="ant-spin-container">
+                      <ul class="ant-list-items">
+                        <li class="ant-list-item" style="margin-bottom: 10px;">
+                          本平台⽀持可信开源软件的智能治理、⻛险预警与选型参考，融合GitCode⽤⼾登录体系，实现⽤
+                          ⼾在开源治理场景中的统⼀⾝份互认。通过多模块协同⼯作，平台提供软件可信度评估、漏洞预警监
+                          控、治理任务管理、AI辅助修复建议等服务
+                        </li>
+                      </ul>
+                      <div style="text-align: center;"><!---->
+                        <div slot="loadMore"
+                             style="margin-top: 12px; margin-bottom: 16px; text-align: center; height: 32px; line-height: 32px;">
+                          <div class="btn-box"><a href="javascript:;"
+                                                  class="theme-btn-two">查看更多</a></div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+    <section class="team-box-section" style="padding-top: 120px;">
+      <div class="container">
+        <div class="sec-title center"><h2>团队成果</h2></div>
+        <div class="row">
+          <div class="col-lg-10 col-md-12 col-sm-12 offset-lg-1 big-column">
+            <div class="info-content centred">
+              <div class="row">
+                <div class="team-box">
+                  <div class="cg">
+                    <table width="100%" border="0" cellpadding="1" cellspacing="1">
+                      <tbody>
+                      <tr>
+                        <td width="18%" class="cg-title">论文</td>
+                        <td>
+                          <div class="cg-list">
+                            <div class="demo-loadmore-list ant-list">
+                              <div class="ant-spin-nested-loading">
+                                <div class="ant-spin-container">
+                                  <ul class="ant-list-items">
+                                    <li class="ant-list-item" style="margin-bottom: 10px;"> Zhi Li,
+                                      Weijie Liu, Hongbo Chen, XiaoFeng Wang, Xiaojing Liao, Luyi Xing, Mingming Zha,
+                                      Hai Jin, Deqing Zou:Robbery on DevOps: Understanding and Mitigating Illicit
+                                      Cryptomining on Continuous Integration Service Platforms. IEEE Symposium on
+                                      Security and Privacy 2022: 2397-2412
+                                    </li>
+                                    <li class="ant-list-item" style="margin-bottom: 10px;"> Zhen Li,
+                                      Deqing Zou, Shouhuai Xu, Xinyu Ou, Hai Jin, Sujuan Wang, Zhijun Deng, Yuyi
+                                      Zhong.VulDeePecker: A Deep Learning-Based System for Vulnerability
+                                      Detection.NDSS，2018
+                                    </li>
+                                    <li class="ant-list-item" style="margin-bottom: 10px;"> Zhen Li,
+                                      Deqing Zou, Shouhuai Xu, Zhaoxuan Chen, Yawei Zhu, Hai Jin:VulDeeLocator: A Deep
+                                      Learning-Based Fine-Grained Vulnerability Detector. IEEE Trans. Dependable Secur.
+                                      Comput. 19(4): 2821-2837 (2022)
+                                    </li>
+                                    <li class="ant-list-item" style="margin-bottom: 10px;"> Deqing
+                                      Zou, Sujuan Wang, Shouhuai Xu, Zhen Li, Hai Jin:μVulDeePecker: A Deep
+                                      Learning-Based System for Multiclass Vulnerability Detection. IEEE Trans.
+                                      Dependable Secur. Comput. 18(5): 2224-2236 (2021)
+                                    </li>
+                                    <li class="ant-list-item" style="margin-bottom: 10px;"> Jian Shi,
+                                      Deqing Zou, Shouhuai Xu, Xianjun Deng, and Hai Jin.Does OpenBSD and Firefox's
+                                      Security Improve with Time？TDSC，2022
+                                    </li>
+                                    <li class="ant-list-item" style="margin-bottom: 10px;"> Zhen Li
+                                      Deqing Zou Shouhuai Xu Zhaoxuan Chen Yawei Zhu Hai Jin.VulDeeLocator: A Deep
+                                      Learning-based Fine-grained Vulnerability Detector.TDSC，2021
+                                    </li>
+                                    <li class="ant-list-item" style="margin-bottom: 10px;"> Zhen Li
+                                      Deqing Zou Shouhuai Xu Hai Jin Yawei Zhu Zhaoxuan Chen.SySeVR: A Framework for
+                                      Using Deep Learning to Detect Software Vulnerabilities.TDSC，2021
+                                    </li>
+                                    <li class="ant-list-item" style="margin-bottom: 10px;"> Hai Jin
+                                      Zhi Li Deqing Zou Bin Yuan.DSEOM: A Framework for Dynamic Security Evaluation and
+                                      Optimization of MTD in Container-Based Cloud.TDSC，2019
+                                    </li>
+                                    <li class="ant-list-item" style="margin-bottom: 10px;"> Deqing
+                                      Zou Sujuan Wang Shouhuai Xu Zhen Li Hai Jin.μVulDeePecker: A Deep Learning-Based
+                                      System for Multiclass Vulnerability Detection.TDSC，2019
+                                    </li>
+                                    <li class="ant-list-item" style="margin-bottom: 10px;"> Cai
+                                      Fu(付才),Xiao-yang Liu,Jia Yang, Laurence T. Yang,Shu Yu, Tianqing zhu. Wormhole:
+                                      The Hidden Virus Propagation Power of a Search Engine in Social Networks. IEEE
+                                      Transactions on Dependable and Secure Computing.16(4),July-Aug.1 2019:693-710,
+                                      DOI: 10.1109/TDSC.2017.2703887,SCI Q1 CCF A
+                                    </li>
+                                  </ul>
+                                  <div style="text-align: center;"><!---->
+                                    <div slot="loadMore"
+                                         style="margin-top: 12px; margin-bottom: 16px; text-align: center; height: 32px; line-height: 32px;">
+                                      <div class="btn-box"><a href="javascript:;"
+                                                              class="theme-btn-two">查看更多</a></div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td width="18%" class="cg-title">专利</td>
+                        <td>
+                          <div class="cg-list">
+                            <div class="demo-loadmore-list ant-list">
+                              <div class="ant-spin-nested-loading">
+                                <div class="ant-spin-container">
+                                  <ul class="ant-list-items">
+                                    <li class="ant-list-item" style="margin-bottom: 10px;">
+                                      申请号:CN201910447971.3,一种源代码漏洞检测方法及检测器和其训练方法及系统,邹德清;陈肇炫;李珍;金海,公开日：20210420
+                                    </li>
+                                    <li class="ant-list-item" style="margin-bottom: 10px;">
+                                      申请号:CN201910423893.3,一种基于中间语言的软件漏洞智能检测与定位方法与系统,邹德清;朱亚威;李珍;金海;李道祥,公开日：20210420
+                                    </li>
+                                    <li class="ant-list-item" style="margin-bottom: 10px;">
+                                      申请号:CN201910402808.5,一种面向SDN网络的时序侧信道攻击的主动防御方法,邹德清;袁斌;金海;徐鹏;方升泽,公开日：20201208
+                                    </li>
+                                    <li class="ant-list-item" style="margin-bottom: 10px;">
+                                      申请号:CN201910367325.6,一种针对智能合约安全性和稳定性的侧链测试系统和方法,金海;代炜琦;邹德清;赵炳铖,公开日：20210413
+                                    </li>
+                                    <li class="ant-list-item" style="margin-bottom: 10px;">
+                                      申请号:CN201910355006.3,一种基于多方验证的区块链资产转移方法,代炜琦;金海;邹德清;吴朱天,公开日：20210209
+                                    </li>
+                                  </ul>
+                                  <div style="text-align: center;"><!---->
+                                    <div slot="loadMore"
+                                         style="margin-top: 12px; margin-bottom: 16px; text-align: center; height: 32px; line-height: 32px;">
+                                      <div class="btn-box"><a href="javascript:;"
+                                                              class="theme-btn-two">查看更多</a></div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td width="18%" class="cg-title">竞赛</td>
+                        <td>
+                          <div class="cg-list">
+                            <div class="demo-loadmore-list ant-list">
+                              <div class="ant-spin-nested-loading">
+                                <div class="ant-spin-container">
+                                  <ul class="ant-list-items">
+                                    <li class="ant-list-item" style="margin-bottom: 10px;">
+                                      2021年中国电子学会科学技术奖二等奖《云计算系统安全关键技术与应用》
+                                    </li>
+                                    <li class="ant-list-item" style="margin-bottom: 10px;">
+                                      2021年湖北省科技进步一等奖《软件安全智能检测与防护关键技术》
+                                    </li>
+                                    <li class="ant-list-item" style="margin-bottom: 10px;">
+                                      2018年获网络安全优秀教师奖
+                                    </li>
+                                    <li class="ant-list-item" style="margin-bottom: 10px;">
+                                      2018年第十一届全国大学生信息安全竞赛-作品赛 一等奖 《基于深度学习模型的漏洞检测系统及可视化展示》
+                                    </li>
+                                    <li class="ant-list-item" style="margin-bottom: 10px;">
+                                      2021年第十七届“挑战杯”全国大学生课外学术科技作品竞赛专项赛特等奖《基于信创环境的虚拟入侵防御系统》
+                                    </li>
+                                  </ul>
+                                  <div style="text-align: center;"><!---->
+                                    <div slot="loadMore"
+                                         style="margin-top: 12px; margin-bottom: 16px; text-align: center; height: 32px; line-height: 32px;">
+                                      <div class="btn-box"><a href="javascript:;"
+                                                              class="theme-btn-two">查看更多</a></div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </td>
+                      </tr>
+                      </tbody>
+                    </table>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+    <section class="team-box-section">
+      <div class="container">
+        <div class="sec-title center"><h2>成果历程</h2></div>
+        <div class="row">
+          <div class="col-lg-10 col-md-12 col-sm-12 offset-lg-1 big-column">
+            <div class="info-content centred">
+              <div class="row">
+                <div class="timeline">
+                  <div class="demo-loadmore-list ant-list">
+                    <div class="ant-spin-nested-loading">
+                      <div class="ant-spin-container">
+                        <ul class="ant-list-items">
+                          <li class="ant-list-item">
+                            <div class="entry">
+                              <div class="title"><h3>2022.9</h3></div>
+                              <div class="body">
+                                <ul>
+                                  <li>我们的作品《基于补丁的细粒度漏洞相关代码提取系统》获取2022年第十五届全国大学生信息安全竞赛-作品赛
+                                    一等奖，恭喜廖心瑶，赵林瑜，杨仕初，成浩！
+                                  </li>
+                                  <li>我们的作品《MalGenie：面向代码开源平台的恶意软件源代码检测系统》获取2022年第十五届全国大学生信息安全竞赛-作品赛
+                                    一等奖，恭喜陶望成，张明昊，王卓，陈旭洋！
+                                  </li>
+                                  <li>我们的作品《面向区块链智能合约的安全防护平台》获取2022年第十五届全国大学生信息安全竞赛-作品赛
+                                    一等奖，恭喜魏子超，王铁翰，汪兆祥，赵浩然！
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </li>
+                          <li class="ant-list-item">
+                            <div class="entry">
+                              <div class="title"><h3>2022.5</h3></div>
+                              <div class="body">
+                                <ul>
+                                  <li>我们的论文VulCNN: An Image-inspired Scalable Vulnerability Detection
+                                    System被ICSE接收。
+                                  </li>
+                                  <li>我们的论文Robbery on DevOps: Understanding and Mitigating Illicit
+                                    Cryptomining on Continuous Integration Service Platforms.被S&amp;P接收。
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </li>
+                          <li class="ant-list-item">
+                            <div class="entry">
+                              <div class="title"><h3>2022.3</h3></div>
+                              <div class="body">
+                                <ul>
+                                  <li>我们的论文Does OpenBSD and Firefox's Security Improve with
+                                    Time？被TDSC接收。
+                                  </li>
+                                  <li>我们的论文Isolating Compiler Optimization Faults via Differentiating
+                                    Finer-grained Options被SANER接收。
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </li>
+                          <li class="ant-list-item">
+                            <div class="entry">
+                              <div class="title"><h3>2022.1</h3></div>
+                              <div class="body">
+                                <ul>
+                                  <li>项目《云计算系统安全关键技术与应用》获取2021年中国电子学会科学技术奖二等奖，恭喜邹德清教授</li>
+                                  <li>项目《软件安全智能检测与防护关键技术》获取2021年湖北省科技进步一等奖，恭喜邹德清教授</li>
+                                </ul>
+                              </div>
+                            </div>
+                          </li>
+                          <li class="ant-list-item">
+                            <div class="entry">
+                              <div class="title"><h3>2021.8</h3></div>
+                              <div class="body">
+                                <ul>
+                                  <li>我们的论文CRSA: A Cryptocurrency Recovery Scheme Based on Hidden
+                                    Assistance Relationships被TIFS接收。
+                                  </li>
+                                  <li>我们的作品《基于张量的神经网络代码预测与检错系统》获取2021年第十四届全国大学生信息安全竞赛-作品赛
+                                    一等奖，恭喜王若尘，吴骁，王相炜，胡晓雯！
+                                  </li>
+                                  <li>我们的作品《Mirror：基于 ACFG
+                                    和嵌入的跨平台二进制同源性检测系统》获取2021年第十四届全国大学生信息安全竞赛-作品赛 一等奖，恭喜陈潇，刘一戈，梁哲铭，吴奕洋！
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div style="text-align: center;"><!---->
+              <div align="center" class="btn-box"><a href="javascript:;"
+                                                     class="theme-btn-two">查看更多</a></div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+    <section class="team-box-section team-style-three centred">
+      <div class="container">
+        <div class="sec-title center"><h2>团队成员</h2></div>
+        <div class="tabs-box">
+          <div class="tab-btn-box centred">
+            <ul class="tab-btns tab-buttons clearfix">
+              <li data-tab="#tab-1" class="tab-btn active-btn">导师团队</li>
+              <li data-tab="#tab-2" class="tab-btn">硕博团队</li>
+            </ul>
+          </div>
+          <div class="tabs-content">
+            <div id="tab-1" class="tab active-tab">
+              <div class="row">
+                <div class="col-lg-3 col-md-6 col-sm-12 team-block">
+                  <div class="team-block-three">
+                    <div class="inner-box">
+                      <figure class="image-box"
+                              style="background: url(&quot;http://223.76.236.155:10000/sapi/uploads/20221101/a14afb823aad51fab2678f913c8b3aa4.jpg&quot;) center center / cover no-repeat; cursor: pointer;"></figure>
+                      <div class="lower-content"><h5><a
+                        href="javascript:;">邹德清</a>
+                      </h5><span class="designation">博士，教授，博士生导师</span></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-3 col-md-6 col-sm-12 team-block">
+                  <div class="team-block-three">
+                    <div class="inner-box">
+                      <figure class="image-box"
+                              style="background: url(&quot;http://223.76.236.155:10000/sapi/uploads/20221101/ab2ed64a2261e71dd6d23a51fb5f1674.jpg&quot;) center center / cover no-repeat; cursor: pointer;"></figure>
+                      <div class="lower-content"><h5><a
+                        href="javascript:;">付才</a>
+                      </h5><span class="designation">博士，教授，博士生导师</span></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-3 col-md-6 col-sm-12 team-block">
+                  <div class="team-block-three">
+                    <div class="inner-box">
+                      <figure class="image-box"
+                              style="background: url(&quot;http://223.76.236.155:10000/sapi/uploads/20221102/fb4dbf2ce2642397fa630879264f0e51.jpg&quot;) center center / cover no-repeat; cursor: pointer;"></figure>
+                      <div class="lower-content"><h5><a
+                        href="javascript:;">韩兰胜</a>
+                      </h5><span class="designation">博士，教授，博士生导师</span></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-3 col-md-6 col-sm-12 team-block">
+                  <div class="team-block-three">
+                    <div class="inner-box">
+                      <figure class="image-box"
+                              style="background: url(&quot;http://223.76.236.155:10000/sapi/uploads/20221101/8849d6ed7ac0cc04285ea80722558573.jpg&quot;) center center / cover no-repeat; cursor: pointer;"></figure>
+                      <div class="lower-content"><h5><a
+                        href="javascript:;">李珍</a>
+                      </h5><span class="designation">博士，副教授，博士生导师</span></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-3 col-md-6 col-sm-12 team-block">
+                  <div class="team-block-three">
+                    <div class="inner-box">
+                      <figure class="image-box"
+                              style="background: url(&quot;http://223.76.236.155:10000/sapi/uploads/20221101/16d5a476e2c25fd101ffe7d04b8389ae.jpg&quot;) center center / cover no-repeat; cursor: pointer;"></figure>
+                      <div class="lower-content"><h5><a
+                        href="javascript:;">文明</a>
+                      </h5><span class="designation">博士，副教授，博士生导师</span></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-3 col-md-6 col-sm-12 team-block">
+                  <div class="team-block-three">
+                    <div class="inner-box">
+                      <figure class="image-box"
+                              style="background: url(&quot;http://223.76.236.155:10000/sapi/uploads/20221102/5364c2f9193c07a1667f5868000a5bd2.jpg&quot;) center center / cover no-repeat; cursor: pointer;"></figure>
+                      <div class="lower-content"><h5><a
+                        href="javascript:;">慕冬亮</a>
+                      </h5><span class="designation">博士，副教授，博士生导师</span></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-3 col-md-6 col-sm-12 team-block">
+                  <div class="team-block-three">
+                    <div class="inner-box">
+                      <figure class="image-box"
+                              style="background: url(&quot;http://223.76.236.155:10000/sapi/uploads/20221101/d1cb5ad30160e70eb74ae495c3140e58.jpg&quot;) center center / cover no-repeat; cursor: pointer;"></figure>
+                      <div class="lower-content"><h5><a
+                        href="javascript:;">吴月明</a>
+                      </h5><span class="designation">博士，博士生导师</span></div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div id="tab-2" class="tab">
+              <div class="row">
+                <div class="col-lg-3 col-md-6 col-sm-12 team-block">
+                  <div class="team-block-three">
+                    <div class="inner-box">
+                      <figure class="image-box"
+                              style="background: url(&quot;http://223.76.236.155:10000/sapi/uploads/20221101/014b46e2bd9c11d19aa7adbb5e187f681.jpg&quot;) center center / cover no-repeat; cursor: pointer;"></figure>
+                      <div class="lower-content"><h5><a
+                        href="javascript:;">石建</a>
+                      </h5><span class="designation"></span></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-3 col-md-6 col-sm-12 team-block">
+                  <div class="team-block-three">
+                    <div class="inner-box">
+                      <figure class="image-box"
+                              style="background: url(&quot;http://223.76.236.155:10000/sapi/uploads/20221101/29f07e87c932589b78db0e0bd7507daf.jpg&quot;) center center / cover no-repeat; cursor: pointer;"></figure>
+                      <div class="lower-content"><h5><a
+                        href="javascript:;">胡雨涛</a>
+                      </h5><span class="designation"></span></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-3 col-md-6 col-sm-12 team-block">
+                  <div class="team-block-three">
+                    <div class="inner-box">
+                      <figure class="image-box"
+                              style="background: url(&quot;http://223.76.236.155:10000/sapi/uploads/20221101/f0b70807f2ad0da460215e630ff6355e.jpg&quot;) center center / cover no-repeat; cursor: pointer;"></figure>
+                      <div class="lower-content"><h5><a
+                        href="javascript:;">胡祎伟</a>
+                      </h5><span class="designation"></span></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-3 col-md-6 col-sm-12 team-block">
+                  <div class="team-block-three">
+                    <div class="inner-box">
+                      <figure class="image-box"
+                              style="background: url(&quot;http://223.76.236.155:10000/sapi/uploads/20221101/0981ec9d6be4aa4af102285c7ff1e981.JPG&quot;) center center / cover no-repeat; cursor: pointer;"></figure>
+                      <div class="lower-content"><h5><a
+                        href="javascript:;">吴雨濛</a>
+                      </h5><span class="designation"></span></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-3 col-md-6 col-sm-12 team-block">
+                  <div class="team-block-three">
+                    <div class="inner-box">
+                      <figure class="image-box"
+                              style="background: url(&quot;http://223.76.236.155:10000/sapi/uploads/20221101/354957332bb4da7c40b397e50722f762.jpg&quot;) center center / cover no-repeat; cursor: pointer;"></figure>
+                      <div class="lower-content"><h5><a
+                        href="javascript:;">邹雅毅</a>
+                      </h5><span class="designation"></span></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-3 col-md-6 col-sm-12 team-block">
+                  <div class="team-block-three">
+                    <div class="inner-box">
+                      <figure class="image-box"
+                              style="background: url(&quot;http://223.76.236.155:10000/sapi/uploads/20221101/a66cc3ce167e159e67623f5323022525.jpg&quot;) center center / cover no-repeat; cursor: pointer;"></figure>
+                      <div class="lower-content"><h5><a
+                        href="javascript:;">江帅</a>
+                      </h5><span class="designation"></span></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-3 col-md-6 col-sm-12 team-block">
+                  <div class="team-block-three">
+                    <div class="inner-box">
+                      <figure class="image-box"
+                              style="background: url(&quot;http://223.76.236.155:10000/sapi/uploads/20221101/b7133d848ae9ea5310a2a90268fa1704.jpg&quot;) center center / cover no-repeat; cursor: pointer;"></figure>
+                      <div class="lower-content"><h5><a
+                        href="javascript:;">贾亚茹</a>
+                      </h5><span class="designation"></span></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-3 col-md-6 col-sm-12 team-block">
+                  <div class="team-block-three">
+                    <div class="inner-box">
+                      <figure class="image-box"
+                              style="background: url(&quot;http://223.76.236.155:10000/sapi/uploads/20221101/fa37e93ee22c7d045d42f771e8deb1c2.jpg&quot;) center center / cover no-repeat; cursor: pointer;"></figure>
+                      <div class="lower-content"><h5><a
+                        href="javascript:;">张雨婷</a>
+                      </h5><span class="designation"></span></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-3 col-md-6 col-sm-12 team-block">
+                  <div class="team-block-three">
+                    <div class="inner-box">
+                      <figure class="image-box"
+                              style="background: url(&quot;http://223.76.236.155:10000/sapi/uploads/20221101/af197f1d91adf24bc2de7917d809fdeb.jpg&quot;) center center / cover no-repeat; cursor: pointer;"></figure>
+                      <div class="lower-content"><h5><a
+                        href="javascript:;">余泽亮</a>
+                      </h5><span class="designation"></span></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-3 col-md-6 col-sm-12 team-block">
+                  <div class="team-block-three">
+                    <div class="inner-box">
+                      <figure class="image-box"
+                              style="background: url(&quot;http://223.76.236.155:10000/sapi/uploads/20221101/716acea337882588c77cc44039f0eb83.jpg&quot;) center center / cover no-repeat; cursor: pointer;"></figure>
+                      <div class="lower-content"><h5><a
+                        href="javascript:;">冯思乐</a>
+                      </h5><span class="designation"></span></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-3 col-md-6 col-sm-12 team-block">
+                  <div class="team-block-three">
+                    <div class="inner-box">
+                      <figure class="image-box"
+                              style="background: url(&quot;http://223.76.236.155:10000/sapi/uploads/20221101/c857d0495d665830ee18439ba75247d2.jpg&quot;) center center / cover no-repeat; cursor: pointer;"></figure>
+                      <div class="lower-content"><h5><a
+                        href="javascript:;">王宁</a>
+                      </h5><span class="designation"></span></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-3 col-md-6 col-sm-12 team-block">
+                  <div class="team-block-three">
+                    <div class="inner-box">
+                      <figure class="image-box"
+                              style="background: url(&quot;http://223.76.236.155:10000/sapi/uploads/20221101/8d06d11fb8f558d6dfa8f736f6b94fcb.jpg&quot;) center center / cover no-repeat; cursor: pointer;"></figure>
+                      <div class="lower-content"><h5><a
+                        href="javascript:;">索雯琪</a>
+                      </h5><span class="designation"></span></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-3 col-md-6 col-sm-12 team-block">
+                  <div class="team-block-three">
+                    <div class="inner-box">
+                      <figure class="image-box"
+                              style="background: url(&quot;http://223.76.236.155:10000/sapi/uploads/20221101/ba4dbeb49e0f4f5148d1cb14b6da8fe6.jpg&quot;) center center / cover no-repeat; cursor: pointer;"></figure>
+                      <div class="lower-content"><h5><a
+                        href="javascript:;">王可馨</a>
+                      </h5><span class="designation"></span></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-3 col-md-6 col-sm-12 team-block">
+                  <div class="team-block-three">
+                    <div class="inner-box">
+                      <figure class="image-box"
+                              style="background: url(&quot;http://223.76.236.155:10000/sapi/uploads/20221101/85b06fafd0b8e44594cdb3f03ec46b92.jpg&quot;) center center / cover no-repeat; cursor: pointer;"></figure>
+                      <div class="lower-content"><h5><a
+                        href="javascript:;">魏子超</a>
+                      </h5><span class="designation"></span></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-3 col-md-6 col-sm-12 team-block">
+                  <div class="team-block-three">
+                    <div class="inner-box">
+                      <figure class="image-box"
+                              style="background: url(&quot;http://223.76.236.155:10000/sapi/uploads/20221101/f4934db417a6d08762b263a04377451f.jpg&quot;) center center / cover no-repeat; cursor: pointer;"></figure>
+                      <div class="lower-content"><h5><a
+                        href="javascript:;">王虎</a>
+                      </h5><span class="designation"></span></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-3 col-md-6 col-sm-12 team-block">
+                  <div class="team-block-three">
+                    <div class="inner-box">
+                      <figure class="image-box"
+                              style="background: url(&quot;http://223.76.236.155:10000/sapi&quot;) center center / cover no-repeat; cursor: pointer;"></figure>
+                      <div class="lower-content"><h5><a
+                        href="javascript:;">吴骁</a>
+                      </h5><span class="designation"></span></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-3 col-md-6 col-sm-12 team-block">
+                  <div class="team-block-three">
+                    <div class="inner-box">
+                      <figure class="image-box"
+                              style="background: url(&quot;http://223.76.236.155:10000/sapi&quot;) center center / cover no-repeat; cursor: pointer;"></figure>
+                      <div class="lower-content"><h5><a
+                        href="javascript:;">陶望成</a>
+                      </h5><span class="designation"></span></div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section><!---->
+    <footer data-v-df7918d6="" class="main-footer">
+      <div data-v-df7918d6="" class="image-layer icon-footer-bg"></div>
+      <div data-v-df7918d6="" class="container">
+        <div data-v-df7918d6="" class="footer-top">
+          <div data-v-df7918d6="" class="widget-section">
+            <div data-v-df7918d6="" class="row">
+              <div data-v-df7918d6="" class="col-lg-5 col-md-8 col-sm-12 footer-column">
+                <div data-v-df7918d6="" class="about-widget footer-widget">
+                  <figure data-v-df7918d6="" class="footer-logo"><a data-v-df7918d6="" href="index.html"><img
+                    data-v-df7918d6="" src="@/assets/img/footer-logo.10d1ef46.png" alt=""></a></figure>
+                  <div data-v-df7918d6="" class="text">面向源代码的漏洞检测和验证的公共服务平台</div>
+                  <ul data-v-df7918d6="" class="social-links">
+                    <img data-v-df7918d6="" src="@/assets/img/qr_code.4a6eae3c.jpg"
+                                                                   width="160" alt=""></ul>
+                </div>
+              </div>
+              <div data-v-df7918d6="" class="col-lg-2 col-md-5 col-sm-12 footer-column">
+                <div data-v-df7918d6="" class="links-widget footer-widget"><h4 data-v-df7918d6="" class="widget-title">
+                  快速入口</h4>
+                  <div data-v-df7918d6="" class="widget-content">
+                    <ul data-v-df7918d6="" class="list clearfix">
+                      <li data-v-df7918d6=""><a data-v-df7918d6="" href="/u/service/staticCheck">技术服务</a></li>
+                      <li data-v-df7918d6=""><a data-v-df7918d6="" href="/u/project/index">项目查询</a></li>
+                      <li data-v-df7918d6=""><a data-v-df7918d6="" href="/vuln/cve">漏洞查询</a></li>
+                      <li data-v-df7918d6=""><a data-v-df7918d6="" href="/user/login">用户登陆</a></li>
+                      <li data-v-df7918d6=""><a data-v-df7918d6="" href="/user/register">用户注册</a></li>
+                      <li data-v-df7918d6=""><a data-v-df7918d6="" href="/user/recover">忘记密码</a></li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+              <div data-v-df7918d6="" class="col-lg-2 col-md-5 col-sm-12 footer-column">
+                <div data-v-df7918d6="" class="links-widget footer-widget"><h4 data-v-df7918d6="" class="widget-title">
+                  支持</h4>
+                  <div data-v-df7918d6="" class="widget-content">
+                    <ul data-v-df7918d6="" class="list clearfix">
+                      <li data-v-df7918d6=""><a data-v-df7918d6="" href="#">关于我们</a></li>
+                      <li data-v-df7918d6=""><a data-v-df7918d6="" href="#">高校联盟</a></li>
+                      <li data-v-df7918d6=""><a data-v-df7918d6="" href="#">问题反馈</a></li>
+                      <li data-v-df7918d6=""><a data-v-df7918d6="" href="#">帮助中心</a></li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+              <div data-v-df7918d6="" class="col-lg-3 col-md-6 col-sm-12 footer-column">
+                <div data-v-df7918d6="" class="contact-widget footer-widget"><h4 data-v-df7918d6=""
+                                                                                 class="widget-title">联系我们</h4>
+                  <div data-v-df7918d6="" class="widget-content">
+                    <ul data-v-df7918d6="" class="list clearfix">
+                      <li data-v-df7918d6=""><i data-v-df7918d6="" class="fas fa-map-marker-alt"></i>武汉市东西湖区武汉金银湖实验室
+                      </li>
+                      <li data-v-df7918d6=""><i data-v-df7918d6="" class="fas fa-phone-volume"></i><a data-v-df7918d6=""
+                                                                                                      href="tel:+0665184575181">02-87878787</a><br
+                        data-v-df7918d6=""><a data-v-df7918d6="" href="tel:+0665184575182">02-87878787</a></li>
+                      <li data-v-df7918d6=""><i data-v-df7918d6="" class="fas fa-envelope"></i><a data-v-df7918d6=""
+                                                                                                  href="mailto:info@example.com">info@hust.com</a>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div data-v-df7918d6="" class="footer-bottom">
+          <div data-v-df7918d6="" class="copyright">© 2020 武汉金银湖实验室 | 鄂ICP备 14029750号</div>
+        </div>
+      </div>
+    </footer>
+<!--    <button data-target="html" class="scroll-top scroll-to-target"><span-->
+<!--      class="fa fa-arrow-up"></span>-->
+<!--    </button>-->
+  </div>
+</template>
+
+<script>
+export default {
+  name: "index"
+}
+</script>
+
+<style lang="scss" scoped>
+a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  vertical-align: baseline;
+}
+.team-box-section {
+  position: relative;
+  padding: 80px 0 0 0;
+  background-color: white;
+  .container {
+    max-width: 1340px;
+  }
+
+  .container {
+    width: 100%;
+    padding-right: 15px;
+    padding-left: 15px;
+    margin-right: auto;
+    margin-left: auto;
+  }
+}
+.sec-title {
+  position: relative;
+  display: block;
+}
+.sec-title.center {
+  text-align: center;
+}
+.sec-title.center h2, .sec-title.center p {
+  text-align: center;
+}
+.sec-title h2 {
+  position: relative;
+  display: block;
+  font-size: 36px;
+  line-height: 48px;
+  color: #000;
+  font-weight: 500;
+  padding-bottom: 31px;
+  margin-bottom: 31px;
+  letter-spacing: 2px;
+  font-weight: 700;
+}
+.sec-title.center h2:after, .sec-title.center h2:before {
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+
+.sec-title h2:before {
+  position: absolute;
+  content: "";
+  background: #ccc;
+  width: 130px;
+  height: 2px;
+  left: 0;
+  bottom: 0;
+}
+.sec-title.center h2:after, .sec-title.center h2:before {
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+.sec-title h2:after {
+  position: absolute;
+  content: "";
+  background: #777;
+  width: 45px;
+  height: 4px;
+  left: 0;
+  bottom: 0;
+  -webkit-transition: all .5s ease;
+  transition: all .5s ease;
+  -webkit-mask-image: linear-gradient(-75deg, rgba(244, 55, 55, .6) 50%, #f43737 0, #000 70%);
+  -webkit-mask-size: 200%;
+  -webkit-animation: shine 2s infinite;
+  animation: shine 2s infinite;
+}
+.row {
+  display: -ms-flexbox;
+  display: -webkit-box;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-right: -15px;
+  margin-left: -15px;
+}
+.col-lg-10 {
+  //width: 83.33333333%;
+}
+.centred {
+  text-align: center;
+}
+.team-box {
+  width: 100%;
+}
+.team-box .cg {
+  padding-bottom: 50px;
+}
+.team-box .cg table {
+  width: 100%;
+  background-color: #ebebeb;
+  border-collapse: inherit;
+  border-spacing: 0;
+}
+.team-box .cg .cg-title {
+  font-size: 32px;
+  color: #000;
+  font-weight: 700;
+  text-align: center;
+  background-color: #f5f6fa;
+}
+.team-box .cg table td {
+  background-color: #fff;
+  padding: 15px 20px;
+}
+.team-box .cg .cg-list {
+  text-align: left;
+}
+.ant-list {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, .65);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5;
+  list-style: none;
+  -webkit-font-feature-settings: "tnum";
+  font-feature-settings: "tnum";
+  position: relative;
+}
+.ant-list * {
+  outline: none;
+}
+.ant-spin-container {
+  position: relative;
+  -webkit-transition: opacity .3s;
+  transition: opacity .3s;
+}
+.ant-list-items {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.team-box .cg .cg-list li {
+  position: relative;
+  display: block;
+  font-size: 16px;
+  margin-bottom: 18px;
+  padding: 0 0 0 25px;
+  font-size: 14px;
+}
+.ant-list-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  padding: 12px 0;
+}
+.team-box .cg .cg-list li:before {
+  position: absolute;
+  content: "\f15c";
+  font-family: Font Awesome\ 5 Free;
+  font-size: 16px;
+  font-weight: 700;
+  color: #01458d;
+  left: 0;
+  top: 0;
+}
+.theme-btn-two {
+  position: relative;
+  display: inline-block;
+  overflow: hidden;
+  font-size: 16px;
+  font-weight: 500;
+  color: #fff;
+  background: #01458d;
+  border-radius: 30px;
+  text-align: center;
+  padding: 10px 30px;
+  cursor: pointer;
+  z-index: 1;
+  -webkit-transition: all .5s ease;
+  transition: all .5s ease;
+  ext-decoration: none;
+}
+.theme-btn-two:before {
+  position: absolute;
+  content: "";
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  background-color: #fff;
+  -webkit-transition: all .4s;
+  transition: all .4s;
+  -webkit-transform: scaleX(.2);
+  transform: scaleX(.2);
+  z-index: -1;
+}
+.team-box-section {
+  position: relative;
+  padding: 80px 0 0 0;
+}
+.timeline {
+  width: 100%;
+  //max-width: 1000px;
+  background: #fff;
+  padding: 50px 0;
+  position: relative;
+  .ant-list * {
+    outline: none;
+  }
+  .ant-list {
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    color: rgba(0, 0, 0, .65);
+    font-size: 14px;
+    font-variant: tabular-nums;
+    line-height: 1.5;
+    list-style: none;
+    -webkit-font-feature-settings: "tnum";
+    font-feature-settings: "tnum";
+    position: relative;
+  }
+  .ant-list-items {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .ant-list-item[data-v-9c2e7bbc] {
+    display: block;
+  }
+  .ant-list-item {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+    padding: 12px 0;
+  }
+  .entry {
+    clear: both;
+    text-align: left;
+    position: relative;
+    width: 98%;
+  }
+  .entry .title {
+    margin-bottom: 0.5em;
+    float: left;
+    width: 18.3%;
+    padding-right: 30px;
+    text-align: right;
+    position: relative;
+  }
+  .entry .title:before {
+    content: "";
+    position: absolute;
+    width: 16px;
+    height: 16px;
+    border: 4px solid #01458d;
+    background-color: #fff;
+    border-radius: 100%;
+    top: 15%;
+    right: -8px;
+    z-index: 99;
+  }
+  .entry .title h3 {
+    margin: 0;
+    font-size: 22px;
+    color: #000;
+  }
+  .entry .body {
+    margin: 0 0 3em;
+    float: right;
+    width: 80%;
+    padding-left: 30px;
+  }
+  .entry .body ul {
+    color: #aaa;
+    padding-left: 0;
+    list-style-type: none;
+  }
+  .entry .body ul li {
+    list-style-type: circle;
+    color: #666;
+  }
+  ::marker {
+    unicode-bidi: isolate;
+    font-variant-numeric: tabular-nums;
+    text-transform: none;
+    text-indent: 0px !important;
+    text-align: start !important;
+    text-align-last: start !important;
+  }
+}
+.timeline:before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: calc(16.5% + 15px);
+  bottom: 0;
+  width: 4px;
+  background: #ddd;
+}
+.timeline:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+.team-box-section .tab-btn-box {
+  position: relative;
+  max-width: 940px;
+  width: 100%;
+  margin: 0 auto;
+}
+
+.team-box-section .tab-btn-box .tab-btns {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+  border-radius: 30px;
+  margin-bottom: 100px;
+}
+.clearfix {
+  zoom: 1;
+}
+.clearfix:after, .clearfix:before {
+  display: table;
+  content: "";
+}
+.clearfix:after {
+  display: block;
+  clear: both;
+  content: "";
+}
+.team-box-section .tab-btn-box .tab-btns li.active-btn, .team-box-section .tab-btn-box .tab-btns li:hover {
+  background: #01458d;
+  color: #fff;
+}
+.team-box-section .tab-btn-box .tab-btns li:first-child {
+  border-radius: 100px 0 0 100px;
+}
+.team-box-section .tab-btn-box .tab-btns li.active-btn, .team-box-section .tab-btn-box .tab-btns li:hover {
+  background: #01458d;
+  color: #fff;
+}
+
+.team-box-section .tab-btn-box .tab-btns li:last-child {
+  border-right: 0;
+  border-radius: 0 100px 100px 0;
+  margin-left: -5px;
+}
+.team-box-section .tab-btn-box .tab-btns {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+  border-radius: 30px;
+  margin-bottom: 100px;
+}
+.team-box-section .tab-btn-box .tab-btns li {
+  position: relative;
+  width: 235px;
+  font-size: 16px;
+  line-height: 30px;
+  text-align: center;
+  background: transparent;
+  padding: 15px 20px;
+  border-right: 1px solid #fff;
+  -webkit-transition: all .5s ease;
+  transition: all .5s ease;
+  cursor: pointer;
+  display: inline-block;
+  background: #f5f5f5;
+}
+.tabs-box .tab.active-tab {
+  -webkit-transform: scale(1) translateY(0);
+  transform: scale(1) translateY(0);
+}
+.tabs-box .tab {
+  position: relative;
+  display: none;
+  transition: all .9s ease;
+  -moz-transition: all .9s ease;
+  -webkit-transition: all .9s ease;
+  -ms-transition: all .9s ease;
+  -o-transition: all .9s ease;
+}
+.col-lg-3 {
+  width: 25%;
+  float: left;
+  -webkit-box-flex: 0;
+  flex: 0 0 25%;
+  max-width: 25%;
+}
+.team-block-three .inner-box {
+  position: relative;
+  display: block;
+  background: #fff;
+  border-radius: 10px;
+  overflow: hidden;
+  margin-bottom: 30px;
+  -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,.1);
+  box-shadow: 0 5px 30px 0 rgba(0,0,0,.1);
+}
+.team-block-three .inner-box .image-box {
+  position: relative;
+  display: block;
+  overflow: hidden;
+  height: 400px;
+  background: #01458d;
+  border-top-right-radius: 10px;
+  border-top-left-radius: 10px;
+}
+.team-block-three .inner-box .lower-content {
+  position: relative;
+  display: block;
+  padding: 14px 12px 27px 12px;
+}
+.team-block-three .inner-box .lower-content h5 {
+  position: relative;
+  display: block;
+  font-size: 18px;
+  line-height: 28px;
+  font-weight: 500;
+  color: #2e2e2e;
+  margin-bottom: 2px;
+}
+.team-block-three .inner-box .lower-content .designation {
+  position: relative;
+  display: block;
+  font-size: 14px;
+  line-height: 24px;
+  font-weight: 500;
+  color: #01458d;
+}
+.team-block-three .inner-box .lower-content h5 a {
+  position: relative;
+  display: inline-block;
+  color: #2e2e2e;
+}
+
+.tabs-box .tab.active-tab {
+  -webkit-transform: scale(1) translateY(0);
+  transform: scale(1) translateY(0);
+}
+
+.tabs-box .tab.active-tab {
+  display: block;
+}
+.tabs-box .tab {
+  -webkit-transform: scale(.9) translateY(0);
+  transform: scale(.9) translateY(0);
+}
+.tabs-box .tab {
+  position: relative;
+  display: none;
+  transition: all .9s ease;
+  -moz-transition: all .9s ease;
+  -webkit-transition: all .9s ease;
+  -ms-transition: all .9s ease;
+  -o-transition: all .9s ease;
+}
+.row {
+  display: -ms-flexbox;
+  display: -webkit-box;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-right: -15px;
+  margin-left: -15px;
+}
+.col-lg-3 {
+  width: 25%;
+  float: left;
+  -webkit-box-flex: 0;
+  flex: 0 0 25%;
+  max-width: 25%;
+  padding-right: 15px;
+  padding-left: 15px;
+}
+.team-block-three .inner-box {
+  position: relative;
+  display: block;
+  background: #fff;
+  border-radius: 10px;
+  overflow: hidden;
+  margin-bottom: 30px;
+  -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,.1);
+  box-shadow: 0 5px 30px 0 rgba(0,0,0,.1);
+}
+.team-block-three .inner-box .image-box {
+  position: relative;
+  display: block;
+  overflow: hidden;
+  height: 400px;
+  background: #01458d;
+  border-top-right-radius: 10px;
+  border-top-left-radius: 10px;
+}
+.team-block-three .inner-box .lower-content {
+  position: relative;
+  display: block;
+  padding: 14px 12px 27px 12px;
+}
+.team-block-three .inner-box .lower-content h5 {
+  position: relative;
+  display: block;
+  font-size: 18px;
+  line-height: 28px;
+  font-weight: 500;
+  color: #2e2e2e;
+  margin-bottom: 2px;
+}
+.team-block-three .inner-box .lower-content h5 a {
+  position: relative;
+  display: inline-block;
+  color: #2e2e2e;
+}
+.team-block-three .inner-box .lower-content .designation {
+  position: relative;
+  display: block;
+  font-size: 14px;
+  line-height: 24px;
+  font-weight: 500;
+  color: #01458d;
+}
+
+.main-footer {
+  position: relative;
+  padding-top: 150px;
+}
+
+article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
+  display: block;
+}
+
+.main-footer .image-layer {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: 50%;
+}
+.icon-footer-bg {
+  background-image: url(@/assets/img/footer-bg.fbfa26c4.png);
+}
+.main-footer .footer-top {
+  position: relative;
+  padding: 105px 0 100px 0;
+  border-bottom: 1px solid #ddd;
+}
+.col-lg-5 {
+  width: 41.66666667%;
+  float: left;
+}
+.main-footer .footer-top .about-widget {
+  position: relative;
+  margin-right: 60px;
+  margin-top: -8px;
+}
+.col-lg-2 {
+  width: 16.66666667%;
+}
+.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
+  float: left;
+}
+.main-footer .footer-top .footer-logo {
+  margin-bottom: 32px;
+}
+img {
+  max-width: 100%;
+}
+.main-footer .footer-top .about-widget .text {
+  position: relative;
+  font-size: 18px;
+  line-height: 36px;
+  margin-bottom: 27px;
+}
+.main-footer .footer-top .widget-title {
+  position: relative;
+  display: block;
+  font-size: 20px;
+  line-height: 30px;
+  font-weight: 500;
+  color: #222;
+  padding-bottom: 9px;
+  margin-bottom: 39px;
+}
+.main-footer .footer-top .widget-title:before {
+  position: absolute;
+  content: "";
+  background: #01458d;
+  width: 45px;
+  height: 2px;
+  left: 0;
+  bottom: 0;
+  -webkit-mask-image: linear-gradient(-75deg, rgba(244, 55, 55, .6) 50%, #f43737 0, #000 70%);
+  -webkit-mask-size: 200%;
+  -webkit-animation: shine 2s infinite;
+  animation: shine 2s infinite;
+}
+*, :after, :before {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.main-footer .footer-top .widget-title:after {
+  position: absolute;
+  content: "";
+  background: #f2f0f9;
+  width: 3px;
+  height: 2px;
+  left: 36px;
+  bottom: 0;
+}
+*, :after, :before {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.clearfix:after, .clearfix:before {
+  display: table;
+  content: "";
+}
+.main-footer .footer-top .links-widget .list li {
+  position: relative;
+  display: block;
+  margin-bottom: 11px;
+  padding-left: 18px;
+}
+.main-footer .footer-top .links-widget .list li a {
+  display: inline-block;
+  font-size: 16px;
+  color: #777;
+}
+.main-footer .footer-top .links-widget .list li a:before {
+  position: absolute;
+  content: "\f105";
+  font-family: Font Awesome\ 5 Free;
+  font-size: 16px;
+  color: #777;
+  font-weight: 700;
+  left: 0;
+  top: 0;
+  -webkit-transition: all .5s ease;
+  transition: all .5s ease;
+}
+.clearfix:after {
+  display: block;
+  clear: both;
+  content: "";
+}
+.main-footer .footer-bottom {
+  position: relative;
+  padding: 14px 0;
+  text-align: center;
+}
+.main-footer .footer-bottom .copyright {
+  font-size: 16px;
+  color: #01458d;
+}
+.container {
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/Jyh/TestingCenter/ReportDetail.vue b/src/views/Jyh/TestingCenter/ReportDetail.vue
new file mode 100644
index 0000000..8ec4433
--- /dev/null
+++ b/src/views/Jyh/TestingCenter/ReportDetail.vue
@@ -0,0 +1,581 @@
+<template>
+  <div class="report-detail">
+    <!-- 报告头部信息 -->
+    <div class="report-header">
+      <div class="risk-level">
+        <d-tag :color="getRiskColor(reportData.riskLevel)" size="lg">
+          {{ reportData.riskLevel || '无风险' }}
+        </d-tag>
+      </div>
+      <div class="report-title">
+        <h2>安全检测报告 - {{ reportData.target }}</h2>
+        <p class="report-time">生成时间：{{ formatTime(reportData.completeTime) }}</p>
+      </div>
+      <div class="report-actions">
+        <d-button variant="text" @click="copyReportLink">
+          <i class="fa fa-link mr-1"></i> 复制报告链接
+        </d-button>
+        <d-button variant="text" @click="downloadReport">
+          <i class="fa fa-download mr-1"></i> 下载报告
+        </d-button>
+      </div>
+    </div>
+
+    <!-- 基本信息卡片 -->
+    <d-card class="report-card mt-4">
+      <div slot="header" class="card-header">基本信息</div>
+      <d-descriptions column="2" bordered>
+        <d-description-item term="任务ID">{{ reportData.taskId || '--' }}</d-description-item>
+        <d-description-item term="检测类型">{{ getTypeText(reportData.type) }}</d-description-item>
+        <d-description-item term="检测目标">{{ reportData.target || '--' }}</d-description-item>
+        <d-description-item term="文件大小" v-if="reportData.type === 'file'">
+          {{ reportData.fileSize ? formatFileSize(reportData.fileSize) : '--' }}
+        </d-description-item>
+        <d-description-item term="开始时间">{{ formatTime(reportData.startTime) || '--' }}</d-description-item>
+        <d-description-item term="完成时间">{{ formatTime(reportData.completeTime) || '--' }}</d-description-item>
+        <d-description-item term="检测时长">{{ formatDuration(reportData.duration) || '--' }}</d-description-item>
+        <d-description-item term="检测项总数">{{ reportData.totalChecks || 0 }} 项</d-description-item>
+      </d-descriptions>
+    </d-card>
+
+    <!-- 风险概览卡片 -->
+    <d-card class="report-card mt-4">
+      <div slot="header" class="card-header">风险概览</div>
+      <div class="risk-overview">
+        <div class="risk-stats">
+          <div class="risk-stat-item">
+            <div class="stat-value">{{ reportData.riskStats?.critical || 0 }}</div>
+            <div class="stat-label">
+              <d-tag color="#c7000b" size="sm">致命漏洞</d-tag>
+            </div>
+          </div>
+          <div class="risk-stat-item">
+            <div class="stat-value">{{ reportData.riskStats?.high || 0 }}</div>
+            <div class="stat-label">
+              <d-tag color="#f66f6a" size="sm">高危漏洞</d-tag>
+            </div>
+          </div>
+          <div class="risk-stat-item">
+            <div class="stat-value">{{ reportData.riskStats?.medium || 0 }}</div>
+            <div class="stat-label">
+              <d-tag color="#fac20a" size="sm">中危漏洞</d-tag>
+            </div>
+          </div>
+          <div class="risk-stat-item">
+            <div class="stat-value">{{ reportData.riskStats?.low || 0 }}</div>
+            <div class="stat-label">
+              <d-tag color="#5e7ce0" size="sm">低危漏洞</d-tag>
+            </div>
+          </div>
+        </div>
+        <div class="risk-chart">
+          <!-- 使用 DChart 组件实现饼图 -->
+          <d-chart :option="riskChartOption" style="width: 100%; height: 200px"></d-chart>
+        </div>
+      </div>
+    </d-card>
+
+    <!-- 漏洞详情卡片 -->
+    <d-card class="report-card mt-4">
+      <div slot="header" class="card-header">漏洞详情</div>
+      <d-table
+        :data="vulnerabilities"
+        :show-loading="loading"
+        table-layout="auto"
+      >
+        <d-column field="vulnId" header="漏洞编号" :width="160"></d-column>
+        <d-column field="vulnName" header="漏洞名称"></d-column>
+        <d-column field="severity" header="风险等级">
+          <template #default="scope">
+            <d-tag :color="getSeverityColor(scope.row.severity)">{{ getSeverityText(scope.row.severity) }}</d-tag>
+          </template>
+        </d-column>
+        <d-column field="affectedComponents" header="受影响组件" :width="200">
+          <template #default="scope">
+            <div class="affected-components">
+              <span v-for="(comp, idx) in scope.row.affectedComponents" :key="idx">
+                {{ comp.name }}@{{ comp.version }}
+                <template v-if="idx < scope.row.affectedComponents.length - 1">, </template>
+              </span>
+            </div>
+          </template>
+        </d-column>
+        <d-column header="操作" :width="120">
+          <template #default="scope">
+            <d-button
+              variant="text"
+              size="sm"
+              @click="showVulnDetail(scope.row)"
+            >
+              详情
+            </d-button>
+          </template>
+        </d-column>
+      </d-table>
+    </d-card>
+
+    <!-- 修复建议卡片 -->
+    <d-card class="report-card mt-4">
+      <div slot="header" class="card-header">修复建议</div>
+      <div class="fix-suggestions">
+        <div v-if="reportData.fixSuggestions && reportData.fixSuggestions.length">
+          <div class="suggestion-item" v-for="(item, idx) in reportData.fixSuggestions" :key="idx">
+            <h4 class="suggestion-title">
+              <i class="fa fa-lightbulb-o text-warning mr-2"></i>
+              建议 {{ idx + 1 }}: {{ item.title }}
+            </h4>
+            <p class="suggestion-content">{{ item.content }}</p>
+            <a
+              v-if="item.reference"
+              :href="item.reference"
+              target="_blank"
+              class="suggestion-link"
+            >
+              查看详细指南 <i class="fa fa-external-link ml-1"></i>
+            </a>
+          </div>
+        </div>
+        <div v-else class="no-suggestions">
+          未发现需要修复的问题或暂无具体修复建议
+        </div>
+      </div>
+    </d-card>
+
+    <!-- 底部操作区 -->
+    <div class="report-footer mt-6">
+      <d-button @click="$emit('close')" variant="secondary">关闭</d-button>
+      <d-button @click="rescan" class="ml-2">重新检测</d-button>
+    </div>
+
+    <!-- 漏洞详情弹窗 -->
+    <d-modal
+      v-model="vulnDetailVisible"
+      title="漏洞详情"
+      :width="700"
+    >
+      <div v-if="currentVuln" class="vuln-detail-modal">
+        <div class="vuln-detail-header">
+          <h3>{{ currentVuln.vulnName }}</h3>
+          <d-tag :color="getSeverityColor(currentVuln.severity)">{{ getSeverityText(currentVuln.severity) }}</d-tag>
+        </div>
+        <div class="vuln-detail-content mt-4">
+          <div class="vuln-section">
+            <h4 class="section-title">漏洞描述</h4>
+            <p class="section-content">{{ currentVuln.description || '无详细描述' }}</p>
+          </div>
+          <div class="vuln-section mt-3">
+            <h4 class="section-title">受影响组件</h4>
+            <ul class="section-list">
+              <li v-for="(comp, idx) in currentVuln.affectedComponents" :key="idx">
+                {{ comp.name }} (版本: {{ comp.version }}) - 路径: {{ comp.path || '未知' }}
+              </li>
+            </ul>
+          </div>
+          <div class="vuln-section mt-3">
+            <h4 class="section-title">修复建议</h4>
+            <p class="section-content">{{ currentVuln.fixSuggestion || '暂无具体修复建议' }}</p>
+          </div>
+          <div class="vuln-section mt-3">
+            <h4 class="section-title">参考信息</h4>
+            <div class="section-content">
+              <p v-if="currentVuln.cveId">CVE: {{ currentVuln.cveId }}</p>
+              <p v-if="currentVuln.cnnvdId">CNNVD: {{ currentVuln.cnnvdId }}</p>
+              <a
+                v-if="currentVuln.referenceUrl"
+                :href="currentVuln.referenceUrl"
+                target="_blank"
+                class="reference-link"
+              >
+                官方漏洞详情 <i class="fa fa-external-link ml-1"></i>
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </d-modal>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, onMounted, watch } from 'vue';
+import dayjs from 'dayjs';
+import duration from 'dayjs/plugin/duration';
+// import { useToast } from 'devui';
+import { DChart } from 'vue-devui/echarts'; // 引入 DChart 组件
+
+// 引入dayjs duration插件
+dayjs.extend(duration);
+
+// 接收父组件传入的报告数据
+const props = defineProps({
+  reportData: {
+    type: Object,
+    required: true
+  }
+});
+
+// 组件内部状态
+const loading = ref(false);
+const vulnDetailVisible = ref(false);
+const currentVuln = ref(null);
+const toast = useToast();
+
+// 漏洞列表数据（从报告数据中提取）
+const vulnerabilities = ref(props.reportData.vulnerabilities || []);
+
+// 显示漏洞详情
+const showVulnDetail = (vuln) => {
+  currentVuln.value = vuln;
+  vulnDetailVisible.value = true;
+};
+
+// 重新检测
+const rescan = () => {
+  $emit('close');
+  $emit('rescan', props.reportData);
+};
+
+// 复制报告链接
+const copyReportLink = () => {
+  const dummyLink = `${window.location.origin}/scan/report/${props.reportData.taskId}`;
+  navigator.clipboard.writeText(dummyLink).then(() => {
+    toast.success({ content: '报告链接已复制到剪贴板', duration: 2000 });
+  }).catch(() => {
+    toast.error({ content: '复制失败，请手动复制', duration: 2000 });
+  });
+};
+
+// 下载报告
+const downloadReport = () => {
+  toast.info({ content: '准备下载报告...', duration: 2000 });
+};
+
+// 格式化时间
+const formatTime = (time) => {
+  return time ? dayjs(time).format('YYYY-MM-DD HH:mm:ss') : '--';
+};
+
+// 格式化文件大小
+const formatFileSize = (bytes) => {
+  if (bytes === 0) return '0 Bytes';
+  const k = 1024;
+  const sizes = ['Bytes', 'KB', 'MB', 'GB'];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+};
+
+// 格式化时长
+const formatDuration = (ms) => {
+  if (!ms) return '--';
+  const d = dayjs.duration(ms, 'milliseconds');
+  return `${d.minutes()}分${d.seconds()}秒`;
+};
+
+// 风险等级颜色映射
+const getRiskColor = (level) => {
+  const colorMap = {
+    '致命': '#c7000b',
+    '高危': '#f66f6a',
+    '中危': '#fac20a',
+    '低危': '#5e7ce0',
+    '无风险': '#00b42a'
+  };
+  return colorMap[level] || 'default';
+};
+
+// 检测类型文本映射
+const getTypeText = (type) => {
+  const typeMap = {
+    'file': '文件上传',
+    'url': 'URL地址',
+    'sbom': 'SBOM内容'
+  };
+  return typeMap[type] || type;
+};
+
+// 漏洞严重程度文本映射
+const getSeverityText = (severity) => {
+  const severityMap = {
+    'critical': '致命',
+    'high': '高危',
+    'medium': '中危',
+    'low': '低危'
+  };
+  return severityMap[severity] || severity;
+};
+
+// 漏洞严重程度颜色映射
+const getSeverityColor = (severity) => {
+  const colorMap = {
+    'critical': '#c7000b',
+    'high': '#f66f6a',
+    'medium': '#fac20a',
+    'low': '#5e7ce0'
+  };
+  return colorMap[severity] || 'default';
+};
+
+// 风险图表配置（基于 echarts 格式）
+const riskChartOption = computed(() => {
+  const riskStats = props.reportData.riskStats || {
+    critical: 0,
+    high: 0,
+    medium: 0,
+    low: 0
+  };
+
+  // 转换为 echarts 所需的数据格式
+  const chartData = [
+    { name: '致命漏洞', value: riskStats.critical, itemStyle: { color: '#c7000b' } },
+    { name: '高危漏洞', value: riskStats.high, itemStyle: { color: '#f66f6a' } },
+    { name: '中危漏洞', value: riskStats.medium, itemStyle: { color: '#fac20a' } },
+    { name: '低危漏洞', value: riskStats.low, itemStyle: { color: '#5e7ce0' } }
+  ].filter(item => item.value > 0); // 过滤掉数量为0的项
+
+  return {
+    tooltip: {
+      trigger: 'item',
+      formatter: '{a} <br/>{b}: {c} ({d}%)'
+    },
+    legend: {
+      orient: 'vertical',
+      right: 10,
+      top: 'center',
+      textStyle: {
+        fontSize: 12
+      }
+    },
+    series: [
+      {
+        name: '漏洞数量',
+        type: 'pie',
+        radius: ['40%', '70%'],
+        avoidLabelOverlap: false,
+        itemStyle: {
+          borderRadius: 4,
+          borderColor: '#fff',
+          borderWidth: 2
+        },
+        label: {
+          show: false,
+          position: 'center'
+        },
+        emphasis: {
+          label: {
+            show: true,
+            fontSize: 16,
+            fontWeight: 'bold'
+          }
+        },
+        labelLine: {
+          show: false
+        },
+        data: chartData
+      }
+    ]
+  };
+});
+
+// 监听报告数据变化，更新漏洞列表
+watch(() => props.reportData, () => {
+  vulnerabilities.value = props.reportData.vulnerabilities || [];
+});
+
+// 定义组件输出事件
+const emit = defineEmits(['close', 'rescan']);
+</script>
+
+<style scoped lang="scss">
+@import 'devui-theme/styles-var/devui-var.scss';
+
+.report-detail {
+  padding: 16px;
+  max-height: 80vh;
+  overflow-y: auto;
+}
+
+.report-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 16px;
+}
+
+.risk-level {
+  padding: 4px 0;
+}
+
+.report-title {
+  flex: 1;
+  min-width: 200px;
+
+  .report-time {
+    color: var(--devui-text-secondary);
+    margin-top: 4px;
+    font-size: 14px;
+  }
+}
+
+.report-actions {
+  display: flex;
+  gap: 8px;
+}
+
+.report-card {
+  --devui-card-padding: 16px;
+}
+
+.card-header {
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--devui-text-primary);
+}
+
+.risk-overview {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+  align-items: center;
+  padding: 10px 0;
+
+  .risk-stats {
+    display: flex;
+    gap: 24px;
+    flex-wrap: wrap;
+    flex: 1;
+    min-width: 300px;
+
+    .risk-stat-item {
+      text-align: center;
+
+      .stat-value {
+        font-size: 28px;
+        font-weight: bold;
+        color: var(--devui-text-primary);
+        line-height: 1.2;
+      }
+
+      .stat-label {
+        margin-top: 8px;
+      }
+    }
+  }
+
+  .risk-chart {
+    flex: 1;
+    min-width: 300px;
+    height: 200px;
+  }
+}
+
+.affected-components {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.fix-suggestions {
+  padding: 8px 0;
+
+  .suggestion-item {
+    margin-bottom: 16px;
+    padding-bottom: 16px;
+    border-bottom: 1px dashed var(--devui-border);
+
+    &:last-child {
+      border-bottom: none;
+      margin-bottom: 0;
+      padding-bottom: 0;
+    }
+
+    .suggestion-title {
+      font-weight: 600;
+      color: var(--devui-text-primary);
+      margin-bottom: 8px;
+    }
+
+    .suggestion-content {
+      color: var(--devui-text-secondary);
+      line-height: 1.6;
+      margin-bottom: 8px;
+    }
+
+    .suggestion-link {
+      color: var(--devui-primary);
+      text-decoration: none;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+
+  .no-suggestions {
+    color: var(--devui-text-secondary);
+    text-align: center;
+    padding: 20px 0;
+  }
+}
+
+.report-footer {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.vuln-detail-modal {
+  max-height: 500px;
+  overflow-y: auto;
+  padding-right: 8px;
+}
+
+.vuln-detail-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+}
+
+.vuln-section {
+  padding: 8px 0;
+
+  .section-title {
+    font-weight: 600;
+    margin-bottom: 8px;
+    color: var(--devui-text-primary);
+    display: flex;
+    align-items: center;
+  }
+
+  .section-content {
+    color: var(--devui-text-secondary);
+    line-height: 1.6;
+  }
+
+  .section-list {
+    color: var(--devui-text-secondary);
+    padding-left: 20px;
+
+    li {
+      margin-bottom: 4px;
+      line-height: 1.5;
+    }
+  }
+
+  .reference-link {
+    color: var(--devui-primary);
+    text-decoration: none;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+}
+
+::v-deep .devui-descriptions {
+  margin-top: 8px;
+}
+
+::v-deep .devui-table {
+  margin-top: 8px;
+}
+</style>
diff --git a/src/views/Jyh/TestingCenter/index.vue b/src/views/Jyh/TestingCenter/index.vue
new file mode 100644
index 0000000..afd9b00
--- /dev/null
+++ b/src/views/Jyh/TestingCenter/index.vue
@@ -0,0 +1,750 @@
+<template>
+  <d-breadcrumb class="secret-breadcrumb">
+    <gc-breadcrumb-item :to="{ name: 'home' }"><span class="title">首页</span></gc-breadcrumb-item>
+    <gc-breadcrumb-item>
+      <span class="cur-title">安全检测中心</span>
+    </gc-breadcrumb-item>
+  </d-breadcrumb>
+
+  <div class="page-wrap">
+    <!-- 检测方式选择区域 -->
+    <Card class="upload-card">
+      <div class="upload-title">选择检测方式</div>
+
+      <div class="upload-tabs">
+        <d-tabs v-model="activeUploadType" @change="handleUploadTypeChange">
+          <d-tab id="file" title="上传文件">
+            <div class="upload-area" @click="triggerFileUpload" :class="{ dragging: isDragging }">
+              <input
+                type="file"
+                ref="fileInput"
+                class="file-input"
+                @change="handleFileUpload"
+                @dragover.prevent="isDragging = true"
+                @dragleave.prevent="isDragging = false"
+                @drop.prevent="handleFileDrop"
+              >
+              <i class="fa fa-cloud-upload text-primary text-4xl mb-2"></i>
+              <p>点击或拖拽文件到此处上传</p>
+              <p class="text-sm text-gray-medium">支持格式：.zip, .tar, .gz, .json (最大100MB)</p>
+            </div>
+          </d-tab>
+
+          <d-tab id="url" title="输入URL">
+            <d-form layout="horizontal">
+              <d-form-item field="scanUrl" label="检测URL">
+                <d-input
+                  v-model="scanUrl"
+                  placeholder="请输入需要检测的URL地址（例如：https://example.com）"
+                  style="width: 100%"
+                ></d-input>
+              </d-form-item>
+              <d-form-item>
+                <d-button
+                  @click="startUrlScan"
+                  variant="solid"
+                  :disabled="!scanUrl"
+                >
+                  开始检测
+                </d-button>
+              </d-form-item>
+            </d-form>
+          </d-tab>
+
+          <d-tab id="sbom" title="输入SBOM">
+            <d-form layout="horizontal">
+              <d-form-item field="sbomContent" label="SBOM内容">
+                <d-textarea
+                  v-model="sbomContent"
+                  placeholder="请输入SBOM内容（支持SPDX或CycloneDX格式）"
+                  :rows="8"
+                  style="width: 100%"
+                ></d-textarea>
+              </d-form-item>
+              <d-form-item>
+                <d-button
+                  @click="startSbomScan"
+                  variant="solid"
+                  :disabled="!sbomContent"
+                >
+                  开始检测
+                </d-button>
+              </d-form-item>
+            </d-form>
+          </d-tab>
+        </d-tabs>
+      </div>
+    </Card>
+
+    <!-- 检测状态展示 -->
+    <Card class="mt-4" v-if="currentScan">
+
+      <div class="scan-status-title">
+        <h3>当前检测状态</h3>
+        <div class="upload-title">当前检测状态</div>
+        <d-tag :color="getStatusColor(currentScan.status)">{{ getStatusText(currentScan.status) }}</d-tag>
+      </div>
+
+      <div class="scan-progress mt-4">
+        <d-progress
+          :percentage="currentScan.progress"
+          :status="getProgressStatus(currentScan.status)"
+          stroke-width="6"
+        ></d-progress>
+        <p class="progress-text mt-2">
+          {{ currentScan.progress }}% 完成 - {{ currentScan.currentStep || '准备开始检测' }}
+        </p>
+      </div>
+
+      <div class="scan-details mt-4" v-if="currentScan.status !== 'pending'">
+        <d-descriptions column="1" bordered>
+          <d-description-item term="检测目标">{{ currentScan.target }}</d-description-item>
+          <d-description-item term="开始时间">{{ formatTime(currentScan.startTime) }}</d-description-item>
+          <d-description-item term="预计完成时间" v-if="currentScan.status === 'scanning'">
+            {{ formatTime(currentScan.estimatedCompleteTime) }}
+          </d-description-item>
+          <d-description-item term="完成时间" v-if="currentScan.status === 'completed' || currentScan.status === 'failed'">
+            {{ formatTime(currentScan.completeTime) }}
+          </d-description-item>
+          <d-description-item term="检测项" v-if="currentScan.totalChecks">
+            {{ currentScan.completedChecks }}/{{ currentScan.totalChecks }}
+          </d-description-item>
+        </d-descriptions>
+      </div>
+
+      <div class="scan-actions mt-4" v-if="currentScan.status === 'completed'">
+        <d-button @click="showReportDetails(currentScan)" variant="solid">查看报告详情</d-button>
+      </div>
+    </Card>
+
+    <!-- 历史检测记录 -->
+    <Card class="mt-4">
+      <div class="upload-title">历史检测记录</div>
+      <div class="history-title">
+        <d-select
+          style="width: 30%"
+          v-model="historyFilter"
+          :options="filterOptions"
+          placeholder="筛选状态"
+        ></d-select>
+      </div>
+
+      <d-table
+        :show-loading="loading"
+        class="jyh-table"
+        :data="filteredHistory"
+        v-if="filteredHistory.length > 0"
+        table-layout="auto"
+      >
+        <d-column type="index" width="40"></d-column>
+        <d-column field="target" header="检测目标" :width="300">
+          <template #default="scope">
+            <div class="target-text">{{ scope.row.target }}</div>
+          </template>
+        </d-column>
+        <d-column field="type" header="检测类型">
+          <template #default="scope">
+            <d-tag :type="getTypeColor(scope.row.type)">{{ getTypeText(scope.row.type) }}</d-tag>
+          </template>
+        </d-column>
+        <d-column field="status" header="状态">
+          <template #default="scope">
+            <d-tag :type="getStatusColor(scope.row.status)">{{ getStatusText(scope.row.status) }}</d-tag>
+          </template>
+        </d-column>
+        <d-column field="startTime" header="开始时间">
+          <template #default="scope">{{ formatTime(scope.row.startTime) }}</template>
+        </d-column>
+        <d-column field="riskLevel" header="风险等级">
+          <template #default="scope">
+            <d-tag :color="getRiskColor(scope.row.riskLevel)">{{ scope.row.riskLevel || '无风险' }}</d-tag>
+          </template>
+        </d-column>
+        <d-column header="操作" fixed-right="0px" width="130">
+          <template #default="scope">
+            <a class="devui-link" @click="showReportDetails(scope.row)" v-if="scope.row.status === 'completed'">
+              查看报告
+            </a>
+            <a class="devui-link" @click="rescan(scope.row)" v-else-if="scope.row.status === 'failed'">
+              重新检测
+            </a>
+            <span v-else>--</span>
+          </template>
+        </d-column>
+      </d-table>
+
+      <NoData v-else :small="false"></NoData>
+
+      <div class="mt-20 mb-20 flex justify-end" v-if="filteredHistory.length > 0">
+        <d-pagination
+          size="md"
+          :page-size-options="[10, 20, 50]"
+          :total="pager.total"
+          v-model:pageSize="pager.pageSize"
+          v-model:pageIndex="pager.pageIndex"
+          :max-items="5"
+          :can-change-page-size="true"
+          :can-view-total="true"
+          total-item-text="总计"
+          @page-index-change="getHistoryList"
+          @page-size-change="getHistoryList"
+        />
+      </div>
+    </Card>
+  </div>
+
+  <!-- 报告详情抽屉 -->
+  <d-drawer
+    v-model="reportVisible"
+    :width="800"
+    title="检测报告详情"
+  >
+    <ReportDetail
+      :report-data="currentReport"
+      @close="reportVisible = false"
+    ></ReportDetail>
+  </d-drawer>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, onMounted,onUnmounted, watch } from 'vue';
+import { useRoute } from 'vue-router';
+import NoData from '@/components/NoData/NoData.vue';
+import ReportDetail from './ReportDetail.vue';
+import dayjs from 'dayjs';
+import { getScanHistory, submitScanTask, getScanStatus } from '@/api/jyh/scanCenter';
+
+const route = useRoute();
+const title = ref('安全检测中心');
+
+// 上传相关变量
+const activeUploadType = ref('file');
+const fileInput = ref(null);
+const scanUrl = ref('');
+const sbomContent = ref('');
+const isDragging = ref(false);
+
+// 检测状态相关
+// 替换原有的 const currentScan = ref(null);
+const currentScan = ref({
+  taskId: 'scan_1689234567890', // 任务唯一标识
+  type: 'file', // 检测类型：file/url/sbom
+  target: 'app-release-v2.1.apk', // 检测目标
+  status: 'scanning', // 任务状态：pending/scanning/completed/failed
+  progress: 65, // 检测进度（0-100）
+  startTime: '2024-07-15T10:30:22', // 开始时间
+  estimatedCompleteTime: '2024-07-15T10:35:10', // 预计完成时间
+  currentStep: '执行漏洞深度扫描', // 当前执行步骤
+  totalChecks: 42, // 总检测项数
+  completedChecks: 27, // 已完成检测项数
+  // 以下字段在状态为 completed 时存在
+  // riskStats: { critical: 1, high: 3, medium: 2, low: 5 },
+  // completeTime: '2024-07-15T10:34:55',
+  // 以下字段在状态为 failed 时存在
+  // errorMsg: '检测引擎连接超时'
+});
+const scanInterval = ref(null);
+const loading = ref(false);
+
+// 分页相关
+const pager = ref({
+  total: 0,
+  pageIndex: 1,
+  pageSize: 10
+});
+
+// 历史记录相关
+// 模拟历史检测记录数据（可直接替换到组件的 historyList 初始化中）
+const historyList = ref([
+  // 文件检测 - 已完成（高危）
+  {
+    taskId: 'scan_1720012345678',
+    target: 'enterprise-app-v3.2.1.zip',
+    type: 'file',
+    status: 'completed',
+    riskLevel: '高危',
+    startTime: '2024-07-01T09:15:30',
+    completeTime: '2024-07-01T09:28:45',
+    duration: 810000, // 13分30秒
+    riskStats: { critical: 1, high: 4, medium: 3, low: 2 },
+    fileSize: 28560000 // 约28.5MB
+  },
+  // URL检测 - 已完成（低危）
+  {
+    taskId: 'scan_1720015678901',
+    target: 'https://internal-api.company.com',
+    type: 'url',
+    status: 'completed',
+    riskLevel: '低危',
+    startTime: '2024-07-01T14:30:22',
+    completeTime: '2024-07-01T14:32:10',
+    duration: 108000, // 1分48秒
+    riskStats: { critical: 0, high: 0, medium: 0, low: 1 }
+  },
+  // SBOM检测 - 失败
+  {
+    taskId: 'scan_1720018901234',
+    target: 'SBOM-cyclonedx-project.json',
+    type: 'sbom',
+    status: 'failed',
+    riskLevel: '-',
+    startTime: '2024-07-02T10:05:18',
+    completeTime: '2024-07-02T10:06:03',
+    duration: 45000, // 45秒
+    errorMsg: 'SBOM格式错误：缺少components字段'
+  },
+  // 文件检测 - 已完成（中危）
+  {
+    taskId: 'scan_1720022345678',
+    target: 'mobile-client-v2.8.apk',
+    type: 'file',
+    status: 'completed',
+    riskLevel: '中危',
+    startTime: '2024-07-02T16:40:55',
+    completeTime: '2024-07-02T16:52:30',
+    duration: 695000, // 11分35秒
+    riskStats: { critical: 0, high: 0, medium: 2, low: 5 },
+    fileSize: 42800000 // 约42.8MB
+  },
+  // URL检测 - 进行中
+  {
+    taskId: 'scan_1720025678901',
+    target: 'https://admin-portal.company.com',
+    type: 'url',
+    status: 'scanning',
+    riskLevel: '-',
+    startTime: '2024-07-03T08:12:10',
+    progress: 65,
+    currentStep: '检测API接口漏洞'
+  },
+  // SBOM检测 - 已完成（无风险）
+  {
+    taskId: 'scan_1720028901234',
+    target: 'SBOM-spdx-v2.3.json',
+    type: 'sbom',
+    status: 'completed',
+    riskLevel: '无风险',
+    startTime: '2024-07-03T11:30:00',
+    completeTime: '2024-07-03T11:31:20',
+    duration: 80000, // 1分20秒
+    riskStats: { critical: 0, high: 0, medium: 0, low: 0 }
+  },
+  // 文件检测 - 失败
+  {
+    taskId: 'scan_1720032345678',
+    target: 'legacy-system.tar.gz',
+    type: 'file',
+    status: 'failed',
+    riskLevel: '-',
+    startTime: '2024-07-03T15:20:40',
+    completeTime: '2024-07-03T15:21:10',
+    duration: 30000, // 30秒
+    errorMsg: '文件损坏：无法解压缩归档内容',
+    fileSize: 157000000 // 约157MB
+  },
+  // URL检测 - 已完成（致命）
+  {
+    taskId: 'scan_1720035678901',
+    target: 'https://old-website.company.com',
+    type: 'url',
+    status: 'completed',
+    riskLevel: '致命',
+    startTime: '2024-07-04T09:50:15',
+    completeTime: '2024-07-04T09:51:50',
+    duration: 95000, // 1分35秒
+    riskStats: { critical: 2, high: 1, medium: 0, low: 0 }
+  },
+  // SBOM检测 - 已完成（中危）
+  {
+    taskId: 'scan_1720038901234',
+    target: 'microservice-sbom.xml',
+    type: 'sbom',
+    status: 'completed',
+    riskLevel: '中危',
+    startTime: '2024-07-04T13:18:30',
+    completeTime: '2024-07-04T13:19:45',
+    duration: 75000, // 1分15秒
+    riskStats: { critical: 0, high: 0, medium: 1, low: 3 }
+  },
+  // 文件检测 - 已完成（高危）
+  {
+    taskId: 'scan_1720042345678',
+    target: 'desktop-software-v5.1.exe',
+    type: 'file',
+    status: 'completed',
+    riskLevel: '高危',
+    startTime: '2024-07-05T10:08:22',
+    completeTime: '2024-07-05T10:25:10',
+    duration: 1008000, // 16分48秒
+    riskStats: { critical: 0, high: 3, medium: 2, low: 1 },
+    fileSize: 85600000 // 约85.6MB
+  }
+]);
+const historyFilter = ref('all');
+const filterOptions = ref([
+  { value: 'all', name: '全部状态' },
+  { value: 'completed', name: '已完成' },
+  { value: 'scanning', name: '检测中' },
+  { value: 'failed', name: '失败' }
+]);
+
+// 报告详情相关
+const reportVisible = ref(false);
+const currentReport = ref(null);
+
+// 切换上传类型
+const handleUploadTypeChange = (key) => {
+  activeUploadType.value = key;
+};
+
+// 文件上传相关方法
+const triggerFileUpload = () => {
+  fileInput.value?.click();
+};
+
+const handleFileUpload = (e) => {
+  const file = e.target.files[0];
+  if (file) {
+    startFileScan(file);
+    // 清空输入以允许重复上传同一文件
+    e.target.value = '';
+  }
+};
+
+const handleFileDrop = (e) => {
+  isDragging.value = false;
+  const file = e.dataTransfer.files[0];
+  if (file) {
+    startFileScan(file);
+  }
+};
+
+// 开始不同类型的检测
+const startFileScan = async (file) => {
+  try {
+    loading.value = true;
+    const formData = new FormData();
+    formData.append('file', file);
+
+    const { data } = await submitScanTask({
+      type: 'file',
+      file: formData,
+      target: file.name
+    });
+
+    if (data.success) {
+      currentScan.value = data.data;
+      startScanPolling();
+    }
+  } catch (error) {
+    console.error('文件检测提交失败', error);
+  } finally {
+    loading.value = false;
+  }
+};
+
+const startUrlScan = async () => {
+  try {
+    loading.value = true;
+    const { data } = await submitScanTask({
+      type: 'url',
+      target: scanUrl.value
+    });
+
+    if (data.success) {
+      currentScan.value = data.data;
+      startScanPolling();
+      scanUrl.value = '';
+    }
+  } catch (error) {
+    console.error('URL检测提交失败', error);
+  } finally {
+    loading.value = false;
+  }
+};
+
+const startSbomScan = async () => {
+  try {
+    loading.value = true;
+    const { data } = await submitScanTask({
+      type: 'sbom',
+      content: sbomContent.value,
+      target: 'SBOM内容'
+    });
+
+    if (data.success) {
+      currentScan.value = data.data;
+      startScanPolling();
+      sbomContent.value = '';
+    }
+  } catch (error) {
+    console.error('SBOM检测提交失败', error);
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 轮询获取扫描状态
+const startScanPolling = () => {
+  // 清除之前的定时器
+  if (scanInterval.value) {
+    clearInterval(scanInterval.value);
+  }
+
+  // 立即获取一次状态
+  fetchScanStatus();
+
+  // 设置定时器
+  scanInterval.value = setInterval(() => {
+    fetchScanStatus();
+  }, 5000);
+};
+
+const fetchScanStatus = async () => {
+  if (!currentScan.value?.taskId) return;
+
+  try {
+    const { data } = await getScanStatus(currentScan.value.taskId);
+    if (data.success) {
+      currentScan.value = data.data;
+
+      // 如果扫描完成或失败，停止轮询
+      if (['completed', 'failed'].includes(currentScan.value.status)) {
+        clearInterval(scanInterval.value);
+        scanInterval.value = null;
+        // 刷新历史列表
+        getHistoryList();
+      }
+    }
+  } catch (error) {
+    console.error('获取扫描状态失败', error);
+  }
+};
+
+// 获取历史记录
+const getHistoryList = async () => {
+  try {
+    loading.value = true;
+    const { data } = await getScanHistory({
+      page: pager.value.pageIndex,
+      size: pager.value.pageSize,
+      status: historyFilter.value !== 'all' ? historyFilter.value : ''
+    });
+
+    if (data.success) {
+      historyList.value = data.data.records;
+      pager.value.total = data.data.total;
+    }
+  } catch (error) {
+    console.error('获取历史记录失败', error);
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 查看报告详情
+const showReportDetails = async (record) => {
+  try {
+    loading.value = true;
+    // 这里应该调用获取报告详情的API
+    currentReport.value = record; // 临时使用记录数据，实际应替换为API调用
+    reportVisible.value = true;
+  } catch (error) {
+    console.error('获取报告详情失败', error);
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 重新检测
+const rescan = (record) => {
+  switch (record.type) {
+    case 'file':
+      activeUploadType.value = 'file';
+      break;
+    case 'url':
+      activeUploadType.value = 'url';
+      scanUrl.value = record.target;
+      break;
+    case 'sbom':
+      activeUploadType.value = 'sbom';
+      sbomContent.value = record.content || '';
+      break;
+  }
+};
+
+// 格式化时间
+const formatTime = (time) => {
+  return time ? dayjs(time).format('YYYY-MM-DD HH:mm:ss') : '--';
+};
+
+// 状态文本映射
+const getStatusText = (status) => {
+  const statusMap = {
+    'pending': '等待中',
+    'scanning': '检测中',
+    'completed': '已完成',
+    'failed': '失败'
+  };
+  return statusMap[status] || status;
+};
+
+// 状态颜色映射
+const getStatusColor = (status) => {
+  const colorMap = {
+    'pending': 'primary',
+    'scanning': 'processing',
+    'completed': 'success',
+    'failed': 'danger'
+  };
+  return colorMap[status] || 'default';
+};
+
+// 进度条状态映射
+const getProgressStatus = (status) => {
+  if (status === 'failed') return 'error';
+  if (status === 'completed') return 'success';
+  if (status === 'scanning') return 'processing';
+  return 'active';
+};
+
+// 检测类型文本映射
+const getTypeText = (type) => {
+  const typeMap = {
+    'file': '文件',
+    'url': 'URL',
+    'sbom': 'SBOM'
+  };
+  return typeMap[type] || type;
+};
+
+// 检测类型颜色映射
+const getTypeColor = (type) => {
+  const colorMap = {
+    'file': 'primary',
+    'url': 'info',
+    'sbom': 'secondary'
+  };
+  return colorMap[type] || 'default';
+};
+
+// 风险等级颜色映射
+const getRiskColor = (level) => {
+  const colorMap = {
+    '高危': 'danger',
+    '中危': 'warning',
+    '低危': 'info',
+    '无风险': 'success'
+  };
+  return colorMap[level] || 'default';
+};
+
+// 筛选历史记录
+const filteredHistory = computed(() => {
+  if (historyFilter.value === 'all') {
+    return historyList.value;
+  }
+  return historyList.value.filter(item => item.status === historyFilter.value);
+});
+
+// 监听筛选条件变化
+watch(historyFilter, () => {
+  pager.value.pageIndex = 1;
+  getHistoryList();
+});
+
+// 页面加载时获取历史记录
+onMounted(() => {
+  getHistoryList();
+});
+
+// 组件卸载时清除定时器
+onUnmounted(() => {
+  if (scanInterval.value) {
+    clearInterval(scanInterval.value);
+  }
+});
+</script>
+
+<style scoped lang="scss">
+.page-wrap {
+  margin: 16px;
+}
+
+.upload-card {
+  padding: 20px;
+}
+
+.upload-title {
+  font-size: 16px;
+  font-weight: 600;
+  margin-bottom: 20px;
+  color: #191919;
+}
+
+.upload-area {
+  border: 2px dashed #ccc;
+  border-radius: 8px;
+  padding: 40px 20px;
+  text-align: center;
+  cursor: pointer;
+  transition: all 0.3s;
+
+  &:hover {
+    border-color: var(--devui-primary);
+  }
+
+  &.dragging {
+    border-color: var(--devui-primary);
+    background-color: rgba(22, 93, 255, 0.05);
+  }
+}
+
+.file-input {
+  display: none;
+}
+
+.scan-status-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.scan-progress {
+  margin: 20px 0;
+}
+
+.progress-text {
+  color: var(--devui-text-secondary);
+  margin-top: 8px;
+  font-size: 14px;
+}
+
+.history-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16px;
+}
+
+.target-text {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 280px;
+}
+
+
+.secret-breadcrumb {
+  padding: 7px 20px 12px;
+  background: #ffffff;
+}
+
+///deep/ .devui-tabs-content {
+//  padding: 16px 0;
+//}
+//
+///deep/ .devui-form-item {
+//  margin-bottom: 16px;
+//}
+</style>
diff --git a/yarn.lock b/yarn.lock
index 695b827..6904644 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,11 +2,6 @@
 # yarn lockfile v1
 
 
-"@aashutoshrathi/word-wrap@^1.2.3":
-  version "1.2.6"
-  resolved "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz"
-  integrity sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==
-
 "@alloc/quick-lru@^5.2.0":
   version "5.2.0"
   resolved "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz"
@@ -20,6 +15,26 @@
     "@jridgewell/gen-mapping" "^0.3.5"
     "@jridgewell/trace-mapping" "^0.3.24"
 
+"@ant-design/colors@^6.0.0":
+  version "6.0.0"
+  resolved "https://registry.npmmirror.com/@ant-design/colors/-/colors-6.0.0.tgz#9b9366257cffcc47db42b9d0203bb592c13c0298"
+  integrity sha512-qAZRvPzfdWHtfameEGP2Qvuf838NhergR35o+EuVyB5XvSA98xod5r4utvi4TJ3ywmevm290g9nsCG5MryrdWQ==
+  dependencies:
+    "@ctrl/tinycolor" "^3.4.0"
+
+"@ant-design/icons-svg@^4.2.1":
+  version "4.4.2"
+  resolved "https://registry.npmmirror.com/@ant-design/icons-svg/-/icons-svg-4.4.2.tgz#ed2be7fb4d82ac7e1d45a54a5b06d6cecf8be6f6"
+  integrity sha512-vHbT+zJEVzllwP+CM+ul7reTEfBR0vgxFe7+lREAsAA7YGsYpboiq2sQNeQeRvh09GfQgs/GyFEvZpJ9cLXpXA==
+
+"@ant-design/icons-vue@^7.0.0":
+  version "7.0.1"
+  resolved "https://registry.npmmirror.com/@ant-design/icons-vue/-/icons-vue-7.0.1.tgz#83de301771fadd03f3890e627314102405c31c22"
+  integrity sha512-eCqY2unfZK6Fe02AwFlDHLfoyEFreP6rBwAZMIJ1LugmfMiVgwWDYlp1YsRugaPtICYOabV1iWxXdP12u9U43Q==
+  dependencies:
+    "@ant-design/colors" "^6.0.0"
+    "@ant-design/icons-svg" "^4.2.1"
+
 "@babel/code-frame@^7.23.5", "@babel/code-frame@^7.24.1", "@babel/code-frame@^7.24.2":
   version "7.24.2"
   resolved "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.2.tgz"
@@ -33,7 +48,7 @@
   resolved "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.24.1.tgz"
   integrity sha512-Pc65opHDliVpRHuKfzI+gSA4zcgr65O4cl64fFJIWEEh8JoHIHh0Oez1Eo8Arz8zq/JhgKodQaxEwUPRtZylVA==
 
-"@babel/core@^7.0.0", "@babel/core@^7.0.0-0", "@babel/core@^7.0.0-0 || ^8.0.0-0 <8.0.0", "@babel/core@^7.12.0", "@babel/core@^7.13.0", "@babel/core@^7.22.9", "@babel/core@^7.4.0 || ^8.0.0-0 <8.0.0":
+"@babel/core@^7.22.9":
   version "7.24.3"
   resolved "https://registry.npmjs.org/@babel/core/-/core-7.24.3.tgz"
   integrity sha512-5FcvN1JHw2sHJChotgx8Ek0lyuh4kCKelgMTTqhYJJtloNvUfpAFMeNQUtdlIaktwrSV9LtCdqwk48wL2wBacQ==
@@ -913,6 +928,11 @@
   resolved "https://registry.npmjs.org/@babel/regjsgen/-/regjsgen-0.8.0.tgz"
   integrity sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==
 
+"@babel/runtime@^7.10.5":
+  version "7.28.4"
+  resolved "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.28.4.tgz#a70226016fabe25c5783b2f22d3e1c9bc5ca3326"
+  integrity sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==
+
 "@babel/runtime@^7.8.4":
   version "7.24.1"
   resolved "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.1.tgz"
@@ -958,11 +978,131 @@
   resolved "https://registry.npmjs.org/@braintree/sanitize-url/-/sanitize-url-6.0.4.tgz"
   integrity sha512-s3jaWicZd0pkP0jf5ysyHUI/RE7MHos6qlToFcGWXVp+ykHOy77OUMrfbgJ9it2C5bow7OIQwYYaHjk9XlBQ2A==
 
+"@ctrl/tinycolor@^3.4.0", "@ctrl/tinycolor@^3.5.0":
+  version "3.6.1"
+  resolved "https://registry.npmmirror.com/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz#b6c75a56a1947cc916ea058772d666a2c8932f31"
+  integrity sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==
+
 "@devui-design/icons@^1.3.0", "@devui-design/icons@^1.4.0":
   version "1.4.0"
   resolved "https://mirrors.cloud.tencent.com/npm/@devui-design/icons/-/icons-1.4.0.tgz"
   integrity sha512-taAX1RNW0QHUqQTRPqLTYTB2PZIqUplhWeF4hcmWkSTjpWlDNI40DssG/WRb3sISkfBk/4BMUxxC5XeTL3jo7A==
 
+"@emotion/hash@^0.9.0":
+  version "0.9.2"
+  resolved "https://registry.npmmirror.com/@emotion/hash/-/hash-0.9.2.tgz#ff9221b9f58b4dfe61e619a7788734bd63f6898b"
+  integrity sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==
+
+"@emotion/unitless@^0.8.0":
+  version "0.8.1"
+  resolved "https://registry.npmmirror.com/@emotion/unitless/-/unitless-0.8.1.tgz#182b5a4704ef8ad91bde93f7a860a88fd92c79a3"
+  integrity sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==
+
+"@esbuild/android-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz#984b4f9c8d0377443cc2dfcef266d02244593622"
+  integrity sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==
+
+"@esbuild/android-arm@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/android-arm/-/android-arm-0.18.20.tgz#fedb265bc3a589c84cc11f810804f234947c3682"
+  integrity sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==
+
+"@esbuild/android-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/android-x64/-/android-x64-0.18.20.tgz#35cf419c4cfc8babe8893d296cd990e9e9f756f2"
+  integrity sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==
+
+"@esbuild/darwin-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz#08172cbeccf95fbc383399a7f39cfbddaeb0d7c1"
+  integrity sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==
+
+"@esbuild/darwin-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz#d70d5790d8bf475556b67d0f8b7c5bdff053d85d"
+  integrity sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==
+
+"@esbuild/freebsd-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz#98755cd12707f93f210e2494d6a4b51b96977f54"
+  integrity sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==
+
+"@esbuild/freebsd-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz#c1eb2bff03915f87c29cece4c1a7fa1f423b066e"
+  integrity sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==
+
+"@esbuild/linux-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz#bad4238bd8f4fc25b5a021280c770ab5fc3a02a0"
+  integrity sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==
+
+"@esbuild/linux-arm@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz#3e617c61f33508a27150ee417543c8ab5acc73b0"
+  integrity sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==
+
+"@esbuild/linux-ia32@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz#699391cccba9aee6019b7f9892eb99219f1570a7"
+  integrity sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==
+
+"@esbuild/linux-loong64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz#e6fccb7aac178dd2ffb9860465ac89d7f23b977d"
+  integrity sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==
+
+"@esbuild/linux-mips64el@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz#eeff3a937de9c2310de30622a957ad1bd9183231"
+  integrity sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==
+
+"@esbuild/linux-ppc64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz#2f7156bde20b01527993e6881435ad79ba9599fb"
+  integrity sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==
+
+"@esbuild/linux-riscv64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz#6628389f210123d8b4743045af8caa7d4ddfc7a6"
+  integrity sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==
+
+"@esbuild/linux-s390x@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz#255e81fb289b101026131858ab99fba63dcf0071"
+  integrity sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==
+
+"@esbuild/linux-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz#c7690b3417af318a9b6f96df3031a8865176d338"
+  integrity sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==
+
+"@esbuild/netbsd-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz#30e8cd8a3dded63975e2df2438ca109601ebe0d1"
+  integrity sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==
+
+"@esbuild/openbsd-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz#7812af31b205055874c8082ea9cf9ab0da6217ae"
+  integrity sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==
+
+"@esbuild/sunos-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz#d5c275c3b4e73c9b0ecd38d1ca62c020f887ab9d"
+  integrity sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==
+
+"@esbuild/win32-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz#73bc7f5a9f8a77805f357fab97f290d0e4820ac9"
+  integrity sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==
+
+"@esbuild/win32-ia32@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz#ec93cbf0ef1085cc12e71e0d661d20569ff42102"
+  integrity sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==
+
 "@esbuild/win32-x64@0.18.20":
   version "0.18.20"
   resolved "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz"
@@ -975,31 +1115,11 @@
   dependencies:
     eslint-visitor-keys "^3.3.0"
 
-"@eslint-community/regexpp@^4.4.0", "@eslint-community/regexpp@^4.6.1":
+"@eslint-community/regexpp@^4.4.0":
   version "4.12.1"
   resolved "https://mirrors.cloud.tencent.com/npm/@eslint-community/regexpp/-/regexpp-4.12.1.tgz"
   integrity sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==
 
-"@eslint/eslintrc@^2.1.4":
-  version "2.1.4"
-  resolved "https://mirrors.cloud.tencent.com/npm/@eslint/eslintrc/-/eslintrc-2.1.4.tgz"
-  integrity sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==
-  dependencies:
-    ajv "^6.12.4"
-    debug "^4.3.2"
-    espree "^9.6.0"
-    globals "^13.19.0"
-    ignore "^5.2.0"
-    import-fresh "^3.2.1"
-    js-yaml "^4.1.0"
-    minimatch "^3.1.2"
-    strip-json-comments "^3.1.1"
-
-"@eslint/js@8.57.1":
-  version "8.57.1"
-  resolved "https://mirrors.cloud.tencent.com/npm/@eslint/js/-/js-8.57.1.tgz"
-  integrity sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==
-
 "@floating-ui/core@^1.2.4", "@floating-ui/core@^1.7.0":
   version "1.7.0"
   resolved "https://mirrors.cloud.tencent.com/npm/@floating-ui/core/-/core-1.7.0.tgz"
@@ -1007,14 +1127,6 @@
   dependencies:
     "@floating-ui/utils" "^0.2.9"
 
-"@floating-ui/dom@^1.6.12":
-  version "1.7.0"
-  resolved "https://mirrors.cloud.tencent.com/npm/@floating-ui/dom/-/dom-1.7.0.tgz"
-  integrity sha512-lGTor4VlXcesUMh1cupTUTDoCxMb0V6bm3CnxHzQcw8Eaf1jQbgQX4i02fYgT0vJ82tb5MZ4CZk1LRGkktJCzg==
-  dependencies:
-    "@floating-ui/core" "^1.7.0"
-    "@floating-ui/utils" "^0.2.9"
-
 "@floating-ui/dom@1.2.5":
   version "1.2.5"
   resolved "https://mirrors.cloud.tencent.com/npm/@floating-ui/dom/-/dom-1.2.5.tgz"
@@ -1022,30 +1134,19 @@
   dependencies:
     "@floating-ui/core" "^1.2.4"
 
+"@floating-ui/dom@^1.6.12":
+  version "1.7.0"
+  resolved "https://mirrors.cloud.tencent.com/npm/@floating-ui/dom/-/dom-1.7.0.tgz"
+  integrity sha512-lGTor4VlXcesUMh1cupTUTDoCxMb0V6bm3CnxHzQcw8Eaf1jQbgQX4i02fYgT0vJ82tb5MZ4CZk1LRGkktJCzg==
+  dependencies:
+    "@floating-ui/core" "^1.7.0"
+    "@floating-ui/utils" "^0.2.9"
+
 "@floating-ui/utils@^0.2.9":
   version "0.2.9"
   resolved "https://mirrors.cloud.tencent.com/npm/@floating-ui/utils/-/utils-0.2.9.tgz"
   integrity sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==
 
-"@humanwhocodes/config-array@^0.13.0":
-  version "0.13.0"
-  resolved "https://mirrors.cloud.tencent.com/npm/@humanwhocodes/config-array/-/config-array-0.13.0.tgz"
-  integrity sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==
-  dependencies:
-    "@humanwhocodes/object-schema" "^2.0.3"
-    debug "^4.3.1"
-    minimatch "^3.0.5"
-
-"@humanwhocodes/module-importer@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz"
-  integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
-
-"@humanwhocodes/object-schema@^2.0.3":
-  version "2.0.3"
-  resolved "https://mirrors.cloud.tencent.com/npm/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz"
-  integrity sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==
-
 "@iktakahiro/markdown-it-katex@^4.0.1":
   version "4.0.1"
   resolved "https://registry.npmjs.org/@iktakahiro/markdown-it-katex/-/markdown-it-katex-4.0.1.tgz"
@@ -1131,12 +1232,12 @@
     "@nodelib/fs.stat" "2.0.5"
     run-parallel "^1.1.9"
 
-"@nodelib/fs.stat@^2.0.2", "@nodelib/fs.stat@2.0.5":
+"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
   version "2.0.5"
   resolved "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz"
   integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
 
-"@nodelib/fs.walk@^1.2.3", "@nodelib/fs.walk@^1.2.8":
+"@nodelib/fs.walk@^1.2.3":
   version "1.2.8"
   resolved "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz"
   integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
@@ -1235,6 +1336,14 @@
     "@sentry/types" "7.108.0"
     "@sentry/utils" "7.108.0"
 
+"@simonwep/pickr@~1.8.0":
+  version "1.8.2"
+  resolved "https://registry.npmmirror.com/@simonwep/pickr/-/pickr-1.8.2.tgz#96dc86675940d7cad63d69c22083dd1cbb9797cb"
+  integrity sha512-/l5w8BIkrpP6n1xsetx9MWPWlU6OblN5YgZZphxan0Tq4BByTCETL6lyIeY8lagalS2Nbt4F2W034KHLIiunKA==
+  dependencies:
+    core-js "^3.15.1"
+    nanopop "^2.1.0"
+
 "@tsconfig/node18@^2.0.1":
   version "2.0.1"
   resolved "https://registry.npmjs.org/@tsconfig/node18/-/node18-2.0.1.tgz"
@@ -1289,7 +1398,7 @@
   resolved "https://registry.npmjs.org/@types/mockjs/-/mockjs-1.0.10.tgz"
   integrity sha512-SXgrhajHG7boLv6oU93CcmdDm0HYRiceuz6b+7z+/2lCJPTWDv0V5YiwFHT2ejE4bQqgSXQiVPQYPWv7LGsK1g==
 
-"@types/node@^18.17.1", "@types/node@>= 14":
+"@types/node@^18.17.1":
   version "18.19.26"
   resolved "https://registry.npmjs.org/@types/node/-/node-18.19.26.tgz"
   integrity sha512-+wiMJsIwLOYCvUqSdKTrfkS8mpTp+MPINe6+Np4TAGFWWRWiBQ5kSq9nZGCSPkzx9mvT+uEukzpX4MOSCydcvw==
@@ -1356,7 +1465,7 @@
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/parser@^5.0.0", "@typescript-eslint/parser@^5.59.1":
+"@typescript-eslint/parser@^5.59.1":
   version "5.62.0"
   resolved "https://mirrors.cloud.tencent.com/npm/@typescript-eslint/parser/-/parser-5.62.0.tgz"
   integrity sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==
@@ -1424,11 +1533,6 @@
     "@typescript-eslint/types" "5.62.0"
     eslint-visitor-keys "^3.3.0"
 
-"@ungap/structured-clone@^1.2.0":
-  version "1.3.0"
-  resolved "https://mirrors.cloud.tencent.com/npm/@ungap/structured-clone/-/structured-clone-1.3.0.tgz"
-  integrity sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==
-
 "@vitejs/plugin-basic-ssl@^1.0.1":
   version "1.1.0"
   resolved "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-1.1.0.tgz"
@@ -1452,14 +1556,14 @@
   resolved "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.6.2.tgz"
   integrity sha512-kqf7SGFoG+80aZG6Pf+gsZIVvGSCKE98JbiWqcCV9cThtg91Jav0yvYFC9Zb+jKetNGF6ZKeoaxgZfND21fWKw==
 
-"@volar/language-core@~1.11.1", "@volar/language-core@1.11.1":
+"@volar/language-core@1.11.1", "@volar/language-core@~1.11.1":
   version "1.11.1"
   resolved "https://registry.npmjs.org/@volar/language-core/-/language-core-1.11.1.tgz"
   integrity sha512-dOcNn3i9GgZAcJt43wuaEykSluAuOkQgzni1cuxLxTV0nJKanQztp7FxyswdRILaKH+P2XZMPRp2S4MV/pElCw==
   dependencies:
     "@volar/source-map" "1.11.1"
 
-"@volar/source-map@~1.11.1", "@volar/source-map@1.11.1":
+"@volar/source-map@1.11.1", "@volar/source-map@~1.11.1":
   version "1.11.1"
   resolved "https://registry.npmjs.org/@volar/source-map/-/source-map-1.11.1.tgz"
   integrity sha512-hJnOnwZ4+WT5iupLRnuzbULZ42L7BWWPMmruzwtLhJfpDVoZLjNBxHDi2sY2bgZXCKlpU5XcsMFoYrsQmPhfZg==
@@ -1485,7 +1589,7 @@
     estree-walker "^2.0.2"
     source-map-js "^1.2.0"
 
-"@vue/compiler-dom@^3.3.0", "@vue/compiler-dom@3.5.13":
+"@vue/compiler-dom@3.5.13", "@vue/compiler-dom@^3.3.0":
   version "3.5.13"
   resolved "https://mirrors.cloud.tencent.com/npm/@vue/compiler-dom/-/compiler-dom-3.5.13.tgz"
   integrity sha512-ZOJ46sMOKUjO3e94wPdCzQ6P1Lx/vhp2RSvfaab88Ajexs0AHeV0uasYhi99WPaogmBlRHNRuly8xV75cNTMDA==
@@ -1586,7 +1690,7 @@
     "@vue/compiler-ssr" "3.5.13"
     "@vue/shared" "3.5.13"
 
-"@vue/shared@^3.2.33", "@vue/shared@^3.3.0", "@vue/shared@^3.5.13", "@vue/shared@3.5.13":
+"@vue/shared@3.5.13", "@vue/shared@^3.2.33", "@vue/shared@^3.3.0", "@vue/shared@^3.5.13":
   version "3.5.13"
   resolved "https://mirrors.cloud.tencent.com/npm/@vue/shared/-/shared-3.5.13.tgz"
   integrity sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==
@@ -1596,16 +1700,6 @@
   resolved "https://registry.npmjs.org/@vue/tsconfig/-/tsconfig-0.4.0.tgz"
   integrity sha512-CPuIReonid9+zOG/CGTT05FXrPYATEqoDGNrEaqS4hwcw5BUNM2FguC0mOwJD4Jr16UpRVl9N0pY3P+srIbqmg==
 
-"@vueuse/core@^10.2.1":
-  version "10.9.0"
-  resolved "https://registry.npmjs.org/@vueuse/core/-/core-10.9.0.tgz"
-  integrity sha512-/1vjTol8SXnx6xewDEKfS0Ra//ncg4Hb0DaZiwKf7drgfMsKFExQ+FnnENcN6efPen+1kIzhLQoGSy0eDUVOMg==
-  dependencies:
-    "@types/web-bluetooth" "^0.0.20"
-    "@vueuse/metadata" "10.9.0"
-    "@vueuse/shared" "10.9.0"
-    vue-demi ">=0.14.7"
-
 "@vueuse/core@8.9.4":
   version "8.9.4"
   resolved "https://registry.npmjs.org/@vueuse/core/-/core-8.9.4.tgz"
@@ -1616,6 +1710,16 @@
     "@vueuse/shared" "8.9.4"
     vue-demi "*"
 
+"@vueuse/core@^10.2.1":
+  version "10.9.0"
+  resolved "https://registry.npmjs.org/@vueuse/core/-/core-10.9.0.tgz"
+  integrity sha512-/1vjTol8SXnx6xewDEKfS0Ra//ncg4Hb0DaZiwKf7drgfMsKFExQ+FnnENcN6efPen+1kIzhLQoGSy0eDUVOMg==
+  dependencies:
+    "@types/web-bluetooth" "^0.0.20"
+    "@vueuse/metadata" "10.9.0"
+    "@vueuse/shared" "10.9.0"
+    vue-demi ">=0.14.7"
+
 "@vueuse/metadata@10.9.0":
   version "10.9.0"
   resolved "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.9.0.tgz"
@@ -1650,7 +1754,7 @@ acorn-jsx@^5.3.2:
   resolved "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz"
   integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
 
-"acorn@^6.0.0 || ^7.0.0 || ^8.0.0", acorn@^8.8.2, acorn@^8.9.0:
+acorn@^8.8.2, acorn@^8.9.0:
   version "8.14.1"
   resolved "https://mirrors.cloud.tencent.com/npm/acorn/-/acorn-8.14.1.tgz"
   integrity sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==
@@ -1660,16 +1764,6 @@ adler-32@~1.3.0:
   resolved "https://mirrors.cloud.tencent.com/npm/adler-32/-/adler-32-1.3.1.tgz"
   integrity sha512-ynZ4w/nUUv5rrsR8UUGoe1VC9hZj6V5hU9Qw1HlMDJGEJw5S7TfTErWTjMys6M7vr0YWcPqs3qAr4ss0nDfP+A==
 
-ajv@^6.12.4:
-  version "6.12.6"
-  resolved "https://mirrors.cloud.tencent.com/npm/ajv/-/ajv-6.12.6.tgz"
-  integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
-  dependencies:
-    fast-deep-equal "^3.1.1"
-    fast-json-stable-stringify "^2.0.0"
-    json-schema-traverse "^0.4.1"
-    uri-js "^4.2.2"
-
 ansi-regex@^5.0.1:
   version "5.0.1"
   resolved "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz"
@@ -1694,18 +1788,39 @@ ansi-styles@^4.0.0:
   dependencies:
     color-convert "^2.0.1"
 
-ansi-styles@^4.1.0:
-  version "4.3.0"
-  resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz"
-  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
-  dependencies:
-    color-convert "^2.0.1"
-
 ansi-styles@^6.1.0:
   version "6.2.1"
   resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz"
   integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
 
+ant-design-vue@4.x:
+  version "4.2.6"
+  resolved "https://registry.npmmirror.com/ant-design-vue/-/ant-design-vue-4.2.6.tgz#e4ce6944457cd1cd61d8b3fe52793ab58b94e337"
+  integrity sha512-t7eX13Yj3i9+i5g9lqFyYneoIb3OzTvQjq9Tts1i+eiOd3Eva/6GagxBSXM1fOCjqemIu0FYVE1ByZ/38epR3Q==
+  dependencies:
+    "@ant-design/colors" "^6.0.0"
+    "@ant-design/icons-vue" "^7.0.0"
+    "@babel/runtime" "^7.10.5"
+    "@ctrl/tinycolor" "^3.5.0"
+    "@emotion/hash" "^0.9.0"
+    "@emotion/unitless" "^0.8.0"
+    "@simonwep/pickr" "~1.8.0"
+    array-tree-filter "^2.1.0"
+    async-validator "^4.0.0"
+    csstype "^3.1.1"
+    dayjs "^1.10.5"
+    dom-align "^1.12.1"
+    dom-scroll-into-view "^2.0.0"
+    lodash "^4.17.21"
+    lodash-es "^4.17.15"
+    resize-observer-polyfill "^1.5.1"
+    scroll-into-view-if-needed "^2.2.25"
+    shallow-equal "^1.0.0"
+    stylis "^4.1.3"
+    throttle-debounce "^5.0.0"
+    vue-types "^3.0.0"
+    warning "^4.0.0"
+
 any-promise@^1.0.0:
   version "1.3.0"
   resolved "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz"
@@ -1737,6 +1852,11 @@ array-buffer-byte-length@^1.0.1:
     call-bind "^1.0.5"
     is-array-buffer "^3.0.4"
 
+array-tree-filter@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmmirror.com/array-tree-filter/-/array-tree-filter-2.1.0.tgz#873ac00fec83749f255ac8dd083814b4f6329190"
+  integrity sha512-4ROwICNlNw/Hqa9v+rk5h22KjmzB1JGTMVKP2AKJBOCgb0yL0ASf0+YvCcLNNwquOHNX48jkeZIJ3a+oOQqKcw==
+
 array-union@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz"
@@ -1756,7 +1876,7 @@ arraybuffer.prototype.slice@^1.0.3:
     is-array-buffer "^3.0.4"
     is-shared-array-buffer "^1.0.2"
 
-async-validator@^4.0.7:
+async-validator@^4.0.0, async-validator@^4.0.7:
   version "4.2.5"
   resolved "https://registry.npmjs.org/async-validator/-/async-validator-4.2.5.tgz"
   integrity sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==
@@ -1855,7 +1975,7 @@ braces@^3.0.2, braces@~3.0.2:
   dependencies:
     fill-range "^7.0.1"
 
-browserslist@^4.21.9, browserslist@^4.22.2, browserslist@^4.23.0, "browserslist@>= 4.21.0":
+browserslist@^4.21.9, browserslist@^4.22.2, browserslist@^4.23.0:
   version "4.23.0"
   resolved "https://registry.npmjs.org/browserslist/-/browserslist-4.23.0.tgz"
   integrity sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==
@@ -1881,11 +2001,6 @@ call-bind@^1.0.2, call-bind@^1.0.5, call-bind@^1.0.6, call-bind@^1.0.7:
     get-intrinsic "^1.2.4"
     set-function-length "^1.2.1"
 
-callsites@^3.0.0:
-  version "3.1.0"
-  resolved "https://mirrors.cloud.tencent.com/npm/callsites/-/callsites-3.1.0.tgz"
-  integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
-
 camelcase-css@^2.0.1:
   version "2.0.1"
   resolved "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz"
@@ -1918,15 +2033,7 @@ chalk@^2.4.1, chalk@^2.4.2:
     escape-string-regexp "^1.0.5"
     supports-color "^5.3.0"
 
-chalk@^4.0.0:
-  version "4.1.2"
-  resolved "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz"
-  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
-  dependencies:
-    ansi-styles "^4.1.0"
-    supports-color "^7.1.0"
-
-chokidar@^3.5.3, "chokidar@>=3.0.0 <4.0.0":
+"chokidar@>=3.0.0 <4.0.0", chokidar@^3.5.3:
   version "3.6.0"
   resolved "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz"
   integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
@@ -1988,16 +2095,16 @@ color-convert@^2.0.1:
   dependencies:
     color-name "~1.1.4"
 
-color-name@~1.1.4:
-  version "1.1.4"
-  resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz"
-  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
-
 color-name@1.1.3:
   version "1.1.3"
   resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz"
   integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
 
+color-name@~1.1.4:
+  version "1.1.4"
+  resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz"
+  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
+
 combined-stream@^1.0.8:
   version "1.0.8"
   resolved "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz"
@@ -2010,27 +2117,7 @@ commander@*:
   resolved "https://registry.npmjs.org/commander/-/commander-12.0.0.tgz"
   integrity sha512-MwVNWlYjDTtOjX5PiD7o5pK0UrFU/OYgcJfjjK4RaHZETNtjJqrZa9Y9ds88+A+f+d5lv+561eZ+yCKoS3gbAA==
 
-commander@^2.19.0:
-  version "2.20.3"
-  resolved "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz"
-  integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
-
-commander@^2.20.0:
-  version "2.20.3"
-  resolved "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz"
-  integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
-
-commander@^2.20.3:
-  version "2.20.3"
-  resolved "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz"
-  integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
-
-commander@^4.0.0:
-  version "4.1.1"
-  resolved "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz"
-  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
-
-commander@2:
+commander@2, commander@^2.19.0, commander@^2.20.0, commander@^2.20.3:
   version "2.20.3"
   resolved "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz"
   integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
@@ -2040,6 +2127,16 @@ commander@7:
   resolved "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz"
   integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
 
+commander@^4.0.0:
+  version "4.1.1"
+  resolved "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz"
+  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
+
+compute-scroll-into-view@^1.0.20:
+  version "1.0.20"
+  resolved "https://registry.npmmirror.com/compute-scroll-into-view/-/compute-scroll-into-view-1.0.20.tgz#1768b5522d1172754f5d0c9b02de3af6be506a43"
+  integrity sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg==
+
 computeds@^0.0.1:
   version "0.0.1"
   resolved "https://registry.npmjs.org/computeds/-/computeds-0.0.1.tgz"
@@ -2062,6 +2159,11 @@ core-js-compat@^3.31.0, core-js-compat@^3.36.1:
   dependencies:
     browserslist "^4.23.0"
 
+core-js@^3.15.1:
+  version "3.46.0"
+  resolved "https://registry.npmmirror.com/core-js/-/core-js-3.46.0.tgz#323a092b96381a9184d0cd49ee9083b2f93373bb"
+  integrity sha512-vDMm9B0xnqqZ8uSBpZ8sNtRtOdmfShrvT6h2TuQGLs0Is+cR0DYbj/KWP6ALVNbWPpqA/qPLoOuppJN07humpA==
+
 core-js@^3.31.1:
   version "3.36.1"
   resolved "https://registry.npmjs.org/core-js/-/core-js-3.36.1.tgz"
@@ -2083,7 +2185,7 @@ cross-spawn@^6.0.5:
     shebang-command "^1.2.0"
     which "^1.2.9"
 
-cross-spawn@^7.0.0, cross-spawn@^7.0.2:
+cross-spawn@^7.0.0:
   version "7.0.6"
   resolved "https://mirrors.cloud.tencent.com/npm/cross-spawn/-/cross-spawn-7.0.6.tgz"
   integrity sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==
@@ -2107,17 +2209,17 @@ cssfilter@0.0.10:
   resolved "https://registry.npmjs.org/cssfilter/-/cssfilter-0.0.10.tgz"
   integrity sha512-FAaLDaplstoRsDR8XGYH51znUN0UY7nMc6Z9/fvE8EXGwvJE9hu7W2vHwx1+bd6gCYnln9nLbzxFTrcO9YQDZw==
 
-csstype@^3.1.3:
+csstype@^3.1.1, csstype@^3.1.3:
   version "3.1.3"
   resolved "https://mirrors.cloud.tencent.com/npm/csstype/-/csstype-3.1.3.tgz"
   integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
 
-d3-array@^1.1.1, d3-array@^1.2.0, d3-array@1:
+d3-array@1, d3-array@^1.1.1, d3-array@^1.2.0:
   version "1.2.4"
   resolved "https://registry.npmjs.org/d3-array/-/d3-array-1.2.4.tgz"
   integrity sha512-KHW6M86R+FUPYGb3R5XiYjXPq7VzwxZ22buHhAEVG5ztoEcZZMLov530mmccaqA1GghZArjQV46fuc8kUqhhHw==
 
-d3-array@^3.2.0, "d3-array@2 - 3", "d3-array@2.10.0 - 3", "d3-array@2.5.0 - 3", d3-array@3:
+"d3-array@2 - 3", "d3-array@2.10.0 - 3", "d3-array@2.5.0 - 3", d3-array@3, d3-array@^3.2.0:
   version "3.2.4"
   resolved "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz"
   integrity sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==
@@ -2176,16 +2278,16 @@ d3-collection@1:
   resolved "https://registry.npmjs.org/d3-collection/-/d3-collection-1.0.7.tgz"
   integrity sha512-ii0/r5f4sjKNTfh84Di+DpztYwqKhEyUlKoPrzUFfeSkWxjW49xU2QzO9qrPrNkpdI0XJkfzvmTu8V2Zylln6A==
 
-"d3-color@1 - 3", d3-color@3:
-  version "3.1.0"
-  resolved "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz"
-  integrity sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==
-
 d3-color@1:
   version "1.4.1"
   resolved "https://registry.npmjs.org/d3-color/-/d3-color-1.4.1.tgz"
   integrity sha512-p2sTHSLCJI2QKunbGb7ocOh7DgTAn8IrLx21QRc/BSnodXM4sv6aLQlnfpvehFMLZEfBc6g9pH9SWQccFYfJ9Q==
 
+"d3-color@1 - 3", d3-color@3:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz"
+  integrity sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==
+
 d3-contour@1:
   version "1.3.2"
   resolved "https://registry.npmjs.org/d3-contour/-/d3-contour-1.3.2.tgz"
@@ -2207,16 +2309,16 @@ d3-delaunay@6:
   dependencies:
     delaunator "5"
 
-"d3-dispatch@1 - 3", d3-dispatch@3:
-  version "3.0.1"
-  resolved "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz"
-  integrity sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==
-
 d3-dispatch@1:
   version "1.0.6"
   resolved "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-1.0.6.tgz"
   integrity sha512-fVjoElzjhCEy+Hbn8KygnmMS7Or0a9sI2UzGwoB7cCtvI1XpVN9GpoYlnb3xt2YV66oXYb1fLJ8GMvP4hdU1RA==
 
+"d3-dispatch@1 - 3", d3-dispatch@3:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz"
+  integrity sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==
+
 d3-drag@1:
   version "1.2.5"
   resolved "https://registry.npmjs.org/d3-drag/-/d3-drag-1.2.5.tgz"
@@ -2233,15 +2335,6 @@ d3-drag@1:
     d3-dispatch "1 - 3"
     d3-selection "3"
 
-"d3-dsv@1 - 3", d3-dsv@3:
-  version "3.0.1"
-  resolved "https://registry.npmjs.org/d3-dsv/-/d3-dsv-3.0.1.tgz"
-  integrity sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==
-  dependencies:
-    commander "7"
-    iconv-lite "0.6"
-    rw "1"
-
 d3-dsv@1:
   version "1.2.0"
   resolved "https://registry.npmjs.org/d3-dsv/-/d3-dsv-1.2.0.tgz"
@@ -2251,16 +2344,25 @@ d3-dsv@1:
     iconv-lite "0.4"
     rw "1"
 
-"d3-ease@1 - 3", d3-ease@3:
+"d3-dsv@1 - 3", d3-dsv@3:
   version "3.0.1"
-  resolved "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz"
-  integrity sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==
+  resolved "https://registry.npmjs.org/d3-dsv/-/d3-dsv-3.0.1.tgz"
+  integrity sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==
+  dependencies:
+    commander "7"
+    iconv-lite "0.6"
+    rw "1"
 
 d3-ease@1:
   version "1.0.7"
   resolved "https://registry.npmjs.org/d3-ease/-/d3-ease-1.0.7.tgz"
   integrity sha512-lx14ZPYkhNx0s/2HX5sLFUI3mbasHjSSpwO/KaaNACweVwxUruKyWVcb293wMv1RqTPZyZ8kSZ2NogUZNcLOFQ==
 
+"d3-ease@1 - 3", d3-ease@3:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz"
+  integrity sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==
+
 d3-fetch@1:
   version "1.2.0"
   resolved "https://registry.npmjs.org/d3-fetch/-/d3-fetch-1.2.0.tgz"
@@ -2294,16 +2396,16 @@ d3-force@3:
     d3-quadtree "1 - 3"
     d3-timer "1 - 3"
 
-"d3-format@1 - 3", d3-format@3:
-  version "3.1.0"
-  resolved "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz"
-  integrity sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==
-
 d3-format@1:
   version "1.4.5"
   resolved "https://registry.npmjs.org/d3-format/-/d3-format-1.4.5.tgz"
   integrity sha512-J0piedu6Z8iB6TbIGfZgDzfXxUFN3qQRMofy2oPdXzQibYGqPB/9iMcxr/TGalU+2RsyDO+U4f33id8tbnSRMQ==
 
+"d3-format@1 - 3", d3-format@3:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz"
+  integrity sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==
+
 d3-geo@1:
   version "1.12.1"
   resolved "https://registry.npmjs.org/d3-geo/-/d3-geo-1.12.1.tgz"
@@ -2328,13 +2430,6 @@ d3-hierarchy@3:
   resolved "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz"
   integrity sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==
 
-"d3-interpolate@1 - 3", "d3-interpolate@1.2.0 - 3", d3-interpolate@3:
-  version "3.0.1"
-  resolved "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz"
-  integrity sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==
-  dependencies:
-    d3-color "1 - 3"
-
 d3-interpolate@1:
   version "1.4.0"
   resolved "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-1.4.0.tgz"
@@ -2342,16 +2437,23 @@ d3-interpolate@1:
   dependencies:
     d3-color "1"
 
-d3-path@^3.1.0, "d3-path@1 - 3", d3-path@3:
-  version "3.1.0"
-  resolved "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz"
-  integrity sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==
+"d3-interpolate@1 - 3", "d3-interpolate@1.2.0 - 3", d3-interpolate@3:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz"
+  integrity sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==
+  dependencies:
+    d3-color "1 - 3"
 
 d3-path@1:
   version "1.0.9"
   resolved "https://registry.npmjs.org/d3-path/-/d3-path-1.0.9.tgz"
   integrity sha512-VLaYcn81dtHVTjEHd8B+pbe9yHWpXKZUC87PzoFmsFrJqgFwDe/qxfp5MlfsfM1V5E/iVt0MmEbWQ7FVIXh/bg==
 
+"d3-path@1 - 3", d3-path@3, d3-path@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz"
+  integrity sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==
+
 d3-polygon@1:
   version "1.0.6"
   resolved "https://registry.npmjs.org/d3-polygon/-/d3-polygon-1.0.6.tgz"
@@ -2362,16 +2464,16 @@ d3-polygon@3:
   resolved "https://registry.npmjs.org/d3-polygon/-/d3-polygon-3.0.1.tgz"
   integrity sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg==
 
-"d3-quadtree@1 - 3", d3-quadtree@3:
-  version "3.0.1"
-  resolved "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-3.0.1.tgz"
-  integrity sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==
-
 d3-quadtree@1:
   version "1.0.7"
   resolved "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-1.0.7.tgz"
   integrity sha512-RKPAeXnkC59IDGD0Wu5mANy0Q2V28L+fNe65pOCXVdVuTJS3WPKaJlFHer32Rbh9gIo9qMuJXio8ra4+YmIymA==
 
+"d3-quadtree@1 - 3", d3-quadtree@3:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-3.0.1.tgz"
+  integrity sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==
+
 d3-random@1:
   version "1.1.2"
   resolved "https://registry.npmjs.org/d3-random/-/d3-random-1.1.2.tgz"
@@ -2421,7 +2523,7 @@ d3-scale@4:
     d3-time "2.1.1 - 3"
     d3-time-format "2 - 4"
 
-d3-selection@^1.1.0, d3-selection@1:
+d3-selection@1, d3-selection@^1.1.0:
   version "1.4.2"
   resolved "https://registry.npmjs.org/d3-selection/-/d3-selection-1.4.2.tgz"
   integrity sha512-SJ0BqYihzOjDnnlfyeHT0e30k0K1+5sR3d5fNueCNeuhZTnGw4M4o8mqJchSwgKMXCNFo+e2VTChiSJ0vYtXkg==
@@ -2445,6 +2547,13 @@ d3-shape@3:
   dependencies:
     d3-path "^3.1.0"
 
+d3-time-format@2:
+  version "2.3.0"
+  resolved "https://registry.npmjs.org/d3-time-format/-/d3-time-format-2.3.0.tgz"
+  integrity sha512-guv6b2H37s2Uq/GefleCDtbe0XZAuy7Wa49VGkPVPMfLL9qObgBST3lEHJBMUp8S7NdLQAGIvr2KXk8Hc98iKQ==
+  dependencies:
+    d3-time "1"
+
 "d3-time-format@2 - 4", d3-time-format@4:
   version "4.1.0"
   resolved "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz"
@@ -2452,12 +2561,10 @@ d3-shape@3:
   dependencies:
     d3-time "1 - 3"
 
-d3-time-format@2:
-  version "2.3.0"
-  resolved "https://registry.npmjs.org/d3-time-format/-/d3-time-format-2.3.0.tgz"
-  integrity sha512-guv6b2H37s2Uq/GefleCDtbe0XZAuy7Wa49VGkPVPMfLL9qObgBST3lEHJBMUp8S7NdLQAGIvr2KXk8Hc98iKQ==
-  dependencies:
-    d3-time "1"
+d3-time@1:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/d3-time/-/d3-time-1.1.0.tgz"
+  integrity sha512-Xh0isrZ5rPYYdqhAVk8VLnMEidhz5aP7htAADH6MfzgmmicPkTo8LhkLxci61/lCB7n7UmE3bN0leRt+qvkLxA==
 
 "d3-time@1 - 3", "d3-time@2.1.1 - 3", d3-time@3:
   version "3.1.0"
@@ -2466,21 +2573,16 @@ d3-time-format@2:
   dependencies:
     d3-array "2 - 3"
 
-d3-time@1:
-  version "1.1.0"
-  resolved "https://registry.npmjs.org/d3-time/-/d3-time-1.1.0.tgz"
-  integrity sha512-Xh0isrZ5rPYYdqhAVk8VLnMEidhz5aP7htAADH6MfzgmmicPkTo8LhkLxci61/lCB7n7UmE3bN0leRt+qvkLxA==
+d3-timer@1:
+  version "1.0.10"
+  resolved "https://registry.npmjs.org/d3-timer/-/d3-timer-1.0.10.tgz"
+  integrity sha512-B1JDm0XDaQC+uvo4DT79H0XmBskgS3l6Ve+1SBCfxgmtIb1AVrPIoqd+nPSv+loMX8szQ0sVUhGngL7D5QPiXw==
 
 "d3-timer@1 - 3", d3-timer@3:
   version "3.0.1"
   resolved "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz"
   integrity sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==
 
-d3-timer@1:
-  version "1.0.10"
-  resolved "https://registry.npmjs.org/d3-timer/-/d3-timer-1.0.10.tgz"
-  integrity sha512-B1JDm0XDaQC+uvo4DT79H0XmBskgS3l6Ve+1SBCfxgmtIb1AVrPIoqd+nPSv+loMX8szQ0sVUhGngL7D5QPiXw==
-
 d3-transition@1:
   version "1.3.2"
   resolved "https://registry.npmjs.org/d3-transition/-/d3-transition-1.3.2.tgz"
@@ -2649,6 +2751,11 @@ data-view-byte-offset@^1.0.0:
     es-errors "^1.3.0"
     is-data-view "^1.0.1"
 
+dayjs@^1.10.5:
+  version "1.11.19"
+  resolved "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.19.tgz#15dc98e854bb43917f12021806af897c58ae2938"
+  integrity sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw==
+
 dayjs@^1.11.13, dayjs@^1.11.3:
   version "1.11.13"
   resolved "https://mirrors.cloud.tencent.com/npm/dayjs/-/dayjs-1.11.13.tgz"
@@ -2659,18 +2766,13 @@ de-indent@^1.0.2:
   resolved "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz"
   integrity sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==
 
-debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4:
+debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.4:
   version "4.3.4"
   resolved "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz"
   integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
   dependencies:
     ms "2.1.2"
 
-deep-is@^0.1.3:
-  version "0.1.4"
-  resolved "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz"
-  integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
-
 define-data-property@^1.0.1, define-data-property@^1.1.4:
   version "1.1.4"
   resolved "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz"
@@ -2726,11 +2828,6 @@ didyoumean@^1.2.2:
   resolved "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz"
   integrity sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==
 
-diff@5.1.0:
-  version "5.1.0"
-  resolved "https://registry.npmjs.org/diff/-/diff-5.1.0.tgz"
-  integrity sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==
-
 diff2html@^3.4.35:
   version "3.4.47"
   resolved "https://registry.npmjs.org/diff2html/-/diff2html-3.4.47.tgz"
@@ -2741,6 +2838,11 @@ diff2html@^3.4.35:
   optionalDependencies:
     highlight.js "11.9.0"
 
+diff@5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/diff/-/diff-5.1.0.tgz"
+  integrity sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==
+
 dir-glob@^3.0.1:
   version "3.0.1"
   resolved "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz"
@@ -2753,23 +2855,26 @@ dlv@^1.1.3:
   resolved "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz"
   integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
 
-doctrine@^3.0.0:
-  version "3.0.0"
-  resolved "https://mirrors.cloud.tencent.com/npm/doctrine/-/doctrine-3.0.0.tgz"
-  integrity sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==
-  dependencies:
-    esutils "^2.0.2"
+dom-align@^1.12.1:
+  version "1.12.4"
+  resolved "https://registry.npmmirror.com/dom-align/-/dom-align-1.12.4.tgz#3503992eb2a7cfcb2ed3b2a6d21e0b9c00d54511"
+  integrity sha512-R8LUSEay/68zE5c8/3BDxiTEvgb4xZTF0RKmAHfiEVN3klfIpXfi2/QCoiWPccVQ0J/ZGdz9OjzL4uJEP/MRAw==
 
-dompurify@^3.0.5:
-  version "3.0.11"
-  resolved "https://registry.npmjs.org/dompurify/-/dompurify-3.0.11.tgz"
-  integrity sha512-Fan4uMuyB26gFV3ovPoEoQbxRRPfTu3CvImyZnhGq5fsIEO+gEFLp45ISFt+kQBWsK5ulDdT0oV28jS1UrwQLg==
+dom-scroll-into-view@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.npmmirror.com/dom-scroll-into-view/-/dom-scroll-into-view-2.0.1.tgz#0decc8522801fd8d3f1c6ba355a74d382c5f989b"
+  integrity sha512-bvVTQe1lfaUr1oFzZX80ce9KLDlZ3iU+XGNE/bz9HnGdklTieqsbmsLHe+rT2XWqopvL0PckkYqN7ksmm5pe3w==
 
 dompurify@2.3.6:
   version "2.3.6"
   resolved "https://registry.npmjs.org/dompurify/-/dompurify-2.3.6.tgz"
   integrity sha512-OFP2u/3T1R5CEgWCEONuJ1a5+MFKnOYpkywpUSxv/dj1LeBT1erK+JwM7zK0ROy2BRhqVCf0LRw/kHqKuMkVGg==
 
+dompurify@^3.0.5:
+  version "3.0.11"
+  resolved "https://registry.npmjs.org/dompurify/-/dompurify-3.0.11.tgz"
+  integrity sha512-Fan4uMuyB26gFV3ovPoEoQbxRRPfTu3CvImyZnhGq5fsIEO+gEFLp45ISFt+kQBWsK5ulDdT0oV28jS1UrwQLg==
+
 eastasianwidth@^0.2.0:
   version "0.2.0"
   resolved "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz"
@@ -2942,11 +3047,6 @@ escape-string-regexp@^1.0.5:
   resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz"
   integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
 
-escape-string-regexp@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz"
-  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
-
 eslint-config-prettier@^8.3.0:
   version "8.10.0"
   resolved "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.10.0.tgz"
@@ -2959,7 +3059,7 @@ eslint-plugin-prettier@^4.0.0:
   dependencies:
     prettier-linter-helpers "^1.0.0"
 
-eslint-plugin-vue@^9.0.0, eslint-plugin-vue@^9.11.0:
+eslint-plugin-vue@^9.11.0:
   version "9.24.0"
   resolved "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.24.0.tgz"
   integrity sha512-9SkJMvF8NGMT9aQCwFc5rj8Wo1XWSMSHk36i7ZwdI614BU7sIOR28ZjuFPKp8YGymZN12BSEbiSwa7qikp+PBw==
@@ -2981,7 +3081,7 @@ eslint-scope@^5.1.1:
     esrecurse "^4.3.0"
     estraverse "^4.1.1"
 
-eslint-scope@^7.1.1, eslint-scope@^7.2.2:
+eslint-scope@^7.1.1:
   version "7.2.2"
   resolved "https://mirrors.cloud.tencent.com/npm/eslint-scope/-/eslint-scope-7.2.2.tgz"
   integrity sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==
@@ -2989,56 +3089,12 @@ eslint-scope@^7.1.1, eslint-scope@^7.2.2:
     esrecurse "^4.3.0"
     estraverse "^5.2.0"
 
-eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.3:
+eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1:
   version "3.4.3"
   resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz"
   integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
 
-eslint@*, "eslint@^6.0.0 || ^7.0.0 || ^8.0.0", "eslint@^6.0.0 || ^7.0.0 || >=8.0.0", "eslint@^6.2.0 || ^7.0.0 || ^8.0.0", "eslint@>= 7.28.0", eslint@>=6.0.0, eslint@>=7.0.0, eslint@>=7.28.0:
-  version "8.57.1"
-  resolved "https://mirrors.cloud.tencent.com/npm/eslint/-/eslint-8.57.1.tgz"
-  integrity sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==
-  dependencies:
-    "@eslint-community/eslint-utils" "^4.2.0"
-    "@eslint-community/regexpp" "^4.6.1"
-    "@eslint/eslintrc" "^2.1.4"
-    "@eslint/js" "8.57.1"
-    "@humanwhocodes/config-array" "^0.13.0"
-    "@humanwhocodes/module-importer" "^1.0.1"
-    "@nodelib/fs.walk" "^1.2.8"
-    "@ungap/structured-clone" "^1.2.0"
-    ajv "^6.12.4"
-    chalk "^4.0.0"
-    cross-spawn "^7.0.2"
-    debug "^4.3.2"
-    doctrine "^3.0.0"
-    escape-string-regexp "^4.0.0"
-    eslint-scope "^7.2.2"
-    eslint-visitor-keys "^3.4.3"
-    espree "^9.6.1"
-    esquery "^1.4.2"
-    esutils "^2.0.2"
-    fast-deep-equal "^3.1.3"
-    file-entry-cache "^6.0.1"
-    find-up "^5.0.0"
-    glob-parent "^6.0.2"
-    globals "^13.19.0"
-    graphemer "^1.4.0"
-    ignore "^5.2.0"
-    imurmurhash "^0.1.4"
-    is-glob "^4.0.0"
-    is-path-inside "^3.0.3"
-    js-yaml "^4.1.0"
-    json-stable-stringify-without-jsonify "^1.0.1"
-    levn "^0.4.1"
-    lodash.merge "^4.6.2"
-    minimatch "^3.1.2"
-    natural-compare "^1.4.0"
-    optionator "^0.9.3"
-    strip-ansi "^6.0.1"
-    text-table "^0.2.0"
-
-espree@^9.3.1, espree@^9.6.0, espree@^9.6.1:
+espree@^9.3.1:
   version "9.6.1"
   resolved "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz"
   integrity sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==
@@ -3047,7 +3103,7 @@ espree@^9.3.1, espree@^9.6.0, espree@^9.6.1:
     acorn-jsx "^5.3.2"
     eslint-visitor-keys "^3.4.1"
 
-esquery@^1.4.0, esquery@^1.4.2:
+esquery@^1.4.0:
   version "1.5.0"
   resolved "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz"
   integrity sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==
@@ -3081,11 +3137,6 @@ esutils@^2.0.2:
   resolved "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz"
   integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
 
-fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
-  version "3.1.3"
-  resolved "https://mirrors.cloud.tencent.com/npm/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz"
-  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
-
 fast-diff@^1.1.2:
   version "1.3.0"
   resolved "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz"
@@ -3102,16 +3153,6 @@ fast-glob@^3.2.9, fast-glob@^3.3.0:
     merge2 "^1.3.0"
     micromatch "^4.0.4"
 
-fast-json-stable-stringify@^2.0.0:
-  version "2.1.0"
-  resolved "https://mirrors.cloud.tencent.com/npm/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz"
-  integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
-
-fast-levenshtein@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz"
-  integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
-
 fastq@^1.6.0:
   version "1.17.1"
   resolved "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz"
@@ -3124,13 +3165,6 @@ fflate@~0.6.9:
   resolved "https://registry.npmjs.org/fflate/-/fflate-0.6.10.tgz"
   integrity sha512-IQrh3lEPM93wVCEczc9SaAOvkmcoQn/G8Bo1e8ZPlY3X3bnAxWaBdvTdvM1hP62iZp0BXWDy4vTAy4fF0+Dlpg==
 
-file-entry-cache@^6.0.1:
-  version "6.0.1"
-  resolved "https://mirrors.cloud.tencent.com/npm/file-entry-cache/-/file-entry-cache-6.0.1.tgz"
-  integrity sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==
-  dependencies:
-    flat-cache "^3.0.4"
-
 fill-range@^7.0.1:
   version "7.0.1"
   resolved "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz"
@@ -3138,28 +3172,6 @@ fill-range@^7.0.1:
   dependencies:
     to-regex-range "^5.0.1"
 
-find-up@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz"
-  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
-  dependencies:
-    locate-path "^6.0.0"
-    path-exists "^4.0.0"
-
-flat-cache@^3.0.4:
-  version "3.2.0"
-  resolved "https://mirrors.cloud.tencent.com/npm/flat-cache/-/flat-cache-3.2.0.tgz"
-  integrity sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==
-  dependencies:
-    flatted "^3.2.9"
-    keyv "^4.5.3"
-    rimraf "^3.0.2"
-
-flatted@^3.2.9:
-  version "3.3.3"
-  resolved "https://mirrors.cloud.tencent.com/npm/flatted/-/flatted-3.3.3.tgz"
-  integrity sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==
-
 follow-redirects@^1.15.6:
   version "1.15.6"
   resolved "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz"
@@ -3208,10 +3220,10 @@ fs-extra@^10.0.0:
     jsonfile "^6.0.1"
     universalify "^2.0.0"
 
-fs.realpath@^1.0.0:
-  version "1.0.0"
-  resolved "https://mirrors.cloud.tencent.com/npm/fs.realpath/-/fs.realpath-1.0.0.tgz"
-  integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
+fsevents@~2.3.2:
+  version "2.3.3"
+  resolved "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
+  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
 
 function-bind@^1.1.2:
   version "1.1.2"
@@ -3263,7 +3275,7 @@ get-symbol-description@^1.0.2:
     es-errors "^1.3.0"
     get-intrinsic "^1.2.4"
 
-glob-parent@^5.1.2:
+glob-parent@^5.1.2, glob-parent@~5.1.2:
   version "5.1.2"
   resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz"
   integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
@@ -3277,13 +3289,6 @@ glob-parent@^6.0.2:
   dependencies:
     is-glob "^4.0.3"
 
-glob-parent@~5.1.2:
-  version "5.1.2"
-  resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz"
-  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
-  dependencies:
-    is-glob "^4.0.1"
-
 glob@^10.3.10:
   version "10.3.10"
   resolved "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz"
@@ -3295,30 +3300,11 @@ glob@^10.3.10:
     minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
     path-scurry "^1.10.1"
 
-glob@^7.1.3:
-  version "7.2.3"
-  resolved "https://mirrors.cloud.tencent.com/npm/glob/-/glob-7.2.3.tgz"
-  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
-  dependencies:
-    fs.realpath "^1.0.0"
-    inflight "^1.0.4"
-    inherits "2"
-    minimatch "^3.1.1"
-    once "^1.3.0"
-    path-is-absolute "^1.0.0"
-
 globals@^11.1.0:
   version "11.12.0"
   resolved "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz"
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
-globals@^13.19.0:
-  version "13.24.0"
-  resolved "https://mirrors.cloud.tencent.com/npm/globals/-/globals-13.24.0.tgz"
-  integrity sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==
-  dependencies:
-    type-fest "^0.20.2"
-
 globals@^13.24.0:
   version "13.24.0"
   resolved "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz"
@@ -3386,11 +3372,6 @@ has-flag@^3.0.0:
   resolved "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz"
   integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==
 
-has-flag@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz"
-  integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
-
 has-property-descriptors@^1.0.0, has-property-descriptors@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz"
@@ -3427,16 +3408,16 @@ he@^1.2.0:
   resolved "https://registry.npmjs.org/he/-/he-1.2.0.tgz"
   integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
 
-highlight.js@^11.11.0, highlight.js@^11.11.1, highlight.js@^11.6.0:
-  version "11.11.1"
-  resolved "https://mirrors.cloud.tencent.com/npm/highlight.js/-/highlight.js-11.11.1.tgz"
-  integrity sha512-Xwwo44whKBVCYoliBQwaPvtd/2tYFkRQtXDWj1nackaV2JPXx3L0+Jvd8/qCJ2p+ML0/XVkJ2q+Mr+UVdpJK5w==
-
 highlight.js@11.9.0:
   version "11.9.0"
   resolved "https://mirrors.cloud.tencent.com/npm/highlight.js/-/highlight.js-11.9.0.tgz"
   integrity sha512-fJ7cW7fQGCYAkgv4CPfwFHrfd/cLS4Hau96JuJ+ZTOWhjnhoeN1ub1tFmALm/+lW5z4WCAuAV9bm05AP0mS6Gw==
 
+highlight.js@^11.11.0, highlight.js@^11.11.1, highlight.js@^11.6.0:
+  version "11.11.1"
+  resolved "https://mirrors.cloud.tencent.com/npm/highlight.js/-/highlight.js-11.11.1.tgz"
+  integrity sha512-Xwwo44whKBVCYoliBQwaPvtd/2tYFkRQtXDWj1nackaV2JPXx3L0+Jvd8/qCJ2p+ML0/XVkJ2q+Mr+UVdpJK5w==
+
 highlightjs-line-numbers.js@^2.9.0:
   version "2.9.0"
   resolved "https://mirrors.cloud.tencent.com/npm/highlightjs-line-numbers.js/-/highlightjs-line-numbers.js-2.9.0.tgz"
@@ -3484,32 +3465,6 @@ immutable@^4.0.0:
   resolved "https://registry.npmjs.org/immutable/-/immutable-4.3.5.tgz"
   integrity sha512-8eabxkth9gZatlwl5TBuJnCsoTADlL6ftEr7A4qgdaTsPyreilDSnUk57SO+jfKcNtxPa22U5KK6DSeAYhpBJw==
 
-import-fresh@^3.2.1:
-  version "3.3.1"
-  resolved "https://mirrors.cloud.tencent.com/npm/import-fresh/-/import-fresh-3.3.1.tgz"
-  integrity sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==
-  dependencies:
-    parent-module "^1.0.0"
-    resolve-from "^4.0.0"
-
-imurmurhash@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz"
-  integrity sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==
-
-inflight@^1.0.4:
-  version "1.0.6"
-  resolved "https://mirrors.cloud.tencent.com/npm/inflight/-/inflight-1.0.6.tgz"
-  integrity sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==
-  dependencies:
-    once "^1.3.0"
-    wrappy "1"
-
-inherits@2:
-  version "2.0.4"
-  resolved "https://mirrors.cloud.tencent.com/npm/inherits/-/inherits-2.0.4.tgz"
-  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
-
 internal-slot@^1.0.7:
   version "1.0.7"
   resolved "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.7.tgz"
@@ -3600,7 +3555,7 @@ is-fullwidth-code-point@^3.0.0:
   resolved "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz"
   integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
 
-is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
+is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
   version "4.0.3"
   resolved "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz"
   integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
@@ -3624,10 +3579,10 @@ is-number@^7.0.0:
   resolved "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz"
   integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
 
-is-path-inside@^3.0.3:
-  version "3.0.3"
-  resolved "https://mirrors.cloud.tencent.com/npm/is-path-inside/-/is-path-inside-3.0.3.tgz"
-  integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
+is-plain-object@3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npmmirror.com/is-plain-object/-/is-plain-object-3.0.1.tgz#662d92d24c0aa4302407b0d45d21f2251c85f85b"
+  integrity sha512-Xnpx182SBMrr/aBik8y+GuR4U1L9FqMSojwDQwPMmxyC6bvEqly9UBCxhauBF5vNh2gwWJNX6oDV7O+OM4z34g==
 
 is-regex@^1.1.4:
   version "1.1.4"
@@ -3708,18 +3663,11 @@ js-cookie@^3.0.5:
   resolved "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz"
   integrity sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==
 
-js-tokens@^4.0.0:
+"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz"
   integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
 
-js-yaml@^4.1.0:
-  version "4.1.0"
-  resolved "https://mirrors.cloud.tencent.com/npm/js-yaml/-/js-yaml-4.1.0.tgz"
-  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
-  dependencies:
-    argparse "^2.0.1"
-
 jsesc@^2.5.1:
   version "2.5.2"
   resolved "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz"
@@ -3730,26 +3678,11 @@ jsesc@~0.5.0:
   resolved "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz"
   integrity sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==
 
-json-buffer@3.0.1:
-  version "3.0.1"
-  resolved "https://mirrors.cloud.tencent.com/npm/json-buffer/-/json-buffer-3.0.1.tgz"
-  integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==
-
 json-parse-better-errors@^1.0.1:
   version "1.0.2"
   resolved "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz"
   integrity sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==
 
-json-schema-traverse@^0.4.1:
-  version "0.4.1"
-  resolved "https://mirrors.cloud.tencent.com/npm/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz"
-  integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
-
-json-stable-stringify-without-jsonify@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz"
-  integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
-
 json5@^2.2.3:
   version "2.2.3"
   resolved "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz"
@@ -3771,26 +3704,11 @@ katex@^0.12.0:
   dependencies:
     commander "^2.19.0"
 
-keyv@^4.5.3:
-  version "4.5.4"
-  resolved "https://mirrors.cloud.tencent.com/npm/keyv/-/keyv-4.5.4.tgz"
-  integrity sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==
-  dependencies:
-    json-buffer "3.0.1"
-
 khroma@^2.0.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/khroma/-/khroma-2.1.0.tgz"
   integrity sha512-Ls993zuzfayK269Svk9hzpeGUKob/sIgZzyHYdjQoAdQetRKpOLj+k/QQQ/6Qi0Yz65mlROrfd+Ev+1+7dz9Kw==
 
-levn@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz"
-  integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
-  dependencies:
-    prelude-ls "^1.2.1"
-    type-check "~0.4.0"
-
 lie@3.1.1:
   version "3.1.1"
   resolved "https://registry.npmjs.org/lie/-/lie-3.1.1.tgz"
@@ -3849,14 +3767,7 @@ localforage@^1.10.0:
   dependencies:
     lie "3.1.1"
 
-locate-path@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz"
-  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
-  dependencies:
-    p-locate "^5.0.0"
-
-lodash-es@^4.17.20, lodash-es@^4.17.21:
+lodash-es@^4.17.15, lodash-es@^4.17.20, lodash-es@^4.17.21:
   version "4.17.21"
   resolved "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz"
   integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
@@ -3866,16 +3777,18 @@ lodash.debounce@^4.0.8:
   resolved "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz"
   integrity sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==
 
-lodash.merge@^4.6.2:
-  version "4.6.2"
-  resolved "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz"
-  integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
-
 lodash@^4.17.15, lodash@^4.17.21:
   version "4.17.21"
   resolved "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 
+loose-envify@^1.0.0:
+  version "1.4.0"
+  resolved "https://registry.npmmirror.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
+  integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
+  dependencies:
+    js-tokens "^3.0.0 || ^4.0.0"
+
 lottie-web@^5.12.2:
   version "5.12.2"
   resolved "https://registry.npmjs.org/lottie-web/-/lottie-web-5.12.2.tgz"
@@ -3917,6 +3830,17 @@ markdown-it-plantuml@^1.4.1:
   resolved "https://registry.npmjs.org/markdown-it-plantuml/-/markdown-it-plantuml-1.4.1.tgz"
   integrity sha512-13KgnZaGYTHBp4iUmGofzZSBz+Zj6cyqfR0SXUIc9wgWTto5Xhn7NjaXYxY0z7uBeTUMlc9LMQq5uP4OM5xCHg==
 
+markdown-it@12.2.0:
+  version "12.2.0"
+  resolved "https://registry.npmjs.org/markdown-it/-/markdown-it-12.2.0.tgz"
+  integrity sha512-Wjws+uCrVQRqOoJvze4HCqkKl1AsSh95iFAeQDwnyfxM09divCBSXlDR1uTvyUP3Grzpn4Ru8GeCxYPM8vkCQg==
+  dependencies:
+    argparse "^2.0.1"
+    entities "~2.1.0"
+    linkify-it "^3.0.1"
+    mdurl "^1.0.1"
+    uc.micro "^1.0.5"
+
 markdown-it@^14.1.0:
   version "14.1.0"
   resolved "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.0.tgz"
@@ -3929,17 +3853,6 @@ markdown-it@^14.1.0:
     punycode.js "^2.3.1"
     uc.micro "^2.1.0"
 
-markdown-it@12.2.0:
-  version "12.2.0"
-  resolved "https://registry.npmjs.org/markdown-it/-/markdown-it-12.2.0.tgz"
-  integrity sha512-Wjws+uCrVQRqOoJvze4HCqkKl1AsSh95iFAeQDwnyfxM09divCBSXlDR1uTvyUP3Grzpn4Ru8GeCxYPM8vkCQg==
-  dependencies:
-    argparse "^2.0.1"
-    entities "~2.1.0"
-    linkify-it "^3.0.1"
-    mdurl "^1.0.1"
-    uc.micro "^1.0.5"
-
 mdurl@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz"
@@ -4000,21 +3913,14 @@ mime-types@^2.1.12:
   dependencies:
     mime-db "1.52.0"
 
-minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
+minimatch@^3.0.4:
   version "3.1.2"
   resolved "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz"
   integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
   dependencies:
     brace-expansion "^1.1.7"
 
-minimatch@^9.0.1:
-  version "9.0.3"
-  resolved "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz"
-  integrity sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==
-  dependencies:
-    brace-expansion "^2.0.1"
-
-minimatch@^9.0.3:
+minimatch@^9.0.1, minimatch@^9.0.3:
   version "9.0.3"
   resolved "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz"
   integrity sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==
@@ -4077,6 +3983,11 @@ nanoid@^3.3.8:
   resolved "https://mirrors.cloud.tencent.com/npm/nanoid/-/nanoid-3.3.11.tgz"
   integrity sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==
 
+nanopop@^2.1.0:
+  version "2.4.2"
+  resolved "https://registry.npmmirror.com/nanopop/-/nanopop-2.4.2.tgz#b55482135be7e64f2d0f5aa8ef51a58104ac7b13"
+  integrity sha512-NzOgmMQ+elxxHeIha+OG/Pv3Oc3p4RU2aBhwWwAqDpXrdTbtRylbRLQztLy8dMMwfl6pclznBdfUhccEn9ZIzw==
+
 natural-compare-lite@^1.4.0:
   version "1.4.0"
   resolved "https://mirrors.cloud.tencent.com/npm/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz"
@@ -4181,13 +4092,6 @@ object.assign@^4.1.5:
     has-symbols "^1.0.3"
     object-keys "^1.1.1"
 
-once@^1.3.0:
-  version "1.4.0"
-  resolved "https://mirrors.cloud.tencent.com/npm/once/-/once-1.4.0.tgz"
-  integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
-  dependencies:
-    wrappy "1"
-
 open@^8.4.0:
   version "8.4.2"
   resolved "https://registry.npmjs.org/open/-/open-8.4.2.tgz"
@@ -4197,44 +4101,11 @@ open@^8.4.0:
     is-docker "^2.1.1"
     is-wsl "^2.2.0"
 
-optionator@^0.9.3:
-  version "0.9.3"
-  resolved "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz"
-  integrity sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==
-  dependencies:
-    "@aashutoshrathi/word-wrap" "^1.2.3"
-    deep-is "^0.1.3"
-    fast-levenshtein "^2.0.6"
-    levn "^0.4.1"
-    prelude-ls "^1.2.1"
-    type-check "^0.4.0"
-
 overlayscrollbars@^2.3.1:
   version "2.6.1"
   resolved "https://registry.npmjs.org/overlayscrollbars/-/overlayscrollbars-2.6.1.tgz"
   integrity sha512-V+ZAqWMYMyGBJNRDEcdRC7Ch+WT9RBx9hY8bfJSMyFObQeJoecs1Vqg7ZAzBVcpN6sCUXFAZldCbeySwmmD0RA==
 
-p-limit@^3.0.2:
-  version "3.1.0"
-  resolved "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz"
-  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
-  dependencies:
-    yocto-queue "^0.1.0"
-
-p-locate@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz"
-  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
-  dependencies:
-    p-limit "^3.0.2"
-
-parent-module@^1.0.0:
-  version "1.0.1"
-  resolved "https://mirrors.cloud.tencent.com/npm/parent-module/-/parent-module-1.0.1.tgz"
-  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
-  dependencies:
-    callsites "^3.0.0"
-
 parse-json@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz"
@@ -4248,16 +4119,6 @@ path-browserify@^1.0.1:
   resolved "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz"
   integrity sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==
 
-path-exists@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz"
-  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
-
-path-is-absolute@^1.0.0:
-  version "1.0.1"
-  resolved "https://mirrors.cloud.tencent.com/npm/path-is-absolute/-/path-is-absolute-1.0.1.tgz"
-  integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
-
 path-key@^2.0.1:
   version "2.0.1"
   resolved "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz"
@@ -4380,7 +4241,7 @@ postcss-value-parser@^4.0.0, postcss-value-parser@^4.2.0:
   resolved "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-postcss@^8.0.0, postcss@^8.1.0, postcss@^8.2.14, postcss@^8.4.21, postcss@^8.4.23, postcss@^8.4.27, postcss@^8.4.48, postcss@>=8.0.9:
+postcss@^8.4.23, postcss@^8.4.27, postcss@^8.4.48:
   version "8.5.3"
   resolved "https://mirrors.cloud.tencent.com/npm/postcss/-/postcss-8.5.3.tgz"
   integrity sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==
@@ -4389,11 +4250,6 @@ postcss@^8.0.0, postcss@^8.1.0, postcss@^8.2.14, postcss@^8.4.21, postcss@^8.4.2
     picocolors "^1.1.1"
     source-map-js "^1.2.1"
 
-prelude-ls@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz"
-  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
-
 prettier-linter-helpers@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz"
@@ -4401,7 +4257,7 @@ prettier-linter-helpers@^1.0.0:
   dependencies:
     fast-diff "^1.1.2"
 
-prettier@^2.8.8, "prettier@>= 2.0.0", prettier@>=2.0.0:
+prettier@^2.8.8:
   version "2.8.8"
   resolved "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz"
   integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==
@@ -4416,11 +4272,6 @@ punycode.js@^2.3.1:
   resolved "https://registry.npmmirror.com/punycode.js/-/punycode.js-2.3.1.tgz"
   integrity sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==
 
-punycode@^2.1.0:
-  version "2.3.1"
-  resolved "https://mirrors.cloud.tencent.com/npm/punycode/-/punycode-2.3.1.tgz"
-  integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
-
 qs@^6.11.2:
   version "6.12.0"
   resolved "https://registry.npmjs.org/qs/-/qs-6.12.0.tgz"
@@ -4519,10 +4370,10 @@ require-directory@^2.1.1:
   resolved "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz"
   integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==
 
-resolve-from@^4.0.0:
-  version "4.0.0"
-  resolved "https://mirrors.cloud.tencent.com/npm/resolve-from/-/resolve-from-4.0.0.tgz"
-  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
+resize-observer-polyfill@^1.5.1:
+  version "1.5.1"
+  resolved "https://registry.npmmirror.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz#0e9020dd3d21024458d4ebd27e23e40269810464"
+  integrity sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==
 
 resolve@^1.1.7, resolve@^1.10.0, resolve@^1.14.2, resolve@^1.22.2:
   version "1.22.8"
@@ -4538,13 +4389,6 @@ reusify@^1.0.4:
   resolved "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz"
   integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
 
-rimraf@^3.0.2:
-  version "3.0.2"
-  resolved "https://mirrors.cloud.tencent.com/npm/rimraf/-/rimraf-3.0.2.tgz"
-  integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
-  dependencies:
-    glob "^7.1.3"
-
 robust-predicates@^3.0.2:
   version "3.0.2"
   resolved "https://registry.npmjs.org/robust-predicates/-/robust-predicates-3.0.2.tgz"
@@ -4560,7 +4404,7 @@ rollup-plugin-visualizer@^5.9.2:
     source-map "^0.7.4"
     yargs "^17.5.1"
 
-rollup@^3.27.1, "rollup@2.x || 3.x || 4.x":
+rollup@^3.27.1:
   version "3.29.4"
   resolved "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz"
   integrity sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==
@@ -4610,7 +4454,7 @@ safe-regex-test@^1.0.3:
   resolved "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
-sass@*, sass@^1.63.6:
+sass@^1.63.6:
   version "1.72.0"
   resolved "https://registry.npmjs.org/sass/-/sass-1.72.0.tgz"
   integrity sha512-Gpczt3WA56Ly0Mn8Sl21Vj94s1axi9hDIzDFn9Ph9x3C3p4nNyvsqJoQyVXKou6cBlfFWEgRW4rT8Tb4i3XnVA==
@@ -4619,12 +4463,19 @@ sass@*, sass@^1.63.6:
     immutable "^4.0.0"
     source-map-js ">=0.6.2 <2.0.0"
 
+scroll-into-view-if-needed@^2.2.25:
+  version "2.2.31"
+  resolved "https://registry.npmmirror.com/scroll-into-view-if-needed/-/scroll-into-view-if-needed-2.2.31.tgz#d3c482959dc483e37962d1521254e3295d0d1587"
+  integrity sha512-dGCXy99wZQivjmjIqihaBQNjryrz5rueJY7eHfTdyWEiR4ttYpsajb14rn9s5d4DY4EcY6+4+U/maARBXJedkA==
+  dependencies:
+    compute-scroll-into-view "^1.0.20"
+
 select@^1.1.2:
   version "1.1.2"
   resolved "https://registry.npmjs.org/select/-/select-1.1.2.tgz"
   integrity sha512-OwpTSOfy6xSs1+pwcNrv0RBMOzI39Lp3qQKUTPVVPRjCdNa5JH/oPRiqsesIskK8TVgmRiHwO4KXlV2Li9dANA==
 
-semver@^5.5.0:
+"semver@2 || 3 || 4 || 5", semver@^5.5.0:
   version "5.7.2"
   resolved "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz"
   integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
@@ -4634,7 +4485,7 @@ semver@^6.3.1:
   resolved "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
-semver@^7.3.6:
+semver@^7.3.6, semver@^7.5.4, semver@^7.6.0:
   version "7.6.0"
   resolved "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz"
   integrity sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==
@@ -4646,25 +4497,6 @@ semver@^7.3.7:
   resolved "https://mirrors.cloud.tencent.com/npm/semver/-/semver-7.7.1.tgz"
   integrity sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==
 
-semver@^7.5.4:
-  version "7.6.0"
-  resolved "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz"
-  integrity sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==
-  dependencies:
-    lru-cache "^6.0.0"
-
-semver@^7.6.0:
-  version "7.6.0"
-  resolved "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz"
-  integrity sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==
-  dependencies:
-    lru-cache "^6.0.0"
-
-"semver@2 || 3 || 4 || 5":
-  version "5.7.2"
-  resolved "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz"
-  integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
-
 set-function-length@^1.2.1:
   version "1.2.2"
   resolved "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz"
@@ -4687,6 +4519,11 @@ set-function-name@^2.0.1:
     functions-have-names "^1.2.3"
     has-property-descriptors "^1.0.2"
 
+shallow-equal@^1.0.0:
+  version "1.2.1"
+  resolved "https://registry.npmmirror.com/shallow-equal/-/shallow-equal-1.2.1.tgz#4c16abfa56043aa20d050324efa68940b0da79da"
+  integrity sha512-S4vJDjHHMBaiZuT9NPb616CSmLf618jawtv3sufLl6ivK8WocjAo58cXwbRV1cgqxH0Qbv+iUt6m05eqEa2IRA==
+
 shebang-command@^1.2.0:
   version "1.2.0"
   resolved "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz"
@@ -4741,7 +4578,7 @@ sortablejs@^1.15.0:
   resolved "https://registry.npmjs.org/sortablejs/-/sortablejs-1.15.2.tgz"
   integrity sha512-FJF5jgdfvoKn1MAKSdGs33bIqLi3LmsgVTliuX6iITj834F+JRQZN90Z93yql8h0K2t0RwDPBmxwlbZfDcxNZA==
 
-source-map-js@^1.2.0, source-map-js@^1.2.1, "source-map-js@>=0.6.2 <2.0.0":
+"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.2.0, source-map-js@^1.2.1:
   version "1.2.1"
   resolved "https://mirrors.cloud.tencent.com/npm/source-map-js/-/source-map-js-1.2.1.tgz"
   integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==
@@ -4888,16 +4725,16 @@ strip-bom@^3.0.0:
   resolved "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz"
   integrity sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==
 
-strip-json-comments@^3.1.1:
-  version "3.1.1"
-  resolved "https://mirrors.cloud.tencent.com/npm/strip-json-comments/-/strip-json-comments-3.1.1.tgz"
-  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
-
 stylis@^4.0.10:
   version "4.3.1"
   resolved "https://registry.npmjs.org/stylis/-/stylis-4.3.1.tgz"
   integrity sha512-EQepAV+wMsIaGVGX1RECzgrcqRRU/0sYOHkeLsZ3fzHaHXZy4DaOOX0vOlGQdlsjkh3mFHAIlVimpwAs4dslyQ==
 
+stylis@^4.1.3:
+  version "4.3.6"
+  resolved "https://registry.npmmirror.com/stylis/-/stylis-4.3.6.tgz#7c7b97191cb4f195f03ecab7d52f7902ed378320"
+  integrity sha512-yQ3rwFWRfwNUY7H5vpU0wfdkNSnvnJinhF9830Swlaxl03zsOjCfmX0ugac+3LtK0lYSgwL/KXc8oYL3mG4YFQ==
+
 sucrase@^3.32.0:
   version "3.35.0"
   resolved "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz"
@@ -4918,13 +4755,6 @@ supports-color@^5.3.0:
   dependencies:
     has-flag "^3.0.0"
 
-supports-color@^7.1.0:
-  version "7.2.0"
-  resolved "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz"
-  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
-  dependencies:
-    has-flag "^4.0.0"
-
 supports-preserve-symlinks-flag@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz"
@@ -4968,7 +4798,7 @@ tailwindcss@^3.3.3:
     resolve "^1.22.2"
     sucrase "^3.32.0"
 
-terser@^5.39.0, terser@^5.4.0:
+terser@^5.39.0:
   version "5.39.0"
   resolved "https://mirrors.cloud.tencent.com/npm/terser/-/terser-5.39.0.tgz"
   integrity sha512-LBAhFyLho16harJoWMg/nZsQYgTrg5jXOn2nCYjRUcZZEdE3qa2zb8QEDRUGVZBW4rlazf2fxkg8tztybTaqWw==
@@ -4978,11 +4808,6 @@ terser@^5.39.0, terser@^5.4.0:
     commander "^2.20.0"
     source-map-support "~0.5.20"
 
-text-table@^0.2.0:
-  version "0.2.0"
-  resolved "https://mirrors.cloud.tencent.com/npm/text-table/-/text-table-0.2.0.tgz"
-  integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
-
 thenify-all@^1.0.0:
   version "1.6.0"
   resolved "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz"
@@ -4997,6 +4822,11 @@ thenify-all@^1.0.0:
   dependencies:
     any-promise "^1.0.0"
 
+throttle-debounce@^5.0.0:
+  version "5.0.2"
+  resolved "https://registry.npmmirror.com/throttle-debounce/-/throttle-debounce-5.0.2.tgz#ec5549d84e053f043c9fd0f2a6dd892ff84456b1"
+  integrity sha512-B71/4oyj61iNH0KeCamLuE2rmKuTO5byTOSVwECM5FA7TiAiAW+UqTKZ9ERueC4qvgSttUhdmq1mXC3kJqGX7A==
+
 tiny-emitter@^2.0.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/tiny-emitter/-/tiny-emitter-2.1.0.tgz"
@@ -5014,6 +4844,11 @@ ts-interface-checker@^0.1.9:
   resolved "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz"
   integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
 
+tslib@2.3.0:
+  version "2.3.0"
+  resolved "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz"
+  integrity sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==
+
 tslib@^1.8.1:
   version "1.14.1"
   resolved "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz"
@@ -5024,11 +4859,6 @@ tslib@^2.1.0:
   resolved "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz"
   integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==
 
-tslib@2.3.0:
-  version "2.3.0"
-  resolved "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz"
-  integrity sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==
-
 tsutils@^3.21.0:
   version "3.21.0"
   resolved "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz"
@@ -5036,13 +4866,6 @@ tsutils@^3.21.0:
   dependencies:
     tslib "^1.8.1"
 
-type-check@^0.4.0, type-check@~0.4.0:
-  version "0.4.0"
-  resolved "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz"
-  integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
-  dependencies:
-    prelude-ls "^1.2.1"
-
 type-fest@^0.20.2:
   version "0.20.2"
   resolved "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz"
@@ -5092,7 +4915,7 @@ typed-array-length@^1.0.5:
     is-typed-array "^1.1.13"
     possible-typed-array-names "^1.0.0"
 
-typescript@*, "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta", typescript@>=4.4.4, typescript@~5.0.4:
+typescript@~5.0.4:
   version "5.0.4"
   resolved "https://registry.npmjs.org/typescript/-/typescript-5.0.4.tgz"
   integrity sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==
@@ -5158,13 +4981,6 @@ update-browserslist-db@^1.0.13:
     escalade "^3.1.1"
     picocolors "^1.0.0"
 
-uri-js@^4.2.2:
-  version "4.4.1"
-  resolved "https://mirrors.cloud.tencent.com/npm/uri-js/-/uri-js-4.4.1.tgz"
-  integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
-  dependencies:
-    punycode "^2.1.0"
-
 util-deprecate@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz"
@@ -5183,7 +4999,7 @@ validate-npm-package-license@^3.0.1:
     spdx-correct "^3.0.0"
     spdx-expression-parse "^3.0.0"
 
-"vite@^3.0.0 || ^4.0.0 || ^5.0.0", vite@^4.0.0, "vite@^4.0.0 || ^5.0.0", vite@^4.5.2:
+vite@^4.5.2:
   version "4.5.3"
   resolved "https://registry.npmjs.org/vite/-/vite-4.5.3.tgz"
   integrity sha512-kQL23kMeX92v3ph7IauVkXkikdDRsYMGTVl5KY2E9OY4ONLvkHf04MDTbnfo6NKxZiDLWzVpP5oTa8hQD8U3dg==
@@ -5194,17 +5010,7 @@ validate-npm-package-license@^3.0.1:
   optionalDependencies:
     fsevents "~2.3.2"
 
-vue-demi@*:
-  version "0.14.7"
-  resolved "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.7.tgz"
-  integrity sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==
-
-vue-demi@>=0.14.5:
-  version "0.14.7"
-  resolved "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.7.tgz"
-  integrity sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==
-
-vue-demi@>=0.14.7:
+vue-demi@*, vue-demi@>=0.14.5, vue-demi@>=0.14.7:
   version "0.14.7"
   resolved "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.7.tgz"
   integrity sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==
@@ -5283,7 +5089,14 @@ vue-tsc@^1.6.5:
     "@vue/language-core" "1.8.27"
     semver "^7.5.4"
 
-"vue@^2.6.0 || ^3.2.0", "vue@^2.6.14 || ^3.3.0", "vue@^3.0.0-0 || ^2.6.0", vue@^3.2.0, vue@^3.2.25, vue@^3.3, vue@^3.3.4, vue@^3.5.13, "vue@2.x || 3.x", vue@3.5.13:
+vue-types@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.npmmirror.com/vue-types/-/vue-types-3.0.2.tgz#ec16e05d412c038262fc1efa4ceb9647e7fb601d"
+  integrity sha512-IwUC0Aq2zwaXqy74h4WCvFCUtoV0iSWr0snWnE9TnU18S66GAQyqQbRf2qfJtUuiFsBf6qp0MEwdonlwznlcrw==
+  dependencies:
+    is-plain-object "3.0.1"
+
+vue@^3.3.4:
   version "3.5.13"
   resolved "https://mirrors.cloud.tencent.com/npm/vue/-/vue-3.5.13.tgz"
   integrity sha512-wmeiSMxkZCSc+PM2w2VRsOYAZC8GdipNFRTsLSfodVqI9mbejKeXEGr8SckuLnrQPGe3oJN5c3K0vpoU9q/wCQ==
@@ -5294,6 +5107,13 @@ vue-tsc@^1.6.5:
     "@vue/server-renderer" "3.5.13"
     "@vue/shared" "3.5.13"
 
+warning@^4.0.0:
+  version "4.0.3"
+  resolved "https://registry.npmmirror.com/warning/-/warning-4.0.3.tgz#16e9e077eb8a86d6af7d64aa1e05fd85b4678ca3"
+  integrity sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==
+  dependencies:
+    loose-envify "^1.0.0"
+
 which-boxed-primitive@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz"
@@ -5367,11 +5187,6 @@ wrap-ansi@^8.1.0:
     string-width "^5.0.1"
     strip-ansi "^7.0.1"
 
-wrappy@1:
-  version "1.0.2"
-  resolved "https://mirrors.cloud.tencent.com/npm/wrappy/-/wrappy-1.0.2.tgz"
-  integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
-
 xlsx@^0.18.5:
   version "0.18.5"
   resolved "https://mirrors.cloud.tencent.com/npm/xlsx/-/xlsx-0.18.5.tgz"
@@ -5436,11 +5251,6 @@ yargs@^17.5.1:
     y18n "^5.0.5"
     yargs-parser "^21.1.1"
 
-yocto-queue@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz"
-  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
-
 zrender@5.3.2:
   version "5.3.2"
   resolved "https://registry.npmjs.org/zrender/-/zrender-5.3.2.tgz"