Bladeren bron

投资产业分布接口对接

zhbyyy 2 jaren geleden
bovenliggende
commit
4e402a0609
3 gewijzigde bestanden met toevoegingen van 657 en 181 verwijderingen
  1. 106 49
      investmentNew/index.html
  2. 2 36
      investmentNew/js/Data.js
  3. 549 96
      investmentNew/js/index.js

+ 106 - 49
investmentNew/index.html

@@ -153,23 +153,24 @@
         <div>
           <div class="title">投资额度分析</div>
           <div class="content left3">
-            <div ref="leftEcharts6" style="width: 100%; height: 100%"></div>
+            <div ref="leftEcharts6" style="width: 100%; height: 100%"
+              @click="leftPenetrateTwo('投资额度分析','总额度','','','',211)"></div>
             <div class="left3A">
               <div class="flex justify-center flex-col" style="padding-left: 35%">
                 <div style="font-size: 48px; font-weight: bold; color: #68bdff">
-                  514.89<span class="font28">亿</span>
+                  {{numFormat(yuanChange(left16[0]))}}<span class="font28">亿</span>
                 </div>
                 <div class="font28">上年度净利润</div>
               </div>
               <div class="flex justify-center flex-col" style="padding-left: 35%">
                 <div style="font-size: 48px; font-weight: bold; color: #68bdff">
-                  744.06<span class="font28">亿</span>
+                  {{numFormat(yuanChange(left16[1]))}}<span class="font28">亿</span>
                 </div>
                 <div class="font28">固定资产折旧及无形资产摊销</div>
               </div>
               <div class="flex justify-center flex-col" style="padding-left: 35%">
                 <div style="font-size: 48px; font-weight: bold; color: #68bdff">
-                  487.00<span class="font28">亿</span>
+                  {{numFormat(yuanChange(left16[2]))}}<span class="font28">亿</span>
                 </div>
                 <div class="font28">带息负责压降额</div>
               </div>
@@ -213,74 +214,122 @@
             <div ref="leftEcharts8" style="height: 100%; width: 100%"></div>
             <div class="left4A left4AShadow" v-if="projecList[0][0].top != 0">
               <!-- 第一列 -->
-              <div class="pointer" :class="{'left4AShadow':projectNum2 == 0}" style="width: 104px; left: 9%; animation-delay: 1s" :style="{top:`${projecList[0][0].top}%`}" @mouseenter="projectNum2Fun(0)" @mouseleave="projectNum2Stop = true" @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '固定资产', '项目储备', '特别监管', '', '', '', '', '', 216)">
+              <div class="pointer" :class="{'left4AShadow':projectNum2 == 0}"
+                style="width: 104px; left: 10%; animation-delay: 1s" :style="{top:`${projecList[0][0].top}%`}"
+                @mouseenter="projectNum2Fun(0)" @mouseleave="projectNum2Stop = true"
+                @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '固定资产', '项目储备', '特别监管', '', '', '', '', '', 216)">
                 <div class="text-center">{{projecList[0][0].value2}}亿</div>
                 <img src="./img/left-blue.png" class="" style="width: 104px; height: 112px" alt="" />
               </div>
-              <div class="pointer" :class="{'left4AShadow':projectNum2 == 0}" style="width: 104px; left: 9%; animation-delay: 1s" :style="{top:`${projecList[0][1].top}%`}" @mouseenter="projectNum2Fun(0)" @mouseleave="projectNum2Stop = true" @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '固定资产', '项目储备', '备案', '', '', '', '', '', 216)">
+              <div class="pointer" :class="{'left4AShadow':projectNum2 == 0}"
+                style="width: 104px; left: 10%; animation-delay: 1s" :style="{top:`${projecList[0][1].top}%`}"
+                @mouseenter="projectNum2Fun(0)" @mouseleave="projectNum2Stop = true"
+                @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '固定资产', '项目储备', '备案', '', '', '', '', '', 216)">
                 <img src="./img/left-green.png" class="" style="width: 104px; height: 112px" alt="" />
                 <div class="text-center">{{projecList[0][1].value2}}亿</div>
               </div>
               <!-- 第二列 -->
-              <div class="pointer" :class="{'left4AShadow':projectNum2 == 1}" style="width: 104px; left: 19%" :style="{top:`${projecList[1][0].top}%`}" @mouseenter="projectNum2Fun(1)" @mouseleave="projectNum2Stop = true" @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '固定资产', '项目立项', '特别监管', '', '', '', '', '', 216)">
+              <div class="pointer" :class="{'left4AShadow':projectNum2 == 1}" style="width: 104px; left: 19%"
+                :style="{top:`${projecList[1][0].top}%`}" @mouseenter="projectNum2Fun(1)"
+                @mouseleave="projectNum2Stop = true"
+                @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '固定资产', '项目立项', '特别监管', '', '', '', '', '', 216)">
                 <div class="text-center">{{projecList[1][0].value2}}亿</div>
                 <img src="./img/left-blue.png" class="" style="width: 104px; height: 112px" alt="" />
               </div>
-              <div class="pointer" class="pointer" :class="{'left4AShadow':projectNum2 == 1}" style="width: 104px;  left: 19%" :style="{top:`${projecList[1][1].top}%`}" @mouseenter="projectNum2Fun(1)" @mouseleave="projectNum2Stop = true" @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '固定资产', '项目立项', '备案', '', '', '', '', '', 216)">
+              <div class="pointer" class="pointer" :class="{'left4AShadow':projectNum2 == 1}"
+                style="width: 104px;  left: 19%" :style="{top:`${projecList[1][1].top}%`}"
+                @mouseenter="projectNum2Fun(1)" @mouseleave="projectNum2Stop = true"
+                @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '固定资产', '项目立项', '备案', '', '', '', '', '', 216)">
                 <img src="./img/left-green.png" class="" style="width: 104px; height: 112px" alt="" />
                 <div class="text-center">{{projecList[1][1].value2}}亿</div>
               </div>
               <!-- 第三列 -->
-              <div class="pointer" :class="{'left4AShadow':projectNum2 == 2}" style="width: 104px;  left: 29%; animation-delay: 1s" :style="{top:`${projecList[2][0].top}%`}" @mouseenter="projectNum2Fun(2)" @mouseleave="projectNum2Stop = true" @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '固定资产', '可研论证', '特别监管', '', '', '', '', '', 216)">
+              <div class="pointer" :class="{'left4AShadow':projectNum2 == 2}"
+                style="width: 104px;  left: 29%; animation-delay: 1s" :style="{top:`${projecList[2][0].top}%`}"
+                @mouseenter="projectNum2Fun(2)" @mouseleave="projectNum2Stop = true"
+                @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '固定资产', '可研论证', '特别监管', '', '', '', '', '', 216)">
                 <div class="text-center">{{projecList[2][0].value2}}亿</div>
                 <img src="./img/left-blue.png" class="" style="width: 104px; height: 112px" alt="" />
               </div>
-              <div class="pointer" :class="{'left4AShadow':projectNum2 == 2}" style="width: 104px;  left: 29%; animation-delay: 1s" :style="{top:`${projecList[2][1].top}%`}" @mouseenter="projectNum2Fun(2)" @mouseleave="projectNum2Stop = true" @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '固定资产', '可研论证', '备案', '', '', '', '', '', 216)">
+              <div class="pointer" :class="{'left4AShadow':projectNum2 == 2}"
+                style="width: 104px;  left: 29%; animation-delay: 1s" :style="{top:`${projecList[2][1].top}%`}"
+                @mouseenter="projectNum2Fun(2)" @mouseleave="projectNum2Stop = true"
+                @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '固定资产', '可研论证', '备案', '', '', '', '', '', 216)">
                 <img src="./img/left-green.png" class="" style="width: 104px; height: 112px" alt="" />
                 <div class="text-center">{{projecList[2][1].value2}}亿</div>
               </div>
               <!-- 第四列 -->
