-
-
预警公告
+
+
+
+
+
+
+
![]()
+
+
{{ item.name }}
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 今日检测量
+ 128万次
+
+
+
+
+ 高危威胁
+ 327起
+
+
+
+
+
+
AI+安全核心能力
+ 更多 >
+
+
+
+
+
+
![]()
+
+
{{ item.title }}
+
{{ item.rate }}
+
{{ item.desc }}
+
+
-
-
-
-
-
-
- {{ item.subject }}
- {{ tagMap[item.importance].text }}
-
-
-
- {{ item.publishTime }}
+
+
+
+
+
+
+
团队与成果
+ 更多 >
+
+
+
顶尖安全团队
+
+
+
+
{{ member.name }}
+
{{ member.title }}
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
最新动态
+ 更多 >
+
+
+
+
{{ news.year }}
+
+
{{ news.title }}
+
{{ news.desc }}
+
+
+
+
+
@@ -127,6 +241,73 @@ import { useGlobalInfoStore } from '@/stores/Global';
const { updateHeaderSearch } = useGlobalInfoStore();
const { accountInfo } = useAccount();
import { useDiscussGetUserInfo } from '@/api/discussion/hook';
+import { DChart } from 'vue-devui/echarts';
+import { reactive } from 'vue';
+
+const lineOption = reactive({
+ tooltip: { show: true, trigger: 'axis' },
+ grid: {
+ left: '0%',
+ right: '3%',
+ bottom: '3%',
+ containLabel: true,
+ },
+ xAxis: {
+ type: 'category',
+ data: ['0', '30', '60', '90', '120', '150', '180', '210', '240'],
+ axisLine: { lineStyle: { color: '#909399' } },
+ axisTick: { show: false },
+ },
+ yAxis: {
+ type: 'value',
+ max: 550,
+ axisLine: { show: false },
+ axisTick: { show: false },
+ splitLine: { lineStyle: { color: '#eee' } },
+ },
+ series: [
+ {
+ name: '实时威胁A',
+ data: [0, 150, 250, 200, 350, 400, 450, 500, 550],
+ type: 'line',
+ itemStyle: { color: '#ff9f40' },
+ lineStyle: { color: '#ff9f40' },
+ symbol: 'circle',
+ symbolSize: 6,
+ },
+ {
+ name: '实时威胁B',
+ data: [0, 100, 200, 150, 300, 350, 400, 450, 500],
+ type: 'line',
+ itemStyle: { color: '#36a2eb' },
+ lineStyle: { color: '#36a2eb' },
+ symbol: 'circle',
+ symbolSize: 6,
+ },
+ ],
+});
+
+const pieOption = reactive({
+ tooltip: { show: true, trigger: 'item' },
+ series: [
+ {
+ title: '态势感知',
+ type: 'pie',
+ radius: ['40%', '70%'],
+ data: [
+ { name: '态势感知', value: 34, itemStyle: { color: '#ff6384' } },
+ { name: '实时威胁', value: 33, itemStyle: { color: '#36a2eb' } },
+ { name: '其他', value: 33, itemStyle: { color: '#ffce56' } },
+ ],
+ label: {
+ show: true,
+ formatter: '{b}: {d}%',
+ position: 'center',
+ },
+ labelLine: { show: true },
+ },
+ ],
+});
const route = useRoute();
const router = useRouter();
@@ -147,6 +328,84 @@ const currentWarning = ref();
const { isLogin } = useDiscussGetUserInfo();
const homeSearch = ref(null);
const dropdownWidth = ref(0);
+
+import aqts from '@/assets/imgs/jyh/menu/风险预警.png'
+import aqqb from '@/assets/imgs/jyh/menu/许可证检测.png'
+import aqjc from '@/assets/imgs/jyh/menu/已知漏洞检测.png'
+import aqzk from '@/assets/imgs/jyh/menu/可信治理.png'
+import kxrj from '@/assets/imgs/jyh/menu/可信软件.png'
+// 顶部功能按钮数据
+const topButtons = ref([
+ { name: '安全智库', icon: aqzk },
+ { name: '安全检测', icon: aqjc },
+ { name: '安全情报', icon: aqqb},
+ { name: '安全态势', icon: aqts },
+ { name: '智能引擎', icon: kxrj },
+]);
+
+// 按钮点击事件处理
+const handleButtonClick = (item) => {
+ // 路由映射关系：按钮名称 -> 对应路由name或新页面地址
+ const routeMap = {
+ '安全智库': 'Search', // 对应name: 'Search'的路由
+ '安全检测': 'TestingCenter', // 对应name: 'TestingCenter'的路由
+ '安全情报': 'Insights', // 对应name: 'Insights'的路由
+ '智能引擎': 'aihome', // 对应name: 'aihome'的路由
+ '安全态势': 'https://example.com/security-situation' // 安全态势大屏地址（替换为实际地址）
+ };
+
+ const target = routeMap[item.name];
+ if (!target) return;
+
+ // 区分路由跳转和新页面打开
+ if (item.name === '安全态势') {
+ // 安全态势：打开新页面
+ window.open(target, '_blank');
+ } else {
+ // 其他按钮：路由跳转
+ router.push({ name: target });
+ }
+};
+
+import znjc from '@/assets/imgs/jyh/menu/AI大模型能力.png'
+import aiLogo1 from '@/assets/imgs/jyh/ai/aiLogo1.png'
+import vulnerabilityForewarning from '@/assets/imgs/jyh/menu/vulnerabilityForewarning.png'
+// AI+安全核心能力数据
+const aiCapabilities = ref([
+ {
+ title: '智能检测引擎',
+ rate: '（覆盖99.9%样本率）',
+ desc: '智能检测引擎具备对各类文件、恶意软件的高精度识别能力。',
+ icon: znjc
+ },
+ {
+ title: '行为分析模型',
+ rate: '（实时响应<1秒）',
+ desc: '深度行为分析模型可实时识别异常行为，精准定位威胁根源。',
+ icon: aiLogo1
+ },
+ {
+ title: '自动溯源系统',
+ rate: '（覆盖99.9%）',
+ desc: '自动溯源系统可快速定位威胁来源，助力威胁事件全链路分析。',
+ icon: vulnerabilityForewarning
+ },
+]);
+
+// 团队成员数据
+const teamMembers = ref([
+ { name: '主理', title: '安全专家/负责人' },
+ { name: '顾问', title: '企业安全专家' },
+ { name: '架构', title: '技术架构专家' },
+]);
+
+// 最新动态数据
+const latestNews = ref([
+ { year: '2024', title: '中国头安全实验室等合作的智能决策模型授奖', desc: '智能决策模型在多领域安全决策中表现卓越，获行业权威奖项。', more: true },
+ { year: '2023', title: '智能检测引擎从一定论到再超越的与证明', desc: '2024年深度优化检测，在极端场景中达99.9%准确率，性能、智能、召回率再升级。', more: false },
+ { year: '2023', title: '新闻网常务委员：邻区区委交换稿与证明', desc: '网络空间安全会议上，邻区、外防负责人、专家会首席等共论，包含新成果实证。', more: false },
+]);
+
const tagMap = {
critical: {
text: '致命',
@@ -332,8 +591,8 @@ getNoticeList();
.home-content {
font-size: 14px;
- height: 50%;
- width: 50%;
+ height: 100%;
+ width: 100%;
display: flex;
flex-direction: column;
justify-self: center;
@@ -523,12 +782,165 @@ getNoticeList();
:deep(.devui-timeline-item-data-right) {
width: 80%;
}
-
-
diff --git a/src/views/Jyh/Insights/index.vue b/src/views/Jyh/Insights/index.vue
new file mode 100644
index 0000000..6347714
--- /dev/null
+++ b/src/views/Jyh/Insights/index.vue
@@ -0,0 +1,625 @@
+
+
+ 首页
+
+ 安全情报与动态
+
+
+
+
+
+
+ 安全情报与动态
+
+
+
+
+
+
+
+
+ 高危漏洞
+ {{ vulnerabilityStats.critical }}
+
+ {{ vulnerabilityTrends.critical > 0 ? '+' : '' }}{{ vulnerabilityTrends.critical }}% 较上周
+
+
+
+
+
+ 中危漏洞
+ {{ vulnerabilityStats.high }}
+
+ {{ vulnerabilityTrends.high > 0 ? '+' : '' }}{{ vulnerabilityTrends.high }}% 较上周
+
+
+
+
+
+ 低危漏洞
+ {{ vulnerabilityStats.medium }}
+
+ {{ vulnerabilityTrends.medium > 0 ? '+' : '' }}{{ vulnerabilityTrends.medium }}% 较上周
+
+
+
+
+
+ 本月新增
+ {{ vulnerabilityStats.total }}
+
+ {{ vulnerabilityTrends.total > 0 ? '+' : '' }}{{ vulnerabilityTrends.total }}% 较上月
+
+
+
+
+
+
+
+
+
+