创新主体

src/router/index.js

@@ -71,6 +71,9 @@ import Chat from '@/views/comprehensiveSearch/chat/index.vue'
 import CooperationRestrictions from "@/views/coopRestriction/index.vue";
 import CooperationRestrictionsDetail from "@/views/coopRestriction/detail/index.vue";
 
+//创新主体
+import InnovationSubject from "@/views/innovationSubject/index.vue";
+
 
 
 const routes = [
@@ -679,6 +682,16 @@ const routes = [
     meta: {
       title: "搜索结果"
     }
+  },
+
+  //创新主体
+  {
+    path: "/InnovationSubject",
+    name: "InnovationSubject",
+    component: InnovationSubject,
+    meta: {
+      title: "主要创新主体"
+    }
   }
 ];
 

src/views/innovationSubject/utils/barChart.js

+import * as echarts from "echarts";
+
+const getBarChart = (nameList, valueList) => {
+  const option = {
+    tooltip: {},
+    grid: {
+      top: '3%',
+      right: '3%',
+      bottom: '1%',
+      left: '1%',
+      containLabel: true
+    },
+    yAxis: {
+      type: 'value',
+      splitLine: {
+        show: false
+      },
+      axisLine: {
+        show: false
+      },
+      show: true
+    },
+    xAxis: {
+      type: 'category',
+      data: nameList,
+      splitLine: {
+        show: false
+      },
+      axisTick: {
+        show: false
+      },
+      axisLine: {
+        show: true
+      },
+      axisLabel: {
+        show: true
+      }
+    },
+    series: [{
+      type: 'bar',
+      data: valueList,
+      label: {
+        show: true,
+        position: 'top',
+        color: 'rgba(10, 87, 166, 1)',
+        fontWeight: 'bold',  // 文字加粗
+        fontSize: 14,
+        formatter: function (params) {
+          return params.value
+        },
+      },
+      barWidth: 20,
+      itemStyle: {
+        color: function (params) {
+          return new echarts.graphic.LinearGradient(0, 1, 0, 0,
+            [{
+              offset: 0,
+              color: 'rgba(10, 87, 166, 0)'
+            },
+            {
+              offset: 1,
+              color: 'rgba(10, 87, 166, 1)'
+            }
+            ]);
+        },
+        barBorderRadius: 10,
+      }
+    }]
+  }
+  return option
+}
+
+export default getBarChart
\ No newline at end of file

src/views/innovationSubject/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: ['#E7F3FF', '#8AC4FF', '#0A57A6', '#FFC069', '#CE4F51']
+      },
+      textStyle: {
+        color: '#7f8c8d'
+      }
+    },
+    calendar: {
+      top: 24,
+      left: 30,
+      right: 30,
+      cellSize: ['auto', 20],
+      range: '2025',
+      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

src/views/innovationSubject/utils/multiLineChart.js

+import * as echarts from 'echarts'
+
+const getMultiLineChart = (dataX, dataY1, dataY2) => {
+  return {
+    tooltip: {
+      trigger: 'axis',
+      axisPointer: {
+        type: 'cross',
+        label: {
+          backgroundColor: '#6a7985'
+        }
+      }
+    },
+    grid: {
+      top: '8%',
+      right: '5%',
+      bottom: '5%',
+      left: '5%',
+      containLabel: true
+    },
+    legend: {
+      data: ['提出法案', '通过法案'],
+      show: false
+    },
+    color: ['#1459bb', '#fa8c16'],
+    xAxis: [
+      {
+        type: 'category',
+        boundaryGap: false,
+        data: dataX
+      }
+    ],
+    yAxis: [
+      {
+        type: 'value'
+      }
+    ],
+    series: [
+      {
+        name: '提出法案',
+        type: 'line',
+
+        areaStyle: {
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+            offset: 0,
+            color: 'rgba(22, 119, 255, 1)' // 起始颜色
+          }, {
+            offset: 1,
+            color: 'rgba(22, 119, 255, 0)' // 结束颜色
+          }])
+        },
+        emphasis: {
+          focus: 'series'
+        },
+        data: dataY1
+      },
+      {
+        name: '通过法案',
+        type: 'line',
+        areaStyle: {
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+            offset: 0,
+            color: 'rgba(255, 172, 77, 1)' // 起始颜色
+          }, {
+            offset: 1,
+            color: 'rgba(255, 172, 77, 0)' // 结束颜色
+          }])
+        },
+        emphasis: {
+          focus: 'series'
+        },
+        data: dataY2
+      }
+    ]
+  }
+}
+
+export default getMultiLineChart
\ No newline at end of file

src/views/innovationSubject/utils/piechart.js

+const getPieChart = (data,colorList) => {
+  let option = {
+    color: colorList,
+    series: [
+      {
+      type: 'pie',
+      radius: [110, 143],
+      height: '100%',
+      left: 'center',
+      width: '100%',
+      itemStyle: {
+        borderColor: '#fff',
+        borderWidth: 1
+      },
+      label: {
+        alignTo: 'edge',
+        formatter: '{name|{b}}\n{time|{c} 条 {d}%}',
+        minMargin: 5,
+        edgeDistance: 10,
+        lineHeight: 24,
+        rich: {
+          time: {
+            fontSize: 16,
+            color: '#999'
+          }
+        }
+      },
+      labelLine: {
+        length: 15,
+        length2: 0,
+        maxSurfaceAngle: 80
+      },
+      labelLayout: function (params) {
+        const isLeft = params.labelRect.x < 556 / 2;
+        const points = params.labelLinePoints;
+        // Update the end point.
+        points[2][0] = isLeft
+          ? params.labelRect.x
+          : params.labelRect.x + params.labelRect.width;
+        return {
+          labelLinePoints: points
+        };
+      },
+      data: data
+    }]
+  }
+  return option
+}
+
+export default getPieChart;
\ No newline at end of file