-              <div class="pointer" :class="{'left4AShadow':projectNum2 == 3}" style="width: 104px;left: 39%" :style="{top:`${projecList[3][0].top}%`}" @mouseenter="projectNum2Fun(3)" @mouseleave="projectNum2Stop = true" @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '固定资产', '投资决策', '特别监管', '', '', '', '', '', 216)">
+              <div class="pointer" :class="{'left4AShadow':projectNum2 == 3}" style="width: 104px;left: 39%"
+                :style="{top:`${projecList[3][0].top}%`}" @mouseenter="projectNum2Fun(3)"
+                @mouseleave="projectNum2Stop = true"
+                @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '固定资产', '投资决策', '特别监管', '', '', '', '', '', 216)">
                 <div class="text-center">{{projecList[3][0].value2}}亿</div>
                 <img src="./img/left-blue.png" class="" style="width: 104px; height: 112px" alt="" />
               </div>
-              <div class="pointer" :class="{'left4AShadow':projectNum2 == 3}" style="width: 104px;  left: 39%" :style="{top:`${projecList[3][1].top}%`}" @mouseenter="projectNum2Fun(3)" @mouseleave="projectNum2Stop = true" @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '固定资产', '投资决策', '备案', '', '', '', '', '', 216)">
+              <div class="pointer" :class="{'left4AShadow':projectNum2 == 3}" style="width: 104px;  left: 39%"
+                :style="{top:`${projecList[3][1].top}%`}" @mouseenter="projectNum2Fun(3)"
+                @mouseleave="projectNum2Stop = true"
+                @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '固定资产', '投资决策', '备案', '', '', '', '', '', 216)">
                 <img src="./img/left-green.png" class="" style="width: 104px; height: 112px" alt="" />
                 <div class="text-center">{{projecList[3][1].value2}}亿</div>
               </div>
               <!-- 第五列 -->
-              <div class="pointer" :class="{'left4AShadow':projectNum2 == 4}" style="width: 104px; left: 58%; animation-delay: 1s" :style="{top:`${projecList[4][0].top}%`}" @mouseenter="projectNum2Fun(4)" @mouseleave="projectNum2Stop = true" @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '股权类', '项目储备', '特别监管', '', '', '', '', '', 216)">
+              <div class="pointer" :class="{'left4AShadow':projectNum2 == 4}"
+                style="width: 104px; left: 58%; animation-delay: 1s" :style="{top:`${projecList[4][0].top}%`}"
+                @mouseenter="projectNum2Fun(4)" @mouseleave="projectNum2Stop = true"
+                @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '股权类', '项目储备', '特别监管', '', '', '', '', '', 216)">
                 <div class="text-center">{{projecList[4][0].value2}}亿</div>
                 <img src="./img/left-blue.png" class="" style="width: 104px; height: 112px" alt="" />
               </div>
-              <div class="pointer" :class="{'left4AShadow':projectNum2 == 4}" style="width: 104px; left: 58%; animation-delay: 1s" :style="{top:`${projecList[4][1].top}%`}" @mouseenter="projectNum2Fun(4)" @mouseleave="projectNum2Stop = true" @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '股权类', '项目储备', '备案', '', '', '', '', '', 216)">
+              <div class="pointer" :class="{'left4AShadow':projectNum2 == 4}"
+                style="width: 104px; left: 58%; animation-delay: 1s" :style="{top:`${projecList[4][1].top}%`}"
+                @mouseenter="projectNum2Fun(4)" @mouseleave="projectNum2Stop = true"
+                @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '股权类', '项目储备', '备案', '', '', '', '', '', 216)">
                 <img src="./img/left-green.png" class="" style="width: 104px; height: 112px" alt="" />
                 <div class="text-center">{{projecList[4][1].value2}}亿</div>
               </div>
               <!-- 第六列 -->
-              <div class="pointer" :class="{'left4AShadow':projectNum2 == 5}" style="width: 104px; left: 68%" :style="{top:`${projecList[5][0].top}%`}" @mouseenter="projectNum2Fun(5)" @mouseleave="projectNum2Stop = true" @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '股权类', '项目立项', '特别监管', '', '', '', '', '', 216)">
+              <div class="pointer" :class="{'left4AShadow':projectNum2 == 5}" style="width: 104px; left: 68%"
+                :style="{top:`${projecList[5][0].top}%`}" @mouseenter="projectNum2Fun(5)"
+                @mouseleave="projectNum2Stop = true"
+                @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '股权类', '项目立项', '特别监管', '', '', '', '', '', 216)">
                 <div class="text-center">{{projecList[5][0].value2}}亿</div>
                 <img src="./img/left-blue.png" class="" style="width: 104px; height: 112px" alt="" />
               </div>
-              <div class="pointer" :class="{'left4AShadow':projectNum2 == 5}" style="width: 104px; left: 68%" :style="{top:`${projecList[5][1].top}%`}" @mouseenter="projectNum2Fun(5)" @mouseleave="projectNum2Stop = true" @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '股权类', '项目立项', '备案', '', '', '', '', '', 216)">
+              <div class="pointer" :class="{'left4AShadow':projectNum2 == 5}" style="width: 104px; left: 68%"
+                :style="{top:`${projecList[5][1].top}%`}" @mouseenter="projectNum2Fun(5)"
+                @mouseleave="projectNum2Stop = true"
+                @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '股权类', '项目立项', '备案', '', '', '', '', '', 216)">
                 <img src="./img/left-green.png" class="" style="width: 104px; height: 112px" alt="" />
                 <div class="text-center">{{projecList[5][1].value2}}亿</div>
               </div>
               <!-- 第七列 -->
-              <div class="pointer" :class="{'left4AShadow':projectNum2 == 6}" style="width: 104px; left: 78%; animation-delay: 1s" :style="{top:`${projecList[6][0].top}%`}" @mouseenter="projectNum2Fun(6)" @mouseleave="projectNum2Stop = true" @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '股权类', '可研论证', '特别监管', '', '', '', '', '', 216)">
+              <div class="pointer" :class="{'left4AShadow':projectNum2 == 6}"
+                style="width: 104px; left: 78%; animation-delay: 1s" :style="{top:`${projecList[6][0].top}%`}"
+                @mouseenter="projectNum2Fun(6)" @mouseleave="projectNum2Stop = true"
+                @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '股权类', '可研论证', '特别监管', '', '', '', '', '', 216)">
                 <div class="text-center">{{projecList[6][0].value2}}亿</div>
                 <img src="./img/left-blue.png" class="" style="width: 104px; height: 112px" alt="" />
               </div>
-              <div class="pointer" :class="{'left4AShadow':projectNum2 == 6}" style="width: 104px; left: 78%; animation-delay: 1s" :style="{top:`${projecList[6][1].top}%`}" @mouseenter="projectNum2Fun(6)" @mouseleave="projectNum2Stop = true" @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '股权类', '可研论证', '备案', '', '', '', '', '', 216)">
+              <div class="pointer" :class="{'left4AShadow':projectNum2 == 6}"
+                style="width: 104px; left: 78%; animation-delay: 1s" :style="{top:`${projecList[6][1].top}%`}"
+                @mouseenter="projectNum2Fun(6)" @mouseleave="projectNum2Stop = true"
+                @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '股权类', '可研论证', '备案', '', '', '', '', '', 216)">
                 <img src="./img/left-green.png" class="" style="width: 104px; height: 112px" alt="" />
                 <div class="text-center">{{projecList[6][1].value2}}亿</div>
               </div>
               <!-- 第八列 -->
