数据概览

src/api/system/overview.js

@@ -11,8 +11,9 @@ export function getData4panel4(data) { // 导师信息
 
 export function getData4panel0(data) { // 孵化器概况信息
   return request({
-    url: 'api/incubator/profile?incubatorId=' + data.incubatorId,
+    url: 'api/incubator/profile',
     method: 'get',
+    params:data
   })
 }
 

src/views/system/home/overview.vue

@@ -567,7 +567,7 @@
     },
     computed: {},
     mounted() {
-      this.incubatorId = this.$route.query.id;
+      this.incubatorId = this.$route.query.id || '';
       // this.getData4panel0();
       // this.getData4panel4();
       this.getData4panel0()
@@ -577,6 +577,7 @@
       changeNav(index) {
         this.activeIndex = ~~index;
         if(~~this.activeIndex === 1 || ~~this.activeIndex === 2 || ~~this.activeIndex === 3){
+          this.searchQuery4panel1 = '' // 清空公司搜索框
           this.getData4panel1()
         }else if(~~this.activeIndex === 0){
           this.getData4panel0()
@@ -622,7 +623,7 @@
           .getData4enterprise({
             page: this.currentPage4panel1 > 0 ? this.currentPage4panel1-1 : this.currentPage4panel1,
             size: this.pageSize4panel1,
-            incubatorId: this.incubatorId,
+              incubatorId: this.incubatorId,
             companyType,
             vague: {"companyName": this.searchQuery4panel1}
           })
@@ -751,7 +752,11 @@
       initChart4panel0_1() {
         const chartDom = this.$refs.pieChart4panel0_1;
         const myChart = echarts.init(chartDom);
-  
+        const colorArr = ['#5c7bd9', '#3ba172', '#73c0de', '#ee6666', '#f7c557', '#91cc75', '#5470c6', '#3e75e5']
+        const chartsData = this.data4panel0.revenueChartData.map((item,index)=>{
+          item.itemStyle= {color: colorArr[index]}
+          return item
+        })
         const option = {
           tooltip: {
             trigger: "item",
@@ -761,7 +766,7 @@
               name: "孵化器总收入",
               type: "pie",
               radius: "50%",
-              data: this.data4panel0.revenueChartData || [],
+              data: chartsData,
               emphasis: {
                 itemStyle: {
                   shadowBlur: 10,
@@ -778,7 +783,13 @@
       initChart4panel0_2() {
         const chartDom = this.$refs.pieChart4panel0_2;
         const myChart = echarts.init(chartDom);
-  
+        
+        const colorArr = ['#9fe080','#5470c6', '#f9c758']
+      
+        const chartsData =  this.data4panel0.areaChartData.map((item, index)=>{
+          item.itemStyle= {color: colorArr[index]}
+          return item
+        })
         const option = {
           tooltip: {
             trigger: "item",
@@ -788,7 +799,7 @@
               name: "孵化器使用总面积",
               type: "pie",
               radius: "50%",
-              data: this.data4panel0.areaChartData || [],
+              data: chartsData,
               emphasis: {
                 itemStyle: {
                   shadowBlur: 10,
@@ -807,7 +818,9 @@
           .getDialogData4panel0({
             page: this.currentPage4panel0 > 0 ? this.currentPage4panel0-1 : this.currentPage4panel0,
             size: this.pageSize4panel0,
-            incubatorId: this.incubatorId,
+            exact:{
+              incubatorId: this.incubatorId,
+            },
             vague:{
               year: this.searchQuery4panel0
             }
@@ -822,7 +835,9 @@
       getData4panel0(fn) { // 获取panel0页面统计信息
         overviewApi
           .getData4panel0({
-            incubatorId: this.incubatorId,
+            exact:{
+              incubatorId: this.incubatorId,
+            }
           })
           .then((res) => {
             console.log(res, "getData4panel04tech");
@@ -859,7 +874,9 @@
           .getData4panel4({
             page: this.currentPage4panel4 > 0 ? this.currentPage4panel4-1 : this.currentPage4panel4,
             size: this.pageSize4panel4,
-            incubatorId: this.incubatorId,
+            exact:{
+              incubatorId: this.incubatorId,
+            },
             vague: {"mentorName":this.searchQuery4panel4}
           })
           .then((res) => {