左屏数据汇总

investment/investHomeGroup.html

@@ -69,7 +69,8 @@
               </div>
             </div>
             <div class="h-full w-full overflow-hidden relative commonBack" @click="window.location.href = './investHomeChild.html?type=2'">
-              <div class="total">总额度<span style="font-size: 25px;">1,323.85亿</span></div>
+              <!-- <div class="total">总额度<span style="font-size: 25px;">1,323.85亿</span></div> -->
+              <div class="total">总额度<span style="font-size: 25px;">{{numFormat(left2[1])}}亿</span></div>
               <div ref="echartL1" style="width: 100%; height: 100%;"></div>
             </div>
           </div>
@@ -96,11 +97,11 @@
                   <div class="item4-con">
                     <div class="item pointer" @click.stop="showChartLTipSingle('投资金额')">
                       <div class="text" style="margin-top: 10px;">投资金额</div>
-                      <div class="title">1,198.19<span>亿</span></div>
+                      <div class="title">{{numFormat(totleLimit2)}}<span>亿</span></div>
                     </div>
                     <div class="item pointer" @click.stop="showChartLTipSingle('项目数量')">
                       <div class="text" style="margin-top: 10px;">项目数量</div>
-                      <div class="title">372<span>个</span></div>
+                      <div class="title">{{numFormat(totleLimit3)}}<span>个</span></div>
                     </div>
                   </div>
                 </div>
@@ -111,11 +112,11 @@
                   <div class="item4-con">
                     <div class="item pointer" @click.stop="showChartLTipSingle('投资金额')">
                       <div class="text" style="margin-top: 10px;">投资金额</div>
-                      <div class="title">165.69<span>亿</span></div>
+                      <div class="title">{{numFormat(totleLimit4)}}<span>亿</span></div>
                     </div>
                     <div class="item pointer" @click.stop="showChartLTipSingle('项目数量')">
                       <div class="text" style="margin-top: 10px;">项目数量</div>
-                      <div class="title">261<span>个</span></div>
+                      <div class="title">{{numFormat(totleLimit5)}}<span>个</span></div>
                     </div>
                   </div>
                 </div>

investment/js/groupData.js

@@ -1,4 +1,219 @@
+let commonCompany = ["山西焦煤", "晋能控股", "华阳新材", "潞安化工", "华新燃气", "太重集团", "国际能源", "华远陆港", "水控集团", "文旅集团", "交控集团", '航产集团', '山西建投', '汾酒集团', '大地控股', '云时代', '华舰体育', '神农科技']
 // 左边大屏
 // 左上
 let left1 =[522.84,179.39,621.62]