-              <div class="pointer" :class="{'left4AShadow':projectNum2 == 7}" style="width: 104px; left: 88%" :style="{top:`${projecList[7][0].top}%`}" @mouseenter="projectNum2Fun(7)" @mouseleave="projectNum2Stop = true" @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '股权类', '投资决策', '特别监管', '', '', '', '', '', 216)">
+              <div class="pointer" :class="{'left4AShadow':projectNum2 == 7}" style="width: 104px; left: 88%"
+                :style="{top:`${projecList[7][0].top}%`}" @mouseenter="projectNum2Fun(7)"
+                @mouseleave="projectNum2Stop = true"
+                @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '股权类', '投资决策', '特别监管', '', '', '', '', '', 216)">
                 <div class="text-center">{{projecList[7][0].value2}}亿</div>
                 <img src="./img/left-blue.png" class="" style="width: 104px; height: 112px" alt="" />
               </div>
-              <div class="pointer" :class="{'left4AShadow':projectNum2 == 7}" style="width: 104px; left: 88%" :style="{top:`${projecList[7][1].top}%`}" @mouseenter="projectNum2Fun(7)" @mouseleave="projectNum2Stop = true" @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '股权类', '投资决策', '备案', '', '', '', '', '', 216)">
+              <div class="pointer" :class="{'left4AShadow':projectNum2 == 7}" style="width: 104px; left: 88%"
+                :style="{top:`${projecList[7][1].top}%`}" @mouseenter="projectNum2Fun(7)"
+                @mouseleave="projectNum2Stop = true"
+                @click="showChartLTipDouble('项目储备', 'left', '项目阶段分析', '股权类', '投资决策', '备案', '', '', '', '', '', 216)">
                 <img src="./img/left-green.png" class="" style="width: 104px; height: 112px" alt="" />
                 <div class="text-center">{{projecList[7][1].value2}}亿</div>
               </div>
@@ -318,35 +367,35 @@
                 <span>数字转型</span>
               </div>
               <div></div>
-              <div class="absolute flex items-center justify-center flex-col bubble" style="
+              <div class="absolute flex items-center justify-center flex-col bubble pointer" style="
                     width: 192px;
                     height: 192px;
                     top: 25%;
                     left: 25%;
                     animation-delay: 1s;
-                  ">
-                <span style="font-size: 30px; font-weight: bold; color: #68bdff">55.05<span
+                  " @click.stop="showChartLTipSingle('投资金额','center','keyIndicators','cyplanamount','','','','','transform',1,2,114)">
+                <span style="font-size: 30px; font-weight: bold; color: #68bdff">{{numFormat(yuanChange(center4[0]))}}<span
                     class="font28">亿</span></span>
                 <span class="font28">投资金额</span>
               </div>
-              <div class="absolute flex items-center justify-center flex-col bubble" style="
+              <div class="absolute flex items-center justify-center flex-col bubble pointer" style="
                     width: 170px;
                     height: 170px;
                     top: 60%;
                     left: 70%;
                     animation-delay: 1s;
-                  ">
-                <span style="font-size: 30px; font-weight: bold; color: #68bdff">98<span class="font28">个</span></span>
+                  " @click.stop="showChartLTipSingle('项目数量','center','keyIndicators','cyplancount','','','','','transform',1,2,114)">
+                <span style="font-size: 30px; font-weight: bold; color: #68bdff">{{numFormat(center4[1])}}<span class="font28">个</span></span>
                 <span class="font28">项目数量</span>
               </div>
-              <div class="absolute flex items-center justify-center flex-col bubble"
-                style="width: 175px; height: 175px; top: 65%; left: 15%">
-                <span style="font-size: 30px; font-weight: bold; color: #ebde27">101<span class="font28">个</span></span>
+              <div class="absolute flex items-center justify-center flex-col bubble pointer"
+                style="width: 175px; height: 175px; top: 65%; left: 15%"  @click.stop="showChartLTipSingle('项目数量','center','keyIndicators','szplancount','','','','','transform',0,2,114)">
+                <span style="font-size: 30px; font-weight: bold; color: #ebde27">{{numFormat(center4[3])}}<span class="font28">个</span></span>
                 <span class="font28">项目数量</span>
               </div>
-              <div class="absolute flex items-center justify-center flex-col bubble"
-                style="width: 190px; height: 190px; top: 35%; left: 50%">
-                <span style="font-size: 30px; font-weight: bold; color: #ebde27">10.63<span
+              <div class="absolute flex items-center justify-center flex-col bubble pointer"
+                style="width: 190px; height: 190px; top: 35%; left: 50%" @click.stop="showChartLTipSingle('投资金额','center','keyIndicators','szplanamount','','','','','transform',0,2,114)">
+                <span style="font-size: 30px; font-weight: bold; color: #ebde27">{{numFormat(yuanChange(center4[2]))}}<span
                     class="font28">亿</span></span>
                 <span class="font28">投资金额</span>
               </div>
@@ -372,40 +421,44 @@
         </div>
         <div class="center2">
           <div>
-            <div class="flex justify-center flex-col">
+            <div class="flex justify-center flex-col pointer"
+              @click.stop="showChartLTipSingle('投资总额','center','keyIndicators','investamount','','','','','tab','',1,111)">
               <div>
                 <div style="font-size: 50px; color: #5bdcc8; font-weight: bold">
-                  402.70<span style="font-size: 28px">亿</span>
+                  {{numFormat(yuanChange(center1[0]))}}<span style="font-size: 28px">亿</span>
                 </div>
                 <div style="font-size: 28px; justify-self: center">
                   总投资额
                 </div>
               </div>
             </div>
-            <div class="flex justify-center flex-col">
+            <div class="flex justify-center flex-col pointer"
+              @click.stop="showChartLTipSingle('项目总数','center','keyIndicators','projectcount','','','','','tab','',1,111)">
               <div>
                 <div style="font-size: 50px; color: #68bdff; font-weight: bold">
-                  396<span style="font-size: 28px">个</span>
+                  {{numFormat(center1[1])}}<span style="font-size: 28px">个</span>
                 </div>
                 <div style="font-size: 28px; justify-self: center">
                   项目总数
                 </div>
               </div>
             </div>
-            <div class="flex justify-center flex-col">
+            <div class="flex justify-center flex-col pointer"
+              @click.stop="showChartLTipSingle('固定资产','center','keyIndicators','gdzcamount','','','','','tab','0',1,111)">
               <div>
                 <div style="font-size: 50px; color: #68bdff; font-weight: bold">
-                  25.43<span style="font-size: 28px">亿</span>
+                  {{numFormat(yuanChange(center1[2]))}}<span style="font-size: 28px">亿</span>
                 </div>
                 <div style="font-size: 28px; justify-self: center">
                   固定资产类
                 </div>
               </div>
             </div>
-            <div class="flex justify-center flex-col">
+            <div class="flex justify-center flex-col pointer"
+              @click.stop="showChartLTipSingle('股权投资','center','keyIndicators','gqtzamount','','','','','tab','1',1,111)">
               <div>
                 <div style="font-size: 50px; color: #5bdcc8; font-weight: bold">
-                  377.27<span style="font-size: 28px">亿</span>
+                  {{numFormat(yuanChange(center1[3]))}}<span style="font-size: 28px">亿</span>
                 </div>
                 <div style="font-size: 28px; justify-self: center">
                   股权类
