风险信号管理页面

src/router/index.js

@@ -41,6 +41,9 @@ import MarketSingleCaseLayout from "@/views/marketAccessRestrictions/singleCaseL
 import MarketSingleCaseOverview from "@/views/marketAccessRestrictions/singleCaseLayout/overview/index.vue";
 import MarketSingleCaseDeepdig from "@/views/marketAccessRestrictions/singleCaseLayout/deepdig/index.vue";
 
+//风险信号管理
+import RiskSignal from "@/views/riskSignal/index.vue"
+
 const routes = [
 	// 智库系统的主要路由
 	{
@@ -329,6 +332,16 @@ const routes = [
     ]
   },
 
+  // 风险信号管理路由
+  {
+    path: '/riskSignal',
+    name: 'RiskSignal',
+    component: RiskSignal,
+    meta: {
+      title: '风险信号管理'
+    },
+  },
+
 	// 转移过来的页面
 	{
 		path: "/analysis",

src/views/infoPlatform/index.vue

@@ -3,7 +3,8 @@
 
 		<!-- 导航 -->
 		<div class="breadcrumb">
-			<el-breadcrumb :separator-icon="ArrowRight" class="breadcrumb">
+			<el-breadcrumb :separator-icon="ArrowRight" class="bre
+			adcrumb">
 				<el-breadcrumb-item>国家科技安全</el-breadcrumb-item>
 				<el-breadcrumb-item>中美博弈概览</el-breadcrumb-item>
 				<el-breadcrumb-item :to="{ path: '/' }">美对华科技合作限制信息平台</el-breadcrumb-item>

src/views/riskSignal/utils/cleandarHeat.js

+
+
+
+const getCalendarHeatChart = (data) => {
+  const option = {
+    title: {
+      top: 30,
+      left: 'center',
+      text: `日历热力图`,
+      show: false
+    },
+    tooltip: {
+      position: 'top',
+      formatter: function (params) {
+        const date = new Date(params.data[0]);
+        return `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, '0')}-${date.getDate().toString().padStart(2, '0')}<br/>数值: ${params.data[1]}`;
+      }
+    },
+    visualMap: {
+      show: false,
+      min: 0,
+      max: 500,
+      calculable: true,
+      orient: 'horizontal',
+      left: 'center',
+      top: 65,
+      inRange: {
+        color: ['rgba(231, 243, 255, 1)', 'rgba(138, 196, 255, 1)', 'rgba(5, 95, 194, 1)']
+      },
+      textStyle: {
+        color: 'rgba(95, 101, 108, 1)'
+      }
+    },
+    calendar: {
+      top: 24,
+      left: 30,
+      right: 30,
+      cellSize: ['auto', 20],
+      range: '2025',
+      splitLine: {
+        show:false
+      },
+      itemStyle: {
+        borderWidth: 0.5,
+        borderColor: '#ccc'
+      },
+      yearLabel: { show: true },
+      monthLabel: {
+        nameMap: 'cn'
+      },
+      dayLabel: {
+        nameMap: ['日', '一', '二', '三', '四', '五', '六'],
+        show: false,
+        
+      }
+    },
+    series: {
+      type: 'heatmap',
+      coordinateSystem: 'calendar',
+      data: data
+    }
+  };
+  return option
+}
+
+export default getCalendarHeatChart
\ No newline at end of file