前端：首页优化

src/dashoo.cn/frontend_web/src/pages/index.vue

@@ -108,13 +108,20 @@
         accessTypeOptions: null,
         supplierLevelOptions: null,
         supplierScaleOption: null,
-        deviceColor: [
-          '#6A5ACD', '#B5C334', '#FCCE10', '#E87C25', '#27727B', '#FE8463', '#9BCA63', '#FAD860', '#F3A43B',
-          '#60C0DD', '#E87C25', '#27727B', '#FE8463', '#6c757d'
+        chartColor: [
+          '#6666FF', '#66CCFF', '#CCFF66', '#FE8463',
+          '#4A4AFF', '#00CACA', '#3CB371',
+          '#24CBE5', '#DDDF00', '#ED561B', '#64E572',
+          '#6A5ACD', '#B5C334', '#FCCE10',
+          '#E87C25', '#27727B', '#FE8463',
+          '#9BCA63', '#FAD860', '#F3A43B',
+          '#60C0DD', '#E87C25', '#27727B',
+          '#FE8463', '#6c757d'
         ],
         colorList: [
           '#3CB371', '#007fbb', 'rgba(200,55,52)'
         ],
+        originColor: ['#4A4AFF', '#00CACA', 'rgba(184,210,124)', '#E87C25'],
         downloading: true
       }
     },
@@ -136,6 +143,7 @@
             title: {
               text: ''
             },
+            colors: this.chartColor,
             subtitle: {
               text: ''
             },
@@ -154,16 +162,16 @@
             },
             series: [{
               name: '供应商',
-              color: '#4A4AFF',
+              // color: '#4A4AFF',
               // data: [this.LineTypeRecentFive[0].GoodsNum, this.LineTypeRecentFive[1].GoodsNum, this.LineTypeRecentFive[2].GoodsNum, this.LineTypeRecentFive[3].GoodsNum, this.LineTypeRecentFive[4].GoodsNum]
               data: [0, 0, 0, 0, 0, this.GoodsNum]
             }, {
               name: '服务商',
-              color: '#00CACA',
+              // color: '#00CACA',
               data: [0, 0, 0, 0, 0, this.TecNum]
             }, {
               name: '承包商',
-              color: 'rgba(184,210,124)',
+              // color: 'rgba(184,210,124)',
               data: [0, 0, 0, 0, 0, this.BasNum]
             }],
             credits: {
@@ -198,6 +206,7 @@
             title: {
               text: ''
             },
+            colors: this.chartColor,
             subtitle: {
               text: ''
             },
@@ -216,15 +225,15 @@
             },
             series: [{
               name: '评审准入',
-              color: '#4A4AFF',
+              // color: '#4A4AFF',
               data: [0, 0, 0, 0, 0, this.ReviewNum]
             }, {
               name: '招标准入',
-              color: '#00CACA',
+              // color: '#00CACA',
               data: [0, 0, 0, 0, 0, this.TenderNum]
             }, {
               name: '战略准入',
-              color: 'rgba(184,210,124)',
+              // color: 'rgba(184,210,124)',
               data: [0, 0, 0, 0, 0, this.StrategicNum]
             }],
             credits: {
@@ -259,6 +268,7 @@
             title: {
               text: ''
             },
+            colors: this.chartColor,
             subtitle: {
               text: ''
             },
@@ -277,15 +287,15 @@
             },
             series: [{
               name: '一级供应商',
-              color: '#4A4AFF',
+              // color: '#4A4AFF',
               data: [0, 0, 0, 0, 0, this.OneLevelGoodsNum]
             }, {
               name: '二级制造商',
-              color: '#00CACA',
+              // color: '#00CACA',
               data: [0, 0, 0, 0, 0, this.TwoLevelMakeNum]
             }, {
               name: '二级贸易商/代理商',
-              color: 'rgba(184,210,124)',
+              // color: 'rgba(184,210,124)',
               data: [0, 0, 0, 0, 0, this.TwoLevelNotMakeNum]
             }],
             credits: {
@@ -320,6 +330,7 @@
             title: {
               text: ''
             },
+            colors: this.chartColor,
             subtitle: {
               text: ''
             },
@@ -338,19 +349,19 @@
             },
             series: [{
               name: '注册资金500万以下',
-              color: '#4A4AFF',
+              // color: '#4A4AFF',
               data: [0, 0, 0, 0, 0, this.RegCapitalSmall]
             }, {
               name: '注册资金500万-1000万',
-              color: '#00CACA',
+              // color: '#00CACA',
               data: [0, 0, 0, 0, 0, this.RegCapital2]
             }, {
               name: '注册资金1000万-2000万',
-              color: 'rgba(184,210,124)',
+              // color: 'rgba(184,210,124)',
               data: [0, 0, 0, 0, 0, this.RegCapital3]
             }, {
               name: '注册资金2000万-5000万',
-              color: '#E87C25',
+              // color: '#E87C25',
               data: [0, 0, 0, 0, 0, this.RegCapital4]
             }],
             credits: {
@@ -443,6 +454,7 @@
                 viewDistance: 25
               }
             },
