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

investment/investHome.html

@@ -13,7 +13,7 @@
   <script src="./libs/vue@2.7.10.js"></script>
   <script src="./libs/datav.min.js"></script>
   <script src="./libs/echarts.min2.js"></script>
-  <script src="./libs/echarts-gl.min.js"></script>
+  <!-- <script src="./libs/echarts-gl.min.js"></script> -->
   <script src="./libs/element-ui@2.15.9.js"></script>
   <script src="./libs/axios.min.js"></script>
   <script src="./js/request.js"></script>
@@ -167,10 +167,11 @@
           <dv-border-box-8 :dur="11">
             <div class="my-panel">
               <div class="panel-title">
-                <span class="text">投资额度分析</span>
+                <span class="text">投资阶段分析</span>
               </div>
-              <div class="content">
-                <vue-seamless-scroll :data="amountList" :class-option="classOption" class="warp">
+              <div ref="echartR2" class="content"></div>
+               <!-- <div class="content">
+               <vue-seamless-scroll :data="amountList" :class-option="classOption" class="warp">
                   <ul class="list">
                     <li class="list-item" v-for="(item,index) in amountList" ::key="index">
                       <i>NO.{{index+1}}</i>
@@ -182,8 +183,8 @@
                       <span class="value">{{item.value}}亿</span>
                     </li>
                   </ul>
-                </vue-seamless-scroll>
-              </div>
+                </vue-seamless-scroll> 
+              </div>-->
             </div>
           </dv-border-box-8>
           <dv-border-box-8 :dur="12">

investment/js/investHome.js