-let left2 =[522.84,179.39,621.62]
+let left2 =[0.1463,1323.85]
+// 左下
+let left3= [[359.91, 400.49, 117.65, 148.96, 34.84, 17.79, 26.15, 26.18, 16.83, 0.00, 43.49, 0.00, 43.39, 76.53, 5.05, 8.59, 0.00, 0.28]]
+// 右上
+let left4 = [1363.88,1198.19,372,165.69,261]
+let left5 = [ {
+  name: '辅业',
+  y: 76.38,
+  num: 84,
+  sliced: false,
+  selected: false,
+},
+{
+  name: '主业',
+  y: 1287.50,
+  num: 713,
+  sliced: false,
+  selected: false,
+}]
+let left6 = [
+  {
+    name: '特别监管类',
+    y: 635.84,
+    num: 168,
+    sliced: false,
+    selected: false,
+  },
+  {
+    name: '备案类',
+    y: 728.04,
+    num: 465,
+    sliced: false,
+    selected: false,
+  }
+]
+// 右下
+let left7 = [
+  {
+    name: '煤炭',
+    y: 294.61,
+    num: 95,
+    sliced: false,
+    selected: false,
+  },
+  {
+    name: '火电',
+    y: 39.24,
+    num: 1,
+    sliced: false,
+    selected: false,
+  },
+  {
+    name: '冶金',
+    y: 38.85,
+    num: 6,
+    sliced: false,
+    selected: false,
+  },
+  {
+    name: '焦化',
+    y: 16.49,
+    num: 4,
+    sliced: false,
+    selected: false,
+  },
+  {
+    name: '其他传统产业',
+    y: 14.19,
+    num: 5,
+    sliced: false,
+    selected: false,
+  }
+]
+let left8 = [
+  {
+    name: '新一代信息技术',
+    y: 29.26,
+    num: 75,
+    //x: 75,
+    sliced: false,
+    selected: false,
+  },
+  {
+    name: '高端装备制造',
+    y: 100.41,
+    num: 28,
+    sliced: false,
+    selected: false,
+  },
+  {
+    name: '新材料',
+    y: 6.72,
+    num: 4,
+    sliced: false,
+    selected: false,
+  },
+  {
+    name: '生物',
+    y: 3.60,
+    num: 58,
+    sliced: false,
+    selected: false,
+  },
+  {
+    name: '新能源',
+    y: 170.03,
+    num: 58,
+    sliced: false,
+    selected: false,
+  },
+  {
+    name: '节能环保',
+    y: 26.30,
+    num: 24,
+    sliced: false,
+    selected: false,
+  },
+  {
+    name: '相关服务业',
+    y: 5.10,
+    num: 2,
+    sliced: false,
+    selected: false,
+  }
+]
+let left9 = [
+  {
+    name: '化工',
+    y: 43.86,
+    num: 32,
+    sliced: false,
+    selected: false,
+  },
+  {
+    name: '煤层气',
+    y: 29.49,
+    num: 16,
+    sliced: false,
+    selected: false,
+  },
+  {
+    name: '文旅康养',
+    y: 0.07,
+    num: 1,
+    sliced: false,
+    selected: false,
+  },
+  {
+    name: '体育',
+    y: 2.57,
+    num: 5,
+    sliced: false,
+    selected: false,
+  },
+  {
+    name: '酿造',
+    y: 15.83,
+    num: 4,
+    sliced: false,
+    selected: false,
+  },
+  {
+    name: '建筑房地产',
+    y: 120.81,
+    num: 96,
+    sliced: false,
+    selected: false,
+  },
+  {
+    name: '农业',
+    y: 15.47,
+    num: 10,
+    sliced: false,
+    selected: false,
+  }
+]
+let left10 = [
+  {
+    name: '交通运输业',
+    y: 264.70,
+    num: 38,
+    sliced: false,
+    selected: false,
+  },
+  {
+    name: '煤气层管网',
+    y: 14.39,
+    num: 14,
+    sliced: false,
+    selected: false,
+  },
+  {
+    name: '物流贸易',
+    y: 18.07,
+    num: 18,
+    sliced: false,
+    selected: false,
+  },
+  {
+    name: '水务',
+    y: 69.73,
+    num: 34,
+    sliced: false,
+    selected: false,
+  },
+  {
+    name: '其他',
+    y: 3.64,
+    num: 5,
+    sliced: false,
+    selected: false,
+  }
+]
+
+// 中间大屏

investment/js/investHomeGroup.js

