zhb

investment/investHome2.html

@@ -110,7 +110,7 @@
               <div class="content-left">
                 <div class="content-left-l">
                   <div class="item3">
-                    <div class="item3-title">1163.88<span>亿</span></div>
+                    <div class="item3-title">1,163.88<span>亿</span></div>
                     <div class="item3-img">
                       <img style="width: 100%; height: 100%;" src="./images/icon-8-home2.png" alt="">
                     </div>

investment/js/investHome2.js

@@ -28,20 +28,20 @@ let app = new Vue({
         rowNum: 4,
         align: ['center'],
         data: [
-          ['国际能源', '娄烦县120MW智慧光伏发电项目+10%储能', "67840.59 "],
-          ['国际能源', '平朔矿区150MW农光储氢一体化项目', "78403.10 "],
-          ['汾酒集团', '汾酒2030技改原酒产储能扩建项目（一期）', "910181.50 "],
-          ['大地控股', '山西大地控股忻州新店矿业有限公司投资建设年产800万吨精品砂石骨料项目', "86691.03 "],
-          ['潞安化工', '分布式光伏发电项目', "20055.81 "],
-          ['太重集团', '设立太重（大同）新能源产业投资公司', "3000.00 "],
-          ['大地控股', '山西大地宏翔环保科技有限公司电厂固废资源化综合利用建设项目', "36000.00 "],
-          ['大地控股', '山西大地海科环保科技有限公司电厂固废资源化综合利用建设项目', "31061.11 "],
-          ['汾酒集团', '保健酒园区新增原酒产能项目', "49836.77 "],
-          ['汾酒集团', '白玉酒厂改扩建项目', "49617.44 "],
-          ['华阳新材', '5GW高效光伏组件制造项目', "48224.63 "],
-          ['华新燃气', '吉县—延长输气管道项目（一期工程）', "35400.00 "],
-          ['太重集团', '建设液压挖掘机配套油缸项目', "26000.00 "],
-          ['华远陆港', '物产集团参股设立项目公司投资建设山西物产万科（太原）综合物流产业园项目', "66000.00 "]
+          ['国际能源', '娄烦县120MW智慧光伏发电项目+10%储能', "6.78亿元 "],
+          ['国际能源', '平朔矿区150MW农光储氢一体化项目', "7.84亿元"],
+          ['汾酒集团', '汾酒2030技改原酒产储能扩建项目（一期）', "91.01亿元 "],
+          ['大地控股', '山西大地控股忻州新店矿业有限公司投资建设年产800万吨精品砂石骨料项目', "8.66亿元 "],
+          ['潞安化工', '分布式光伏发电项目', "2.01亿元 "],
+          ['太重集团', '设立太重（大同）新能源产业投资公司', "0.3亿元 "],
+          ['大地控股', '山西大地宏翔环保科技有限公司电厂固废资源化综合利用建设项目', "3.60亿元 "],
+          ['大地控股', '山西大地海科环保科技有限公司电厂固废资源化综合利用建设项目', "3.11亿元 "],
+          ['汾酒集团', '保健酒园区新增原酒产能项目', "4.98亿元 "],
+          ['汾酒集团', '白玉酒厂改扩建项目', "4.96亿元 "],
+          ['华阳新材', '5GW高效光伏组件制造项目', "4.82亿元 "],
+          ['华新燃气', '吉县—延长输气管道项目（一期工程）', "3.54亿元 "],
+          ['太重集团', '建设液压挖掘机配套油缸项目', "2.6亿元 "],
+          ['华远陆港', '物产集团参股设立项目公司投资建设山西物产万科（太原）综合物流产业园项目', "6.60亿元 "]
         ],
       },
       companyList: [
@@ -1028,10 +1028,10 @@ let app = new Vue({
     },
     initChartL4 () {
       let data = [
-        { value: [173.43, 129], name: '煤炭产业' },
-        { value: [23.10, 2], name: '火电产业' },
-        { value: [22.87, 8], name: '冶金产业' },
-        { value: [9.71, 5], name: '焦化产业' },
+        { value: [173.43, 129], name: '煤炭' },
+        { value: [23.10, 2], name: '火电' },
+        { value: [22.87, 8], name: '冶金' },
+        { value: [9.71, 5], name: '焦化' },
         { value: [8.35, 6], name: '其他传统产业' }
       ]
       let count = 0
@@ -1053,10 +1053,10 @@ let app = new Vue({
         tooltip: {
           trigger: 'item',
           formatter: function (params) {
-              return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '</br >' + params.value[1] + '个' + '，' + params.value[0] + '亿'
+            return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '</br >' + params.value[1] + '个' + '，' + params.value[0] + '亿'
           }
         },
-        color: ['#6682f5', '#8ba2ff', '#69c0ff', '#43ede3'],
+        color: ['#6682f5', '#8ba2ff', '#69c0ff', '#43ede3', '#897DFF', '#FED95B', '#D87AFF'],
         legend: {
           orient: 'horizontal',
           show: false,
@@ -1110,14 +1110,12 @@ let app = new Vue({
     },
     initChartL5 () {
       let data = [
-        { value: [29.26, 102], name: '新一代信息技术产业' },
-        { value: [59.11, 38], name: '高端装备制造产业' },
-        { value: [3.96, 5], name: '新材料产业' },
-        { value: [2.12, 7], name: '生物产业' },
-        { value: [0, 0], name: '新能源汽车产业' },
-        { value: [100.09, 79], name: '新能源产业' },
-        { value: [15.48, 32], name: '节能环保产业' },
-        { value: [0, 0], name: '数字创意产业' },
+        { value: [29.26, 102], name: '新一代信息技术' },
+        { value: [59.11, 38], name: '高端装备制造' },
+        { value: [3.96, 5], name: '新材料' },
+        { value: [2.12, 7], name: '生物' },
+        { value: [100.09, 79], name: '新能源' },
+        { value: [15.48, 32], name: '节能环保' },
         { value: [3.00, 3], name: '相关服务业' },
       ]
       let count = 0
@@ -1138,10 +1136,10 @@ let app = new Vue({
         tooltip: {
           trigger: 'item',
           formatter: function (params) {
-              return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '</br >' + params.value[1] + '个' + '，' + params.value[0] + '亿'
+            return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '</br >' + params.value[1] + '个' + '，' + params.value[0] + '亿'
           }
         },
-        color: ['#6682f5', '#8ba2ff', '#69c0ff', '#43ede3'],
+        color: ['#6682f5', '#8ba2ff', '#69c0ff', '#43ede3', '#897DFF', '#FED95B', '#D87AFF'],
         legend: {
           show: false,
           icon: 'circle',
@@ -1194,14 +1192,13 @@ let app = new Vue({
     },
     initChartL6 () {
       let data = [
-        { value: [25.82, 43], name: '化工产业' },
-        { value: [17.36, 21], name: '煤层气产业' },
+        { value: [25.82, 43], name: '化工' },
+        { value: [17.36, 21], name: '煤层气' },
         { value: [0.04, 1], name: '文旅康养' },
-        { value: [1.51, 7], name: '体育产业' },
+        { value: [1.51, 7], name: '体育' },
         { value: [9.32, 5], name: '酿造' },
         { value: [71.12, 129], name: '建筑房地产' },
         { value: [9.11, 14], name: '农业' },
-        { value: [0, 0], name: '其他' },
       ]
       let count = 0
       data.forEach(item => {
@@ -1222,11 +1219,11 @@ let app = new Vue({
         tooltip: {
           trigger: 'item',
           formatter: function (params) {
-              return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '</br >' + params.value[1] + '个' + '，' + params.value[0] + '亿'
+            return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '</br >' + params.value[1] + '个' + '，' + params.value[0] + '亿'
           }
           // position: ['30%', '87%'],
         },
-        color: ['#6682f5', '#8ba2ff', '#69c0ff', '#43ede3'],
+        color: ['#6682f5', '#8ba2ff', '#69c0ff', '#43ede3', '#897DFF', '#FED95B', '#D87AFF'],
         legend: {
           show: false,
           icon: 'circle',
@@ -1280,7 +1277,6 @@ let app = new Vue({
     initChartL7 () {
       let data = [
         { value: [155.82, 51], name: '交通运输业' },
-        { value: [0, 0], name: '市政设施' },
         { value: [8.47, 19], name: '煤气层管网' },
         { value: [10.64, 24], name: '物流贸易' },
         { value: [41.05, 46], name: '水务' },
@@ -1304,10 +1300,10 @@ let app = new Vue({
         tooltip: {
           trigger: 'item',
           formatter: function (params) {
-              return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '</br >' + params.value[1] + '个' + '，' + params.value[0] + '亿'
+            return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '</br >' + params.value[1] + '个' + '，' + params.value[0] + '亿'
           }
         },
-        color: ['#6682f5', '#8ba2ff', '#69c0ff', '#43ede3'],
+        color: ['#6682f5', '#8ba2ff', '#69c0ff', '#43ede3', '#897DFF', '#FED95B', '#D87AFF'],
         legend: {
           show: false,
           icon: 'circle',
@@ -1544,9 +1540,9 @@ let app = new Vue({
             return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '</br >' + params.value[1] + '个' + '，' + params.value[0] + '亿'
           }
         },
-        color: ['#6682f5', '#8ba2ff', '#69c0ff', '#43ede3'],
+        color: ['#6682f5', '#8ba2ff', '#69c0ff', '#43ede3', '#897DFF', '#FED95B', '#D87AFF'],
         legend: {
-          show: true,
+          show: false,
           icon: 'circle',
           top: 'bottom',
           orient: 'vertical',
@@ -1613,9 +1609,9 @@ let app = new Vue({
           }
           // position: ['-5%', '95%'],
         },
-        color: ['#6682f5', '#8ba2ff', '#69c0ff', '#43ede3'],
+        color: ['#6682f5', '#8ba2ff', '#69c0ff', '#43ede3', '#897DFF', '#FED95B', '#D87AFF'],
         legend: {
-          show: true,
+          show: false,
           icon: 'circle',
           top: 'bottom',
           orient: 'vertical',
@@ -1947,7 +1943,7 @@ let app = new Vue({
         loopSeries: true,
       })
     },
-    initChartT1(list, info) {
+    initChartT1 (list, info) {
       let count = 0
       console.log(list, info)
       this.echartTitle = info.title.text
@@ -1971,11 +1967,11 @@ let app = new Vue({
         itemWidth: 10,
         itemHeight: 10
       },
-      option.title.text =  ''
+        option.title.text = ''
       option.tooltip = {
         trigger: 'item',
         formatter: function (params) {
-            return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '</br >' + params.value[1] + '个' + '，' + params.value[0] + '亿'
+          return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '</br >' + params.value[1] + '个' + '，' + params.value[0] + '亿'
         }
       }
       let myChart = echarts.init(this.$refs['echartT1'])

investment/styles/investHome2.css

@@ -242,7 +242,7 @@ a {
   padding-left: 10px;
   color: #69c0ff;
   margin-left: 10px;
-  margin-top: 10px;
+  margin-top: 5px;
 }
 .item4 .item4-title::before {
   content: '';
@@ -272,6 +272,8 @@ a {
   color: #69c0ff;
   font-weight: bold;
   font-size: 28px;
+  height: 30px !important;
+  line-height: 30px !important;
 }
 .item4 .item4-con .item .title span {
   font-weight: 500;