Merge branch 'main' of https://git.sxidc.com/kingdee_large_screen/pc_kingdee_large_screen

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,
@@ -1083,7 +1083,7 @@ let app = new Vue({
                 borderColor: 'rgba(1,31,64,0.7)',
                 borderWidth: 6,
                 label: {
-                  show: false,
+                  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',
@@ -1585,6 +1581,14 @@ let app = new Vue({
         nterval: 2000,
         loopSeries: true,
       })
+      let that = this
+      myChart.on('click', function (param) {
+        console.log(param)
+        that.showTip3 = true
+        setTimeout(() => {
+          that.initChartT1(data, option)
+        })
+      })
     },
     initChartR2 () {
       let data = [
@@ -1613,9 +1617,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',
@@ -1654,6 +1658,14 @@ let app = new Vue({
         nterval: 2000,
         loopSeries: true,
       })
+      let that = this
+      myChart.on('click', function (param) {
+        console.log(param)
+        that.showTip3 = true
+        setTimeout(() => {
+          that.initChartT1(data, option)
+        })
+      })
     },
     initChartR3 () {
       let myChart = echarts.init(this.$refs['echartR3'])
@@ -1947,7 +1959,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
@@ -1959,11 +1971,11 @@ let app = new Vue({
       option.series[0].center = ['50%', '50%']
       option.series[0].radius = ['60%', '75%']
       option.legend = {
-        show: true,
+        show: false,
         icon: 'circle',
         top: 'bottom',
         orient: 'vertical',
-        right: '3%',
+        right: '2%',
         textStyle: {
           color: '#9DB9EB',
           fontSize: 16
@@ -1971,19 +1983,26 @@ 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] + '亿'
         }
       }
+      option.series[0].itemStyle.normal.label = {
+        show: true,
+        formatter: function (params) {
+          return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '\n' + params.value[1] + '个' + '，' + params.value[0] + '亿'
+        }
+      }
+      option.series[0].labelLine.show = true
       let myChart = echarts.init(this.$refs['echartT1'])
       myChart.setOption(option)
-      tools.loopShowTooltip(myChart, option, {
-        nterval: 2000,
-        loopSeries: true,
-      })
+      // tools.loopShowTooltip(myChart, option, {
+      //   nterval: 2000,
+      //   loopSeries: true,
+      // })
     }
   },
 })

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;