@@ -4,7 +4,7 @@ let app = new Vue({
     return {
       echartEnterpriseShow: false, // 企业额度分析控制
       mapChart: '',//地图专用echarts
-      chartCarousel:'',//做大屏轮播专用echarts
+      chartCarousel: '',//做大屏轮播专用echarts
       mapTipShow: false,
       echartSingleTipShow: false,
       echartDoubleTipShow: false,
@@ -20,7 +20,11 @@ let app = new Vue({
       time: '',
       timer: '',
       timer2: '',
-      totleLimit: '1363.88',
+      totleLimit: left4[0],
+      totleLimit2: left4[1],
+      totleLimit3: left4[2],
+      totleLimit4: left4[3],
+      totleLimit5: left4[4],
       showTip2: false,
       showTip3: false,
       list: [],
@@ -821,8 +825,7 @@ let app = new Vue({
     },
     initChartL1 () {
       let myChart = echarts.init(this.$refs['echartL1'])
-      var value = 0.1463;
-      var data = [value];
+      var value = left2[0];
       let option = {
         backgroundColor: 'transparent',
         title: [
@@ -895,22 +898,7 @@ let app = new Vue({
       myChart.setOption(option)
     },
     initChartL2 () {
-      var chartData = [
-        {
-          name: '辅业',
-          y: 76.38,
-          num: 84,
-          sliced: false,
-          selected: false,
-        },
-        {
-          name: '主业',
-          y: 1287.50,
-          num: 713,
-          sliced: false,
-          selected: false,
-        }
-      ]
+      var chartData = left5
       var timer = null;
       var i = 0;
 
@@ -1151,22 +1139,7 @@ let app = new Vue({
       }
     },
     initChartL3 () {
-      var chartData = [
-        {
-          name: '特别监管类',
-          y: 635.84,
-          num: 168,
-          sliced: false,
-          selected: false,
-        },
-        {
-          name: '备案类',
-          y: 728.04,
-          num: 465,
-          sliced: false,
-          selected: false,
-        }
-      ]
+      var chartData = left6
       var timer = null;
       var i = 0;
 
@@ -1426,7 +1399,7 @@ let app = new Vue({
           },
         },
         xAxis: {
-          data: ["山西焦煤", "晋能控股", "华阳新材", "潞安化工", "华新燃气", "太重集团", "国际能源", "华远陆港", "水控集团", "文旅集团", "交控集团", '航产集团', '山西建投', '汾酒集团', '大地控股', '云时代', '华舰体育', '神农科技'],
+          data: commonCompany,
           axisTick: {
             show: false,
           },
@@ -1488,33 +1461,10 @@ let app = new Vue({
           },
         },
         series: [
-          // {
-          //   name: "2022年额度",
-          //   type: "bar",
-          //   data: [263.23, 402.18, 73.28, 144.80, 25.56, 8.23, 0, 12.97, 8.56, -1.72, 0, 0, 0, 76.90, 5.03, 9.14, 0, 0],
-          //   showBackground: false,
-          //   backgroundStyle: {
-          //     color: "#18416F",
-          //   },
-          //   barWidth: "10%",
-          //   itemStyle: {
-          //     barBorderRadius: [10, 10, 0, 0],
-          //     color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
-          //       {
-          //         offset: 0,
-          //         color: '#082550',
-          //       },
-          //       {
-          //         offset: 1,
-          //         color: '#69c0ff',
-          //       },
-          //     ]),
-          //   },
-          // },
           {
             name: "2023年额度",
             type: "bar",
-            data: [359.91, 400.49, 117.65, 148.96, 34.84, 17.79, 26.15, 26.18, 16.83, 0.00, 43.49, 0.00, 43.39, 76.53, 5.05, 8.59, 0.00, 0.28],
+            data: left3[0],
             showBackground: false,
             backgroundStyle: {
               color: "#18416F",
@@ -1560,49 +1510,13 @@ let app = new Vue({
         that.titleName = param.name
         that.echartEnterpriseShow = true
         setTimeout(() => {
-         that.initChartBall() 
+          that.initChartBall()
         });
       })
       myChart.setOption(option);
     },
     initChartL5 () {
-      var chartData = [
-        {
-          name: '煤炭',
-          y: 294.61,
-          num: 95,
-          sliced: false,
-          selected: false,
-        },
-        {
-          name: '火电',
-          y: 39.24,
-          num: 1,
-          sliced: false,
-          selected: false,
-        },
-        {
-          name: '冶金',
-          y: 38.85,
-          num: 6,
-          sliced: false,
-          selected: false,
-        },
-        {
-          name: '焦化',
-          y: 16.49,
-          num: 4,
-          sliced: false,
-          selected: false,
-        },
-        {
-          name: '其他传统产业',
-          y: 14.19,
-          num: 5,
-          sliced: false,
-          selected: false,
-        }
-      ]
+      var chartData = left7
       var timer = null;
       var i = 0;
 
@@ -1809,58 +1723,7 @@ let app = new Vue({
 
     },
     initChartL6 () {
-      var chartData = [
-        {
-          name: '新一代信息技术',
-          y: 29.26,
-          num: 75,
-          //x: 75,
-          sliced: false,
-          selected: false,
-        },
-        {
-          name: '高端装备制造',
-          y: 100.41,
-          num: 28,
-          sliced: false,
-          selected: false,
-        },
-        {
-          name: '新材料',
-          y: 6.72,
-          num: 4,
-          sliced: false,
-          selected: false,
-        },
-        {
-          name: '生物',
-          y: 3.60,
-          num: 58,
-          sliced: false,
-          selected: false,
-        },
-        {
-          name: '新能源',
-          y: 170.03,
-          num: 58,
-          sliced: false,
-          selected: false,
-        },
-        {
-          name: '节能环保',
-          y: 26.30,
-          num: 24,
-          sliced: false,
-          selected: false,
-        },
-        {
-          name: '相关服务业',
-          y: 5.10,
-          num: 2,
-          sliced: false,
-          selected: false,
-        }
-      ]
+      var chartData = left8
       var timer = null;
       var i = 0;
 
@@ -2066,57 +1929,7 @@ let app = new Vue({
       }
     },
     initChartL7 () {
-      var chartData = [
-        {
-          name: '化工',
-          y: 43.86,
-          num: 32,
-          sliced: false,
-          selected: false,
-        },
-        {
-          name: '煤层气',
-          y: 29.49,
-          num: 16,
-          sliced: false,
-          selected: false,
-        },
-        {
-          name: '文旅康养',
-          y: 0.07,
-          num: 1,
-          sliced: false,
-          selected: false,
-        },
-        {
-          name: '体育',
-          y: 2.57,
-          num: 5,
-          sliced: false,
-          selected: false,
-        },
-        {
-          name: '酿造',
-          y: 15.83,
-          num: 4,
-          sliced: false,
-          selected: false,
-        },
-        {
-          name: '建筑房地产',
-          y: 120.81,
-          num: 96,
-          sliced: false,
-          selected: false,
-        },
-        {
-          name: '农业',
-          y: 15.47,
-          num: 10,
-          sliced: false,
-          selected: false,
-        }
-      ]
+      var chartData = left9
       var timer = null;
       var i = 0;
 
@@ -2323,43 +2136,7 @@ let app = new Vue({
 
     },
     initChartL8 () {
-      var chartData = [
-        {
-          name: '交通运输业',
-          y: 264.70,
-          num: 38,
-          sliced: false,
-          selected: false,
-        },
-        {
-          name: '煤气层管网',
-          y: 14.39,
-          num: 14,
-          sliced: false,
-          selected: false,
-        },
-        {
-          name: '物流贸易',
-          y: 18.07,
-          num: 18,
-          sliced: false,
-          selected: false,
-        },
-        {
-          name: '水务',
-          y: 69.73,
-          num: 34,
-          sliced: false,
-          selected: false,
-        },
-        {
-          name: '其他',
-          y: 3.64,
-          num: 5,
-          sliced: false,
-          selected: false,
-        }
-      ]
+      var chartData = left10
       var timer = null;
       var i = 0;
 
@@ -2734,7 +2511,7 @@ let app = new Vue({
         that.titleName = param.name
         that.echartSingleTipShow = true
         setTimeout(() => {
-         that.initChartLTip()
+          that.initChartLTip()
         });
       })
       this.chartCarousel.setOption(option)
@@ -5188,8 +4965,8 @@ let app = new Vue({
           textStyle: {
             color: '#FFF',     // 文字的颜色
             fontSize: '20',    // 文字字体大小
-        },
-          confine:true
+          },
+          confine: true
         },
         dataZoom: [
           {
@@ -5487,7 +5264,7 @@ let app = new Vue({
           textStyle: {
             color: '#FFF',     // 文字的颜色
             fontSize: '20',    // 文字字体大小
-        },
+          },
         },
         grid: {
           top: '15%',