+            colors: this.chartColor,
             title: false,
             tooltip: {
               pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
@@ -476,7 +488,7 @@
                   name: '供应商  ' + res.data.GoodsNum + ' 家',
                   // color: 'rgba(47,81,119)',
                   // color: 'rgba(255,140,0)',
-                  color: '#4A4AFF',
+                  // color: '#4A4AFF',
                   y: res.data.GoodsNum,
                   sliced: false, // 是否默认突出
                   selected: false
@@ -484,14 +496,14 @@
                   name: '服务商  ' + res.data.TecNum + ' 家',
                   // color: '#E87C25',
                   // color: '#00CACA',
-                  color: '#00CACA',
+                  // color: '#00CACA',
                   y: res.data.TecNum,
                   sliced: false, // 是否默认突出
                   selected: false
                 }, {
                   name: '承包商  ' + res.data.BasNum + ' 家',
                   // color: '#4A4AFF',
-                  color: 'rgba(184,210,124)',
+                  // color: 'rgba(184,210,124)',
                   y: res.data.BasNum,
                   sliced: false, // 是否默认突出
                   selected: false
@@ -533,6 +545,7 @@
                 viewDistance: 25
               }
             },
+            colors: this.chartColor,
             title: false,
             tooltip: {
               pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
@@ -565,19 +578,19 @@
                 {
                   name: '评审准入  ' + res.data.ReviewNum + ' 家',
                   // color: 'rgba(200,55,52)',
-                  color: '#4A4AFF',
+                  // color: '#4A4AFF',
                   y: res.data.ReviewNum,
                   sliced: false, // 是否默认突出
                   selected: false
                 }, {
                   name: '招标准入  ' + res.data.TenderNum + ' 家',
-                  color: '#00CACA',
+                  // color: '#00CACA',
                   y: res.data.TenderNum,
                   sliced: false, // 是否默认突出
                   selected: false
                 }, {
                   name: '战略准入  ' + res.data.StrategicNum + ' 家',
-                  color: 'rgba(184,210,124)',
+                  // color: 'rgba(184,210,124)',
                   y: res.data.StrategicNum,
                   sliced: false, // 是否默认突出
                   selected: false
@@ -618,6 +631,7 @@
                 viewDistance: 25
               }
             },
+            colors: this.chartColor,
             title: false,
             tooltip: {
               pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
@@ -649,19 +663,19 @@
               data: [
                 {
                   name: '一级供应商  ' + res.data.OneLevelGoodsNum + ' 家',
-                  color: '#4A4AFF',
+                  // color: '#4A4AFF',
                   y: res.data.OneLevelGoodsNum,
                   sliced: false, // 是否默认突出
                   selected: false
                 }, {
                   name: '二级制造商  ' + res.data.TwoLevelMakeNum + ' 家',
-                  color: '#00CACA',
+                  // color: '#00CACA',
                   y: res.data.TwoLevelMakeNum,
                   sliced: false, // 是否默认突出
                   selected: false
                 }, {
                   name: '二级贸易/代理商  ' + res.data.TwoLevelNotMakeNum + ' 家',
-                  color: 'rgba(184,210,124)',
+                  // color: 'rgba(184,210,124)',
                   y: res.data.TwoLevelNotMakeNum,
                   sliced: false, // 是否默认突出
                   selected: false
@@ -702,6 +716,7 @@
                 viewDistance: 25
               }
             },
+            colors: this.chartColor,
             title: false,
             tooltip: {
               pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
@@ -735,25 +750,25 @@
                   name: '注册资金500万以下  ' + res.data.RegCapitalSmall + ' 家',
                   // color: '#FE8463',
                   // color: 'rgba(200,55,52)',
-                  color: '#4A4AFF',
+                  // color: '#4A4AFF',
                   y: res.data.RegCapitalSmall,
                   sliced: false, // 是否默认突出
                   selected: false
                 }, {
                   name: '注册资金500万-1000万  ' + res.data.RegCapital2 + ' 家',
-                  color: '#00CACA',
+                  // color: '#00CACA',
                   y: res.data.RegCapital2,
                   sliced: false, // 是否默认突出
                   selected: false
                 }, {
                   name: '注册资金1000万-2000万  ' + res.data.RegCapital3 + ' 家',
-                  color: 'rgba(184,210,124)',
+                  // color: 'rgba(184,210,124)',
                   y: res.data.RegCapital3,
                   sliced: false, // 是否默认突出
                   selected: false
                 }, {
                   name: '注册资金2000万-5000万  ' + res.data.RegCapital4 + ' 家',
-                  color: '#E87C25',
+                  // color: '#E87C25',
                   y: res.data.RegCapital4,
                   sliced: false, // 是否默认突出
                   selected: false