@@ -1,6 +1,6 @@
 let app = new Vue({
   el: '#app',
-  data () {
+  data() {
     return {
       showTip: false,
       showTip2: false,
@@ -43,7 +43,7 @@ let app = new Vue({
       }
     }
   },
-  created () {
+  created() {
     this.amountList.map(item => {
       this.amountTotal += Number(item.value)
     })
@@ -52,12 +52,12 @@ let app = new Vue({
       this.time = formatDate()
     }, 1000)
   },
-  beforeDestroy () {
+  beforeDestroy() {
     if (this.timer) {
       clearInterval(this.timer);
     }
   },
-  mounted () {
+  mounted() {
     setTimeout(() => {
       // 左侧图表
       //this.initChartTip()
@@ -67,12 +67,13 @@ let app = new Vue({
       this.initChartL1()
       this.initChartL2()
       this.initChartR1()
+      this.initChartR2()
       this.initChinaChart()
       this.initProjectList()
     }, 0)
   },
   methods: {
-    numFormat (value) {
+    numFormat(value) {
       if (!value) return '0'
       var intPart = Number(value).toFixed(0) // 获取整数部分
       var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') // 将整数部分逢三一断
@@ -91,7 +92,7 @@ let app = new Vue({
         return intPartFormat
       }
     },
-    convertData (data) {
+    convertData(data) {
       var res = []
       for (var i = 0; i < data.length; i++) {
         var geoCoord = this.geoCoordMap[data[i].name]
@@ -104,7 +105,7 @@ let app = new Vue({
       }
       return res
     },
-    initChinaChart () {
+    initChinaChart() {
       var data = [
         { name: '大同市', value: 60.35 },
         { name: '朔州市', value: 33.61 },
@@ -625,7 +626,7 @@ let app = new Vue({
     //     window.open('https://www.baidu.com')
     //   })
     // },
-    initChartTip2 () {
+    initChartTip2() {
       let myChart = echarts.init(this.$refs['echartTip2'])
       let option = {
         tooltip: {
@@ -692,7 +693,7 @@ let app = new Vue({
             show: true,
             rotate: 40,
             textStyle: {
-              color: 'rgba(255,255,255,0.6)', //X轴文字颜色
+              color: '#fff',//'rgba(255,255,255,0.6)', //X轴文字颜色
             },
           },
         },
@@ -779,7 +780,7 @@ let app = new Vue({
       myChart.setOption(option)
     },
 
-    initChartTip3 () {
+    initChartTip3() {
       let myChart = echarts.init(this.$refs['echartTip3'])
       let option = {
         title: {
@@ -824,7 +825,7 @@ let app = new Vue({
             show: true,
             rotate: 30,
             textStyle: {
-              color: 'rgba(255,255,255,0.6)', //X轴文字颜色
+              color: '#fff'//color: 'rgba(255,255,255,0.6)', //X轴文字颜色
             },
           },
         },
@@ -906,7 +907,7 @@ let app = new Vue({
       })
     },
 
-    initChartTip4 () {
+    initChartTip4() {
       let myChart = echarts.init(this.$refs['echartTip4'])
       let option = {
         title: {
@@ -980,7 +981,7 @@ let app = new Vue({
             show: true,
             rotate: 30,
             textStyle: {
-              color: 'rgba(255,255,255,0.6)', //X轴文字颜色
+              color: '#fff'//color: 'rgba(255,255,255,0.6)', //X轴文字颜色
             },
           },
         },
@@ -1270,7 +1271,7 @@ let app = new Vue({
     //             },
     //         },
     //         // 增加渐变色尝试（手动通过 seriesIndex 指定系列） @20211228
-
+            
     //         xAxis3D: {
     //             min: -1,
     //             max: 1,
@@ -1491,6 +1492,7 @@ let app = new Vue({
       let option = {
         tooltip: {
           trigger: 'item',
+          position: ['65%', '42%'],
           formatter: params => {
             return `<span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${params.color}"></span> ${params.name}：${params.value} <br/><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${params.color}"></span> 投资占比：${params.percent}%`
           },  //+ '<br/>'+ '{a1}：{c1}' + '%',
@@ -1500,8 +1502,9 @@ let app = new Vue({
         },
         color: ['#6682f5', '#69c0ff', '#43ede3', '#8ba2ff'],
         legend: {
-          top: '2%',
-          //orient: 'vertical',
+          left: '2%',
+          bottom: '2%',
+          orient: 'vertical',
           //right: '2%',
           textStyle: {
             color: '#9DB9EB',
@@ -1536,7 +1539,10 @@ let app = new Vue({
             name: '',
             type: 'pie',
             radius: ['50%', '75%'],
-            center: ["50%", "57%"],
+            center: ["45%", "50%"],
+            label:{
+              show: false,
+            },
             itemStyle: {
               normal: {
                 borderColor: 'rgba(1,31,64,0.7)',
@@ -1544,11 +1550,7 @@ let app = new Vue({
               }
             },
             labelLine: {
-              normal: {
-                lineStyle: {
-                  width: 1,
-                },
-              },
+              show: false,
             },
             data: industryList,
           },
@@ -1569,7 +1571,7 @@ let app = new Vue({
         loopSeries: true,
       })
     },
-    initChartL2 () {
+    initChartL2() {
       let myChart = echarts.init(this.$refs['echartL2'])
       let option = {
         tooltip: {
@@ -1607,7 +1609,7 @@ let app = new Vue({
             show: true,
             rotate: 40,
             textStyle: {
-              color: 'rgba(255,255,255,0.6)', //X轴文字颜色
+              color: '#fff',//'rgba(255,255,255,0.6)', //X轴文字颜色
             },
           },
         },
@@ -1687,7 +1689,7 @@ let app = new Vue({
         loopSeries: true,
       })
     },
-    initChartR1 () {
+    initChartR1() {
       let myChart = echarts.init(this.$refs['echartL1'])
       let option = {
         tooltip: {
@@ -1725,7 +1727,7 @@ let app = new Vue({
             show: true,
             rotate: 20,
             textStyle: {
-              color: 'rgba(255,255,255,0.6)', //X轴文字颜色
+              color: '#fff',//'rgba(255,255,255,0.6)', //X轴文字颜色
             },
           },
         },
@@ -1802,19 +1804,109 @@ let app = new Vue({
         loopSeries: true,
       })
     },
-    initProjectList () {
+
+    initChartR2() {
+      let myChart = echarts.init(this.$refs['echartR2'])
+      let option = {
+        tooltip: {
+          trigger: 'item',
+          position: ['65%', '42%'],
+          formatter: params => {
+            return `<span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${params.color}"></span> ${params.name}：${params.value} <br/><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${params.color}"></span> 投资占比：${params.percent}%`
+          },  //+ '<br/>'+ '{a1}：{c1}' + '%',
+          axisPointer: {
+            type: 'cross',
+          },
+        },
+        color: ['#6682f5', '#69c0ff', '#43ede3', '#8ba2ff'],
+        legend: {
+          left: '2%',
+          bottom: '2%',
+          orient: 'vertical',
+          //right: '2%',
+          textStyle: {
+            color: '#9DB9EB',
+          },
+        },
+        series: [
+
+          // {
+          //   hoverOffset: 0,
+          //   startAngle: 90,
+          //   type: "pie",
+          //   radius: [48, 55],
+          //   center: ["50%", "50%"],
+          //   itemStyle: {
+          //     normal: {
+          //         borderColor: 'rgba(1,31,6,0.7)',
+          //         borderWidth: 4
+          //     }
+          //   },
+          //   tooltip: {
+          //     show: false
+          //   },
+          //   labelLine: {
+          //     show: false
+          //   },
+          //   label: {
+          //     show: false
+          //   },
+          //   data: industryList
+          // },
+          {
+            name: '',
+            type: 'pie',
+            radius: ['50%', '75%'],
+            center: ["45%", "50%"],
+            label:{
+              show: false,
+            },
+            itemStyle: {
+              normal: {
+                borderColor: 'rgba(1,31,64,0.7)',
+                borderWidth: 6
+              }
+            },
+            labelLine: {
+              show: false,
+            },
+            data: industryList,
+          },
+        ],
+      }
+      let that = this
+      myChart.on('click', function (param) {
+        console.log(param)
+        if (param.name == '战略新兴产业投资') {
+          that.tipTitle2 = param.name
+          that.showTip2 = true
+        }
+
+      })
+      myChart.setOption(option)
+      tools.loopShowTooltip(myChart, option, {
+        nterval: 2000,
+        loopSeries: true,
+      })
+      myChart.setOption(option)
+      tools.loopShowTooltip(myChart, option, {
+        nterval: 2000,
+        loopSeries: true,
+      })
+    },
+    initProjectList() {
       let dataList = []
       projectList.map(item => {
-        dataList.push([item.name, item.office, item.value + '亿'])
+        dataList.push([item.office,item.name,  item.value + '亿'])
       })
       this.storageRecordConfig = {
-        header: ['项目名称', '企业集团', '投资金额'],
+        header: ['企业集团', '项目名称',  '投资金额'],
         headerBGC: '#05507b33',
         oddRowBGC: '#05507b33',
         evenRowBGC: '',
         headerHeight: '40',
         rowNum: 5,
-        columnWidth: [350],
+        columnWidth: [100, 350],
         align: ['center', 'center', 'center'],
         data: dataList,
       }

investment/js/investHomeChild.js

@@ -31,34 +31,34 @@ let app = new Vue({
         waitTime: 1000,
         header: ["项目名称", "所属组织", '实施主体', '产业类别I级', '产业类别II级', '2022年投资完成额（万元）'],
         data: [
-          ["6万吨/年PBAT项目", "华阳新材", "华阳生物降解公司", "战略性新兴产业", "新材料", "20340.00"],
-          ["2万吨/年生物降解改性材料及塑料制品项目", "华阳新材", "华阳生物降解公司", "战略性新兴产业", "新材料", "5270.00"],
-          ["2万吨/年全系列生物降解新材料项目", "华阳新材", "华阳新材", "战略性新兴产业", "新材料", "5560.00"],
+          ["6万吨/年PBAT项目", "华阳新材", "华阳生物降解公司", "战略性新兴产业", "新材料", "20,340.00"],
+          ["2万吨/年生物降解改性材料及塑料制品项目", "华阳新材", "华阳生物降解公司", "战略性新兴产业", "新材料", "5,270.00"],
+          ["2万吨/年全系列生物降解新材料项目", "华阳新材", "华阳新材", "战略性新兴产业", "新材料", "5,560.00"],
           ["开元煤层气发电项目", "华阳新材", "阳煤扬德公司", "战略性新兴产业", "煤层气", "880.00"],
           ["平舒翟下庄煤层气发电项目", "华阳新材", "阳煤扬德公司", "战略性新兴产业", "煤层气", "570.00"],
-          ["5GW高效光伏组件制造项目一期2GW", "华阳新材", "华储光电公司", "战略性新兴产业", "新能源", "10000.00"],
-          ["钠离子电池正极材料千吨级生产项目", "华阳新材", "华钠铜能公司", "战略性新兴产业", "新能源", "6060.00"],
-          ["钠离子电池负极材料千吨级生产项目", "华阳新材", "华钠碳能公司", "战略性新兴产业", "新能源", "4080.00"],
+          ["5GW高效光伏组件制造项目一期2GW", "华阳新材", "华储光电公司", "战略性新兴产业", "新能源", "10,000.00"],
+          ["钠离子电池正极材料千吨级生产项目", "华阳新材", "华钠铜能公司", "战略性新兴产业", "新能源", "6,060.00"],
+          ["钠离子电池负极材料千吨级生产项目", "华阳新材", "华钠碳能公司", "战略性新兴产业", "新能源", "4,080.00"],
           ["1GWh钠离子Pack电池生产线建设项目", "华阳新材", "华钠芯能公司", "战略性新兴产业", "新能源", "2790.00"],
           ["天成光储网充项目", "华阳新材", "新阳公司", "战略性新兴产业", "新能源", "1680.00"],
-          ["宏厦三建绿色建材工业园区项目", "华阳新材", "宏厦三建", "战略性新兴产业", "新材料", "2550.00"],
-          ["亚美公司超低排放改造及节能技改项目", "华阳新材", "亚美公司", "战略性新兴产业", "其他", "20101.00"],
-          ["超净滤材项目", "华阳新材", "华阳科创城", "战略性新兴产业", "新材料", "5510.00"],
+          ["宏厦三建绿色建材工业园区项目", "华阳新材", "宏厦三建", "战略性新兴产业", "新材料", "2,550.00"],
+          ["亚美公司超低排放改造及节能技改项目", "华阳新材", "亚美公司", "战略性新兴产业", "其他", "20,101.00"],
+          ["超净滤材项目", "华阳新材", "华阳科创城", "战略性新兴产业", "新材料", "5,510.00"],
           ["华阳集团网络安全工作顶层设计及整体整改项目", "华阳新材", "华阳集团", "战略性新兴产业", "新一代信息技术", "814.00"],
-          ["山西科技创新城阳煤设计研发中心项目", "华阳新材", "碳基合成新材料公司", "战略性新兴产业", "其他", "12930.00"],
-          ["阳煤西110kv变电站及线路建设工程", "华阳新材", "华阳股份", "战略性新兴产业", "其他", "7060.00"],
-          ["郊区35kV输变电工程", "华阳新材", "华储光电公司", "战略性新兴产业", "其他", "1250.00"],
-          ["环境保护及治理", "华阳新材", "华阳股份", "战略性新兴产业", "节能环保", "5890.00"],
-          ["增资山西新阳清洁能源有限公司", "华阳新材", "华阳股份", "战略性新兴产业", "新能源产业", "101700.00"],
-          ["增资阳煤集团纳谷（山西）气凝胶科创城管理有限责任公司", "华阳新材", "华阳集团", "战略性新兴产业", "新材料产业", "34582.00"],
-          ["太化集团普田农业有限公司股权收购及增资", "华阳新材", "华阳新材", "战略性新兴产业", "新材料产业", "7400.00"],
-          ["山西阳煤道得新材股权投资合伙企业（有限合伙）", "华阳新材", "华阳资本", "战略性新兴产业", "新材料产业", "5000.00"],
-          ["阳泉市梧桐树嘉裕阳煤智能制造股权投资合伙企业（有限合伙）", "华阳新材", "华阳资本华阳股份", "战略性新兴产业", "新材料产业", "6576.29"],
-          ["阳煤纳谷（山西）气凝胶经销有限责任公司", "华阳新材", "气凝胶科创城", "战略性新兴产业", "新材料产业", "4335.00"],
-          ["阳煤纳谷（山西）节能服务有限责任公司", "华阳新材", "气凝胶科创城", "战略性新兴产业", "新材料产业", "3674.00"],
+          ["山西科技创新城阳煤设计研发中心项目", "华阳新材", "碳基合成新材料公司", "战略性新兴产业", "其他", "12,930.00"],
+          ["阳煤西110kv变电站及线路建设工程", "华阳新材", "华阳股份", "战略性新兴产业", "其他", "7,060.00"],
+          ["郊区35kV输变电工程", "华阳新材", "华储光电公司", "战略性新兴产业", "其他", "1,250.00"],
+          ["环境保护及治理", "华阳新材", "华阳股份", "战略性新兴产业", "节能环保", "5,890.00"],
+          ["增资山西新阳清洁能源有限公司", "华阳新材", "华阳股份", "战略性新兴产业", "新能源产业", "101,700.00"],
+          ["增资阳煤集团纳谷（山西）气凝胶科创城管理有限责任公司", "华阳新材", "华阳集团", "战略性新兴产业", "新材料产业", "34,582.00"],
+          ["太化集团普田农业有限公司股权收购及增资", "华阳新材", "华阳新材", "战略性新兴产业", "新材料产业", "7,400.00"],
+          ["山西阳煤道得新材股权投资合伙企业（有限合伙）", "华阳新材", "华阳资本", "战略性新兴产业", "新材料产业", "5,000.00"],
+          ["阳泉市梧桐树嘉裕阳煤智能制造股权投资合伙企业（有限合伙）", "华阳新材", "华阳资本华阳股份", "战略性新兴产业", "新材料产业", "6,576.29"],
+          ["阳煤纳谷（山西）气凝胶经销有限责任公司", "华阳新材", "气凝胶科创城", "战略性新兴产业", "新材料产业", "4,335.00"],
+          ["阳煤纳谷（山西）节能服务有限责任公司", "华阳新材", "气凝胶科创城", "战略性新兴产业", "新材料产业", "3,674.00"],
           ["华阳诺爱特（山西）新材料科技有限公司", "华阳新材", "气凝胶科创城", "战略性新兴产业", "新材料产业", "500.00"],
           ["华阳纳谷（北京）新材料科技有限公司", "华阳新材", "气凝胶科创城", "战略性新兴产业", "新材料产业", "250.00"],
-          ["山西华储光电有限责任公司", "华阳新材", "山西新阳清洁能源有限公司", "战略性新兴产业", "新材料产业", "45000.00"],
+          ["山西华储光电有限责任公司", "华阳新材", "山西新阳清洁能源有限公司", "战略性新兴产业", "新材料产业", "45,000.00"],
           ["山西华钠铜能科技有限责任公司", "华阳新材", "山西新阳清洁能源有限公司", "战略性新兴产业", "新能源产业", "900.00"],
           ["山西华钠碳能科技有限责任公司", "华阳新材", "山西新阳清洁能源有限公司", "战略性新兴产业", "新能源产业", "450.00"]