@@ -450,41 +503,45 @@
         </div>
       </div>
       <div v-else class="centerB h-full w-full relative">
-        <div class="chinaTop">
-          <div class="flex justify-center flex-col">
+        <div class="chinaTop pointer">
+          <div class="flex justify-center flex-col"
+            @click.stop="showChartLTipSingle('投资总额','center','keyIndicators','investamount','','','','','tab','',1,111)">
             <div style="padding-left: 40%;">
               <div style="font-size: 60px; color: #5bdcc8; font-weight: bold">
-                402.7<span style="font-size: 28px">亿</span>
+                {{numFormat(yuanChange(center1[0]))}}<span style="font-size: 28px">亿</span>
               </div>
               <div style="font-size: 28px; justify-self: center">
                 总投资额
               </div>
             </div>
           </div>
-          <div class="flex justify-center flex-col">
+          <div class="flex justify-center flex-col"
+            @click.stop="showChartLTipSingle('项目总数','center','keyIndicators','projectcount','','','','','tab','',1,111)">
             <div style="padding-left: 40%;">
               <div style="font-size: 60px; color: #68bdff; font-weight: bold">
-                396<span style="font-size: 28px">个</span>
+                {{numFormat(center1[1])}}<span style="font-size: 28px">个</span>
               </div>
               <div style="font-size: 28px; justify-self: center">
                 项目总数
               </div>
             </div>
           </div>
-          <div class="flex justify-center flex-col">
+          <div class="flex justify-center flex-col"
+            @click.stop="showChartLTipSingle('固定资产','center','keyIndicators','gdzcamount','','','','','tab','0',1,111)">
             <div style="padding-left: 40%;">
               <div style="font-size: 60px; color: #68bdff; font-weight: bold">
-                25.43<span style="font-size: 28px">亿</span>
+                {{numFormat(yuanChange(center1[2]))}}<span style="font-size: 28px">亿</span>
               </div>
               <div style="font-size: 28px; justify-self: center">
                 固定资产类
               </div>
             </div>
           </div>
-          <div class="flex justify-center flex-col">
+          <div class="flex justify-center flex-col"
+            @click.stop="showChartLTipSingle('股权投资','center','keyIndicators','gqtzamount','','','','','tab','1',1,111)">
             <div style="padding-left: 40%;">
               <div style="font-size: 60px; color: #5bdcc8; font-weight: bold">
-                377.27<span style="font-size: 28px">亿</span>
+                {{numFormat(yuanChange(center1[3]))}}<span style="font-size: 28px">亿</span>
               </div>
               <div style="font-size: 28px; justify-self: center">
                 股权类

+ 2 - 36
investmentNew/js/Data.js

@@ -103,6 +103,7 @@ let left8 = []
 let left9 = []
 let left10 = []
 let left12 = []
+let left16 = [0, 0, 0, 0, 0]
 let right3 = [
   { name: '正偏差', value: '0', value2: '0', explain: '项目执行进度大于成本执行进度', type: 1, projectStepCode: '09' },
   { name: '容差内', value: '0', value2: '0', explain: '项目执行进度与成本执行进度相符', type: 2, projectStepCode: '10' },
@@ -476,42 +477,7 @@ let center3 = [
   { name: '神农科技', value: 0, value2: 0 }
 ]
 // 中下
-let centerChina = [
-  // { name: '河北', value: 60.35, value2: 28 },
-  // { name: '山西', value: 4060.35, value2: 29 },
-  // { name: '辽宁', value: 260.35, value2: 30 },
-  // { name: '吉林', value: 360.35, value2: 30 },
-  // { name: '黑龙江', value: 460.35, value2: 30 },
-  // { name: '江苏', value: 560.35, value2: 30 },
-  // { name: '浙江', value: 60.35, value2: 28 },
-  // { name: '安徽', value: 160.35, value2: 29 },
-  // { name: '福建', value: 260.35, value2: 30 },
-  // { name: '江西', value: 360.35, value2: 30 },
-  // { name: '山东', value: 460.35, value2: 30 },
-  // { name: '河南', value: 560.35, value2: 30 },
-  // { name: '湖北', value: 60.35, value2: 28 },
-  // { name: '湖南', value: 160.35, value2: 29 },
-  // { name: '广东', value: 260.35, value2: 30 },
-  // { name: '海南', value: 360.35, value2: 30 },
-  // { name: '四川', value: 6.35, value2: 30 },
-  // { name: '贵州', value: 560.35, value2: 30 },
-  // { name: '云南', value: 60.35, value2: 28 },
-  // { name: '陕西', value: 160.35, value2: 29 },
-  // { name: '甘肃', value: 260.35, value2: 30 },
-  // { name: '青海', value: 360.35, value2: 30 },
-  // { name: '台湾', value: 460.35, value2: 30 },
-  // { name: '内蒙古', value: 560.35, value2: 30 },
-  // { name: '广西', value: 60.35, value2: 28 },
-  // { name: '西藏', value: 160.35, value2: 29 },
-  // { name: '宁夏', value: 260.35, value2: 30 },
-  // { name: '新疆', value: 360.35, value2: 30 },
-  // { name: '北京', value: 460.35, value2: 30 },
-  // { name: '天津', value: 560.35, value2: 30 },
-  // { name: '上海', value: 260.35, value2: 30 },
-  // { name: '重庆', value: 360.35, value2: 30 },
-  // { name: '香港', value: 460.35, value2: 30 },
-  // { name: '澳门', value: 560.35, value2: 30 },
-]
+let centerChina = []
 
 let center5 = [
   // { name: '大同市', value: 60.35, value2: 28 },

+ 549 - 96
investmentNew/js/index.js

@@ -8,6 +8,7 @@ let app = new Vue({
       mapShow: true, // false为中国地图 true为山西地图
       titleUrl: '',// 标题弹窗显示的内容
       titleName: '', // 弹窗的名字显示
+      left12Bottom: [], // 重点项目两线指标x轴
       leftEcharts1: "",
       leftEcharts2: "",
       leftEcharts3: "",
@@ -569,15 +570,15 @@ let app = new Vue({
       setTimeout(() => {
         if (that.mapShow) {
           that.leftEcharts17Fun()
-          that.leftEcharts12Fun()
+          // that.leftEcharts12Fun()
           that.leftEcharts14Fun()
           that.leftEcharts9Fun()
           that.leftEcharts15Fun()
           that.leftEcharts13Fun()
           that.shanxiEchartsFun()
         } else {
-          that.chinaEchartsFun()
-          that.leftEcharts16Fun() // 中国地图背景地球
+          // that.chinaEchartsFun()
+          // that.leftEcharts16Fun() // 中国地图背景地球
         }
         this.changeTopColor()
         // this.leftEcharts1Fun();
@@ -585,10 +586,10 @@ let app = new Vue({
         // this.leftEcharts3Fun();
         // this.leftEcharts4Fun();
         // this.leftEcharts5Fun();
-        this.leftEcharts6Fun();
+        // this.leftEcharts6Fun();
         // this.leftEcharts7Fun();
         // this.leftEcharts8Fun();
-        this.leftEcharts10Fun();
+        // this.leftEcharts10Fun();
         // this.leftEcharts11Fun();
         this.rightEcharts1Fun();
         this.initChartR2();
@@ -689,12 +690,12 @@ let app = new Vue({
           this.commonCompanyAll = res.data
           commonCompany = res.data.map(item => item.simplename)
           // 左边
-          // this.getDate1()
+          this.getDate1()
           this.getDate2()
           this.getDate3()
           this.getDate4()
-          // this.getDate5()
-          // this.getDate6()
+          this.getDate5()
+          this.getDate6()
 
           // // // 右边
           // this.getDate7()
@@ -705,7 +706,37 @@ let app = new Vue({
           // this.getDate12()  // 右下B
 
           // // 中间
-          // this.getDate14()
+          this.getDate14()
+          resolve(1);
+        })
+      });
+    },
+    // 获取左边企业额度分析
+    getDate1 () {
+      let that = this
+      return new Promise((resolve, err) => {
+        let value = {
+          access_token: this.access_token,
+          "data": {
+            "mdnb_combofield": this.mockData ? 'B' : 'A',
+            "mdnb_datefield": this.year + '-01-01',
+          },
+          pageSize: 1000
+        }
+        post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_preinvest/tqqyedfx', value).then(res => {
+          if (res.data.rows.length > 0) {
+            let dataList = res.data.rows[0].entryentity
+            left3 = [[], [], []]
+            dataList.forEach(item => {
+              // 已用额度
+              left3[0].push(that.yuanChange(item.mdnb_amountfield26))
+              // 剩余额度
+              left3[1].push(that.yuanChange(item.mdnb_amountfield27))
+              // 总额度
+              left3[2].push(that.yuanChange(item.mdnb_amountfield25))
+            })
+            this.leftEcharts10Fun();
+          }
           resolve(1);
         })
       });
@@ -858,6 +889,152 @@ let app = new Vue({
         })
       });
     },
+    // 获取左边投资额度分析
+    getDate5 () {
+      let that = this
+      return new Promise((resolve, err) => {
+        let value = {
+          access_token: this.access_token,
+          "data": {
+            "mdnb_combofield": this.mockData ? 'B' : 'A',
+            "mdnb_datefield": this.year + '-01-01',
+          },
+          pageSize: 1000
+        }
+        post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_preinvest/tqtzedfx', value).then(res => {
+          if (res.data.rows.length > 0) {
+            let dataList = res.data.rows[0]
+            that.fling = true
+            left16[0] = dataList.mdnb_amountfield
+            left16[1] = dataList.mdnb_amountfield1
+            left16[2] = dataList.mdnb_amountfield2
+            left16[3] = dataList.mdnb_decimalfield
+            left16[4] = dataList.mdnb_amountfield3
+            that.leftEcharts6Fun();
+          }
+          resolve(1);
+        })
+      });
+    },
+    // 获取左边重点项目两线指标
+    getDate6 () {
+      let that = this
+      return new Promise((resolve, err) => {
+        let value = {
+          access_token: this.access_token,
+          "data": {
+            "mdnb_combofield": this.mockData ? 'B' : 'A',
+            "mdnb_datefield": this.year + '-01-01',
+          },
+          pageSize: 1000
+        }
+        post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_preinvest/tqzdlxzb', value).then(res => {
+          if (res.data.rows.length > 0) {
+            let dataList2 = this.classify(res.data.rows[0].mdnb_entryentity1, 'mdnb_textfield3')
+            // 左边的轮播
+            let dataList = []
+            dataList2.forEach((item, index) => {
+              dataList[index] = []
+              dataList[index][0] = item.data[0].mdnb_textfield18
+              dataList[index][1] = item.data[0].mdnb_textfield3
+              dataList[index][2] = that.numFormat(that.yuanChange(item.data[0].mdnb_amountfield24)) + '亿'
+            })
+            this.storageRecordConfig.data = dataList
+            this.storageRecordConfig = { ...this.storageRecordConfig }
+            // 右边的柱状图
+            left12 = []
+            dataList2.forEach((item, index) => {
+              left12[index] = [[], [], []]
+              that.left12Bottom[index] = []
+              for (let i = 0; i < item.data.length; i++) {
+                left12[index][0].push(item.data[i].mdnb_integerfield10)
+                left12[index][1].push(item.data[i].mdnb_integerfield12)
+                left12[index][2].push(item.data[i].mdnb_integerfield9)
+                that.left12Bottom[index].push(item.data[i].mdnb_textfield4.replace('(%)', ''))
+              }
+            })
+            that.leftEcharts11Fun()
+          }
+          resolve(1);
+        })
+      });
+    },
+    // 中间大屏数据
+    getDate14 () {
+      let that = this
+      return new Promise((resolve, err) => {
+        let value = {
+          access_token: this.access_token,
+          mock: this.mockData,
+          presetYear: this.year - 1
+        }
+        get('/ierp/kapi/v2/mdnb/mdnb_xmkb/presetdata/getKeyData', value).then(res => {
+          // 头部指标
+          if (!res.data) {
+            return
+          }
+          center4[0] = res.data.transformations.estateAmount
+          center4[1] = res.data.transformations.estateNum
+          center4[2] = res.data.transformations.figureAmount
+          center4[3] = res.data.transformations.figureNum
+          // 左投部指标
+          center1[0] = res.data.keyIndicators.totalSum
+          center1[1] = res.data.keyIndicators.total
+          center1[2] = res.data.keyIndicators.property
+          center1[3] = res.data.keyIndicators.invest
+          // 投资产业分布
+          if (res.data.distribution.length != 0) {
+            // for (let i = 0; i < center2.length; i++) {
+            //   center2[i].y = that.yuanChange(res.data.distribution[i].amount)
+            //   center2[i].value = that.yuanChange(res.data.distribution[i].amount)
+            //   center2[i].num = res.data.distribution[i].count
+            //   center2[i].typeno = res.data.distribution[i].typeno
+            // }
+            center2 = []
+            res.data.distribution.forEach((item, i) => {
+              center2[i] = {}
+              center2[i].name = item.type
+              center2[i].y = that.yuanChange(item.amount)
+              center2[i].value = that.yuanChange(item.amount)
+              center2[i].num = item.count
+              center2[i].typeno = item.typeno
+            })
+          }
+          that.leftEcharts12Fun()
+          // 投资执行情况
+          res.data.implementationStatus.forEach((item, index) => {
+            center3[index].value = that.yuanChange(item.plan)
+            center3[index].value2 = that.yuanChange(item.reality)
+          })
+          // 五个一体化
+          res.data.five.forEach((item, index) => {
+            center6[index] = { name: item.type, value: that.yuanChange(item.amount), typeno: item.typeno }
+          })
+          // 投资阶段分析
+          res.data.investmentStage.forEach((item, index) => {
+            center7[index] = { name: item.type, value: Number(item.num), value2: that.yuanChange(item.amount), typeno: item.typeno, sliced: false, selected: false }
+          })
+          // 重点项目监控
+          center8 = []
+          this.originalConfig6 = res.data.projectMonitoring
+          this.centerOriginalConfig6 = res.data.projectMonitoring
+          res.data.projectMonitoring.forEach((item, index) => {
+            center8.push({ value: item.amount, name: item.projectname, office: item.orgName, type: item.projectjd })
+          })
+          // 中国地图
+          centerChina = []
+          res.data.investmentMap.forEach((item, index) => {
+            centerChina.push({ name: item.address, value: that.yuanChange(item.amount), value2: item.value2 })
+          })
+          setTimeout(() => {
+            // that.chinaEchartsFun()
+            // that.leftEcharts16Fun() // 中国地图背景地球
+
+          })
+          resolve(1);
+        })
+      });
+    },
     // 解决除法是去精度
     numDiv (num1, num2) {
       var baseNum1 = 0, baseNum2 = 0;
@@ -2752,7 +2929,7 @@ let app = new Vue({
     leftEcharts6Fun () {
       let that = this;
       this.leftEcharts6 = echarts.init(this.$refs["leftEcharts6"]);
-      var dataArr = 44;
+      var dataArr = left16[3]
       var colorSet = {
         color: "#22B95E",
       };
@@ -2828,12 +3005,7 @@ let app = new Vue({
             },
             detail: {
               formatter: function (value) {
-                if (value !== 0) {
-                  var num = Math.round(value);
-                  return parseInt(num).toFixed(0) + "%";
-                } else {
-                  return 0;
-                }
+                return (value * 100).toFixed(2)
               },
               offsetCenter: [0, 117],
               textStyle: {
@@ -2855,7 +3027,7 @@ let app = new Vue({
             },
             data: [
               {
-                name: "总额度:1,834.51亿",
+                name: `总额度:${that.numFormat(that.yuanChange(left16[4]))}亿`,
                 value: dataArr,
                 itemStyle: {
                   fontSize: "50", //y轴上方单位的大小
@@ -3783,50 +3955,7 @@ let app = new Vue({
       /*获取地图数据*/
       this.chinaMap = echarts.init(this.$refs["china"]);
       echarts.registerMap("china", china);
-      // var mapFeatures = echarts.getMap('china').geoJson.features
-      // mapFeatures.forEach(v => {
-      //   // 地区名称
-      //   var name = v.properties.name
-      //   // 地区经纬度
-      //   this.geoCoordMap[name] = v.properties.cp
-      //   data.push({ name: v.properties.name, value: v.properties.cp[0], value2: v.properties.cp[1] })
-      // })
-      var data = [
-        { "name": "新疆", value: 2978, value2: 32 },
-        { "name": "西藏", value: 2186, value2: 21 },
-        { "name": "内蒙古", value: 1135, value2: 35 },
-        { "name": "青海", value: 2978, value2: 53 },
-        { "name": "四川", value: 2568, value2: 23 },
-        { "name": "黑龙江", value: 2978, value2: 43 },
-        { "name": "甘肃", value: 6959, value2: 76 },
-        { "name": "云南", value: 5632, value2: 12 },
-        { "name": "广西", value: 6707, value2: 76 },
-        { "name": "湖南", value: 2978, value2: 23 },
-        { "name": "陕西", value: 1894, value2: 87 },
-        { "name": "广东", value: 1576, value2: 23 },
-        { "name": "吉林", value: 8259, value2: 76 },
-        { "name": "河北", value: 5741, value2: 46 },
-        { "name": "湖北", value: 3030, value2: 42 },
-        { "name": "贵州", value: 4542, value2: 12 },
-        { "name": "山东", value: 1970, value2: 87 },
-        { "name": "江西", value: 3157, value2: 12 },
-        { "name": "河南", value: 6690, value2: 56 },
-        { "name": "辽宁", value: 8678, value2: 12 },
-        { "name": "山西", value: 9533, value2: 86 },
-        { "name": "安徽", value: 2970, value2: 33 },
-        { "name": "福建", value: 1259, value2: 25 },
-        { "name": "浙江", value: 3016, value2: 15 },
-        { "name": "江苏", value: 3202, value2: 25 },
-        { "name": "重庆", value: 4540, value2: 25 },
-        { "name": "宁夏", value: 1980, value2: 43 },
-        { "name": "海南", value: 8626, value2: 31 },
-        { "name": "台湾", value: 4361, value2: 35 },
-        { "name": "北京", value: 2000, value2: 65 },
-        { "name": "天津", value: 4080, value2: 80 },
-        { "name": "上海", value: 1980, value2: 24 },
-        { "name": "香港", value: 6991, value2: 65 },
-        { "name": "澳门", value: 1873, value2: 24 },
-      ];
+      var data = centerChina
       var geoCoordMap = {
         "新疆": [86.9023, 41.148],
         "西藏": [87.8695, 31.6846],
@@ -3955,7 +4084,6 @@ let app = new Vue({
             confine: true, // 不超出当前表
 
             formatter: (params, ticket, callback) => {
-              // console.log(params, '走了这里了')
               // 清空所有轮播
               for (var k in geoCoordMap) {
                 that.chinaMap.dispatchAction({
@@ -4337,9 +4465,7 @@ let app = new Vue({
             symbolSize: [20, 5],
             symbolMargin: 2,
             symbolRepeat: "repeat",
-            data: [
-              407.46, 603.02, 52.27, 67.02, 20.85, 0.00, 4.00, 8.02, 20.98, 0.00, 80.01, 11.62, 50.09, 52.17, 0.00, 0.00, 0.00, 0.00
-            ],
+            data: left3[0],
             showBackground: false,
             barWidth: "15",
             itemStyle: {
@@ -4354,9 +4480,7 @@ let app = new Vue({
             symbolSize: [30, 5],
             symbolMargin: 2,
             symbolRepeat: "repeat",
-            data: [
-              457.46, 613.02, 152.27, 267.02, 30.85, 0.00, 24.00, 18.02, 24.98, 0.00, 87.01, 18.62, 59.09, 82.17, 0.00, 0.00, 0.00, 0.00
-            ],
+            data: left3[2],
             barGap: "-130%",
             barWidth: "25",
             itemStyle: {
@@ -4438,14 +4562,7 @@ let app = new Vue({
           bottom: "20%",
         },
         xAxis: {
-          data: [
-            "总投资收益率",
-            "销售利润率",
-            "成本费用利润率",
-            "总资产周转率",
-            "财务内部收益率",
-          ],
-          // data: left15[this.countType],
+          data: that.storageRecordConfig.data.length == 0 ? [] : that.left12Bottom[this.count + 1],
           axisLine: {
             show: true, //隐藏X轴轴线
             lineStyle: {
@@ -4572,24 +4689,7 @@ let app = new Vue({
     leftEcharts12Fun () {
       let that = this;
       this.leftEcharts12 = echarts.init(this.$refs["leftEcharts12"]);
-      var totalData = [{
-        name: '传统产业',
-        value: 12,
-        radio: 0.13
-      }, {
-        name: '战略新兴产业',
-        value: 52,
-        radio: 0.01
-      }, {
-        name: '特色优势产业',
-        value: 15,
-        radio: 3.9
-      }, {
-        name: '公共基础产业',
-        value: 56,
-        radio: 10.5
-      }];
-
+      var totalData = center2
       var data = [];
       for (var i = 0; i < totalData.length; i++) {
         data.push({
@@ -4667,7 +4767,7 @@ let app = new Vue({
             } else {
               that.stageTitle4 = params.name
               that.stageTitle3 = params.percent + '%'
-              return `${params.name}:<br/>金额:<b>${totalData[params.seriesIndex].radio}</b>亿<br/>数量:<b>${params.value}</b>个`
+              return `${params.name}:<br/>金额:<b>${totalData[params.seriesIndex].num}</b>亿<br/>数量:<b>${params.value}</b>个`
             }
           },
           confine: true,
@@ -4683,7 +4783,7 @@ let app = new Vue({
         legend: {
           icon: "circle",
           orient: 'vertical',
-          data: ['传统产业', '战略新兴产业', '特色优势产业', '公共基础产业'],
+          data:totalData.map(item=>item.name),
           left: '5%',
           bottom: 0,
           align: 'left',
@@ -5776,6 +5876,359 @@ let app = new Vue({
         }
       });
     },
+    // 中间穿透一级                 一个柱状图还是两个
+    centerPenetrateOne (type, param, typeNum, typeCTwo, paramCTwo, portType) {
+      this.boardType = 'center'
+      let that = this
+      return new Promise((resolve, err) => {
+        let value = {
+          access_token: this.access_token,
+          mock: this.mockData,
+          presetYear: this.year - 1,
+          type,
+          param
+        }
+        get('/ierp/kapi/v2/mdnb/mdnb_xmkb/presetdata/getPenetrationLevel1', value).then(res => {
+          if (typeNum == 1) {
+            common3 = []
+            res.data.keyIndicators.forEach((item, index) => {
+              if (param == 'cyplanamount') {
+                common3.push(that.yuanChange(item.cyplanamount))
+              }
+              if (param == 'cyplancount') {
+
+                common3.push(item.cyplancount)
+              }
+              if (param == 'szplanamount') {
+                common3.push(that.yuanChange(item.szplanamount))
+              }
+              if (param == 'szplancount') {
+                common3.push(item.szplancount)
+              }
+              if (param == 'investamount') {
+                common3.push(that.yuanChange(item.investamount))
+              }
+              if (param == 'projectcount') {
+                common3.push(item.projectcount)
+              }
+              if (param == 'gdzcamount') {
+                common3.push(that.yuanChange(item.gdzcamount))
+              }
+              if (param == 'gqtzamount') {
+                common3.push(that.yuanChange(item.gqtzamount))
+              }
+              if (param == 'ceiamount') {
+                common3.push(that.yuanChange(item.ceiamount))
+              }
+              if (param == 'cpneiamount') {
+                common3.push(that.yuanChange(item.cpneiamount))
+              }
+              if (param == 'ccheiamount') {
+                common3.push(that.yuanChange(item.ccheiamount))
+              }
+              if (param == 'cdiamount') {
+                common3.push(that.yuanChange(item.cdiamount))
+              }
+              if (param == 'cciamount') {
+                common3.push(that.yuanChange(item.cciamount))
+              }
+            })
+            setTimeout(() => {
+              that.leftEcharts18Fun('center', '', '', '', '', typeCTwo, paramCTwo, portType)
+            })
+          } else if (typeNum == 2) {
+            common4 = []
+            common5 = []
+            if (type == 'distribution') {
+              that.changeLine = false
+              that.lineCommonCompany = res.data.topData
+              common4 = res.data.topData.map(item => that.yuanChange(item.amount))
+              common5 = res.data.bottomData.map(item => that.yuanChange(item.amount))
+            } else {
+              if (param == 'new') {
+                res.data.keyIndicators.forEach((item, index) => {
+                  common4.push(item.newcount)
+                  common5.push(that.yuanChange(item.newamount))
+                })
+              } else if (param == 'renew') {
+                res.data.keyIndicators.forEach((item, index) => {
+                  common4.push(item.renewcount)
+                  common5.push(that.yuanChange(item.renewamount))
+                })
+              } else {
+                res.data.investmentMap.forEach((item, index) => {
+                  common4.push(item.value2)
+                  common5.push(that.yuanChange(item.amount))
+                })
+              }
+            }
+            setTimeout(() => {
+              this.initChartLTip2('center', '', '', '', '', type, param, typeCTwo, paramCTwo, portType)
+              this.initChartLTip3('center', '', '', '', '', type, param, typeCTwo, paramCTwo, portType)
+            })
+          } else if (typeNum == 3) {
+            // 山西地图
+            center5 = []
+            res.data.investmentMap.forEach((item, index) => {
+              center5.push({ name: item.address, value: that.yuanChange(item.amount), value2: item.value2 })
+            })
+            setTimeout(() => {
+              that.initProvinceChart()
+            });
+          }
+          resolve(1);
+        })
+      });
+    },
+    // 中间穿透二级
+    centerPenetrateTwo (type, param, orgNum, portType, proName) {
+      this.boardType = 'center'
+      let that = this
+      return new Promise((resolve, err) => {
+        let value = {
+          access_token: this.access_token,
+          mock: this.mockData,
+          presetYear: this.year - 1,
+          type,
+          param,
+          orgNum
+        }
+        that.config6.header[2] = '投资主体'
+        that.config6.header[5] = '年投资完成额(亿)'
+        if (portType == 1) {
+          get('/ierp/kapi/v2/mdnb/mdnb_xmkb/presetdata/MainPageMonthReportProject', value).then(res => {
+            that.config6.data = []
+            that.originalConfig6 = res.data
+            if (this.projectNum == 111) {
+              that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "投资完成额(万元)"]
+              res.data.forEach((item, index) => {
+                that.config6.data[index] = []
+                that.config6.data[index][0] = item.orgName
+                that.config6.data[index][1] = item.projectname
+                that.config6.data[index][2] = item.tzzt
+                that.config6.data[index][3] = item.projectkind
+                that.config6.data[index][4] = item.projectkinddetail
+                that.config6.data[index][5] = that.numFormat(item.amount / 10000)
+              })
+            } else if (this.projectNum == 112) {
+              that.config6.header = ["所属集团", "项目名称", "投资主体", "产业类别I级", "产业类别II级", "投资完成额(万元)"]
+              res.data.forEach((item, index) => {
+                that.config6.data[index] = []
+                that.config6.data[index][0] = item.orgName
+                that.config6.data[index][1] = item.projectname
+                that.config6.data[index][2] = item.tzzt
+                that.config6.data[index][3] = item.cylb
+                that.config6.data[index][4] = item.cylb2
+                that.config6.data[index][5] = that.numFormat(item.amount / 10000)
+              })
+            } else if (this.projectNum == 1131) {
+              that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "本年度计划投资额(万元)"]
+              res.data.forEach((item, index) => {
+                that.config6.data[index] = []
+                that.config6.data[index][0] = item.orgName
+                that.config6.data[index][1] = item.projectname
+                that.config6.data[index][2] = item.tzzt
+                that.config6.data[index][3] = item.projectkind
+                that.config6.data[index][4] = item.projectkinddetail
+                that.config6.data[index][5] = that.numFormat(item.amount / 10000)
+              })
+            } else if (this.projectNum == 1132) {
+              that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "投资完成额 (万元)"]
+              res.data.forEach((item, index) => {
+                that.config6.data[index] = []
+                that.config6.data[index][0] = item.orgName
+                that.config6.data[index][1] = item.projectname
+                that.config6.data[index][2] = item.tzzt
+                that.config6.data[index][3] = item.projectkind
+                that.config6.data[index][4] = item.projectkinddetail
+                that.config6.data[index][5] = that.numFormat(item.amount / 10000)
+              })
+            } else if (this.projectNum == 114) {
+              that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "是否“两个转型”", "本年度计划投资额 (万元)"]
+              res.data.forEach((item, index) => {
+                that.config6.data[index] = []
+                that.config6.data[index][0] = item.orgName
+                that.config6.data[index][1] = item.projectname
+                that.config6.data[index][2] = item.tzzt
+                that.config6.data[index][3] = item.projectkind
+                that.config6.data[index][4] = item.projectkinddetail
+                that.config6.data[index][5] = item.lgz
+                that.config6.data[index][6] = that.numFormat(item.amount / 10000)
+              })
+            } else if (this.projectNum == 115) {
+              that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "是否“五个一体化”", "本年度计划投资额 (万元)"]
+              res.data.forEach((item, index) => {
+                that.config6.data[index] = []
+                that.config6.data[index][0] = item.orgName
+                that.config6.data[index][1] = item.projectname
+                that.config6.data[index][2] = item.tzzt
+                that.config6.data[index][3] = item.projectkind
+                that.config6.data[index][4] = item.projectkinddetail
+                that.config6.data[index][5] = item.wgy
+                that.config6.data[index][6] = that.numFormat(item.amount / 10000)
+              })
+            } else if (this.projectNum == 116) {
+              that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "建设阶段", "投资完成额 (万元)"]
+              res.data.forEach((item, index) => {
+                that.config6.data[index] = []
+                that.config6.data[index][0] = item.orgName
+                that.config6.data[index][1] = item.projectname
+                that.config6.data[index][2] = item.tzzt
+                that.config6.data[index][3] = item.projectkind
+                that.config6.data[index][4] = item.projectkinddetail
+                that.config6.data[index][5] = item.stage
+                that.config6.data[index][6] = that.numFormat(item.amount / 10000)
+              })
+            } else if (this.projectNum == 118) {
+              that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "建设地点", "投资完成额 (万元)"]
+              res.data.forEach((item, index) => {
+                that.config6.data[index] = []
+                that.config6.data[index][0] = item.orgName
+                that.config6.data[index][1] = item.projectname
+                that.config6.data[index][2] = item.tzzt
+                that.config6.data[index][3] = item.projectkind
+                that.config6.data[index][4] = item.projectkinddetail
+                that.config6.data[index][5] = item.buildaddr
+                that.config6.data[index][6] = that.numFormat(item.amount / 10000)
+              })
+            }
+            that.config6 = { ...that.config6 }
+            that.projectListTipShow = true
+            resolve(1);
+          })
+        } else if (portType == 2) {
+          get('/ierp/kapi/v2/mdnb/mdnb_xmkb/presetdata/MainPagePlanProject', value).then(res => {
+            that.config6.data = []
+            that.originalConfig6 = res.data
+            if (this.projectNum == 111) {
+              that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "投资完成额(万元)"]
+              res.data.forEach((item, index) => {
+                that.config6.data[index] = []
+                that.config6.data[index][0] = item.orgName
+                that.config6.data[index][1] = item.projectname
+                that.config6.data[index][2] = item.tzzt
+                that.config6.data[index][3] = item.projectkind
+                that.config6.data[index][4] = item.projectkinddetail
+                that.config6.data[index][5] = that.numFormat(item.amount / 10000)
+              })
+            } else if (this.projectNum == 112) {
+              that.config6.header = ["所属集团", "项目名称", "投资主体", "产业类别I级", "产业类别II级", "投资完成额(万元)"]
+              res.data.forEach((item, index) => {
+                that.config6.data[index] = []
+                that.config6.data[index][0] = item.orgName
+                that.config6.data[index][1] = item.projectname
+                that.config6.data[index][2] = item.tzzt
+                that.config6.data[index][3] = item.cylb
+                that.config6.data[index][4] = item.cylb2
+                that.config6.data[index][5] = that.numFormat(item.amount / 10000)
+              })
+            } else if (this.projectNum == 1131) {
+              that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "本年度计划投资额(万元)"]
+              res.data.forEach((item, index) => {
+                that.config6.data[index] = []
+                that.config6.data[index][0] = item.orgName
+                that.config6.data[index][1] = item.projectname
+                that.config6.data[index][2] = item.tzzt
+                that.config6.data[index][3] = item.projectkind
+                that.config6.data[index][4] = item.projectkinddetail
+                that.config6.data[index][5] = that.numFormat(item.amount / 10000)
+              })
+            } else if (this.projectNum == 1132) {
+              that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "投资完成额 (万元)"]
+              res.data.forEach((item, index) => {
+                that.config6.data[index] = []
+                that.config6.data[index][0] = item.orgName
+                that.config6.data[index][1] = item.projectname
+                that.config6.data[index][2] = item.tzzt
+                that.config6.data[index][3] = item.projectkind
+                that.config6.data[index][4] = item.projectkinddetail
+                that.config6.data[index][5] = that.numFormat(item.amount / 10000)
+              })
+            } else if (this.projectNum == 114) {
+              that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "是否“两个转型”", "本年度计划投资额 (万元)"]
+              res.data.forEach((item, index) => {
+                that.config6.data[index] = []
+                that.config6.data[index][0] = item.orgName
+                that.config6.data[index][1] = item.projectname
+                that.config6.data[index][2] = item.tzzt
+                that.config6.data[index][3] = item.projectkind
+                that.config6.data[index][4] = item.projectkinddetail
+                that.config6.data[index][5] = item.lgz
+                that.config6.data[index][6] = that.numFormat(item.amount / 10000)
+              })
+            } else if (this.projectNum == 115) {
+              that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "是否“五个一体化”", "本年度计划投资额 (万元)"]
+              res.data.forEach((item, index) => {
+                that.config6.data[index] = []
+                that.config6.data[index][0] = item.orgName
+                that.config6.data[index][1] = item.projectname
+                that.config6.data[index][2] = item.tzzt
+                that.config6.data[index][3] = item.projectkind
+                that.config6.data[index][4] = item.projectkinddetail
+                that.config6.data[index][5] = item.wgy
+                that.config6.data[index][6] = that.numFormat(item.amount / 10000)
+              })
+            } else if (this.projectNum == 116) {
+              that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "建设阶段", "投资完成额 (万元)"]
+              res.data.forEach((item, index) => {
+                that.config6.data[index] = []
+                that.config6.data[index][0] = item.orgName
+                that.config6.data[index][1] = item.projectname
+                that.config6.data[index][2] = item.tzzt
+                that.config6.data[index][3] = item.projectkind
+                that.config6.data[index][4] = item.projectkinddetail
+                that.config6.data[index][5] = item.mdnb_quality
+                that.config6.data[index][6] = that.numFormat(item.amount / 10000)
+              })
+            } else if (this.projectNum == 118) {
+              that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "建设地点", "投资完成额 (万元)"]
+              res.data.forEach((item, index) => {
+                that.config6.data[index] = []
+                that.config6.data[index][0] = item.orgName
+                that.config6.data[index][1] = item.projectname
+                that.config6.data[index][2] = item.tzzt
+                that.config6.data[index][3] = item.projectkind
+                that.config6.data[index][4] = item.projectkinddetail
+                that.config6.data[index][5] = item.buildaddr
+                that.config6.data[index][6] = that.numFormat(item.amount / 10000)
+              })
+            }
+            that.config6 = { ...that.config6 }
+            that.projectListTipShow = true
+            resolve(1);
+          })
+        } else {
+          value = {
+            access_token: this.access_token,
+            mock: this.mockData,
+            presetYear: this.year - 1,
+            type: 'investmentMap',
+            param: proName,
+            orgNum
+          }
+          get('/ierp/kapi/v2/mdnb/mdnb_xmkb/presetdata/MainPageMonthReportProject', value).then(res => {
+            that.config6.data = []
+            that.originalConfig6 = res.data
+            if (this.projectNum == 118) {
+              that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "建设地点", "投资完成额 (万元)"]
+              res.data.forEach((item, index) => {
+                that.config6.data[index] = []
+                that.config6.data[index][0] = item.orgName
+                that.config6.data[index][1] = item.projectname
+                that.config6.data[index][2] = item.tzzt
+                that.config6.data[index][3] = item.projectkind
+                that.config6.data[index][4] = item.projectkinddetail
+                that.config6.data[index][5] = item.buildaddr
+                that.config6.data[index][6] = that.numFormat(item.amount / 10000)
+              })
+            }
+            that.config6 = { ...that.config6 }
+            that.projectListTipShow = true
+            resolve(1);
+          })
+        }
+      });
+    },
     // 单个柱状图的弹窗
     leftEcharts18Fun (location, mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, typeCTwo, paramCTwo, portType) {
       let that = this