完成产业布局分析，项目阶段分析接口对接

investmentNew/index.html

@@ -51,17 +51,17 @@
               <div class="child">
                 <div style="font-size: 28px">固定资产类项目</div>
                 <div></div>
-                <div style="font-size: 50px; color: #68bdff; font-weight: bold">
-                  1,608.69<span style="font-size: 28px"
-                    @click.stop="showChartLTipSingle('投资金额','left','','','投资计划分析','固定资产投资金额','','','','','',2141)">亿</span>
+                <div style="font-size: 50px; color: #68bdff; font-weight: bold" class="pointer"
+                  @click.stop="showChartLTipSingle('投资金额','left','','','投资计划分析','固定资产投资金额','','','','','',2141)">
+                  {{numFormat(yuanChange(left4[1]))}}<span style="font-size: 28px">亿</span>
                 </div>
-                <div style="
+                <div class="pointer" style="
                       font-size: 50px;
                       color: #68bdff;
                       font-weight: bold;
                       justify-self: center;
-                    ">
-                  350<span style="font-size: 28px">个</span>
+                    " @click.stop="showChartLTipSingle('投资金额','left','','','投资计划分析','固定资产投资金额','','','','','',2141)">
+                  {{numFormat(left4[2])}}<span style="font-size: 28px">个</span>
                 </div>
                 <div style="font-size: 28px">投资金额</div>
                 <div style="font-size: 28px; justify-self: center">
@@ -71,16 +71,17 @@
               <div class="child">
                 <div style="font-size: 28px">股权类项目</div>
                 <div></div>
-                <div style="font-size: 50px; color: #68bdff; font-weight: bold">
-                  159.56<span style="font-size: 28px">亿</span>
+                <div class="pointer" style="font-size: 50px; color: #68bdff; font-weight: bold"
+                  @click.stop="showChartLTipSingle('投资金额','left','','','投资计划分析','股权类投资金额','','','','','',2141)">
+                  {{numFormat(yuanChange(left4[3]))}}<span style="font-size: 28px">亿</span>
                 </div>
-                <div style="
+                <div class="pointer" style="
                       font-size: 50px;
                       color: #68bdff;
                       font-weight: bold;
                       justify-self: center;
-                    ">
-                  250<span style="font-size: 28px">个</span>
+                    " @click.stop="showChartLTipSingle('项目数量','left','','','投资计划分析','股权类项目数量','','','','','',2141)">
+                  {{numFormat(left4[4])}}<span style="font-size: 28px">个</span>
                 </div>
                 <div style="font-size: 28px">投资金额</div>
                 <div style="font-size: 28px; justify-self: center">
@@ -104,8 +105,9 @@
                 </circle>
               </svg>
               <div class="flex items-center justify-center flex-col relative" style="padding-bottom: 10%;">
-                <div style="font-size: 72px; color: #ffe036; font-weight: bold">
-                  1,768.60<span style="font-size: 28px">亿</span>
+                <div class="pointer" style="font-size: 72px; color: #ffe036; font-weight: bold"
+                  @click.stop="showChartLTipSingle('年度投资计划总额','left','','','投资计划分析','年度投资计划总额','','','','','',2141)">
+                  {{numFormat(yuanChange(left4[0]))}}<span style="font-size: 28px">亿</span>
                 </div>
                 <div style="font-size: 28px">年度投资计划总额</div>
               </div>
@@ -128,7 +130,7 @@
                     <div class="flex items-center font28">
                       <img src="./img/title-icon.png" style="width: 32px; height: 52px" alt="" />
                       <span style="margin: 0 10px">{{industryProportion==1?'主业':'新建'}}</span>
-                      <span style="color: #68bdff">{{industryProportion==1?713:168}}个</span>
+                      <span style="color: #68bdff">{{industryProportion==1?left5[1].num:left6[0].num}}个</span>
                     </div>
                     <div ref="leftEcharts2" style="height: 50%; width: 100%"></div>
                   </div>
@@ -139,7 +141,7 @@
                     <div class="flex items-center font28">
                       <img src="./img/title-icon.png" style="width: 32px; height: 52px" alt="" />
                       <span style="margin: 0 10px">{{industryProportion==1?'辅业':'续建'}}</span>
-                      <span style="color: #68bdff">{{industryProportion==1?84:465}}个</span>
+                      <span style="color: #68bdff">{{industryProportion==1?left5[0].num:left6[1].num}}个</span>
                     </div>
                     <div ref="leftEcharts4" style="height: 50%; width: 100%"></div>
                   </div>
@@ -209,86 +211,86 @@
           <div class="content left4">
             <div ref="leftEcharts7" style="height: 100%; width: 100%"></div>
             <div ref="leftEcharts8" style="height: 100%; width: 100%"></div>
-            <div class="left4A">
+            <div class="left4A left4AShadow" v-if="projecList[0][0].top != 0">
               <!-- 第一列 -->
-              <div style="width: 104px; left: 9%; animation-delay: 1s" :style="{top:`${projecList[0][0].top}%`}">
+              <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="text-center">{{projecList[0][0].value2}}亿</div>
                 <img src="./img/left-blue.png" class="" style="width: 104px; height: 112px" alt="" />
               </div>
-              <div style="width: 104px; left: 9%; animation-delay: 1s" :style="{top:`${projecList[0][1].top}%`}">
+              <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)">
                 <img src="./img/left-green.png" class="" style="width: 104px; height: 112px" alt="" />
                 <div class="text-center">{{projecList[0][1].value2}}亿</div>
               </div>
               <!-- 第二列 -->
-              <div style="width: 104px; left: 19%" :style="{top:`${projecList[1][0].top}%`}">
+              <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 style="width: 104px;  left: 19%" :style="{top:`${projecList[1][1].top}%`}">
+              <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 style="width: 104px;  left: 29%; animation-delay: 1s" :style="{top:`${projecList[2][0].top}%`}">
+              <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 style="width: 104px;  left: 29%; animation-delay: 1s" :style="{top:`${projecList[2][1].top}%`}">
+              <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 style="width: 104px;left: 39%" :style="{top:`${projecList[3][0].top}%`}">
+              <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 style="width: 104px;  left: 39%" :style="{top:`${projecList[3][1].top}%`}">
+              <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 style="width: 104px; left: 58%; animation-delay: 1s" :style="{top:`${projecList[4][0].top}%`}">
+              <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 style="width: 104px; left: 58%; animation-delay: 1s" :style="{top:`${projecList[4][1].top}%`}">
+              <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 style="width: 104px; left: 68%" :style="{top:`${projecList[5][0].top}%`}">
+              <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 style="width: 104px; left: 68%" :style="{top:`${projecList[5][1].top}%`}">
+              <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 style="width: 104px; left: 78%; animation-delay: 1s" :style="{top:`${projecList[6][0].top}%`}">
+              <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 style="width: 104px; left: 78%; animation-delay: 1s" :style="{top:`${projecList[6][1].top}%`}">
+              <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 style="width: 104px; left: 88%" :style="{top:`${projecList[7][0].top}%`}">
+              <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 style="width: 104px; left: 88%" :style="{top:`${projecList[7][1].top}%`}">
+              <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>
-              <div class="absolute projectPop" style="top: 50%;" :style="{left:projecList[projectNum][2].distance}">
-                <div>{{projecList[projectNum][2].name}}</div>
+              <div class="absolute projectPop" style="top: 50%;" :style="{left:projecList[projectNum2][2].distance}">
+                <div>{{projecList[projectNum2][2].name}}</div>
                 <div><span
-                    style="display:inline-block;border-radius:50%;margin-right: 10px; width:20px;height:20px;background-color:#45A9E1"></span>{{projecList[projectNum][0].name}}：{{projecList[projectNum][0].value}}个，{{projecList[projectNum][0].value2}}亿
+                    style="display:inline-block;border-radius:50%;margin-right: 10px; width:20px;height:20px;background-color:#45A9E1"></span>{{projecList[projectNum2][0].name}}：{{projecList[projectNum2][0].value}}个，{{projecList[projectNum2][0].value2}}亿
                 </div>
                 <div><span
-                    style="display:inline-block;border-radius:50%;margin-right: 10px; width:20px;height:20px;background-color:#4CEEE5"></span>{{projecList[projectNum][1].name}}：{{projecList[projectNum][1].value}}个，{{projecList[projectNum][1].value2}}亿
+                    style="display:inline-block;border-radius:50%;margin-right: 10px; width:20px;height:20px;background-color:#4CEEE5"></span>{{projecList[projectNum2][1].name}}：{{projecList[projectNum2][1].value}}个，{{projecList[projectNum2][1].value2}}亿
                 </div>
               </div>
             </div>
@@ -610,7 +612,7 @@
       <div class="bottom-tip" @click="backChina"></div>
     </div>
     <!-- 标题状图弹窗 -->
-    <div class="absolute  backBlack" v-if="tipShow1 || tipShow2 ">
+    <div class="absolute  backBlack" v-if="tipShow1 || tipShow2 || tipShow3 || projectListTipShow || boardTipShow">
       <div class="tip-box1" v-show="tipShow1">
         <img src="./img/close.png" style="width: 40px;height: 40px;top: 30px;right: 30px;" class="absolute pointer"
           alt="" @click="closeTap()">
@@ -622,14 +624,40 @@
         </div>
       </div>
       <!-- 单个柱状图弹窗 -->
-      <div class="tip-box1" v-show="tipShow2">
+      <div class="tip-box1" v-if="tipShow2">
         <img src="./img/close.png" style="width: 40px;height: 40px;top: 30px;right: 30px;" class="absolute pointer"
           alt="" @click="closeTap()">
         <div class="pop-title1">{{titleName}}</div>
         <div class="pop-content1 text-center">
-          <div class="h-full w-full" ref=""></div>
+          <div class="h-full w-full" id="leftEcharts18" ref="leftEcharts18"></div>
         </div>
       </div>
+      <!-- 两个柱状图弹窗 -->
+      <div class="tip-box1" v-if="tipShow3">
+        <img src="./img/close.png" style="width: 40px;height: 40px;top: 30px;right: 30px;" class="absolute pointer"
+          alt="" @click="closeTap()">
+        <div class="pop-title1">{{titleName}}</div>
+        <div class="pop-content1 text-center">
+          <div id="echartSingleTip2" ref="echartSingleTip2" style="width: 100%; height: 50%;"></div>
+          <div id="echartSingleTip3" ref="echartSingleTip3" style="width: 100%; height: 50%;"></div>
+        </div>
+      </div>
+      <!-- 项目列表专属弹窗 -->
+      <div class="productTip" v-if="projectListTipShow">
+        <img src="./img/close.png" style="width: 40px;height: 40px;top: 30px;right: 30px;" class="absolute pointer"
+          alt="" @click="projectListTipShow = false">
+        <div class="pop-title1">项目列表</div>
+        <div class="pop-content1 text-center">
+          <dv-scroll-board :config='config6' @click="goLookBoard" style="width:90%;height:100%;margin: 0 auto;" />
+        </div>
+      </div>
+      <!-- 项目看板专属弹窗 -->
+      <div class="tip-box productTipBoard" v-if="boardTipShow">
+        <div class="absolute poptitle productPoptitle">项目看板</div>
+        <div class="tip-down" @click="boardTipShow = false">×</div>
+        <iframe align="center" class="iframeCss" width="1920px" height="1080px" :src='boardUrl' frameborder="no"
+          border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
+      </div>
     </div>
   </div>
   <script src="./js/index.js"></script>

investmentNew/js/Data.js

@@ -4,197 +4,124 @@ let commonCompany = ["山西焦煤", "晋能控股", "华阳新材", "潞安化
 left1 = [
   [
     {
-      name: '煤炭',
-      y: 504.41,
-      num: 51,
-      sliced: false,
-      selected: false,
     },
     {
-      name: '火电',
-      y: 37.7,
-      num: 3,
-      sliced: false,
-      selected: false,
     },
     {
-      name: '冶金',
-      y: 38.64,
-      num: 8,
-      sliced: false,
-      selected: false,
     },
     {
-      name: '焦化',
-      y: 16.11,
-      num: 1,
-      sliced: false,
-      selected: false,
     },
     {
-      name: '其他传统产业',
-      y: 18.6,
-      num: 5,
-      sliced: false,
-      selected: false,
     }
   ],
   [
     {
-      name: '新一代信息技术',
-      y: 39.96,
-      num: 101,
-      //x: 75,
-      sliced: false,
-      selected: false,
     },
     {
-      name: '高端装备制造',
-      y: 62.08,
-      num: 24,
-      sliced: false,
-      selected: false,
     },
     {
-      name: '新材料',
-      y: 10.02,
-      num: 3,
-      sliced: false,
-      selected: false,
     },
     {
-      name: '生物',
-      y: 2.17,
-      num: 4,
-      sliced: false,
-      selected: false,
     },
     {
-      name: '新能源',
-      y: 105.20,
-      num: 81,
-      sliced: false,
-      selected: false,
     },
     {
-      name: '节能环保',
-      y: 31.42,
-      num: 23,
-      sliced: false,
-      selected: false,
     },
     {
-      name: '相关服务业',
-      y: 0.08,
-      num: 3,
-      sliced: false,
-      selected: false,
     }
   ],
   [
     {
-      name: '化工',
-      y: 25.82,
-      num: 4,
-      sliced: false,
-      selected: false,
     },
     {
-      name: '煤层气',
-      y: 17.22,
-      num: 21,
-      sliced: false,
-      selected: false,
     },
     {
-      name: '文旅康养',
-      y: 16.22,
-      num: 6,
-      sliced: false,
-      selected: false,
     },
     {
-      name: '体育',
-      y: 2.02,
-      num: 8,
-      sliced: false,
-      selected: false,
     },
     {
-      name: '酿造',
-      y: 27.68,
-      num: 5,
-      sliced: false,
-      selected: false,
     },
     {
-      name: '其他',
-      y: 6.18,
-      num: 2,
-      sliced: false,
-      selected: false,
     },
     {
-      name: '建筑房地产',
-      y: 251.83,
-      num: 114,
-      sliced: false,
-      selected: false,
     },
     {
-      name: '农业',
-      y: 18.54,
-      num: 12,
-      sliced: false,
-      selected: false,
     },
   ],
   [
     {
-      name: '交通运输业',
-      y: 393.89,
-      num: 40,
-      sliced: false,
-      selected: false,
     },
     {
-      name: '市政设施',
-      y: 10.09,
-      num: 1,
-      sliced: false,
-      selected: false,
     },
     {
-      name: '煤气层管网',
-      y: 10.37,
-      num: 16,
-      sliced: false,
-      selected: false,
     },
     {
-      name: '物流贸易',
-      y: 27.22,
-      num: 20,
-      sliced: false,
-      selected: false,
     },
     {
-      name: '水务',
-      y: 87.21,
-      num: 35,
-      sliced: false,
-      selected: false,
     },
     {
-      name: '其他',
-      y: 7.60,
-      num: 11,
-      sliced: false,
-      selected: false,
     }
   ]
 ]
 let left2 = [0.30, 1323.85]
+let left3 = []
+let left4 = [0, 0, 0, 0, 0]
+let left5 = [
+  {
+    name: '辅业',
+    y: 0,
+    num: 0,
+    sliced: false,
+    selected: false,
+  },
+  {
+    name: '主业',
+    y: 0,
+    num: 0,
+    sliced: false,
+    selected: false,
+  }
+]
+let left6 = [
+  {
+    name: '特别监管类',
+    y: 0,
+    num: 0,
+    sliced: false,
+    selected: false,
+  },
+  {
+    name: '备案类',
+    y: 0,
+    num: 0,
+    sliced: false,
+    selected: false,
+  }
+]
+let left7 = []
+let left8 = []
+let left9 = []
+let left10 = []
+let left12 = []
+let right3 = [
+  { name: '正偏差', value: '0', value2: '0', explain: '项目执行进度大于成本执行进度', type: 1, projectStepCode: '09' },
+  { name: '容差内', value: '0', value2: '0', explain: '项目执行进度与成本执行进度相符', type: 2, projectStepCode: '10' },
+  { name: '负偏差', value: '0', value2: '0', explain: '成本执行进度大于项目执行进度', type: 3, projectStepCode: '11' }
+]
+let right4 = [
+  [
+    ['项目储备', '特别监管', 0, 0],
+    ['项目立项', '特别监管', 0, 0],
+    ['可研论证', '特别监管', 0, 0],
+    ['投资决策', '特别监管', 0, 0]
+  ],
+  [
+    ['项目储备', '备案', 0, 0],
+    ['项目立项', '备案', 0, 0],
+    ['可研论证', '备案', 0, 0],
+    ['投资决策', '备案', 0, 0]
+  ]
+]
 let right5 = [
   [
     [
@@ -473,6 +400,191 @@ let right5 = [
     ]
   ]
 ]
+// 右边下面
+let right6 = [
+  { value: 0, value2: 0, value3: 0 },
+  { value: 0, value2: 0, value3: 0 },
+  { value: 0, value2: 0, value3: 0 },
+  { value: 0, value2: 0, value3: 0 },
+  { value: 0, value2: 0, value3: 0 },
+  { value: 0, value2: 0, value3: 0 },
+  { value: 0, value2: 0, value3: 0 },
+  { value: 0, value2: 0, value3: 0 },
+  { value: 0, value2: 0, value3: 0 },
+  { value: 0, value2: 0, value3: 0 },
+  { value: 0, value2: 0, value3: 0 },
+  { value: 0, value2: 0, value3: 0 },
+  { value: 0, value2: 0, value3: 0 },
+  { value: 0, value2: 0, value3: 0 },
+  { value: 0, value2: 0, value3: 0 },
+  { value: 0, value2: 0, value3: 0 },
+  { value: 0, value2: 0, value3: 0 },
+  { value: 0, value2: 0, value3: 0 }
+]
+let right7 = []
+let center4 = [0, 0, 0, 0]
+let center1 = [0, 0, 0, 0]
+// 左中
+let center2 = [
+  {
+    name: '传统产业', y: 0, value: 0, num: 0, sliced: false, selected: false, color: '#064F78', typeno: 1
+  },
+  {
+    name: '战略新兴产业', y: 0, value: 0, num: 0, sliced: false, selected: false, color: '#BDB35D', typeno: 1
+  },
+  {
+    name: '基础产业', y: 0, value: 0, num: 0, sliced: false, selected: false, color: '#623726', typeno: 1
+  }
+]
+// 左下
+let center3 = [
+  // { name: '山西焦煤', value: 189.07, value2: 121.59 },
+  // { name: '晋能控股', value: 385.25, value2: 224.89 },
+  // { name: '华阳新材', value: 82.95, value2: 71.34 },
+  // { name: '潞安化工', value: 106.84, value2: 59.93 },
+  // { name: '华新燃气', value: 31.83, value2: 25.20 },
+  // { name: '太重集团', value: 80.01, value2: 42.46 },
+  // { name: '国际能源', value: 64.20, value2: 12.19 },
+  // { name: '华远陆港', value: 97.57, value2: 112.67 },
+  // { name: '水控集团', value: 46.99, value2: 50.89 },
+  // { name: '文旅集团', value: 26.79, value2: 9.64 },
+  // { name: '交控集团', value: 346.36, value2: 335.91 },
+  // { name: '航产集团', value: 41.09, value2: 42.67 },
+  // { name: '山西建投', value: 218.35, value2: 143.84 },
+  // { name: '汾酒集团', value: 14.03, value2: 7.69 },
+  // { name: '大地控股', value: 47.05, value2: 23.93 },
+  // { name: '云时代', value: 63.45, value2: 32.60 },
+  // { name: '华舰体育', value: 5.33, value2: 0.80 },
+  // { name: '神农科技', value: 14.76, value2: 5.84 }
+  { name: '山西焦煤', value: 0, value2: 0 },
+  { name: '晋能控股', value: 0, value2: 0 },
+  { name: '华阳新材', value: 0, value2: 0 },
+  { name: '潞安化工', value: 0, value2: 0 },
+  { name: '华新燃气', value: 0, value2: 0 },
+  { name: '太重集团', value: 0, value2: 0 },
+  { name: '国际能源', value: 0, value2: 0 },
+  { name: '华远陆港', value: 0, value2: 0 },
+  { name: '水控集团', value: 0, value2: 0 },
+  { name: '文旅集团', value: 0, value2: 0 },
+  { name: '交控集团', value: 0, value2: 0 },
+  { name: '航产集团', value: 0, value2: 0 },
+  { name: '山西建投', value: 0, value2: 0 },
+  { name: '汾酒集团', value: 0, value2: 0 },
+  { name: '大地控股', value: 0, value2: 0 },
+  { name: '云时代', value: 0, value2: 0 },
+  { name: '华舰体育', value: 0, value2: 0 },
+  { 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 center5 = [
+  // { name: '大同市', value: 60.35, value2: 28 },
+  // { name: '朔州市', value: 33.61, value2: 13 },
+  // { name: '忻州市', value: 73.35, value2: 25 },
+  // { name: '吕梁市', value: 109.04, value2: 45 },
+  // { name: '太原市', value: 251.67, value2: 113 },
+  // { name: '阳泉市', value: 25.12, value2: 28 },
+  // { name: '晋中市', value: 148.57, value2: 52 },
+  // { name: '临汾市', value: 130.55, value2: 30 },
+  // { name: '长治市', value: 103.00, value2: 23 },
+  // { name: '运城市', value: 41.06, value2: 23 },
+  // { name: '晋城市', value: 45.43, value2: 31 }
+]
+// 右上
+let center6 = [
+  // { name: '煤炭和煤电', value: 77.22 },
+  // { name: '煤电和新能源', value: 519.43 },
+  // { name: '煤炭和化工', value: 82.8 },
+  // { name: '煤炭和数字', value: 3.78 },
+  // { name: '煤炭和降碳', value: 6.08 },
+  { name: '煤炭和煤电', value: 0 },
+  { name: '煤电和新能源', value: 0 },
+  { name: '煤炭和化工', value: 0 },
+  { name: '煤炭和数字', value: 0 },
+  { name: '煤炭和降碳', value: 0 },
+]
+// 右中
+let center7 = [
+  // { name: '新建', value: 204, value2: 345.53, sliced: false, selected: false },
+  // { name: '续建', value: 385, value2: 978.55, sliced: false, selected: false },
+  { name: '新建', value: 0, value2: 0, sliced: false, selected: false },
+  { name: '续建', value: 0, value2: 0, sliced: false, selected: false },
+]
+// 右下
+let center8 = [
+  // { value: 17.8, name: '太重智能高端液压挖掘机产业项目', office: '太重集团' },
+  // { value: 18.1, name: '太重退城入园智能高端装备生产线升级改造项目', office: '太重集团' },
+  // { value: 4.9, name: '汾酒保健酒园区新增1万吨原酒产能项目', office: '汾酒集团' },
+  // { value: 4, name: '汾酒新增5.88万吨原酒储能项目', office: '汾酒集团' },
+  // { value: 3.5, name: '吉县-延长输气管道一期工程项目', office: '华新燃气' },
+  // { value: 3, name: '太原武宿（国际）机场三期改扩建工程供热制冷项目', office: '国际能源' },
+  // { value: 100, name: '山西路桥绿色智慧交通换电站项目', office: '交控集团' },
+  // { value: 1, name: '山西省静态交通大数据平台项目', office: '山西建投' },
+  // { value: 6.39, name: '太重3.0兆瓦以上风电用变速箱生产线升级改造项目', office: '太重集团' },
+  // { value: 5.45, name: '太重高端冶金矿山机械用变速箱生产线升级改造项目', office: '太重集团' },
+  // { value: 6, name: '山西普勤300MW机组低热值煤热解燃烧分级利用多联产技术改造项目', office: '国际能源' },
+  // { value: 10, name: '大地控股忻州新店矿业年产800万吨精品砂石骨料项目', office: '大地控股' },
+  // { value: 3.6, name: '山西大地100万吨脱硫石膏循环利用项目', office: '大地控股' },
+  // { value: 1.72, name: '中国北方林果苗木繁育基地项目', office: '神农科技' },
+  // { value: 4, name: '山西种业创新园一期项目', office: '山西焦煤' },
+  // { value: 1.53, name: '智慧农机装备园项目', office: '神农科技' },
+  // { value: 5.9, name: '山西蓝远快递物流园项目', office: '华远陆港' },
+  // { value: 2.64, name: '山西省智慧旅游云平台二期项目', office: '文旅集团' },
+  // { value: 9.34, name: '清凉湾温泉康养项目', office: '文旅集团' },
+  // { value: 5.93, name: '山西建筑产业现代化临汾园区一期项目', office: '山西建投' },
+  // { value: 4.01, name: '晋城市万鑫顺达100MW光伏二期项目', office: '山西建投' },
+  // { value: 2, name: '潇河产业园钢结构生产基地项目', office: '山西建投' },
+  // { value: 0.5, name: '山西省马铃薯工程技术研究中心项目', office: '神农科技' },
+  // { value: 0.4, name: '晋能控股矿井透水智能应急救援系统研究项目', office: '晋能控股' },
+  // { value: 1.2, name: '智慧交通山西省实验室项目', office: '交控集团' },
+  // { value: 3, name: '山西“时代云”项目', office: '云时代' },
+  // { value: 0.7, name: '山西新元煤炭5G+智能化矿井项目', office: '潞安化工' },
+  // { value: 1, name: '山西高河能源智能化矿井项目', office: '潞安化工' },
+  // { value: 192, name: '新建雄安新区至忻州高速铁路（山西段）项目', office: '华远陆港' },
+  // { value: 248.2, name: '新建集宁经大同至原平铁路项目', office: '华远陆港' },
+  // { value: 246.1, name: '太原武宿（国际）机场三期改扩建工程', office: '航产集团' },
+  // { value: 15, name: '山西省万家寨引黄入晋工程总干线南干线泵站二期扩机工程', office: '水控集团' },
+  // { value: 132.55, name: '山西省中部引黄工程', office: '水控集团' },
+  // { value: 58.27, name: '山西智能高端装备产业园区基础设施建设及厂房配套项目', office: '太重集团' },
+  // { value: 146.2, name: '潇河新城项目', office: '山西建投' },
+  // { value: 12.76, name: '山西体育职业学院新校区项目', office: '华舰体育' },
+]
 // 生存/发展/指标
 let dataList = [
   // [[4.59, 26.32, 3.24, 17.17, 9.96], [5.74, 49.35, 4.62, 24.53, 24.90], [9.57, 32.90, 5.78, 40.89, 12.45]],
@@ -569,91 +681,76 @@ let dataList2 = [
   [
     "华阳新材",
     "华钠铜（碳）年产万吨级钠离子电池正负极材料项目",
-    '初步设计',
     "11.42亿"
   ],
   [
     "太重集团",
     "太重退城入园智能高端装备生产线升级改造项目",
-    '开工',
     "18.11亿"
   ],
   [
     "太重集团",
     "太重智能高端液压挖掘机项目",
-    '竣工',
     "17.82亿"
   ],
   [
     "太重集团",
     "太重（大同）高端起重机产业基地二期项目",
-    '竣工',
     "1.62亿"
   ],
   [
     "太重集团",
     "太重液压挖掘机四轮一带项目",
-    '初步设计',
     "4.00亿"
   ],
   [
     "太重集团",
     "太重中大型工程起重机智能制造项目",
-    '结算',
     "8.30亿"
   ],
   [
     "太重集团",
     "太重高端工程机械齿轮箱智能制造项目",
-    '验收',
     "3.55亿"
   ],
   [
     "云时代",
     "侯马北铜年处理铜精矿150万吨综合回收项目",
-    '前期准备',
     "27.70亿"
   ],
   [
     "交控集团",
     "山西固废资源化利用交通科技园项目",
-    '前期准备',
     "2.00亿"
   ],
   [
     "云时代",
     "北方铜业铜矿峪矿园子沟尾矿库项目",
-    '前期准备',
     "16.73亿"
   ],
   [
     "山西建投",
     "山西综改示范区潇河产业园区建筑垃圾资源化处理项目",
-    '前期准备',
     "3.90亿"
   ],
   [
     "云时代",
     "山西北铜高性能压延铜带箔和覆铜板项目",
-    '前期准备',
     "23.96亿"
   ],
   [
     "大地控股",
     "大地控股忻州新店年产800万吨精品砂石骨料项目",
-    '前期准备',
     "8.70亿"
   ],
   [
     "山西建投",
     "山西建投晋西北建筑产业园区项目",
-    '前期准备',
     "6.71亿"
   ],
   [
     "山西建投",
     "山西建投长治建筑产业园区一期项目",
-    '前期准备',
     "4.98亿"
   ],
   [
@@ -664,14 +761,272 @@ let dataList2 = [
   [
     "文旅集团",
     "忻州清凉湾温泉康养项目",
-    '前期准备',
     "9.34亿"
   ],
   [
     "交控集团",
     "山西路桥数字化交通产业园（南区）项目",
-    '前期准备',
     "32.10亿"
+  ],
+  [
+    "山西建投",
+    "山西农谷智慧冷链物流园项目",
+    "5.49亿"
+  ],
+  [
+    "华新燃气",
+    "大同液化调峰储备集散中心二期项目",
+    "1.50亿"
+  ],
+  [
+    "神农科技",
+    "天镇万头奶牛智慧牧场项目",
+    "5.67亿"
+  ],
+  [
+    "晋能控股",
+    "阳泉郊区西上庄煤矿项目",
+    "52.56亿"
+  ],
+  [
+    "华阳新材",
+    "和顺泊里矿井及选煤厂项目",
+    "67.00亿"
+  ],
+  [
+    "华阳新材",
+    "寿阳七元煤矿项目",
+    "50.77亿"
+  ],
+  [
+    "山西焦煤",
+    "沁源中峪煤矿项目",
+    "87.69亿"
+  ],
+  [
+    "晋能控股",
+    "晋城兴唐车寨煤矿及选煤厂项目",
+    "27.52亿"
+  ],
+  [
+    "晋能控股",
+    "阳城龙湾矿井及选煤厂项目",
+    "69.28亿"
+  ],
+  [
+    "晋能控股",
+    "沁水东大矿井及选煤厂项目",
+    "62.46亿"
+  ],
+  [
+    "晋能控股",
+    "沁水郑庄矿井及选煤厂项目",
+    "83.06亿"
+  ],
+  [
+    "山西焦煤",
+    "乡宁谭坪煤矿一期项目",
+    "56.62亿"
+  ],
+  [
+    "山西焦煤",
+    "灵石灵北煤矿及选煤厂项目",
+    "66.27亿"
+  ],
+  [
+    "晋能控股",
+    "晋控电力同热三期2x100万千瓦“上大压小”煤电项目",
+    "72.67亿"
+  ],
+  [
+    "山西焦煤",
+    "山煤集团河曲2x35万千万低热值煤发电项目",
+    "33.30亿"
+  ],
+  [
+    "华阳新材",
+    "西上庄低热值煤发电项目",
+    "53.85亿"
+  ],
+  [
+    "华新燃气",
+    "阳城煤层气集输中心（町店配气站二期扩容改造）项目",
+    "2.50亿"
+  ],
+  [
+    "交控集团",
+    "高速公路充电桩建设项目",
+    "3.10亿"
+  ],
+  [
+    "交控集团",
+    "三个一号旅游公路和“四好农村路”沿线充电桩建设项目",
+    "7.10亿"
+  ],
+  [
+    "山西建投",
+    "山西省静态交通大数据平台项目",
+    "1.00亿"
+  ],
+  [
+    "华远陆港",
+    "集宁经大同至原平铁路项目",
+    "248.21亿"
+  ],
+  [
+    "华远陆港",
+    "雄安新区至忻州高速铁路山西段项目",
+    "192.06亿"
+  ],
+  [
+    "华远陆港",
+    "阳涉铁路开通客运服务项目",
+    "6.60亿"
+  ],
+  [
+    "交控集团",
+    "昔阳（晋冀界）至榆次高速公路项目",
+    "209.86亿"
+  ],
+  [
+    "交控集团",
+    "青银二广高速公路太原联络线项目",
+    "72.88亿"
+  ],
+  [
+    "交控集团",
+    "晋阳高速公路改扩建工程",
+    "62.02亿"
+  ],
+  [
+    "交控集团",
+    "青兰国家高速公路长治至延安联络线（G2211）山西境黎城至霍州段项目",
+    "231.10亿"
+  ],
+  [
+    "交控集团",
+    "汾阳至石楼高速公路项目",
+    "117.14亿"
+  ],
+  [
+    "交控集团",
+    "呼北国家高速公路离石至隰县段项目",
+    "104.90亿"
+  ],
+  [
+    "交控集团",
+    "临汾至沁水高速公路临汾至浮山段项目",
+    "19.70亿"
+  ],
+  [
+    "交控集团",
+    "G108线重点路段新建改建工程（含2个子项目）",
+    "130.19亿"
+  ],
+  [
+    "交控集团",
+    "国道241、省道岚马线汾河水库段改线工程",
+    "41.71亿"
+  ],
+  [
+    "交控集团",
+    "G241阳方口至朔州段和G336朔州至平鲁段公路改扩建工程PPP项目",
+    "16.38亿"
+  ],
+  [
+    "交控集团",
+    "G336线应县罗庄至朔城区东榆林改扩建工程",
+    "23.17亿"
+  ],
+  [
+    "航产集团",
+    "太原武宿（国际）机场三期改扩建项目",
+    "239.28亿"
+  ],
+  [
+    "航产集团",
+    "太原武宿（国际）机场三期改扩建综合交通中心配套项目",
+    "7.62亿"
+  ],
+  [
+    "山西建投",
+    "大盂产业新城标准化厂房基础设施一期项目",
+    "11.63亿"
+  ],
+  [
+    "水控集团",
+    "滹沱河供水工程",
+    "12.80亿"
+  ],
+  [
+    "水控集团",
+    "全省县域水网及城乡供水一体化首批项目",
+    "240.00亿"
+  ],
+  [
+    "水控集团",
+    "小浪底引黄（灌区、工业及城镇生活供水）工程",
+    "27.30亿"
+  ],
+  [
+    "水控集团",
+    "阳泉龙华口调水工程",
+    "20.30亿"
+  ],
+  [
+    "水控集团",
+    "万家寨引黄北干支线工程",
+    "15.63亿"
+  ],
+  [
+    "水控集团",
+    "万家寨引黄入晋总干线南干线泵站二期扩机项目",
+    "15.00亿"
+  ],
+  [
+    "交控集团",
+    "智慧交通山西省实验室项目",
+    "1.20亿"
+  ],
+  [
+    "交控集团",
+    "山西隧道与地下工程研究中心项目",
+    "1.50亿"
+  ],
+  [
+    "华舰体育",
+    "山西体育职业学院新校区项目",
+    "12.76亿"
+  ],
+  [
+    "华舰体育",
+    "屯留沙家庄航空产教融合实训基地项目",
+    "2.08亿"
+  ],
+  [
+    "太重集团",
+    "太重智能高端装备产业园区基础设施及厂房配套项目",
+    "55.87亿"
+  ],
+  [
+    "交控集团",
+    "山西综改示范区中小企业产业园一期项目",
+    "13.70亿"
+  ],
+  [
+    "山西焦煤",
+    "临县三交一号煤矿项目",
+    "80.53亿"
+  ],
+  [
+    "山西焦煤",
+    "中阳吴家峁矿井及选煤厂项目",
+    "60.21亿"
+  ],
+  [
+    "华阳新材",
+    "华阳云冈千吨级高性能碳纤维一期示范项目",
+    "6.40亿"
   ]
 ]
 let statusList = [
@@ -700,4 +1055,21 @@ let echart1 = [
   { name: '云时代', value: 63.45, value2: 32.60 },
   { name: '华舰体育', value: 5.33, value2: 0.80 },
   { name: '神农科技', value: 14.76, value2: 5.84 }
-]
+]
+// 单柱状图弹窗
+let common3 = [29, 0.9, 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 common4 = [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 common5 = [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 listPop = {
+  rowNum: 15,
+  waitTime: 1000,
+  headerHeight: '100',
+  header: ["项目名称", "所属组织", '实施主体', '产业类别I级', '产业类别II级', '年投资完成额（亿）'],
+  data: [],
+  align: ["center", "center", "center", "center", "center", "center", "center", "center", "center", "center"],
+  headerBGC: "#153A62",
+  oddRowBGC: "#061F42",
+  evenRowBGC: "#0C284A",
+}

investmentNew/js/request.js

@@ -2,8 +2,15 @@
 /** axios封装
  * 请求拦截、相应拦截、错误统一处理
  */
+let env = 'prd'
+getUrlParams()
 const httpRequest = axios.create({
-  baseURL: 'http://192.168.2.144:8080', // 测试环境
+  // baseURL: 'http://192.168.2.155:8080', // 李瑞投前
+  // baseURL: 'http://192.168.2.111:8080', // 苏文投后
+  // baseURL: 'http://192.168.2.147:8080', // 旭东中间大屏
+  baseURL: (env == 'SIT' || env == 'sit') ? 'http://172.21.3.68:8081' : (env == 'UAT' || env == 'uat') ? 'http://172.21.3.149:8081' : 'http://172.21.3.242:8081',
+  // baseURL: 'http://172.21.3.68:8081', // SIT
+  // baseURL: 'http://172.21.3.149:8081', // UAT
   timeout: 3 * 60 * 1000, // 3分钟等待
   withCredentials: true, // 携带cookie
 })
@@ -11,9 +18,12 @@ const httpRequest = axios.create({
 // 请求拦截器
 httpRequest.interceptors.request.use(
   function (config) {
-    if(config.data.access_token){
+    if (config.data && config.data.access_token) {
       config.headers['accessToken'] = config.data.access_token
     }
+    if (config.params && config.params.access_token) {
+      config.headers['accessToken'] = config.params.access_token
+    }
     // if (!isLocalEnv()) {
     //   if (getQueryVariable('token')) {
     //     config.headers['access_token'] = getQueryVariable('token')
@@ -34,7 +44,25 @@ httpRequest.interceptors.request.use(
     return Promise.reject(error)
   }
 )
-
+// 获取地址栏参数
+function getUrlParams () {
+  let url = window.location.href
+  // 通过 ? 分割获取后面的参数字符串
+  let urlStr = url.split('?')[1]
+  if (!urlStr) {
+    return
+  }
+  // 创建空对象存储参数
+  let obj = {};
+  // 再通过 & 将每一个参数单独分割出来
+  let paramsArr = urlStr.split('&')
+  for (let i = 0, len = paramsArr.length; i < len; i++) {
+    // 再通过 = 将每一个参数分割为 key:value 的形式
+    let arr = paramsArr[i].split('=')
+    obj[arr[0]] = arr[1];
+  }
+  obj.env && (env = obj.env)
+}
 //响应拦截
 httpRequest.interceptors.response.use(
   function (response) {
@@ -56,7 +84,7 @@ httpRequest.interceptors.response.use(
   }
 )
 
-function get(url, params) {
+function get (url, params) {
   return new Promise((resolve, reject) => {
     httpRequest
       .get(url, { params: params })
@@ -69,7 +97,7 @@ function get(url, params) {
   })
 }
 // qs.stringify(data)
-function post(url, data, config) {
+function post (url, data, config) {
   return new Promise((resolve, reject) => {
     httpRequest
       .post(url, data, config)
@@ -82,7 +110,7 @@ function post(url, data, config) {
   })
 }
 
-function postFile(url, blob) {
+function postFile (url, blob) {
   return new Promise((resolve, reject) => {
     let formdata = new FormData()
     formdata.append('multipartFile', blob)
@@ -97,7 +125,7 @@ function postFile(url, blob) {
   })
 }
 
-function localEnvLogin() {
+function localEnvLogin () {
   post(
     '/apiSys/login',
     {
@@ -119,7 +147,7 @@ function localEnvLogin() {
 }
 
 // 将参数转换成功 formdata 接收格式
-function stringify(data) {
+function stringify (data) {
   let ret = ''
   for (const it in data) {
     ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
@@ -129,7 +157,7 @@ function stringify(data) {
 }
 
 // 格式化日期
-function formatDate(time) {
+function formatDate (time) {
   let date = time ? new Date(Number(time)) : new Date();
   let Y = date.getFullYear() + '-';
   let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';

investmentNew/styles/index.css

@@ -493,6 +493,28 @@ a {
 .popright {
   right: 5%;
 }
+.left4AShadow{
+  box-shadow: 0px 0px 25px rgb(132, 132, 132);
+  border-radius: 15px;
+}
+.productTip {
+  position: absolute;
+  height: 1900px !important;
+  /* width: calc(700px / 9 * 16 + 200px) !important; */
+  width: 2900px;
+  top: calc(50% - 750px);
+  left: calc(50% - 2900px/2);
+  z-index: 99999999999 !important;
+  background: url('../img/pop.png') no-repeat center;
+  background-size: 100% auto;
+}
+.productTipBoard {
+  height: 1800px !important;
+  width: calc(1500px / 9 * 16 + 100px) !important;
+  top: calc(50% - 900px);
+  left: calc(50% - (1500px / 9 * 16 + 70px) / 2);
+  z-index: 99999999999 !important;
+}
 .pullBox {
   position: absolute;
   left: 5% !important;

investmentNewPort/index.html

@@ -1,653 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="utf-8" />
-  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <!-- 引入样式 -->
-  <link rel="stylesheet" href="./styles/index.css" />
-  <link rel="stylesheet" href="./styles/animate.css" />
-  <!-- 引入js -->
-  <script src="./libs/vue@2.7.10.js"></script>
-  <script src="./libs/echarts.min2.js"></script>
-  <script src="./libs/echarts-gl.min.js"></script>
-  <script src="./libs/datav.map.vue.js"></script>
-  <script src="./libs/axios.min.js"></script>
-  <script src="./js/request.js"></script>
-  <script src="./js/map/china.json"></script>
-  <script src="./js/Data.js"></script>
-  <script src="./libs/echarts-tooltip-carousel.js"></script>
-  <script src="./libs/echarts-liquidfill.min.js"></script>
-</head>
-
-<body>
-  <div id="app" class="w-full h-full overflow-hidden" :class="mapShow?'appbg1':'appbg2'">
-    <div class="top overflow-hidden">
-      <div class="title" style="padding-top: 2%">
-        <span @click="tipShow1Fun('2.png','投前管理')" class="pointer">投前管理</span>
-        <div></div>
-      </div>
-      <div class="mainTitle pointer" @click.stop="tipShow1Fun('1.png','数智化投资管理驾驶舱')">数智化投资管理驾驶舱</div>
-      <div class="title" style="padding-top: 2%">
-        <span class="pointer" @click.stop="tipShow1Fun('7.png','投中、投后管理')">投中、投后管理</span>
-        <div></div>
-      </div>
-    </div>
-    <div class="bottom overflow-hidden">
-      <div class="left">
-        <div>
-          <div class="title">投资计划分析</div>
-          <div class="content left1">
-            <div class="overflow-hidden">
-              <div class="child">
-                <div style="font-size: 28px">固定资产类项目</div>
-                <div></div>
-                <div style="font-size: 50px; color: #68bdff; font-weight: bold" class="pointer"
-                  @click.stop="showChartLTipSingle('投资金额','left','','','投资计划分析','固定资产投资金额','','','','','',2141)">
-                  {{numFormat(yuanChange(left4[1]))}}<span style="font-size: 28px">亿</span>
-                </div>
-                <div style="
-                      font-size: 50px;
-                      color: #68bdff;
-                      font-weight: bold;
-                      justify-self: center;
-                    ">
-                  {{numFormat(left4[2])}}<span style="font-size: 28px">个</span>
-                </div>
-                <div style="font-size: 28px">投资金额</div>
-                <div style="font-size: 28px; justify-self: center">
-                  项目数量
-                </div>
-              </div>
-              <div class="child">
-                <div style="font-size: 28px">股权类项目</div>
-                <div></div>
-                <div style="font-size: 50px; color: #68bdff; font-weight: bold">
-                  {{numFormat(yuanChange(left4[3]))}}<span style="font-size: 28px">亿</span>
-                </div>
-                <div style="
-                      font-size: 50px;
-                      color: #68bdff;
-                      font-weight: bold;
-                      justify-self: center;
-                    ">
-                  {{numFormat(left4[4])}}<span style="font-size: 28px">个</span>
-                </div>
-                <div style="font-size: 28px">投资金额</div>
-                <div style="font-size: 28px; justify-self: center">
-                  项目数量
-                </div>
-              </div>
-            </div>
-            <div class="overflow-hidden left1B">
-              <svg style="height: 700px; width: 700px" class="svg_box">
-                <circle cx="240" cy="260" r="150" stroke-width="30px" stroke="rgb(140 201 249)" fill="none"
-                  stroke-dasharray="40 10">
-                  <animateTransform attributeName="transform" repeatCount="indefinite" type="rotate" from="0 240 260" /
-                    to="-360 240 260" dur="20" />
-                </circle>
-              </svg>
-              <svg style="height: 700px;width: 700px" class="svg_box">
-                <circle cx="240" cy="120" r="100" stroke-width="10px" stroke="rgb(140 201 249)" fill="none"
-                  stroke-dasharray="10 20">
-                  <animateTransform attributeName="transform" repeatCount="indefinite" type="rotate" from="0 240 120"
-                    to="360 240 120" dur="20" />
-                </circle>
-              </svg>
-              <div class="flex items-center justify-center flex-col relative" style="padding-bottom: 10%;">
-                <div style="font-size: 72px; color: #ffe036; font-weight: bold">
-                  {{numFormat(yuanChange(left4[0]))}}<span style="font-size: 28px">亿</span>
-                </div>
-                <div style="font-size: 28px">年度投资计划总额</div>
-              </div>
-              <div class="left1C">
-                <div class="flex justify-between left1C-child">
-                  <div style="height: 100%; width: 48%" class="flex items-center justify-center font28 pointer"
-                    @click="industryProportionChange(1)"
-                    :class="industryProportion==1?'industryProportion1':'industryProportion2'">
-                    主辅业计划占比
-                  </div>
-                  <div style="height: 100%; width: 48%" class="flex items-center justify-center font28 pointer"
-                    @click="industryProportionChange(2)"
-                    :class="industryProportion==2?'industryProportion1':'industryProportion2'">
-                    项目管理类型
-                  </div>
-                </div>
-                <div class="flex overflow-hidden items-center" style="padding: 1% 0">
-                  <div ref="leftEcharts1" style="height: 100%; aspect-ratio: 1/1; flex-shrink: 0"></div>
-                  <div style="width: 95%; margin-left: 5%">
-                    <div class="flex items-center font28">
-                      <img src="./img/title-icon.png" style="width: 32px; height: 52px" alt="" />
-                      <span style="margin: 0 10px">{{industryProportion==1?'主业':'特别监管类'}}</span>
-                      <span style="color: #68bdff">{{industryProportion==1?left5[1].num:left6[0].num}}个</span>
-                    </div>
-                    <div ref="leftEcharts2" style="height: 50%; width: 100%"></div>
-                  </div>
-                </div>
-                <div class="flex overflow-hidden items-center" style="padding: 1% 0">
-                  <div ref="leftEcharts3" style="height: 100%; aspect-ratio: 1/1; flex-shrink: 0"></div>
-                  <div style="width: 95%; margin-left: 5%">
-                    <div class="flex items-center font28">
-                      <img src="./img/title-icon.png" style="width: 32px; height: 52px" alt="" />
-                      <span style="margin: 0 10px">{{industryProportion==1?'辅业':'备案类'}}</span>
-                      <span style="color: #68bdff">{{industryProportion==1?left5[0].num:left6[1].num}}个</span>
-                    </div>
-                    <div ref="leftEcharts4" style="height: 50%; width: 100%"></div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div>
-          <div class="title">投资额度分析</div>
-          <div class="content left3">
-            <div ref="leftEcharts6" style="width: 100%; height: 100%"></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>
-                </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>
-                </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>
-                </div>
-                <div class="font28">带息负债降压指标</div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div>
-          <div class="title">产业布局分析</div>
-          <div class="content left2">
-            <div class="flex items-center justify-around font28" style="padding: 0 10%">
-              <div @click="industryLayoutChange(0)" class="pointer"
-                :class="industryLayout==0?'industryProportion1':'industryProportion2'" style="padding: 1% 2%">
-                传统产业分析
-              </div>
-              <div @click="industryLayoutChange(1)" class="pointer"
-                :class="industryLayout==1?'industryProportion1':'industryProportion2'" style="padding: 1% 2%">
-                战略性新兴产业
-              </div>
-              <div @click="industryLayoutChange(2)" class="pointer"
-                :class="industryLayout==2?'industryProportion1':'industryProportion2'" style="padding: 1% 2%">
-                特色优势产业
-              </div>
-              <div @click="industryLayoutChange(3)" class="pointer"
-                :class="industryLayout==3?'industryProportion1':'industryProportion2'" style="padding: 1% 2%">
-                公共基础等产业
-              </div>
-            </div>
-            <div ref="leftEcharts5" style="width: 100%; height: 100%"></div>
-          </div>
-        </div>
-        <div>
-          <div class="title">企业额度分析</div>
-          <div class="content">
-            <div ref="leftEcharts10" style="height: 100%; width: 100%"></div>
-          </div>
-        </div>
-        <div>
-          <div class="title">项目阶段分析</div>
-          <div class="content left4">
-            <div ref="leftEcharts7" style="height: 100%; width: 100%"></div>
-            <div ref="leftEcharts8" style="height: 100%; width: 100%"></div>
-            <div class="left4A">
-              <!-- 第一列 -->
-              <div style="width: 104px; top: 21%; left: 9%; animation-delay: 1s">
-                <div class="text-center">{{projecList[0][0].value2}}亿</div>
-                <img src="./img/left-blue.png" class="" style="width: 104px; height: 112px" alt="" />
-              </div>
-              <div style="width: 104px; top: 51%; left: 9%; animation-delay: 1s">
-                <img src="./img/left-green.png" class="" style="width: 104px; height: 112px" alt="" />
-                <div class="text-center">{{projecList[0][1].value2}}亿</div>
-              </div>
-              <!-- 第二列 -->
-              <div style="width: 104px; top: 30%; left: 19%">
-                <div class="text-center">{{projecList[1][0].value2}}亿</div>
-                <img src="./img/left-blue.png" class="" style="width: 104px; height: 112px" alt="" />
-              </div>
-              <div style="width: 104px; top: 62%; left: 19%">
-                <img src="./img/left-green.png" class="" style="width: 104px; height: 112px" alt="" />
-                <div class="text-center">{{projecList[1][1].value2}}亿</div>
-              </div>
-              <!-- 第三列 -->
-              <div style="width: 104px; top: 35%; left: 29%; animation-delay: 1s">
-                <div class="text-center">{{projecList[2][0].value2}}亿</div>
-                <img src="./img/left-blue.png" class="" style="width: 104px; height: 112px" alt="" />
-              </div>
-              <div style="width: 104px; top: 60%; left: 29%; animation-delay: 1s">
-                <img src="./img/left-green.png" class="" style="width: 104px; height: 112px" alt="" />
-                <div class="text-center">{{projecList[2][1].value2}}亿</div>
-              </div>
-              <!-- 第四列 -->
-              <div style="width: 104px; top: 31%; left: 39%">
-                <div class="text-center">{{projecList[3][0].value2}}亿</div>
-                <img src="./img/left-blue.png" class="" style="width: 104px; height: 112px" alt="" />
-              </div>
-              <div style="width: 104px; top: 61%; left: 39%">
-                <img src="./img/left-green.png" class="" style="width: 104px; height: 112px" alt="" />
-                <div class="text-center">{{projecList[3][1].value2}}亿</div>
-              </div>
-              <!-- 第五列 -->
-              <div style="width: 104px; top: 41%; left: 58%; animation-delay: 1s">
-                <div class="text-center">{{projecList[4][0].value2}}亿</div>
-                <img src="./img/left-blue.png" class="" style="width: 104px; height: 112px" alt="" />
-              </div>
-              <div style="width: 104px; top: 65%; left: 58%; animation-delay: 1s">
-                <img src="./img/left-green.png" class="" style="width: 104px; height: 112px" alt="" />
-                <div class="text-center">{{projecList[4][1].value2}}亿</div>
-              </div>
-              <!-- 第六列 -->
-              <div style="width: 104px; top: 35%; left: 68%">
-                <div class="text-center">{{projecList[5][0].value2}}亿</div>
-                <img src="./img/left-blue.png" class="" style="width: 104px; height: 112px" alt="" />
-              </div>
-              <div style="width: 104px; top: 63%; left: 68%">
-                <img src="./img/left-green.png" class="" style="width: 104px; height: 112px" alt="" />
-                <div class="text-center">{{projecList[5][1].value2}}亿</div>
-              </div>
-              <!-- 第七列 -->
-              <div style="width: 104px; top: 21%; left: 78%; animation-delay: 1s">
-                <div class="text-center">{{projecList[6][0].value2}}亿</div>
-                <img src="./img/left-blue.png" class="" style="width: 104px; height: 112px" alt="" />
-              </div>
-              <div style="width: 104px; top: 51%; left: 78%; animation-delay: 1s">
-                <img src="./img/left-green.png" class="" style="width: 104px; height: 112px" alt="" />
-                <div class="text-center">{{projecList[6][1].value2}}亿</div>
-              </div>
-              <!-- 第八列 -->
-              <div style="width: 104px; top: 31%; left: 88%">
-                <div class="text-center">{{projecList[7][0].value2}}亿</div>
-                <img src="./img/left-blue.png" class="" style="width: 104px; height: 112px" alt="" />
-              </div>
-              <div style="width: 104px; top: 61%; left: 88%">
-                <img src="./img/left-green.png" class="" style="width: 104px; height: 112px" alt="" />
-                <div class="text-center">{{projecList[7][1].value2}}亿</div>
-              </div>
-              <div class="absolute projectPop" style="top: 50%;" :style="{left:projecList[projectNum2][2].distance}">
-                <div>项目立项</div>
-                <div><span
-                    style="display:inline-block;border-radius:50%;margin-right: 10px; width:20px;height:20px;background-color:#45A9E1"></span>{{projecList[projectNum2][0].name}}：{{projecList[projectNum2][0].value}}个，{{projecList[projectNum2][0].value2}}亿
-                </div>
-                <div><span
-                    style="display:inline-block;border-radius:50%;margin-right: 10px; width:20px;height:20px;background-color:#4CEEE5"></span>{{projecList[projectNum2][1].name}}：{{projecList[projectNum2][1].value}}个，{{projecList[projectNum2][1].value2}}亿
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div>
-          <div class="title">重点项目两线指标</div>
-          <div class="content left5">
-            <dv-scroll-board ref="indicator" :config="storageRecordConfig"
-              @scroll-change="scrollChange"></dv-scroll-board>
-            <div ref="leftEcharts11" style="width: 100%; height: 100%"></div>
-          </div>
-        </div>
-      </div>
-      <div class="center" v-if="mapShow">
-        <div>
-          <div>
-            <div class="title">两个转型</div>
-            <div class="content relative center1">
-              <div class="flex items-center justify-end" style="font-size: 24px">
-                <span style="
-                      display: inline-block;
-                      margin-right: 15px;
-                      border-radius: 10px;
-                      width: 25px;
-                      height: 25px;
-                      background: url('../img/blueBig.png') no-repeat center
-                        center;
-                      background-size: 100% 100%;
-                    "></span>
-                <span style="margin-right: 40px">产业转型</span>
-                <span style="
-                      display: inline-block;
-                      margin-right: 15px;
-                      border-radius: 10px;
-                      width: 25px;
-                      height: 25px;
-                      background: url('../img/greenBig.png') no-repeat center
-                        center;
-                      background-size: 100% 100%;
-                    "></span>
-
-                <span>数字转型</span>
-              </div>
-              <div></div>
-              <div class="absolute flex items-center justify-center flex-col bubble" 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
-                    class="font28">亿</span></span>
-                <span class="font28">投资金额</span>
-              </div>
-              <div class="absolute flex items-center justify-center flex-col bubble" 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>
-                <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>
-                <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
-                    class="font28">亿</span></span>
-                <span class="font28">投资金额</span>
-              </div>
-            </div>
-          </div>
-          <div>
-            <div class="title">投资产业分布</div>
-            <div class="content relative">
-              <div style="width: 100%;height: 100%;" ref="leftEcharts12"></div>
-              <div style="width: 100%;height: 100%;top: 0;left: 0;" class="absolute" ref="leftEcharts17"></div>
-            </div>
-          </div>
-          <div>
-            <div class="title">投资执行情况</div>
-            <div class="content">
-              <div class="w-full h-full" ref="leftEcharts14"></div>
-            </div>
-          </div>
-        </div>
-        <div class="center2">
-          <div>
-            <div class="flex justify-center flex-col">
-              <div>
-                <div style="font-size: 60px; color: #5bdcc8; font-weight: bold">
-                  402.70<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>
-                <div style="font-size: 60px; color: #68bdff; font-weight: bold">
-                  396<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>
-                <div style="font-size: 60px; color: #68bdff; font-weight: bold">
-                  25.43<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>
-                <div style="font-size: 60px; color: #5bdcc8; font-weight: bold">
-                  377.27<span style="font-size: 28px">亿</span>
-                </div>
-                <div style="font-size: 28px; justify-self: center">
-                  固定资产
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="relative overflow-hidden">
-            <div ref="shanxi" style="width: 100%; height: 100%; z-index: 100"></div>
-            <div class="center3" ref="leftEcharts9"></div>
-          </div>
-        </div>
-        <div class="center4">
-          <div>
-            <div>
-              <div class="title">五个一体化</div>
-              <div class="content">
-                <div ref="leftEcharts15" style="height: 100%;width: 100%;"></div>
-              </div>
-            </div>
-          </div>
-          <div>
-            <div>
-              <div class="title">投资阶段分析</div>
-              <div class="content relative">
-                <div ref="leftEcharts13" style="height: 100%;width: 100%;"></div>
-                <div class="absolute flex flex-col items-center justify-center" style="top: 40%;left: 38%;">
-                  <span style="color: #58E6F7;font-size: 50px;font-weight: bold;">{{stageTitle2}}</span>
-                  <span class="font28">{{stageTitle}}</span>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div>
-            <div>
-              <div class="title">重点项目监控</div>
-              <div class="content">
-                <dv-scroll-board :config="storageRecordConfig2" class="h-full w-full" />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div v-else class="centerB h-full w-full relative">
-        <div class="chinaTop">
-          <div class="flex justify-center flex-col">
-            <div style="padding-left: 40%;">
-              <div style="font-size: 60px; color: #5bdcc8; font-weight: bold">
-                402.7<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 style="padding-left: 40%;">
-              <div style="font-size: 60px; color: #68bdff; font-weight: bold">
-                396<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 style="padding-left: 40%;">
-              <div style="font-size: 60px; color: #68bdff; font-weight: bold">
-                25.43<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 style="padding-left: 40%;">
-              <div style="font-size: 60px; color: #5bdcc8; font-weight: bold">
-                377.27<span style="font-size: 28px">亿</span>
-              </div>
-              <div style="font-size: 28px; justify-self: center">
-                固定资产
-              </div>
-            </div>
-          </div>
-        </div>
-        <div ref="china" style="width: 100%; height: 100%; z-index: 100"></div>
-        <div class="center5" ref="leftEcharts16"></div>
-      </div>
-      <div class="right">
-        <div class="means">
-          <div class="meansWrap">
-            <div class="meansHead">
-              <img src="./img/1.png" alt="" />
-              固定资产
-            </div>
-            <div class="wrapMeansItem">
-              <div v-for="(item, index) in meansList" class="itemWid" :class="[topIndex == index ? 'active': '']">
-                <div class="itemBac">
-                  <div>
-                    {{item.value}}
-                    <p>个</p>
-                  </div>
-                  <span>{{item.label}}</span>
-                </div>
-                <img v-if="index != meansList.length -1" src="./img/6.png" alt="" />
-              </div>
-            </div>
-          </div>
-          <div class="shareholding">
-            <div class="meansHead">
-              <img src="./img/2.png" alt="" />
-              股权类
-            </div>
-            <div class="wrapMeansItem">
-              <div v-for="(item, index) in stockRightList" :class="[topIndex == index+6 ? 'active': '']"
-                class="itemWid2">
-                <div class="itemBac itemBac2">
-                  <div>
-                    {{item.value}}
-                    <p>个</p>
-                  </div>
-                  <span>{{item.label}}</span>
-                </div>
-                <img v-if="index != stockRightList.length -1" src="./img/6.png" alt="" />
-              </div>
-            </div>
-          </div>
-        </div>
-        <div>
-          <div class="publicTitle">进度成本偏差概览</div>
-          <div class="progressCost">
-            <div class="costItem" v-for="(item, index) in costList">
-              <div class="itemTop">
-                <div class="topDiv">
-                  <p>项目数量</p>
-                  <div class="costNum">
-                    {{item.num}}
-                    <span>个</span>
-                  </div>
-                </div>
-                <div class="topDiv" style="margin-top: 1.875rem">
-                  <p>项目数量</p>
-                  <div class="costNum">
-                    {{item.value}}
-                    <span>亿</span>
-                  </div>
-                </div>
-              </div>
-              <div class="itemBottom">
-                <img class="aniLeft" src="./img/8.png" alt="" />
-                <div>{{item.status}}</div>
-                <img class="aniRight" src="./img/9.png" alt="" />
-              </div>
-            </div>
-          </div>
-        </div>
-        <div>
-          <div class="publicTitle">投资预算执行</div>
-          <div class="invest">
-            <div class="lp">
-              <div class="quan"></div>
-              <div class="bigq"></div>
-              <img :src="investData.investList[witchs].url" alt="" />
-              <div class="plItem" :style="{transform:'rotate('+innerDeg+'deg)'}">
-                <div :class="[witchs == index? 'active' : '']" v-for="(item, index) in investData.investList"
-                  :style="{ transform: 'translateY(-50%) rotate(-' + item.deg + 'deg)' }" @click="clickItem(index)">
-                  {{item.name}}
-                </div>
-              </div>
-            </div>
-            <div class="investInfoWrap">
-              <div class="investInfo">
-                预算额<span>{{investData.investList[witchs].yse}}</span>亿
-              </div>
-              <div class="investInfo">
-                已签合同额<span>{{investData.investList[witchs].yqhte}}</span>亿
-              </div>
-              <div class="investInfo">
-                产值认定额<span>{{investData.investList[witchs].czrde}}</span>亿
-              </div>
-              <div class="investInfo">
-                结算额<span>{{investData.investList[witchs].jse}}</span>亿
-              </div>
-              <div class="investInfo">
-                付款额<span>{{investData.investList[witchs].fke}}</span>亿
-              </div>
-            </div>
-          </div>
-        </div>
-        <div>
-          <div class="publicTitle">进度成本偏差</div>
-          <div class="echartsWrap" ref="rightEcharts1"></div>
-        </div>
-        <div>
-          <div class="publicTitle">项目风险分析</div>
-          <div class="projectRisk">
-            <div class="riskWrap" ref="echartR2"></div>
-            <div class="riskWrap" ref="echartR3"></div>
-            <div class="riskWrap longRisk" ref="echartR4"></div>
-          </div>
-        </div>
-      </div>
-      <div class="bottom-tip" @click="backChina"></div>
-    </div>
-    <!-- 标题状图弹窗 -->
-    <div class="absolute  backBlack" v-if="tipShow1 || tipShow2 || projectListTipShow">
-      <div class="tip-box1" v-if="tipShow1">
-        <img src="./img/close.png" style="width: 40px;height: 40px;top: 30px;right: 30px;" class="absolute pointer"
-          alt="" @click="closeTap()">
-        <div class="pop-title1">{{titleName}}</div>
-        <div class="pop-content1 text-center">
-          <div class="absolute popLeft" @click.stop="popLeftClick()"></div>
-          <div class="absolute popright" @click.stop="poprightClick()"></div>
-          <img :src="`./img/titleImg/${titleUrl}`" class="titleImg" alt="">
-        </div>
-      </div>
-      <!-- 单个柱状图弹窗 -->
-      <div class="tip-box1" v-if="tipShow2">
-        <img src="./img/close.png" style="width: 40px;height: 40px;top: 30px;right: 30px;" class="absolute pointer"
-          alt="" @click="closeTap()">
-        <div class="pop-title1">{{titleName}}</div>
-        <div class="pop-content1 text-center">
-          <div class="h-full w-full" id="leftEcharts18" ref="leftEcharts18"></div>
-        </div>
-      </div>
-      <!-- 项目列表专属弹窗 -->
-      <div class="productTip" v-if="projectListTipShow">
-        <img src="./img/close.png" style="width: 40px;height: 40px;top: 30px;right: 30px;" class="absolute pointer"
-          alt="" @click="projectListTipShow = false">
-        <div class="pop-title1">项目列表</div>
-        <div class="pop-content1 text-center">
-          <dv-scroll-board :config='config6' @click="goLookBoard" style="width:90%;height:100%;margin: 0 auto;" />
-        </div>
-      </div>
-    </div>
-  </div>
-  <script src="./js/index.js"></script>
-</body>
-
-</html>

investmentNewPort/js/Data.js

@@ -1,1208 +0,0 @@
-commonColor = ["#68BDFF", "#58F7DF", "#D2706D", '#FFE036', "#40A9FF", "#B78CFF", "#7784FF", "#477BFF", "#15D476"]
-commonColor2 = ["#40A9FF50", "#68BDFF50", "#58F7DF50", "#D2706D50", '#FFE03650', "#B78CFF50", "#7784FF50", "#477BFF50", "#15D47650"]
-let commonCompany = ["山西焦煤", "晋能控股", "华阳新材", "潞安化工", "华新燃气", "太重集团", "国际能源", "华远陆港", "水控集团", "文旅集团", "交控集团", '航产集团', '山西建投', '汾酒集团', '大地控股', '云时代', '华舰体育', '神农科技']
-left1 = [
-  [
-    {
-      name: '煤炭',
-      y: 504.41,
-      num: 51,
-      sliced: false,
-      selected: false,
-    },
-    {
-      name: '火电',
-      y: 37.7,
-      num: 3,
-      sliced: false,
-      selected: false,
-    },
-    {
-      name: '冶金',
-      y: 38.64,
-      num: 8,
-      sliced: false,
-      selected: false,
-    },
-    {
-      name: '焦化',
-      y: 16.11,
-      num: 1,
-      sliced: false,
-      selected: false,
-    },
-    {
-      name: '其他传统产业',
-      y: 18.6,
-      num: 5,
-      sliced: false,
-      selected: false,
-    }
-  ],
-  [
-    {
-      name: '新一代信息技术',
-      y: 39.96,
-      num: 101,
-      //x: 75,
-      sliced: false,
-      selected: false,
-    },
-    {
-      name: '高端装备制造',
-      y: 62.08,
-      num: 24,
-      sliced: false,
-      selected: false,
-    },
-    {
-      name: '新材料',
-      y: 10.02,
-      num: 3,
-      sliced: false,
-      selected: false,
-    },
-    {
-      name: '生物',
-      y: 2.17,
-      num: 4,
-      sliced: false,
-      selected: false,
-    },
-    {
-      name: '新能源',
-      y: 105.20,
-      num: 81,
-      sliced: false,
-      selected: false,
-    },
-    {
-      name: '节能环保',
-      y: 31.42,
-      num: 23,
-      sliced: false,
-      selected: false,
-    },
-    {
-      name: '相关服务业',
-      y: 0.08,
-      num: 3,
-      sliced: false,
-      selected: false,
-    }
-  ],
-  [
-    {
-      name: '化工',
-      y: 25.82,
-      num: 4,
-      sliced: false,
-      selected: false,
-    },
-    {
-      name: '煤层气',
-      y: 17.22,
-      num: 21,
-      sliced: false,
-      selected: false,
-    },
-    {
-      name: '文旅康养',
-      y: 16.22,
-      num: 6,
-      sliced: false,
-      selected: false,
-    },
-    {
-      name: '体育',
-      y: 2.02,
-      num: 8,
-      sliced: false,
-      selected: false,
-    },
-    {
-      name: '酿造',
-      y: 27.68,
-      num: 5,
-      sliced: false,
-      selected: false,
-    },
-    {
-      name: '其他',
-      y: 6.18,
-      num: 2,
-      sliced: false,
-      selected: false,
-    },
-    {
-      name: '建筑房地产',
-      y: 251.83,
-      num: 114,
-      sliced: false,
-      selected: false,
-    },
-    {
-      name: '农业',
-      y: 18.54,
-      num: 12,
-      sliced: false,
-      selected: false,
-    },
-  ],
-  [
-    {
-      name: '交通运输业',
-      y: 393.89,
-      num: 40,
-      sliced: false,
-      selected: false,
-    },
-    {
-      name: '市政设施',
-      y: 10.09,
-      num: 1,
-      sliced: false,
-      selected: false,
-    },
-    {
-      name: '煤气层管网',
-      y: 10.37,
-      num: 16,
-      sliced: false,
-      selected: false,
-    },
-    {
-      name: '物流贸易',
-      y: 27.22,
-      num: 20,
-      sliced: false,
-      selected: false,
-    },
-    {
-      name: '水务',
-      y: 87.21,
-      num: 35,
-      sliced: false,
-      selected: false,
-    },
-    {
-      name: '其他',
-      y: 7.60,
-      num: 11,
-      sliced: false,
-      selected: false,
-    }
-  ]
-]
-let left2 = [0.30, 1323.85]
-let left3 = []
-let left4 = [0, 0, 0, 0, 0]
-let left5 = [
-  {
-    name: '辅业',
-    y: 0,
-    num: 0,
-    sliced: false,
-    selected: false,
-  },
-  {
-    name: '主业',
-    y: 0,
-    num: 0,
-    sliced: false,
-    selected: false,
-  }
-]
-let left6 = [
-  {
-    name: '特别监管类',
-    y: 0,
-    num: 0,
-    sliced: false,
-    selected: false,
-  },
-  {
-    name: '备案类',
-    y: 0,
-    num: 0,
-    sliced: false,
-    selected: false,
-  }
-]
-let left7 = []
-let left8 = []
-let left9 = []
-let left10 = []
-let left12 = []
-let left13 = []
-let left14 = []
-let right3 = [
-  { name: '正偏差', value: '0', value2: '0', explain: '项目执行进度大于成本执行进度', type: 1, projectStepCode: '09' },
-  { name: '容差内', value: '0', value2: '0', explain: '项目执行进度与成本执行进度相符', type: 2, projectStepCode: '10' },
-  { name: '负偏差', value: '0', value2: '0', explain: '成本执行进度大于项目执行进度', type: 3, projectStepCode: '11' }
-]
-let right4 = [
-  [
-    ['项目储备', '特别监管', 0, 0],
-    ['项目立项', '特别监管', 0, 0],
-    ['可研论证', '特别监管', 0, 0],
-    ['投资决策', '特别监管', 0, 0]
-  ],
-  [
-    ['项目储备', '备案', 0, 0],
-    ['项目立项', '备案', 0, 0],
-    ['可研论证', '备案', 0, 0],
-    ['投资决策', '备案', 0, 0]
-  ]
-]
-let right5 = [
-  [
-    [
-      "山西焦煤",
-      32,
-      98.98
-    ],
-    [
-      "晋能控股",
-      32,
-      32.25
-    ],
-    [
-      "华阳新材",
-      37,
-      347.16
-    ],
-    [
-      "潞安化工",
-      100,
-      0.6
-    ],
-    [
-      "华新燃气",
-      0,
-      0
-    ],
-    [
-      "太重集团",
-      10,
-      198.6
-    ],
-    [
-      "国际能源",
-      62,
-      19.79
-    ],
-    [
-      "华远陆港",
-      50,
-      19.76
-    ],
-    [
-      "水控集团",
-      54,
-      538.7
-    ],
-    [
-      "文旅集团",
-      30,
-      287.48
-    ],
-    [
-      "交控集团",
-      41,
-      18.89
-    ],
-    [
-      "航产集团",
-      7,
-      452.42
-    ],
-    [
-      "山西建投",
-      55,
-      7.71
-    ],
-    [
-      "汾酒集团",
-      0,
-      0
-    ],
-    [
-      "大地控股",
-      10,
-      8.22
-    ],
-    [
-      "云时代",
-      17,
-      1.1
-    ],
-    [
-      "华舰体育",
-      0,
-      0
-    ],
-    [
-      "神农科技",
-      45,
-      11
-    ]
-  ],
-  [
-    [
-      "山西焦煤",
-      0,
-      286.81
-    ],
-    [
-      "晋能控股",
-      0,
-      962.76
-    ],
-    [
-      "华阳新材",
-      0,
-      131.1
-    ],
-    [
-      "潞安化工",
-      0,
-      4.01
-    ],
-    [
-      "华新燃气",
-      0,
-      109.79
-    ],
-    [
-      "太重集团",
-      0,
-      32.78
-    ],
-    [
-      "国际能源",
-      0,
-      82.53
-    ],
-    [
-      "华远陆港",
-      0,
-      1795.02
-    ],
-    [
-      "水控集团",
-      -1,
-      181.35
-    ],
-    [
-      "文旅集团",
-      0,
-      66.93
-    ],
-    [
-      "交控集团",
-      0,
-      26.48
-    ],
-    [
-      "航产集团",
-      0,
-      19.62
-    ],
-    [
-      "山西建投",
-      0,
-      365.12
-    ],
-    [
-      "汾酒集团",
-      0,
-      221.56
-    ],
-    [
-      "大地控股",
-      0,
-      32.42
-    ],
-    [
-      "云时代",
-      0,
-      193.86
-    ],
-    [
-      "华舰体育",
-      0,
-      0.37
-    ],
-    [
-      "神农科技",
-      0,
-      14.22
-    ]
-  ],
-  [
-    [
-      "山西焦煤",
-      -49,
-      998.39
-    ],
-    [
-      "晋能控股",
-      0,
-      0
-    ],
-    [
-      "华阳新材",
-      -43,
-      81.69
-    ],
-    [
-      "潞安化工",
-      0,
-      0
-    ],
-    [
-      "华新燃气",
-      -34,
-      17.35
-    ],
-    [
-      "太重集团",
-      -62,
-      13.74
-    ],
-    [
-      "国际能源",
-      -24,
-      15.03
-    ],
-    [
-      "华远陆港",
-      -79,
-      5.1
-    ],
-    [
-      "水控集团",
-      0,
-      0
-    ],
-    [
-      "文旅集团",
-      -29,
-      147.39
-    ],
-    [
-      "交控集团",
-      -70,
-      100.76
-    ],
-    [
-      "航产集团",
-      0,
-      0
-    ],
-    [
-      "山西建投",
-      -77,
-      319.86
-    ],
-    [
-      "汾酒集团",
-      -9,
-      9.97
-    ],
-    [
-      "大地控股",
-      -59,
-      36.71
-    ],
-    [
-      "云时代",
-      -104,
-      9.67
-    ],
-    [
-      "华舰体育",
-      -149,
-      23.1
-    ],
-    [
-      "神农科技",
-      -80,
-      15.28
-    ]
-  ]
-]
-// 右边下面
-let right6 = [
-  { value: 0, value2: 0, value3: 0 },
-  { value: 0, value2: 0, value3: 0 },
-  { value: 0, value2: 0, value3: 0 },
-  { value: 0, value2: 0, value3: 0 },
-  { value: 0, value2: 0, value3: 0 },
-  { value: 0, value2: 0, value3: 0 },
-  { value: 0, value2: 0, value3: 0 },
-  { value: 0, value2: 0, value3: 0 },
-  { value: 0, value2: 0, value3: 0 },
-  { value: 0, value2: 0, value3: 0 },
-  { value: 0, value2: 0, value3: 0 },
-  { value: 0, value2: 0, value3: 0 },
-  { value: 0, value2: 0, value3: 0 },
-  { value: 0, value2: 0, value3: 0 },
-  { value: 0, value2: 0, value3: 0 },
-  { value: 0, value2: 0, value3: 0 },
-  { value: 0, value2: 0, value3: 0 },
-  { value: 0, value2: 0, value3: 0 }
-]
-let right7 = []
-let center4 = [0, 0, 0, 0]
-let center1 = [0, 0, 0, 0]
-// 左中
-let center2 = [
-  {
-    name: '传统产业', y: 0, value: 0, num: 0, sliced: false, selected: false, color: '#064F78', typeno: 1
-  },
-  {
-    name: '战略新兴产业', y: 0, value: 0, num: 0, sliced: false, selected: false, color: '#BDB35D', typeno: 1
-  },
-  {
-    name: '基础产业', y: 0, value: 0, num: 0, sliced: false, selected: false, color: '#623726', typeno: 1
-  }
-]
-// 左下
-let center3 = [
-  // { name: '山西焦煤', value: 189.07, value2: 121.59 },
-  // { name: '晋能控股', value: 385.25, value2: 224.89 },
-  // { name: '华阳新材', value: 82.95, value2: 71.34 },
-  // { name: '潞安化工', value: 106.84, value2: 59.93 },
-  // { name: '华新燃气', value: 31.83, value2: 25.20 },
-  // { name: '太重集团', value: 80.01, value2: 42.46 },
-  // { name: '国际能源', value: 64.20, value2: 12.19 },
-  // { name: '华远陆港', value: 97.57, value2: 112.67 },
-  // { name: '水控集团', value: 46.99, value2: 50.89 },
-  // { name: '文旅集团', value: 26.79, value2: 9.64 },
-  // { name: '交控集团', value: 346.36, value2: 335.91 },
-  // { name: '航产集团', value: 41.09, value2: 42.67 },
-  // { name: '山西建投', value: 218.35, value2: 143.84 },
-  // { name: '汾酒集团', value: 14.03, value2: 7.69 },
-  // { name: '大地控股', value: 47.05, value2: 23.93 },
-  // { name: '云时代', value: 63.45, value2: 32.60 },
-  // { name: '华舰体育', value: 5.33, value2: 0.80 },
-  // { name: '神农科技', value: 14.76, value2: 5.84 }
-  { name: '山西焦煤', value: 0, value2: 0 },
-  { name: '晋能控股', value: 0, value2: 0 },
-  { name: '华阳新材', value: 0, value2: 0 },
-  { name: '潞安化工', value: 0, value2: 0 },
-  { name: '华新燃气', value: 0, value2: 0 },
-  { name: '太重集团', value: 0, value2: 0 },
-  { name: '国际能源', value: 0, value2: 0 },
-  { name: '华远陆港', value: 0, value2: 0 },
-  { name: '水控集团', value: 0, value2: 0 },
-  { name: '文旅集团', value: 0, value2: 0 },
-  { name: '交控集团', value: 0, value2: 0 },
-  { name: '航产集团', value: 0, value2: 0 },
-  { name: '山西建投', value: 0, value2: 0 },
-  { name: '汾酒集团', value: 0, value2: 0 },
-  { name: '大地控股', value: 0, value2: 0 },
-  { name: '云时代', value: 0, value2: 0 },
-  { name: '华舰体育', value: 0, value2: 0 },
-  { 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 center5 = [
-  // { name: '大同市', value: 60.35, value2: 28 },
-  // { name: '朔州市', value: 33.61, value2: 13 },
-  // { name: '忻州市', value: 73.35, value2: 25 },
-  // { name: '吕梁市', value: 109.04, value2: 45 },
-  // { name: '太原市', value: 251.67, value2: 113 },
-  // { name: '阳泉市', value: 25.12, value2: 28 },
-  // { name: '晋中市', value: 148.57, value2: 52 },
-  // { name: '临汾市', value: 130.55, value2: 30 },
-  // { name: '长治市', value: 103.00, value2: 23 },
-  // { name: '运城市', value: 41.06, value2: 23 },
-  // { name: '晋城市', value: 45.43, value2: 31 }
-]
-// 右上
-let center6 = [
-  // { name: '煤炭和煤电', value: 77.22 },
-  // { name: '煤电和新能源', value: 519.43 },
-  // { name: '煤炭和化工', value: 82.8 },
-  // { name: '煤炭和数字', value: 3.78 },
-  // { name: '煤炭和降碳', value: 6.08 },
-  { name: '煤炭和煤电', value: 0 },
-  { name: '煤电和新能源', value: 0 },
-  { name: '煤炭和化工', value: 0 },
-  { name: '煤炭和数字', value: 0 },
-  { name: '煤炭和降碳', value: 0 },
-]
-// 右中
-let center7 = [
-  // { name: '新建', value: 204, value2: 345.53, sliced: false, selected: false },
-  // { name: '续建', value: 385, value2: 978.55, sliced: false, selected: false },
-  { name: '新建', value: 0, value2: 0, sliced: false, selected: false },
-  { name: '续建', value: 0, value2: 0, sliced: false, selected: false },
-]
-// 右下
-let center8 = [
-  // { value: 17.8, name: '太重智能高端液压挖掘机产业项目', office: '太重集团' },
-  // { value: 18.1, name: '太重退城入园智能高端装备生产线升级改造项目', office: '太重集团' },
-  // { value: 4.9, name: '汾酒保健酒园区新增1万吨原酒产能项目', office: '汾酒集团' },
-  // { value: 4, name: '汾酒新增5.88万吨原酒储能项目', office: '汾酒集团' },
-  // { value: 3.5, name: '吉县-延长输气管道一期工程项目', office: '华新燃气' },
-  // { value: 3, name: '太原武宿（国际）机场三期改扩建工程供热制冷项目', office: '国际能源' },
-  // { value: 100, name: '山西路桥绿色智慧交通换电站项目', office: '交控集团' },
-  // { value: 1, name: '山西省静态交通大数据平台项目', office: '山西建投' },
-  // { value: 6.39, name: '太重3.0兆瓦以上风电用变速箱生产线升级改造项目', office: '太重集团' },
-  // { value: 5.45, name: '太重高端冶金矿山机械用变速箱生产线升级改造项目', office: '太重集团' },
-  // { value: 6, name: '山西普勤300MW机组低热值煤热解燃烧分级利用多联产技术改造项目', office: '国际能源' },
-  // { value: 10, name: '大地控股忻州新店矿业年产800万吨精品砂石骨料项目', office: '大地控股' },
-  // { value: 3.6, name: '山西大地100万吨脱硫石膏循环利用项目', office: '大地控股' },
-  // { value: 1.72, name: '中国北方林果苗木繁育基地项目', office: '神农科技' },
-  // { value: 4, name: '山西种业创新园一期项目', office: '山西焦煤' },
-  // { value: 1.53, name: '智慧农机装备园项目', office: '神农科技' },
-  // { value: 5.9, name: '山西蓝远快递物流园项目', office: '华远陆港' },
-  // { value: 2.64, name: '山西省智慧旅游云平台二期项目', office: '文旅集团' },
-  // { value: 9.34, name: '清凉湾温泉康养项目', office: '文旅集团' },
-  // { value: 5.93, name: '山西建筑产业现代化临汾园区一期项目', office: '山西建投' },
-  // { value: 4.01, name: '晋城市万鑫顺达100MW光伏二期项目', office: '山西建投' },
-  // { value: 2, name: '潇河产业园钢结构生产基地项目', office: '山西建投' },
-  // { value: 0.5, name: '山西省马铃薯工程技术研究中心项目', office: '神农科技' },
-  // { value: 0.4, name: '晋能控股矿井透水智能应急救援系统研究项目', office: '晋能控股' },
-  // { value: 1.2, name: '智慧交通山西省实验室项目', office: '交控集团' },
-  // { value: 3, name: '山西“时代云”项目', office: '云时代' },
-  // { value: 0.7, name: '山西新元煤炭5G+智能化矿井项目', office: '潞安化工' },
-  // { value: 1, name: '山西高河能源智能化矿井项目', office: '潞安化工' },
-  // { value: 192, name: '新建雄安新区至忻州高速铁路（山西段）项目', office: '华远陆港' },
-  // { value: 248.2, name: '新建集宁经大同至原平铁路项目', office: '华远陆港' },
-  // { value: 246.1, name: '太原武宿（国际）机场三期改扩建工程', office: '航产集团' },
-  // { value: 15, name: '山西省万家寨引黄入晋工程总干线南干线泵站二期扩机工程', office: '水控集团' },
-  // { value: 132.55, name: '山西省中部引黄工程', office: '水控集团' },
-  // { value: 58.27, name: '山西智能高端装备产业园区基础设施建设及厂房配套项目', office: '太重集团' },
-  // { value: 146.2, name: '潇河新城项目', office: '山西建投' },
-  // { value: 12.76, name: '山西体育职业学院新校区项目', office: '华舰体育' },
-]
-// 生存/发展/指标
-let dataList = [
-  // [[4.59, 26.32, 3.24, 17.17, 9.96], [5.74, 49.35, 4.62, 24.53, 24.90], [9.57, 32.90, 5.78, 40.89, 12.45]],
-  // [[2.16, 21.98, 15.73, 14.18, 4.54], [2.71, 41.21, 22.47, 20.26, 11.36], [4.51, 27.47, 28.09, 45.02, 5.68]],
-  // [[11.85, 0.14, 47.81, 9.64, 5.38], [33.17, 0.17, 68.30, 13.78, 10.75], [23.69, 0.34, 52.54, 34.44, 21.50]],
-  // [[5.34, 9.49, 16.99, 0.67, 3.39], [16.02, 18.98, 24.27, 1.35, 6.77], [10.68, 23.73, 31.11, 0.71, 13.54]],
-  // [[5.13, 7.63, 7.35, 29.63, 2.31], [15.38, 15.26, 10.50, 59.27, 4.63], [10.25, 19.08, 13.46, 39.51, 9.25]],
-  // [[8.50, 11.05, 10.32, 17.21, 4.72], [10.63, 22.10, 14.75, 24.58, 9.44], [30.73, 15.74, 18.98, 23.02, 15.05]],
-  // [[11.53, 3.24, 9.30, 5.98, 10.23], [14.41, 6.47, 13.29, 19.92, 20.47], [24.90, 34.11, 25.73, 6.74, 13.56]],
-  // [[5.06, 7.36, 11.81, 1.82, 23.31], [12.03, 14.71, 16.87, 2.60, 46.62], [6.33, 16.53, 28.11, 4.33, 25.90]],
-  // [[19.26, 0.40, 6.05, 5.29, 16.56], [45.75, 0.80, 8.65, 7.55, 33.12], [24.08, 0.90, 14.41, 12.59, 18.40]],
-  // [[6.82, 0.59, 3.05, 2.56, 19.80], [16.19, 1.18, 4.35, 3.65, 39.60], [8.52, 1.33, 7.25, 6.09, 22.00]],
-  // [[6.05, 7.36, 6.59, 17.14, 6.60], [10.58, 14.71, 9.42, 24.49, 16.50], [7.56, 21.02, 13.45, 34.98, 8.25]],
-  // [[10.85, 15.94, 4.17, 2.22, 8.25], [13.56, 31.88, 5.95, 5.56, 16.51], [22.98, 26.57, 11.90, 2.78, 27.98]],
-  // [[14.69, 3.77, 27.28, 14.01, 11.12], [31.47, 7.54, 38.97, 20.02, 22.23], [20.98, 12.56, 29.98, 25.02, 24.98]],
-  // [[3.86, 17.12, 17.06, 28.74, 5.59], [4.82, 34.24, 24.37, 41.06, 11.17], [9.64, 19.02, 43.51, 29.33, 16.43]],
-  // [[5.53, 0.91, 17.91, 12.14, 15.10], [11.06, 1.51, 44.78, 21.67, 25.17], [7.90, 1.89, 55.98, 36.12, 17.98]],
-  // [[5.79, 2.74, 8.51, 9.87, 9.62], [11.58, 9.12, 21.27, 24.68, 16.03], [20.67, 4.56, 23.90, 12.34, 23.57]],
-  // [[7.16, 4.26, 14.94, 4.17, 9.76], [14.32, 10.66, 37.35, 7.45, 16.27], [25.57, 5.33, 28.73, 8.56, 27.11]],
-  // [[21.92, 7.25, 7.30, 6.66, 3.54], [43.85, 12.08, 18.24, 16.66, 5.90], [33.73, 15.49, 21.98, 8.33, 6.56]],
-  // [[9.01, 20.65, 5.25, 12.25, 27.49], [18.02, 34.41, 13.12, 21.87, 45.82], [26.50, 24.58, 23.02, 24.57, 32.73]]
-  [[4.59, 26.32, 3.24, 17.17, 9.96], [5.74, 49.35, 4.62, 24.53, 24.90], [9.57, 32.90, 5.78, 40.89, 12.45]],
-  [[2.16, 21.98, 15.73, 14.18, 4.54], [2.71, 41.21, 22.47, 20.26, 11.36], [4.51, 27.47, 28.09, 45.02, 5.68]],
-  [[11.85, 0.14, 47.81, 9.64, 5.38], [33.17, 0.17, 68.30, 13.78, 10.75], [23.69, 0.34, 52.54, 34.44, 21.50]],
-  [[5.34, 9.49, 16.99, 0.67, 3.39], [16.02, 18.98, 24.27, 1.35, 6.77], [10.68, 23.73, 31.11, 0.71, 13.54]],
-  [[5.13, 7.63, 7.35, 29.63, 2.31], [15.38, 15.26, 10.50, 59.27, 4.63], [10.25, 19.08, 13.46, 39.51, 9.25]],
-  [[8.50, 11.05, 10.32, 17.21, 4.72], [10.63, 22.10, 14.75, 24.58, 9.44], [30.73, 15.74, 18.98, 23.02, 15.05]],
-  [[11.53, 3.24, 9.30, 5.98, 10.23], [14.41, 6.47, 13.29, 19.92, 20.47], [24.90, 34.11, 25.73, 6.74, 13.56]],
-  [[5.06, 7.36, 11.81, 1.82, 23.31], [12.03, 14.71, 16.87, 2.60, 46.62], [6.33, 16.53, 28.11, 4.33, 25.90]],
-  [[19.26, 0.40, 6.05, 5.29, 16.56], [45.75, 0.80, 8.65, 7.55, 33.12], [24.08, 0.90, 14.41, 12.59, 18.40]],
-  [[6.82, 0.59, 3.05, 2.56, 19.80], [16.19, 1.18, 4.35, 3.65, 39.60], [8.52, 1.33, 7.25, 6.09, 22.00]],
-  [[6.05, 7.36, 6.59, 17.14, 6.60], [10.58, 14.71, 9.42, 24.49, 16.50], [7.56, 21.02, 13.45, 34.98, 8.25]],
-  [[10.85, 15.94, 4.17, 2.22, 8.25], [13.56, 31.88, 5.95, 5.56, 16.51], [22.98, 26.57, 11.90, 2.78, 27.98]],
-  [[14.69, 3.77, 27.28, 14.01, 11.12], [31.47, 7.54, 38.97, 20.02, 22.23], [20.98, 12.56, 29.98, 25.02, 24.98]],
-  [[3.86, 17.12, 17.06, 28.74, 5.59], [4.82, 34.24, 24.37, 41.06, 11.17], [9.64, 19.02, 43.51, 29.33, 16.43]],
-  [[5.53, 0.91, 17.91, 12.14, 15.10], [11.06, 1.51, 44.78, 21.67, 25.17], [7.90, 1.89, 55.98, 36.12, 17.98]],
-  [[5.79, 2.74, 8.51, 9.87, 9.62], [11.58, 9.12, 21.27, 24.68, 16.03], [20.67, 4.56, 23.90, 12.34, 23.57]],
-  [[7.16, 4.26, 14.94, 4.17, 9.76], [14.32, 10.66, 37.35, 7.45, 16.27], [25.57, 5.33, 28.73, 8.56, 27.11]],
-  [[21.92, 7.25, 7.30, 6.66, 3.54], [43.85, 12.08, 18.24, 16.66, 5.90], [33.73, 15.49, 21.98, 8.33, 6.56]],
-  [[9.01, 20.65, 5.25, 12.25, 27.49], [18.02, 34.41, 13.12, 21.87, 45.82], [26.50, 24.58, 23.02, 24.57, 32.73]],
-  [[4.59, 26.32, 3.24, 17.17, 9.96], [5.74, 49.35, 4.62, 24.53, 24.90], [9.57, 32.90, 5.78, 40.89, 12.45]],
-  [[2.16, 21.98, 15.73, 14.18, 4.54], [2.71, 41.21, 22.47, 20.26, 11.36], [4.51, 27.47, 28.09, 45.02, 5.68]],
-  [[11.85, 0.14, 47.81, 9.64, 5.38], [33.17, 0.17, 68.30, 13.78, 10.75], [23.69, 0.34, 52.54, 34.44, 21.50]],
-  [[5.34, 9.49, 16.99, 0.67, 3.39], [16.02, 18.98, 24.27, 1.35, 6.77], [10.68, 23.73, 31.11, 0.71, 13.54]],
-  [[5.13, 7.63, 7.35, 29.63, 2.31], [15.38, 15.26, 10.50, 59.27, 4.63], [10.25, 19.08, 13.46, 39.51, 9.25]],
-  [[8.50, 11.05, 10.32, 17.21, 4.72], [10.63, 22.10, 14.75, 24.58, 9.44], [30.73, 15.74, 18.98, 23.02, 15.05]],
-  [[11.53, 3.24, 9.30, 5.98, 10.23], [14.41, 6.47, 13.29, 19.92, 20.47], [24.90, 34.11, 25.73, 6.74, 13.56]],
-  [[5.06, 7.36, 11.81, 1.82, 23.31], [12.03, 14.71, 16.87, 2.60, 46.62], [6.33, 16.53, 28.11, 4.33, 25.90]],
-  [[19.26, 0.40, 6.05, 5.29, 16.56], [45.75, 0.80, 8.65, 7.55, 33.12], [24.08, 0.90, 14.41, 12.59, 18.40]],
-  [[6.82, 0.59, 3.05, 2.56, 19.80], [16.19, 1.18, 4.35, 3.65, 39.60], [8.52, 1.33, 7.25, 6.09, 22.00]],
-  [[6.05, 7.36, 6.59, 17.14, 6.60], [10.58, 14.71, 9.42, 24.49, 16.50], [7.56, 21.02, 13.45, 34.98, 8.25]],
-  [[10.85, 15.94, 4.17, 2.22, 8.25], [13.56, 31.88, 5.95, 5.56, 16.51], [22.98, 26.57, 11.90, 2.78, 27.98]],
-  [[14.69, 3.77, 27.28, 14.01, 11.12], [31.47, 7.54, 38.97, 20.02, 22.23], [20.98, 12.56, 29.98, 25.02, 24.98]],
-  [[3.86, 17.12, 17.06, 28.74, 5.59], [4.82, 34.24, 24.37, 41.06, 11.17], [9.64, 19.02, 43.51, 29.33, 16.43]],
-  [[5.53, 0.91, 17.91, 12.14, 15.10], [11.06, 1.51, 44.78, 21.67, 25.17], [7.90, 1.89, 55.98, 36.12, 17.98]],
-  [[5.79, 2.74, 8.51, 9.87, 9.62], [11.58, 9.12, 21.27, 24.68, 16.03], [20.67, 4.56, 23.90, 12.34, 23.57]],
-  [[7.16, 4.26, 14.94, 4.17, 9.76], [14.32, 10.66, 37.35, 7.45, 16.27], [25.57, 5.33, 28.73, 8.56, 27.11]],
-  [[21.92, 7.25, 7.30, 6.66, 3.54], [43.85, 12.08, 18.24, 16.66, 5.90], [33.73, 15.49, 21.98, 8.33, 6.56]],
-  [[9.01, 20.65, 5.25, 12.25, 27.49], [18.02, 34.41, 13.12, 21.87, 45.82], [26.50, 24.58, 23.02, 24.57, 32.73]],
-  [[4.59, 26.32, 3.24, 17.17, 9.96], [5.74, 49.35, 4.62, 24.53, 24.90], [9.57, 32.90, 5.78, 40.89, 12.45]],
-  [[2.16, 21.98, 15.73, 14.18, 4.54], [2.71, 41.21, 22.47, 20.26, 11.36], [4.51, 27.47, 28.09, 45.02, 5.68]],
-  [[11.85, 0.14, 47.81, 9.64, 5.38], [33.17, 0.17, 68.30, 13.78, 10.75], [23.69, 0.34, 52.54, 34.44, 21.50]],
-  [[5.34, 9.49, 16.99, 0.67, 3.39], [16.02, 18.98, 24.27, 1.35, 6.77], [10.68, 23.73, 31.11, 0.71, 13.54]],
-  [[5.13, 7.63, 7.35, 29.63, 2.31], [15.38, 15.26, 10.50, 59.27, 4.63], [10.25, 19.08, 13.46, 39.51, 9.25]],
-  [[8.50, 11.05, 10.32, 17.21, 4.72], [10.63, 22.10, 14.75, 24.58, 9.44], [30.73, 15.74, 18.98, 23.02, 15.05]],
-  [[11.53, 3.24, 9.30, 5.98, 10.23], [14.41, 6.47, 13.29, 19.92, 20.47], [24.90, 34.11, 25.73, 6.74, 13.56]],
-  [[5.06, 7.36, 11.81, 1.82, 23.31], [12.03, 14.71, 16.87, 2.60, 46.62], [6.33, 16.53, 28.11, 4.33, 25.90]],
-  [[19.26, 0.40, 6.05, 5.29, 16.56], [45.75, 0.80, 8.65, 7.55, 33.12], [24.08, 0.90, 14.41, 12.59, 18.40]],
-  [[6.82, 0.59, 3.05, 2.56, 19.80], [16.19, 1.18, 4.35, 3.65, 39.60], [8.52, 1.33, 7.25, 6.09, 22.00]],
-  [[6.05, 7.36, 6.59, 17.14, 6.60], [10.58, 14.71, 9.42, 24.49, 16.50], [7.56, 21.02, 13.45, 34.98, 8.25]],
-  [[10.85, 15.94, 4.17, 2.22, 8.25], [13.56, 31.88, 5.95, 5.56, 16.51], [22.98, 26.57, 11.90, 2.78, 27.98]],
-  [[14.69, 3.77, 27.28, 14.01, 11.12], [31.47, 7.54, 38.97, 20.02, 22.23], [20.98, 12.56, 29.98, 25.02, 24.98]],
-  [[3.86, 17.12, 17.06, 28.74, 5.59], [4.82, 34.24, 24.37, 41.06, 11.17], [9.64, 19.02, 43.51, 29.33, 16.43]],
-  [[5.53, 0.91, 17.91, 12.14, 15.10], [11.06, 1.51, 44.78, 21.67, 25.17], [7.90, 1.89, 55.98, 36.12, 17.98]],
-  [[5.79, 2.74, 8.51, 9.87, 9.62], [11.58, 9.12, 21.27, 24.68, 16.03], [20.67, 4.56, 23.90, 12.34, 23.57]],
-  [[7.16, 4.26, 14.94, 4.17, 9.76], [14.32, 10.66, 37.35, 7.45, 16.27], [25.57, 5.33, 28.73, 8.56, 27.11]],
-  [[21.92, 7.25, 7.30, 6.66, 3.54], [43.85, 12.08, 18.24, 16.66, 5.90], [33.73, 15.49, 21.98, 8.33, 6.56]],
-  [[9.01, 20.65, 5.25, 12.25, 27.49], [18.02, 34.41, 13.12, 21.87, 45.82], [26.50, 24.58, 23.02, 24.57, 32.73]],
-  [[4.59, 26.32, 3.24, 17.17, 9.96], [5.74, 49.35, 4.62, 24.53, 24.90], [9.57, 32.90, 5.78, 40.89, 12.45]],
-  [[2.16, 21.98, 15.73, 14.18, 4.54], [2.71, 41.21, 22.47, 20.26, 11.36], [4.51, 27.47, 28.09, 45.02, 5.68]],
-  [[11.85, 0.14, 47.81, 9.64, 5.38], [33.17, 0.17, 68.30, 13.78, 10.75], [23.69, 0.34, 52.54, 34.44, 21.50]],
-  [[5.34, 9.49, 16.99, 0.67, 3.39], [16.02, 18.98, 24.27, 1.35, 6.77], [10.68, 23.73, 31.11, 0.71, 13.54]],
-  [[5.13, 7.63, 7.35, 29.63, 2.31], [15.38, 15.26, 10.50, 59.27, 4.63], [10.25, 19.08, 13.46, 39.51, 9.25]],
-  [[8.50, 11.05, 10.32, 17.21, 4.72], [10.63, 22.10, 14.75, 24.58, 9.44], [30.73, 15.74, 18.98, 23.02, 15.05]],
-  [[11.53, 3.24, 9.30, 5.98, 10.23], [14.41, 6.47, 13.29, 19.92, 20.47], [24.90, 34.11, 25.73, 6.74, 13.56]],
-  [[5.06, 7.36, 11.81, 1.82, 23.31], [12.03, 14.71, 16.87, 2.60, 46.62], [6.33, 16.53, 28.11, 4.33, 25.90]],
-  [[19.26, 0.40, 6.05, 5.29, 16.56], [45.75, 0.80, 8.65, 7.55, 33.12], [24.08, 0.90, 14.41, 12.59, 18.40]],
-  [[6.82, 0.59, 3.05, 2.56, 19.80], [16.19, 1.18, 4.35, 3.65, 39.60], [8.52, 1.33, 7.25, 6.09, 22.00]],
-  [[6.05, 7.36, 6.59, 17.14, 6.60], [10.58, 14.71, 9.42, 24.49, 16.50], [7.56, 21.02, 13.45, 34.98, 8.25]],
-  [[10.85, 15.94, 4.17, 2.22, 8.25], [13.56, 31.88, 5.95, 5.56, 16.51], [22.98, 26.57, 11.90, 2.78, 27.98]],
-  [[14.69, 3.77, 27.28, 14.01, 11.12], [31.47, 7.54, 38.97, 20.02, 22.23], [20.98, 12.56, 29.98, 25.02, 24.98]]
-]
-let dataList2 = [
-  [
-    "华阳新材",
-    "华钠铜（碳）年产万吨级钠离子电池正负极材料项目",
-    "11.42亿"
-  ],
-  [
-    "太重集团",
-    "太重退城入园智能高端装备生产线升级改造项目",
-    "18.11亿"
-  ],
-  [
-    "太重集团",
-    "太重智能高端液压挖掘机项目",
-    "17.82亿"
-  ],
-  [
-    "太重集团",
-    "太重（大同）高端起重机产业基地二期项目",
-    "1.62亿"
-  ],
-  [
-    "太重集团",
-    "太重液压挖掘机四轮一带项目",
-    "4.00亿"
-  ],
-  [
-    "太重集团",
-    "太重中大型工程起重机智能制造项目",
-    "8.30亿"
-  ],
-  [
-    "太重集团",
-    "太重高端工程机械齿轮箱智能制造项目",
-    "3.55亿"
-  ],
-  [
-    "云时代",
-    "侯马北铜年处理铜精矿150万吨综合回收项目",
-    "27.70亿"
-  ],
-  [
-    "交控集团",
-    "山西固废资源化利用交通科技园项目",
-    "2.00亿"
-  ],
-  [
-    "云时代",
-    "北方铜业铜矿峪矿园子沟尾矿库项目",
-    "16.73亿"
-  ],
-  [
-    "山西建投",
-    "山西综改示范区潇河产业园区建筑垃圾资源化处理项目",
-    "3.90亿"
-  ],
-  [
-    "云时代",
-    "山西北铜高性能压延铜带箔和覆铜板项目",
-    "23.96亿"
-  ],
-  [
-    "大地控股",
-    "大地控股忻州新店年产800万吨精品砂石骨料项目",
-    "8.70亿"
-  ],
-  [
-    "山西建投",
-    "山西建投晋西北建筑产业园区项目",
-    "6.71亿"
-  ],
-  [
-    "山西建投",
-    "山西建投长治建筑产业园区一期项目",
-    "4.98亿"
-  ],
-  [
-    "汾酒集团",
-    "汾青基地2万吨原酒酿造一期项目",
-    "14.80亿"
-  ],
-  [
-    "文旅集团",
-    "忻州清凉湾温泉康养项目",
-    "9.34亿"
-  ],
-  [
-    "交控集团",
-    "山西路桥数字化交通产业园（南区）项目",
-    "32.10亿"
-  ],
-  [
-    "山西建投",
-    "山西农谷智慧冷链物流园项目",
-    "5.49亿"
-  ],
-  [
-    "华新燃气",
-    "大同液化调峰储备集散中心二期项目",
-    "1.50亿"
-  ],
-  [
-    "神农科技",
-    "天镇万头奶牛智慧牧场项目",
-    "5.67亿"
-  ],
-  [
-    "晋能控股",
-    "阳泉郊区西上庄煤矿项目",
-    "52.56亿"
-  ],
-  [
-    "华阳新材",
-    "和顺泊里矿井及选煤厂项目",
-    "67.00亿"
-  ],
-  [
-    "华阳新材",
-    "寿阳七元煤矿项目",
-    "50.77亿"
-  ],
-  [
-    "山西焦煤",
-    "沁源中峪煤矿项目",
-    "87.69亿"
-  ],
-  [
-    "晋能控股",
-    "晋城兴唐车寨煤矿及选煤厂项目",
-    "27.52亿"
-  ],
-  [
-    "晋能控股",
-    "阳城龙湾矿井及选煤厂项目",
-    "69.28亿"
-  ],
-  [
-    "晋能控股",
-    "沁水东大矿井及选煤厂项目",
-    "62.46亿"
-  ],
-  [
-    "晋能控股",
-    "沁水郑庄矿井及选煤厂项目",
-    "83.06亿"
-  ],
-  [
-    "山西焦煤",
-    "乡宁谭坪煤矿一期项目",
-    "56.62亿"
-  ],
-  [
-    "山西焦煤",
-    "灵石灵北煤矿及选煤厂项目",
-    "66.27亿"
-  ],
-  [
-    "晋能控股",
-    "晋控电力同热三期2x100万千瓦“上大压小”煤电项目",
-    "72.67亿"
-  ],
-  [
-    "山西焦煤",
-    "山煤集团河曲2x35万千万低热值煤发电项目",
-    "33.30亿"
-  ],
-  [
-    "华阳新材",
-    "西上庄低热值煤发电项目",
-    "53.85亿"
-  ],
-  [
-    "华新燃气",
-    "阳城煤层气集输中心（町店配气站二期扩容改造）项目",
-    "2.50亿"
-  ],
-  [
-    "交控集团",
-    "高速公路充电桩建设项目",
-    "3.10亿"
-  ],
-  [
-    "交控集团",
-    "三个一号旅游公路和“四好农村路”沿线充电桩建设项目",
-    "7.10亿"
-  ],
-  [
-    "山西建投",
-    "山西省静态交通大数据平台项目",
-    "1.00亿"
-  ],
-  [
-    "华远陆港",
-    "集宁经大同至原平铁路项目",
-    "248.21亿"
-  ],
-  [
-    "华远陆港",
-    "雄安新区至忻州高速铁路山西段项目",
-    "192.06亿"
-  ],
-  [
-    "华远陆港",
-    "阳涉铁路开通客运服务项目",
-    "6.60亿"
-  ],
-  [
-    "交控集团",
-    "昔阳（晋冀界）至榆次高速公路项目",
-    "209.86亿"
-  ],
-  [
-    "交控集团",
-    "青银二广高速公路太原联络线项目",
-    "72.88亿"
-  ],
-  [
-    "交控集团",
-    "晋阳高速公路改扩建工程",
-    "62.02亿"
-  ],
-  [
-    "交控集团",
-    "青兰国家高速公路长治至延安联络线（G2211）山西境黎城至霍州段项目",
-    "231.10亿"
-  ],
-  [
-    "交控集团",
-    "汾阳至石楼高速公路项目",
-    "117.14亿"
-  ],
-  [
-    "交控集团",
-    "呼北国家高速公路离石至隰县段项目",
-    "104.90亿"
-  ],
-  [
-    "交控集团",
-    "临汾至沁水高速公路临汾至浮山段项目",
-    "19.70亿"
-  ],
-  [
-    "交控集团",
-    "G108线重点路段新建改建工程（含2个子项目）",
-    "130.19亿"
-  ],
-  [
-    "交控集团",
-    "国道241、省道岚马线汾河水库段改线工程",
-    "41.71亿"
-  ],
-  [
-    "交控集团",
-    "G241阳方口至朔州段和G336朔州至平鲁段公路改扩建工程PPP项目",
-    "16.38亿"
-  ],
-  [
-    "交控集团",
-    "G336线应县罗庄至朔城区东榆林改扩建工程",
-    "23.17亿"
-  ],
-  [
-    "航产集团",
-    "太原武宿（国际）机场三期改扩建项目",
-    "239.28亿"
-  ],
-  [
-    "航产集团",
-    "太原武宿（国际）机场三期改扩建综合交通中心配套项目",
-    "7.62亿"
-  ],
-  [
-    "山西建投",
-    "大盂产业新城标准化厂房基础设施一期项目",
-    "11.63亿"
-  ],
-  [
-    "水控集团",
-    "滹沱河供水工程",
-    "12.80亿"
-  ],
-  [
-    "水控集团",
-    "全省县域水网及城乡供水一体化首批项目",
-    "240.00亿"
-  ],
-  [
-    "水控集团",
-    "小浪底引黄（灌区、工业及城镇生活供水）工程",
-    "27.30亿"
-  ],
-  [
-    "水控集团",
-    "阳泉龙华口调水工程",
-    "20.30亿"
-  ],
-  [
-    "水控集团",
-    "万家寨引黄北干支线工程",
-    "15.63亿"
-  ],
-  [
-    "水控集团",
-    "万家寨引黄入晋总干线南干线泵站二期扩机项目",
-    "15.00亿"
-  ],
-  [
-    "交控集团",
-    "智慧交通山西省实验室项目",
-    "1.20亿"
-  ],
-  [
-    "交控集团",
-    "山西隧道与地下工程研究中心项目",
-    "1.50亿"
-  ],
-  [
-    "华舰体育",
-    "山西体育职业学院新校区项目",
-    "12.76亿"
-  ],
-  [
-    "华舰体育",
-    "屯留沙家庄航空产教融合实训基地项目",
-    "2.08亿"
-  ],
-  [
-    "太重集团",
-    "太重智能高端装备产业园区基础设施及厂房配套项目",
-    "55.87亿"
-  ],
-  [
-    "交控集团",
-    "山西综改示范区中小企业产业园一期项目",
-    "13.70亿"
-  ],
-  [
-    "山西焦煤",
-    "临县三交一号煤矿项目",
-    "80.53亿"
-  ],
-  [
-    "山西焦煤",
-    "中阳吴家峁矿井及选煤厂项目",
-    "60.21亿"
-  ],
-  [
-    "华阳新材",
-    "华阳云冈千吨级高性能碳纤维一期示范项目",
-    "6.40亿"
-  ]
-]
-let statusList = [
-  { name: '煤炭和煤电', value: 8.6, num: 2 },
-  { name: '煤电和新能源', value: 24.97, num: 20 },
-  { name: '煤炭和化工', value: 19.24, num: 4 },
-  { name: '煤炭和数字', value: 14.91, num: 1 },
-  { name: '煤炭和降碳', value: 6.08, num: 2 },
-]
-let echart1 = [
-  { name: '山西焦煤', value: 189.07, value2: 121.59 },
-  { name: '晋能控股', value: 385.25, value2: 224.89 },
-  { name: '华阳新材', value: 82.95, value2: 71.34 },
-  { name: '潞安化工', value: 106.84, value2: 59.93 },
-  { name: '华新燃气', value: 31.83, value2: 25.20 },
-  { name: '太重集团', value: 80.01, value2: 42.46 },
-  { name: '国际能源', value: 64.20, value2: 12.19 },
-  { name: '华远陆港', value: 97.57, value2: 112.67 },
-  { name: '万家寨水控', value: 46.99, value2: 50.89 },
-  { name: '文旅集团', value: 26.79, value2: 9.64 },
-  { name: '山西交控', value: 346.36, value2: 335.91 },
-  { name: '航产集团', value: 41.09, value2: 42.67 },
-  { name: '山西建投', value: 218.35, value2: 143.84 },
-  { name: '汾酒集团', value: 14.03, value2: 7.69 },
-  { name: '大地控股', value: 47.05, value2: 23.93 },
-  { name: '云时代', value: 63.45, value2: 32.60 },
-  { name: '华舰体育', value: 5.33, value2: 0.80 },
-  { name: '神农科技', value: 14.76, value2: 5.84 }
-]
-// 单柱状图弹窗
-let common3 = [29, 0.9, 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 common4 = [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 common5 = [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 listPop = {
-  rowNum: 15,
-  waitTime: 1000,
-  headerHeight: '100',
-  header: ["项目名称", "所属组织", '实施主体', '产业类别I级', '产业类别II级', '年投资完成额（亿）'],
-  data: [],
-  align: ["center", "center", "center", "center", "center", "center", "center", "center", "center", "center"],
-  headerBGC: "#153A62",
-  oddRowBGC: "#061F42",
-  evenRowBGC: "#0C284A",
-}

investmentNewPort/js/index2.js

@@ -1,2872 +0,0 @@
-let app = new Vue({
-  el: "#app",
-  data() {
-    return {
-      leftEcharts1: "",
-      leftEcharts2: "",
-      leftEcharts3: "",
-      leftEcharts4: "",
-      leftEcharts5: "",
-      leftEcharts6: "",
-      leftEcharts7: "",
-      leftEcharts8: "",
-      shanxiMap: "", // 山西地图
-      industryProportion: 1, // 主辅业占比轮播
-      industryLayout: 0, //产业布局分析
-      time1: "", // 4秒定时器
-      time2: "", // 针对投前产业布局分析的定时器
-      meansList: [
-        {
-          label: "初步设计",
-          value: "106",
-        },
-        {
-          label: "详细设计",
-          value: "103",
-        },
-        {
-          label: "施工",
-          value: "62",
-        },
-        {
-          label: "完工",
-          value: "35",
-        },
-        {
-          label: "验收",
-          value: "42",
-        },
-        {
-          label: "结算",
-          value: "33",
-        },
-      ],
-      costList: [
-        {
-          num: 160,
-          value: 284,
-          status: "正偏差",
-        },
-        {
-          num: 280,
-          value: 129,
-          status: "容差内",
-        },
-        {
-          num: 103,
-          value: 1082,
-          status: "负偏差",
-        },
-      ],
-      investData: {
-        investList: [
-          {
-            name: "大地控股",
-            yse: "26.79",
-            yqhte: "9.64",
-            czrde: "121.59",
-            jse: "120.13",
-            fke: "36.4",
-            url: "./img/logos/logo15.png",
-          },
-          {
-            name: "云时代",
-            yse: "21.79",
-            yqhte: "9.64",
-            czrde: "121.59",
-            jse: "120.13",
-            fke: "36.4",
-            url: "./img/logos/logo16.png",
-          },
-          {
-            name: "华舰体育",
-            yse: "26.79",
-            yqhte: "9.64",
-            czrde: "121.59",
-            jse: "120.13",
-            fke: "36.4",
-            url: "./img/logos/logo17.png",
-          },
-          {
-            name: "神农科技",
-            yse: "26.79",
-            yqhte: "9.64",
-            czrde: "121.59",
-            jse: "120.13",
-            fke: "36.4",
-            url: "./img/logos/logo18.png",
-          },
-          {
-            name: "山西焦煤",
-            yse: "26.79",
-            yqhte: "9.64",
-            czrde: "121.59",
-            jse: "120.13",
-            fke: "36.4",
-            url: "./img/logos/logo1.png",
-          },
-          {
-            name: "晋能控股",
-            yse: "26.79",
-            yqhte: "9.64",
-            czrde: "121.59",
-            jse: "120.13",
-            fke: "36.4",
-            url: "./img/logos/logo2.png",
-          },
-          {
-            name: "华阳新材",
-            yse: "26.79",
-            yqhte: "9.64",
-            czrde: "121.59",
-            jse: "120.13",
-            fke: "36.4",
-            url: "./img/logos/logo3.png",
-          },
-          {
-            name: "潞安化工",
-            yse: "26.79",
-            yqhte: "9.64",
-            czrde: "121.59",
-            jse: "120.13",
-            fke: "36.4",
-            url: "./img/logos/logo4.png",
-          },
-          {
-            name: "华新燃气",
-            yse: "26.79",
-            yqhte: "9.64",
-            czrde: "121.59",
-            jse: "120.13",
-            fke: "36.4",
-            url: "./img/logos/logo5.png",
-          },
-          {
-            name: "太重集团",
-            yse: "26.79",
-            yqhte: "9.64",
-            czrde: "121.59",
-            jse: "120.13",
-            fke: "36.4",
-            url: "./img/logos/logo6.png",
-          },
-          {
-            name: "国际能源",
-            yse: "26.79",
-            yqhte: "9.64",
-            czrde: "121.59",
-            jse: "120.13",
-            fke: "36.4",
-            url: "./img/logos/logo7.png",
-          },
-          {
-            name: "华远陆港",
-            yse: "26.79",
-            yqhte: "9.64",
-            czrde: "121.59",
-            jse: "120.13",
-            fke: "36.4",
-            url: "./img/logos/logo8.png",
-          },
-          {
-            name: "水控集团",
-            yse: "26.79",
-            yqhte: "9.64",
-            czrde: "121.59",
-            jse: "120.13",
-            fke: "36.4",
-            url: "./img/logos/logo9.png",
-          },
-          {
-            name: "文旅集团",
-            yse: "26.79",
-            yqhte: "9.64",
-            czrde: "121.59",
-            jse: "120.13",
-            fke: "36.4",
-            url: "./img/logos/logo10.png",
-          },
-          {
-            name: "交控集团",
-            yse: "26.79",
-            yqhte: "9.64",
-            czrde: "121.59",
-            jse: "120.13",
-            fke: "36.4",
-            url: "./img/logos/logo11.png",
-          },
-          {
-            name: "航产集团",
-            yse: "26.79",
-            yqhte: "9.64",
-            czrde: "121.59",
-            jse: "120.13",
-            fke: "36.4",
-            url: "./img/logos/logo12.png",
-          },
-          {
-            name: "山西建投",
-            yse: "26.79",
-            yqhte: "9.64",
-            czrde: "121.59",
-            jse: "120.13",
-            fke: "36.4",
-            url: "./img/logos/logo13.png",
-          },
-          {
-            name: "汾酒集团",
-            yse: "26.79",
-            yqhte: "9.64",
-            czrde: "121.59",
-            jse: "120.13",
-            fke: "36.4",
-            url: "./img/logos/logo14.png",
-          },
-        ],
-      },
-      inner: 0,
-      innerDeg: 0,
-      timer: null,
-      witchs: 0,
-      topIndex: 0,
-    };
-  },
-  created() {},
-  beforeDestroy() {
-    clearInterval(this.timer);
-  },
-  mounted() {
-    this.time4s();
-    this.timeNs();
-    this.filterLpData();
-    this.lpRotate();
-    setTimeout(() => {
-      this.leftEcharts1Fun();
-      this.leftEcharts2Fun();
-      this.leftEcharts3Fun();
-      this.leftEcharts4Fun();
-      this.leftEcharts5Fun();
-      this.leftEcharts6Fun();
-      this.leftEcharts7Fun();
-      this.leftEcharts8Fun();
-      this.chinaEchartsFun();
-      this.initChartR1();
-      this.initChartR2();
-      this.initChartR3();
-      this.initChartR4();
-    });
-  },
-  methods: {
-    initChartR1 () {
-      let that = this;
-      let sumA = 42;
-      let right5 = [[1, 2, 3, 4, 5, 6]];
-      let commonCompany = [
-        "山西焦煤",
-        "山西焦煤",
-        "山西焦煤",
-        "山西焦煤",
-        "山西焦煤",
-        "山西焦煤",
-      ];
-      // 所有在100范围外的全部变成0，其他值相应增加/减少sumA
-      // right5.forEach((item) => {
-      //   item.forEach((item2) => {
-      //     if (Number(item2[1]) < 0) {
-      //       item2[1] = that.$set(item2, 1, Number(that.numSub(item2[1], sumA)));
-      //     } else if (Number(item2[1]) > 0) {
-      //       item2[1] = that.$set(item2, 1, Number(item2[1]) + sumA);
-      //     }
-      //     if (Number(item2[1]) < -100 - sumA) {
-      //       item2[1] = that.$set(item2, 1, 0);
-      //       item2[1] = that.$set(item2, 2, 0);
-      //     } else if (Number(item2[1]) > 100 + sumA) {
-      //       item2[1] = that.$set(item2, 1, 0);
-      //       item2[1] = that.$set(item2, 2, 0);
-      //     }
-      //   });
-      // });
-
-      const itemStyle = {
-        // opacity: 0.8,
-        shadowBlur: 10,
-        shadowOffsetX: 0,
-        shadowOffsetY: 0,
-        shadowColor: "rgba(0,0,0,0.3)",
-      };
-      that.right2Chart = echarts.init(this.$refs["echartR1"]);
-      that.right2Chart.on("showTip", (params) => {
-        // 如果是7或者15并且满足防抖则切换
-        if (
-          (params.dataIndex == 5 || params.dataIndex == 11) &&
-          that.echartR2Fd
-        ) {
-          that.echartR2Fd = false;
-          setTimeout(() => {
-            option.dataZoom[0].endValue = option.dataZoom[0].endValue + 6;
-            option.dataZoom[0].startValue = option.dataZoom[0].startValue + 6;
-            that.right2Chart.setOption(option);
-            // 防止勿刷新做的防抖
-            setTimeout(() => {
-              that.echartR2Fd = true;
-            }, 2000);
-          }, 1900);
-          // 如果是17表示到了最后一个，那么重新来一遍
-        } else if (params.dataIndex == 17 && that.echartR2Fd) {
-          that.echartR2Fd = false;
-          setTimeout(() => {
-            option.dataZoom[0].endValue = 0;
-            option.dataZoom[0].startValue = 5;
-            that.right2Chart.setOption(option);
-            // 防止勿刷新做的防抖
-            setTimeout(() => {
-              that.echartR2Fd = true;
-            }, 2000);
-          }, 1900);
-        }
-      });
-      let option = {
-        color: ["#04635E", "#697143", "#4A3042"],
-        dataZoom: [
-          {
-            // start: 9,//默认为@
-            // end: 100,//黑认认为1@0
-            type: "slider",
-            show: false,
-            // xAxisIndex: [0]
-            handlesize: 0, //滑动条的 左右2个滑动条的大小
-            startValue: 5, // 初始显示值
-            endValue: 0, // 结束显示值
-            height: 10, //组件高度
-            left: "5%",
-            right: "4%", //右边的距离
-            bottom: "25%", //底边的距离
-            borderColor: "#939",
-            fillerColor: "#269cdb",
-            borderRadius: 5,
-            backgroundColor: "#33384b", //两边未选中的滑动条区域的额色
-            showDataShadow: false, //是否显示数据阴影
-            showDetail: false, //即拖拽时候是否显示详细数值信息
-            truerealtime: true, //是否实时更新
-            filterMode: "filter",
-          },
-          {
-            type: "inside",
-            show: true,
-            start: 1,
-            end: 100,
-            zoomOnMouseWheel: false, //滚轮是否触发缩放
-            moveOnMouseMove: false, //鼠标滚轮触发滚动
-          },
-        ],
-        legend: {
-          selectedMode: false,
-          top: 10,
-          right: "6%",
-          data: ["正偏差", "容差", "负偏差"],
-          textStyle: {
-            fontSize: 20,
-            color: "#fff",
-            fontFamily: "Microsoft YaHei",
-          },
-        },
-        textStyle: {
-          color: "#fff",
-        },
-        // tooltip: {
-        //   show: true,
-        //   trigger: "axis",
-        //   textStyle: {
-        //     color: "#FFF", // 文字的颜色
-        //     fontSize: "20", // 文字字体大小
-        //     fontFamily: "Microsoft YaHei",
-        //   },
-        //   formatter: (data) => {
-        //     return `${
-        //       data[0].value[0]
-        //     }<br /><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${
-        //       data[0].color
-        //     }"></span> ${data[0].seriesName}：${that.numFormat(
-        //       data[0].data[2]
-        //     )}亿<br /><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${
-        //       data[1].color
-        //     }"></span> ${data[1].seriesName}：${that.numFormat(
-        //       data[1].data[2]
-        //     )}亿<br /><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${
-        //       data[2].color
-        //     }"></span> ${data[2].seriesName}：${that.numFormat(
-        //       data[2].data[2]
-        //     )}亿`;
-        //   },
-        //   axisPointer: {
-        //     //  // type: 'cross',',
-        //   },
-        // },
-        grid: {
-          top: "10%",
-          right: "7%",
-          left: "7%",
-          bottom: "6%",
-        },
-        yAxis: {
-          min: -101 - sumA,
-          max: 101 + sumA,
-          maxInterval: 1,
-          splitLine: {
-            show: false,
-            // interval:,
-            lineStyle: {
-              color: "#68b4dd66",
-              type: "dashed",
-            },
-          },
-          axisLine: {
-            show: false,
-          },
-          axisTick: {
-            show: false,
-          },
-          axisLabel: {
-            show: true,
-            // formatter: '{value}',
-            formatter (data) {
-              if (data == 100 + sumA) {
-                return "100%";
-              } else if (data == -100 - sumA) {
-                return "-100%";
-              } else if (data == -5 - sumA) {
-                return "-5%";
-              } else if (data == 5 + sumA) {
-                return "5%";
-              }
-            },
-            textStyle: {
-              color: "#fff",
-              fontSize: "20",
-              fontFamily: "Microsoft YaHei",
-            },
-          },
-          nameTextStyle: {
-            color: "#fff",
-            fontSize: 20,
-            fontFamily: "Microsoft YaHei",
-          },
-        },
-        xAxis: {
-          data: commonCompany,
-          axisLine: {
-            show: false, //隐藏X轴轴线
-            lineStyle: {
-              color: "#005094",
-              width: 1,
-            },
-          },
-          splitLine: {
-            show: true,
-            lineStyle: {
-              color: "#68b4dd66",
-              type: "dashed",
-            },
-          },
-          axisTick: {
-            show: true, //隐藏X轴刻度
-          },
-          axisLabel: {
-            show: true,
-            rotate: 20,
-            padding: [0, 0, 0, 0],
-            textStyle: {
-              color: "#fff", //X轴文字颜色
-              fontSize: 22,
-              fontFamily: "Microsoft YaHei",
-            },
-          },
-        },
-        series: [
-          {
-            name: "正偏差",
-            type: "scatter",
-            itemStyle: itemStyle,
-            data: right5[0],
-            symbolSize: function (data) {
-              if ((data[2] > 0 && data[2] < 50) || data[2] == 50) {
-                return 40;
-              } else if ((data[2] > 50 && data[2] < 100) || data[2] == 100) {
-                return 70;
-              } else if (data[2] > 100) {
-                return 100;
-              }
-            },
-            markLine: {
-              symbol: "none",
-              data: [
-                {
-                  name: "100%",
-                  yAxis: 100 + sumA,
-                  lineStyle: {
-                    // color: '#fff',
-                  },
-                  label: {
-                    show: false,
-                    formatter: "{b}",
-                    position: "right",
-                    color: "#fff",
-                    fontSize: 20,
-                    label: {
-                      show: false,
-                    },
-                  },
-                },
-                {
-                  name: "5%",
-                  yAxis: 5 + sumA,
-                  lineStyle: {
-                    // color: '#fff',
-                  },
-                  label: {
-                    show: false,
-                    formatter: "{b}",
-                    position: "right",
-                    color: "#fff",
-                    fontSize: 20,
-                  },
-                },
-                {
-                  name: "-5%",
-                  yAxis: -5 - sumA,
-                  lineStyle: {
-                    // color: '#fff',
-                  },
-                  label: {
-                    show: false,
-                    formatter: "{b}",
-                    position: "right",
-                    color: "#fff",
-                    fontSize: 20,
-                  },
-                },
-                {
-                  name: "100%",
-                  yAxis: -100 - sumA,
-                  lineStyle: {
-                    // color: '#fff',
-                  },
-                  label: {
-                    show: false,
-                    formatter: "{b}",
-                    position: "right",
-                    color: "#fff",
-                    fontSize: 20,
-                  },
-                },
-              ],
-            },
-          },
-          {
-            name: "容差",
-            type: "scatter",
-            itemStyle: itemStyle,
-            data: right5[1],
-            symbolSize: function (data) {
-              if ((data[2] > 0 && data[2] < 50) || data[2] == 50) {
-                return 40;
-              } else if ((data[2] > 50 && data[2] < 100) || data[2] == 100) {
-                return 70;
-              } else if (data[2] > 100) {
-                return 100;
-              }
-            },
-          },
-          {
-            name: "负偏差",
-            type: "scatter",
-            itemStyle: itemStyle,
-            data: right5[2],
-            symbolSize: function (data) {
-              if ((data[2] > 0 && data[2] < 50) || data[2] == 50) {
-                return 40;
-              } else if ((data[2] > 50 && data[2] < 100) || data[2] == 100) {
-                return 70;
-              } else if (data[2] > 100) {
-                return 100;
-              }
-            },
-          },
-        ],
-      };
-      that.right2Chart.on("click", function (param) {
-        if (that.versions) {
-          that.rightAdd.modelName = 1;
-          that.rightAdd.substraction =
-            param.seriesName == "正偏差"
-              ? 1
-              : param.seriesName == "容差"
-                ? 2
-                : 3;
-          that.rightAdd.projectStepCode = "";
-          that.projectNum = 313;
-          that.rightPenetrateTwo(
-            1,
-            param.seriesName == "正偏差"
-              ? 1
-              : param.seriesName == "容差"
-                ? 2
-                : 3,
-            that.findCode(param.name),
-            "right"
-          );
-        } else {
-          that.projectListTipShow = true;
-        }
-      });
-      that.right2Chart.setOption(option);
-      tools.loopShowTooltip(that.right2Chart, option, {
-        interval: 2000,
-        loopSeries: true,
-      });
-    },
-    initChartR2 () {
-      let that = this;
-      that.right1Chart = echarts.init(this.$refs["echartR2"]);
-      let option = {
-        color: [
-          {
-            type: "linear",
-            x: 0,
-            y: 0,
-            x2: 0,
-            y2: 1,
-            colorStops: [
-              {
-                offset: 0,
-                color: "#91231F", // 0% 处的颜色
-              },
-              {
-                offset: 1,
-                color: "#F98784", // 100% 处的颜色
-              },
-            ],
-            global: false, // 缺省为 false
-          },
-          {
-            type: "linear",
-            x: 0,
-            y: 0,
-            x2: 0,
-            y2: 1,
-            colorStops: [
-              {
-                offset: 0,
-                color: "#9F7F00", // 0% 处的颜色
-              },
-              {
-                offset: 1,
-                color: "#FBE463", // 100% 处的颜色
-              },
-            ],
-            global: false, // 缺省为 false
-          },
-          {
-            type: "linear",
-            x: 0,
-            y: 0,
-            x2: 0,
-            y2: 1,
-            colorStops: [
-              {
-                offset: 0,
-                color: "#07806E", // 0% 处的颜色
-              },
-              {
-                offset: 1,
-                color: "#79FFEB", // 100% 处的颜色
-              },
-            ],
-            global: false, // 缺省为 false
-          },
-        ],
-        legend: {
-          top: 10,
-          right: 10,
-          textStyle: {
-            fontSize: 20,
-            color: "#fff",
-            fontFamily: "Microsoft YaHei",
-          },
-          itemStyle: {
-            borderCap: "round",
-          },
-        },
-        grid: {
-          left: "3%",
-          right: "4%",
-          bottom: "3%",
-          containLabel: true,
-        },
-        xAxis: [
-          {
-            type: "category",
-            data: [
-              "山西焦煤",
-              "华阳控股",
-              "晋能控股",
-              "潞安化工",
-              "国际能源",
-              "云时代",
-              "航产集团",
-            ],
-            axisLine: {
-              lineStyle: {
-                color: "#005094",
-              },
-            },
-            axisTick: {
-              show: false,
-            },
-            axisLabel: {
-              color: "#fff",
-              rotate: 20,
-              fontSize: 22,
-            },
-          },
-        ],
-        yAxis: [
-          {
-            type: "value",
-            axisLabel: {
-              color: "#fff",
-              fontSize: 22,
-            },
-            splitLine: {
-              lineStyle: {
-                type: "dashed",
-              },
-            },
-          },
-        ],
-        series: [
-          {
-            name: "低风险",
-            type: "bar",
-            stack: "Ad",
-            barWidth: 14,
-            emphasis: {
-              focus: "series",
-            },
-            itemStyle: {
-              barBorderRadius: [15, 15, 15, 15],
-            },
-            data: [120, 132, 101, 134, 90, 230, 210],
-          },
-          {
-            name: "中风险",
-            type: "bar",
-            stack: "Ad",
-            itemStyle: {
-              barBorderRadius: [15, 15, 15, 15],
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: [220, 182, 191, 234, 290, 330, 310],
-          },
-          {
-            name: "高风险",
-            type: "bar",
-            stack: "Ad",
-            itemStyle: {
-              barBorderRadius: [15, 15, 15, 15],
-            },
-            emphasis: {
-              focus: "series",
-            },
-            data: [150, 232, 201, 154, 190, 330, 410],
-          },
-        ],
-      };
-      that.right1Chart.setOption(option);
-    },
-    initChartR3() {
-      let that = this;
-      that.right3Chart = echarts.init(this.$refs["echartR3"]);
-      let option = {
-        radar: {
-          // shape: 'circle',
-          splitNumber: 3,
-          splitLine: {
-            lineStyle: {
-              color: ["#DD5955", "#39e1d0", "#2e3d45"],
-            },
-          },
-          splitArea: {
-            areaStyle: {
-              color: [
-                "rgba(88,247,223,0.2)",
-                "rgba(255, 224, 54, 0.2)",
-                "rgba(221,89,85,0.3)",
-              ],
-            },
-          },
-          indicator: [
-            { name: "安全风险", max: 25 },
-            { name: "付款风险", max: 25 },
-            { name: "合同风险", max: 25 },
-            { name: "结算风险", max: 25 },
-            { name: "进度风险", max: 25 },
-            { name: "质量风险", max: 25 },
-          ],
-        },
-        series: [
-          {
-            name: "风险",
-            type: "radar",
-            symbol: "circle",
-            data: [
-              {
-                value: [12, 23, 21, 17, 20, 9],
-                name: "Allocated Budget",
-                areaStyle: {
-                  color: "#112b75",
-                },
-                lineStyle: {
-                  width: 4,
-                  color: "#60C1FF",
-                },
-                label: {
-                  fontSize: 22,
-                },
-              },
-            ],
-          },
-        ],
-      };
-      that.right3Chart.setOption(option);
-    },
-    initChartR4() {
-      let that = this;
-      that.right4Chart = echarts.init(this.$refs["echartR4"]);
-      let option = {
-        tooltip: {
-          trigger: "item",
-          show: true,
-
-          formatter: function (p) {
-            console.info(p);
-            return p.marker + p.name + " : " + p.value;
-          },
-        },
-        grid: {
-          left: "3%",
-          right: "4%",
-          bottom: "3%",
-          containLabel: true,
-        },
-        xAxis: {
-          data: ["山西焦煤", "晋能控股", "华阳新材"],
-          type: "category",
-          splitLine: {
-            show: false,
-          },
-          axisLine: {
-            show: true,
-            lineStyle: {
-              color: "#fff",
-            },
-          },
-          axisTick: {
-            show: true,
-          },
-          axisLabel: {
-            color: "#fff",
-            fontSize: 22,
-            rotate: 20,
-          },
-        },
-        yAxis: {
-          type: "value",
-          splitNumber: 4,
-          interval: 50,
-          splitLine: {
-            show: true,
-            lineStyle: {
-              color: "#68B4DD",
-              type: "dashed",
-            },
-          },
-          axisLine: {
-            show: false,
-          },
-          axisTick: {
-            show: false,
-          },
-          axisLabel: {
-            color: "#fff",
-            fontSize: 22,
-          },
-        },
-        series: [
-          {
-            type: "bar",
-            animation: false,
-            barWidth: 2,
-            data: [60, 85, 110],
-            tooltip: {
-              show: false,
-            },
-            itemStyle: {
-              color: {
-                x: 0,
-                y: 0,
-                x2: 0,
-                y2: 1,
-                colorStops: [
-                  {
-                    offset: 0,
-                    color: "rgba(85, 255, 237, 1)", // 0% 处的颜色
-                  },
-                  {
-                    offset: 1,
-                    color: "rgba(66, 142, 255, 0.05)", // 100% 处的颜色
-                  },
-                ],
-              },
-            },
-          },
-          {
-            type: "scatter",
-            data: [60, 85, 110],
-            symbolOffset: ["-120%", "0"],
-            symbolSize: 8,
-            itemStyle: {
-              borderWidth: 0,
-              opacity: 1,
-              color: "rgba(85, 255, 237, 1)",
-              shadowColor: "rgba(85, 255, 237, 1)",
-              shadowBlur: 100,
-              shadowOffsetX: 100,
-            },
-          },
-          {
-            type: "bar",
-            animation: false,
-            barGap: "800%",
-            barWidth: 2,
-            data: [60, 85, 110],
-            tooltip: {
-              show: false,
-            },
-            itemStyle: {
-              color: {
-                x: 0,
-                y: 0,
-                x2: 0,
-                y2: 1,
-                colorStops: [
-                  {
-                    offset: 0,
-                    color: "rgba(214, 91, 255, 1)", // 0% 处的颜色
-                  },
-                  {
-                    offset: 1,
-                    color: "rgba(184, 91, 255, 0.05)", // 100% 处的颜色
-                  },
-                ],
-              },
-            },
-          },
-          {
-            type: "scatter",
-            data: [60, 85, 110],
-            symbolOffset: ["110%", "0"],
-            symbolSize: 8,
-            itemStyle: {
-              borderWidth: 0,
-              opacity: 1,
-              color: "#f2fec3",
-            },
-          },
-        ],
-      };
-      that.right4Chart.setOption(option);
-    },
-    clickItem (index) {
-      console.log(index);
-      const angle = 360 / this.investData.investList.length;
-      this.witchs = index;
-      this.inner = index;
-      this.innerDeg = this.witchs * angle;
-      this.lpRotate();
-    },
-    lpRotate () {
-      const angle = 360 / this.investData.investList.length;
-      clearInterval(this.timer);
-      this.timer = setInterval(() => {
-        this.inner++;
-        this.topIndex++;
-        this.topIndex = this.topIndex % this.meansList.length;
-        this.witchs = this.inner % this.investData.investList.length;
-        this.innerDeg = this.inner * angle;
-      }, 2000);
-    },
-    filterLpData () {
-      const angle = 360 / this.investData.investList.length;
-      for (let i in this.investData.investList) {
-        this.investData.investList[i].deg = i * angle;
-        this.$set(this.investData.investList, i, {
-          ...this.investData.investList[i],
-          deg: i * angle,
-        });
-      }
-    },
-    // 4秒定时器
-    time4s() {
-      let that = this;
-      // 4秒定时器
-      this.time1 = setInterval(() => {
-        that.industryProportion == 1
-          ? (that.industryProportion = 2)
-          : (that.industryProportion = 1);
-        that.leftEcharts1.dispose();
-        that.leftEcharts2.dispose();
-        that.leftEcharts3.dispose();
-        that.leftEcharts4.dispose();
-        that.leftEcharts1Fun();
-        that.leftEcharts2Fun();
-        that.leftEcharts3Fun();
-        that.leftEcharts4Fun();
-      }, 4000);
-    },
-    // 针对投前产业布局分析的定时器
-    timeNs() {
-      let that = this;
-      this.time2 = setInterval(() => {
-        if (that.industryLayout < 3) {
-          that.industryLayout = that.industryLayout + 1;
-        } else {
-          that.industryLayout = 0;
-        }
-        this.time2 && clearInterval(this.time2);
-        this.timeNs();
-        that.leftEcharts5.dispose();
-        that.leftEcharts5Fun();
-      }, left1[that.industryLayout].length * 2000);
-    },
-    // 主辅业占比点击方法
-    industryProportionChange(e) {
-      let that = this;
-      this.industryProportion = e;
-      this.time1 && clearInterval(this.time1);
-      that.leftEcharts1.dispose();
-      that.leftEcharts2.dispose();
-      that.leftEcharts3.dispose();
-      that.leftEcharts4.dispose();
-      that.leftEcharts1Fun();
-      that.leftEcharts2Fun();
-      that.leftEcharts3Fun();
-      that.leftEcharts4Fun();
-      this.time4s();
-    },
-    // 产业布局分析点击方法
-    industryLayoutChange(e) {
-      this.industryLayout = e;
-    },
-    yuanChange(value) {
-      return Number((value / 100000000).toFixed(2));
-    },
-    // 逢三折断
-    numFormat(value) {
-      if (!value) return "0";
-      // var intPart = Number(value).toFixed(0) // 获取整数部分
-      var intPart = parseInt(value); // 获取整数部分
-      var intPartFormat = intPart
-        .toString()
-        .replace(/(\d)(?=(?:\d{3})+$)/g, "$1,"); // 将整数部分逢三一断
-
-      var floatPart = ".00"; // 预定义小数部分
-      var value2Array = value.toString().split(".");
-      // =2表示数据有小数位
-      if (value2Array.length === 2) {
-        floatPart = value2Array[1].toString(); // 拿到小数部分
-        if (floatPart.length === 1) {
-          // 补0
-          return intPartFormat + "." + floatPart + "0";
-        } else {
-          floatPart = floatPart.slice(0, 2);
-          return intPartFormat + "." + floatPart;
-        }
-      } else {
-        return intPartFormat;
-      }
-    },
-    leftEcharts1Fun() {
-      let that = this;
-      this.leftEcharts1 = echarts.init(this.$refs["leftEcharts1"]);
-      option = {
-        title: {
-          text: that.industryProportion == 1 ? "30%" : "70%",
-          x: "center",
-          y: "center",
-          textStyle: {
-            fontWeight: "normal",
-            color: "#68BDFF",
-            fontSize: "20",
-          },
-        },
-        color: ["#68BDFF", "#254F7F"],
-        series: [
-          {
-            name: "Line 1",
-            type: "pie",
-            clockWise: true,
-            radius: ["80%", "100%"],
-            itemStyle: {
-              normal: {
-                label: {
-                  show: false,
-                },
-                labelLine: {
-                  show: false,
-                },
-              },
-            },
-            hoverAnimation: false,
-            data: [
-              {
-                value: 80,
-                name: "01",
-                itemStyle: {
-                  normal: {
-                    label: {
-                      show: false,
-                    },
-                    labelLine: {
-                      show: false,
-                    },
-                  },
-                },
-              },
-              {
-                name: "02",
-                value: 20,
-              },
-            ],
-          },
-        ],
-      };
-      //轮播
-      // tools.loopShowTooltip(leftEcharts1, option, {
-      //   interval: 2000,
-      //   loopSeries: true,
-      // });
-      //注册
-      that.leftEcharts1.setOption(option);
-    },
-    leftEcharts2Fun() {
-      let that = this;
-      this.leftEcharts2 = echarts.init(this.$refs["leftEcharts2"]);
-      let nameList = ["a"];
-      let valueList = that.industryProportion == 1 ? [30] : [70];
-      let total = 100; // 数据总数
-      var category = nameList.map((item, index) => {
-        return {
-          value: valueList[index],
-          itemStyle: {
-            color: new echarts.graphic.LinearGradient(
-              1,
-              0,
-              0,
-              1,
-              [
-                {
-                  offset: 0,
-                  color: "#40A9FF50",
-                },
-                {
-                  offset: 1,
-                  color: "#40A9FF",
-                },
-              ],
-              false
-            ),
-          },
-        };
-      });
-      var totalList = [];
-      var totalBorderList = [];
-      nameList.map((item, index) => {
-        totalList.push({
-          value: total,
-          itemStyle: {
-            color: "rgba(51, 147, 236, 0.29)",
-          },
-        });
-        totalBorderList.push({
-          value: total,
-          itemStyle: {
-            borderColor: "rgba(51, 147, 236, 0.29)",
-            color: "transparent",
-          },
-        });
-      });
-      var datas = [];
-      category.forEach((value) => {
-        datas.push(value.value);
-      });
-      option = {
-        // backgroundColor: 'rgb(231,238,249)',
-        xAxis: {
-          max: total,
-          splitLine: {
-            show: false,
-          },
-          axisLine: {
-            show: false,
-          },
-          axisLabel: {
-            show: false,
-          },
-          axisTick: {
-            show: false,
-          },
-        },
-        grid: {
-          left: "0%",
-          top: "15%", // 设置条形图的边距
-          right: "15%",
-          bottom: "5%",
-        },
-        yAxis: [
-          {
-            type: "category",
-            inverse: false,
-            data: nameList,
-            axisLine: {
-              show: false,
-            },
-            axisTick: {
-              show: false,
-            },
-            axisLabel: {
-              show: false,
-            },
-          },
-        ],
-        series: [
-          {
-            // 内
-            type: "bar",
-            barWidth: 16,
-            barGap: "20%",
-            silent: true,
-            // label: {
-            //     normal: {
-            //         formatter: (item) => {
-            //             return `${item['name']}：${item['value']} `;
-            //         },
-            //         textStyle: {
-            //             color: 'rgba(105, 120, 136, 1)',
-            //             fontSize: 14,
-            //         },
-            //         position: [0, '-25px'],
-            //         show: true,
-            //     },
-            // },
-            data: category,
-            z: 1,
-            itemStyle: {
-              normal: {
-                color: new echarts.graphic.LinearGradient(
-                  1,
-                  0,
-                  0,
-                  1,
-                  [
-                    {
-                      offset: 0,
-                      color: "rgba(81, 193, 156, 1)",
-                    },
-                    {
-                      offset: 1,
-                      color: "rgba(234, 177, 100, 1)",
-                    },
-                  ],
-                  false
-                ),
-              },
-            },
-            animationEasing: "elasticOut",
-          },
-
-          {
-            // 分隔
-            type: "pictorialBar",
-            itemStyle: {
-              normal: {
-                color: "#143362",
-              },
-            },
-            symbolRepeat: "fixed",
-            symbolMargin: 8,
-            symbol: "rect",
-            symbolClip: false,
-            symbolSize: [4, 20],
-            symbolPosition: "start",
-            symbolOffset: [0, -2],
-            symbolBoundingData: total,
-            data: [total, total, total, total],
-            z: 2,
-            animationEasing: "elasticOut",
-          },
-          {
-            // label
-            type: "pictorialBar",
-            symbolBoundingData: total,
-            itemStyle: {
-              normal: {
-                color: "none",
-              },
-            },
-            label: {
-              normal: {
-                formatter: (params) => {
-                  var text;
-                  text = `${((params["data"] * 100) / total).toFixed(2)}亿`;
-                  return text;
-                },
-                textStyle: {
-                  // 图列内容样式
-                  fontSize: "20",
-                  fontWeight: 800,
-                },
-                position: "right",
-                offset: [0, -3],
-                distance: 10, // 向右偏移位置
-                show: true,
-                color: "#68BDFF",
-              },
-            },
-            data: datas,
-            z: 0,
-          },
-          {
-            name: "外框",
-            type: "bar",
-            barGap: "-130%", // 设置外框粗细
-            data: totalBorderList,
-            barWidth: 26,
-            itemStyle: {
-              normal: {
-                // barBorderRadius: [5, 5, 5, 5],
-                borderWidth: 1, // 边框宽度
-                borderColor: "rgb(51, 147, 236)", // 边框色
-                color: "rgb(231,238,249)",
-              },
-            },
-            z: 0,
-          },
-        ],
-      };
-
-      //轮播
-      // tools.loopShowTooltip(leftEcharts1, option, {
-      //   interval: 2000,
-      //   loopSeries: true,
-      // });
-      //注册
-      that.leftEcharts2.setOption(option);
-    },
-    leftEcharts3Fun() {
-      let that = this;
-      this.leftEcharts3 = echarts.init(this.$refs["leftEcharts3"]);
-      option = {
-        title: {
-          text: that.industryProportion == 1 ? "70%" : "30%",
-          x: "center",
-          y: "center",
-          textStyle: {
-            fontWeight: "normal",
-            color: "#68BDFF",
-            fontSize: "20",
-          },
-        },
-        color: ["#5BDCC8", "#254F7F"],
-        series: [
-          {
-            name: "Line 1",
-            type: "pie",
-            clockWise: true,
-            radius: ["80%", "100%"],
-            itemStyle: {
-              normal: {
-                label: {
-                  show: false,
-                },
-                labelLine: {
-                  show: false,
-                },
-              },
-            },
-            hoverAnimation: false,
-            data: [
-              {
-                value: 80,
-                name: "01",
-                itemStyle: {
-                  normal: {
-                    label: {
-                      show: false,
-                    },
-                    labelLine: {
-                      show: false,
-                    },
-                  },
-                },
-              },
-              {
-                name: "02",
-                value: 20,
-              },
-            ],
-          },
-        ],
-      };
-      //轮播
-      // tools.loopShowTooltip(leftEcharts1, option, {
-      //   interval: 2000,
-      //   loopSeries: true,
-      // });
-      //注册
-      that.leftEcharts3.setOption(option);
-    },
-    leftEcharts4Fun() {
-      let that = this;
-      this.leftEcharts4 = echarts.init(this.$refs["leftEcharts4"]);
-      let nameList = ["a"];
-      let valueList = that.industryProportion == 1 ? [70] : [30];
-      let total = 100; // 数据总数
-      var category = nameList.map((item, index) => {
-        return {
-          value: valueList[index],
-          itemStyle: {
-            color: new echarts.graphic.LinearGradient(
-              1,
-              0,
-              0,
-              1,
-              [
-                {
-                  offset: 0,
-                  color: "#5BDCC850",
-                },
-                {
-                  offset: 1,
-                  color: "#5BDCC8",
-                },
-              ],
-              false
-            ),
-          },
-        };
-      });
-      var totalList = [];
-      var totalBorderList = [];
-      nameList.map((item, index) => {
-        totalList.push({
-          value: total,
-          itemStyle: {
-            color: "rgba(51, 147, 236, 0.29)",
-          },
-        });
-        totalBorderList.push({
-          value: total,
-          itemStyle: {
-            borderColor: "rgba(51, 147, 236, 0.29)",
-            color: "transparent",
-          },
-        });
-      });
-      var datas = [];
-      category.forEach((value) => {
-        datas.push(value.value);
-      });
-      option = {
-        // backgroundColor: 'rgb(231,238,249)',
-        xAxis: {
-          max: total,
-          splitLine: {
-            show: false,
-          },
-          axisLine: {
-            show: false,
-          },
-          axisLabel: {
-            show: false,
-          },
-          axisTick: {
-            show: false,
-          },
-        },
-        grid: {
-          left: "0%",
-          top: "15%", // 设置条形图的边距
-          right: "15%",
-          bottom: "5%",
-        },
-        yAxis: [
-          {
-            type: "category",
-            inverse: false,
-            data: nameList,
-            axisLine: {
-              show: false,
-            },
-            axisTick: {
-              show: false,
-            },
-            axisLabel: {
-              show: false,
-            },
-          },
-        ],
-        series: [
-          {
-            // 内
-            type: "bar",
-            barWidth: 16,
-            barGap: "20%",
-            silent: true,
-            // label: {
-            //     normal: {
-            //         formatter: (item) => {
-            //             return `${item['name']}：${item['value']} `;
-            //         },
-            //         textStyle: {
-            //             color: 'rgba(105, 120, 136, 1)',
-            //             fontSize: 14,
-            //         },
-            //         position: [0, '-25px'],
-            //         show: true,
-            //     },
-            // },
-            data: category,
-            z: 1,
-            itemStyle: {
-              normal: {
-                color: new echarts.graphic.LinearGradient(
-                  1,
-                  0,
-                  0,
-                  1,
-                  [
-                    {
-                      offset: 0,
-                      color: "rgba(81, 193, 156, 1)",
-                    },
-                    {
-                      offset: 1,
-                      color: "rgba(234, 177, 100, 1)",
-                    },
-                  ],
-                  false
-                ),
-              },
-            },
-            animationEasing: "elasticOut",
-          },
-
-          {
-            // 分隔
-            type: "pictorialBar",
-            itemStyle: {
-              normal: {
-                color: "#143362",
-              },
-            },
-            symbolRepeat: "fixed",
-            symbolMargin: 8,
-            symbol: "rect",
-            symbolClip: false,
-            symbolSize: [4, 20],
-            symbolPosition: "start",
-            symbolOffset: [0, -2],
-            symbolBoundingData: total,
-            data: [total, total, total, total],
-            z: 2,
-            animationEasing: "elasticOut",
-          },
-          {
-            // label
-            type: "pictorialBar",
-            symbolBoundingData: total,
-            itemStyle: {
-              normal: {
-                color: "none",
-              },
-            },
-            label: {
-              normal: {
-                formatter: (params) => {
-                  var text;
-                  text = `${((params["data"] * 100) / total).toFixed(2)}亿`;
-                  return text;
-                },
-                textStyle: {
-                  // 图列内容样式
-                  fontSize: "20",
-                  fontWeight: 800,
-                },
-                position: "right",
-                offset: [0, -3],
-                distance: 10, // 向右偏移位置
-                show: true,
-                color: "#68BDFF",
-              },
-            },
-            data: datas,
-            z: 0,
-          },
-          {
-            name: "外框",
-            type: "bar",
-            barGap: "-130%", // 设置外框粗细
-            data: totalBorderList,
-            barWidth: 26,
-            itemStyle: {
-              normal: {
-                // barBorderRadius: [5, 5, 5, 5],
-                borderWidth: 1, // 边框宽度
-                borderColor: "rgb(51, 147, 236)", // 边框色
-                color: "rgb(231,238,249)",
-              },
-            },
-            z: 0,
-          },
-        ],
-      };
-
-      //轮播
-      // tools.loopShowTooltip(leftEcharts1, option, {
-      //   interval: 2000,
-      //   loopSeries: true,
-      // });
-      //注册
-      that.leftEcharts4.setOption(option);
-    },
-    leftEcharts5Fun() {
-      let that = this;
-      this.leftEcharts5 = echarts.init(this.$refs["leftEcharts5"]);
-      let dataList = [];
-      left1[that.industryLayout].forEach((item, index) => {
-        dataList[index] = {
-          value: item.y,
-          name: item.name,
-          itemStyle: {
-            normal: {
-              color: new echarts.graphic.LinearGradient(1, 0, 0, 1, [
-                {
-                  offset: 0,
-                  color: commonColor2[index], //顶部颜色
-                },
-                {
-                  offset: 1,
-                  color: commonColor[index], // 底部颜色
-                },
-              ]),
-              borderColor: commonColor[index],
-              borderWidth: 3,
-            },
-          },
-        };
-      });
-      let option = {
-        tooltip: {
-          trigger: "item",
-          formatter: function (e) {
-            return `<span style="display:inline-block;margin-right:15px;border-radius:10px;width:20px;height:20px;background-color:${
-              e.borderColor
-            };"></span>${e.name} ${e.percent}%<br>${e.value}亿 ${
-              left1[that.industryLayout][e.seriesIndex].num
-            }个`;
-          },
-          backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
-          textStyle: {
-            color: "#fff",
-            fontStyle: "normal", // 文字字体的风格（'normal'，无样式；'italic'，斜体；'oblique'，倾斜字体）
-            fontWeight: "normal", // 文字字体的粗细（'normal'，无样式；'bold'，加粗；'bolder'，加粗的基础上再加粗；'lighter'，变细；数字定义粗细也可以，取值范围100至700）
-            fontSize: "28", // 文字字体大小
-          },
-        },
-        legend: {
-          top: "center",
-          orient: "vertical",
-          left: "75%",
-          textStyle: {
-            color: "#fff",
-            fontSize: 28,
-            padding: [0, 20],
-          },
-        },
-        graphic: {
-          elements: [
-            {
-              type: "image", //需要填充图片,配置image,如果不需要图片可以配置其他的, text, circle, sector, ring, polygon, polyline, rect, line, bezierCurve, arc, group,
-              style: {
-                image: "./img/whiteCircle.png", //这里添加图片地址
-                width: 80,
-                height: 80,
-              },
-              left: "center", //
-              top: "middle", //配置图片居中
-            },
-          ],
-        },
-        series: [
-          {
-            name: "",
-            type: "pie",
-            radius: ["20%", "80%"],
-            labelLine: {
-              normal: {
-                lineStyle: {
-                  width: 1,
-                },
-              },
-            },
-            label: {
-              normal: {
-                show: false,
-                textStyle: {
-                  fontSize: 28,
-                  color: "#fff",
-                },
-              },
-            },
-            roseType: "area",
-            data: dataList,
-          },
-          {
-            tooltip: {
-              show: false,
-            },
-            type: "pie",
-            radius: ["80%", "82%"],
-            hoverAnimation: false,
-            name: "",
-            data: [
-              {
-                name: "",
-                value: 0,
-                itemStyle: {
-                  normal: {
-                    color: "#345189",
-                  },
-                },
-              },
-            ],
-          },
-        ],
-      };
-      //轮播
-      tools.loopShowTooltip(that.leftEcharts5, option, {
-        interval: 2000,
-        loopSeries: true,
-      });
-      //注册
-      that.leftEcharts5.setOption(option);
-    },
-    leftEcharts6Fun() {
-      let that = this;
-      this.leftEcharts6 = echarts.init(this.$refs["leftEcharts6"]);
-      var dataArr = 44;
-      var colorSet = {
-        color: "#22B95E",
-      };
-      var color1 = {
-        type: "linear",
-        x: 0,
-        y: 0,
-        x2: 1,
-        y2: 1,
-        colorStops: [
-          {
-            offset: 0,
-            color: "rgba(255,255,255,0.1)",
-          },
-          {
-            offset: 1,
-            color: "rgba(255,255,255,0.3)",
-          },
-        ],
-        global: false,
-      };
-      var color2 = {
-        type: "linear",
-        x: 0,
-        y: 0,
-        x2: 1,
-        y2: 1,
-        colorStops: [
-          {
-            offset: 0,
-            color: "#30DBBA",
-          },
-          {
-            offset: 1,
-            color: "#2DE696",
-          },
-        ],
-        global: false,
-      };
-
-      option = {
-        tooltip: {
-          formatter: "{a} <br/>{b} : {c}%",
-        },
-        series: [
-          {
-            name: "内部进度条",
-            type: "gauge",
-            // center: ['20%', '50%'],
-            radius: "50%",
-
-            splitNumber: 10,
-            axisLine: {
-              lineStyle: {
-                color: [
-                  [dataArr / 100, "rgba(0,0,0,0)"],
-                  [1, "rgba(0,0,0,0)"],
-                ],
-                width: 1,
-              },
-            },
-            axisLabel: {
-              show: false,
-            },
-            axisTick: {
-              show: false,
-            },
-            splitLine: {
-              show: false,
-            },
-            itemStyle: {
-              color: "#ffffff",
-            },
-            detail: {
-              formatter: function (value) {
-                if (value !== 0) {
-                  var num = Math.round(value);
-                  return parseInt(num).toFixed(0) + "%";
-                } else {
-                  return 0;
-                }
-              },
-              offsetCenter: [0, 117],
-              textStyle: {
-                padding: [0, 0, 0, 0],
-                fontSize: 60,
-                color: "#58F7DF",
-              },
-            },
-            title: {
-              //标题
-              show: true,
-              offsetCenter: [0, 220], // x, y，单位px
-              textStyle: {
-                color: "#40A9FF",
-                fontSize: 34, //表盘上的标题文字大小
-                fontWeight: 400,
-                fontFamily: "MicrosoftYaHei",
-              },
-            },
-            data: [
-              {
-                name: "总额度:1,323.85亿",
-                value: dataArr,
-                itemStyle: {
-                  fontSize: "50", //y轴上方单位的大小
-                  color: "#FFF666",
-                  fontFamily: "MicrosoftYaHei",
-                },
-              },
-            ],
-            pointer: {
-              show: true,
-              length: "100%",
-              radius: "20%",
-              width: 3, //指针粗细
-            },
-            animationDuration: 4000,
-          },
-          {
-            name: "内部阴影",
-            type: "gauge",
-            radius: "75%",
-            splitNumber: 10,
-            axisLine: {
-              lineStyle: {
-                color: [
-                  [
-                    dataArr / 100,
-                    new echarts.graphic.LinearGradient(0, 1, 0, 0, [
-                      {
-                        offset: 0,
-                        color: "#081947",
-                      },
-                      {
-                        offset: 0.5,
-                        color: "#5DF5A9",
-                      },
-                      {
-                        offset: 1,
-                        color: "#F6F16A",
-                      },
-                    ]),
-                  ],
-                  [1, "#0E4889"],
-                ],
-                width: 70,
-              },
-            },
-            axisLabel: {
-              show: false,
-            },
-            axisTick: {
-              show: false,
-            },
-            splitLine: {
-              show: false,
-            },
-            itemStyle: {
-              show: false,
-            },
-          },
-          {
-            name: "外部刻度",
-            type: "gauge",
-            //  center: ['20%', '50%'],
-            radius: "90%",
-            min: 0, //最小刻度
-            max: 100, //最大刻度
-            splitNumber: 5, //刻度数量
-            startAngle: 225,
-            endAngle: -45,
-            axisLine: {
-              show: true,
-              lineStyle: {
-                width: 1,
-                color: [[1, "rgba(0,0,0,0)"]],
-              },
-            }, //仪表盘轴线
-            axisLabel: {
-              show: false,
-              color: "#ffffff",
-              fontSize: 28,
-              fontFamily: "SourceHanSansSC-Regular",
-              fontWeight: "bold",
-              // position: "top",
-              distance: -45,
-              formatter: function (v) {
-                switch (v + "") {
-                  case "0":
-                    return "0";
-                  case "10":
-                    return "10";
-                  case "20":
-                    return "20";
-                  case "30":
-                    return "30";
-                  case "40":
-                    return "40";
-                  case "50":
-                    return "50";
-                  case "60":
-                    return "60";
-                  case "70":
-                    return "70";
-                  case "80":
-                    return "80";
-                  case "90":
-                    return "90";
-                  case "100":
-                    return "100";
-                }
-              },
-            }, //刻度标签。
-            axisTick: {
-              show: true,
-              splitNumber: 10,
-              lineStyle: {
-                color: "#3798D7", //用颜色渐变函数不起作用
-                width: 1,
-              },
-              length: -6,
-            }, //刻度样式
-            splitLine: {
-              show: true,
-              length: -12,
-              lineStyle: {
-                color: "#3798D7", //用颜色渐变函数不起作用
-              },
-            }, //分隔线样式
-            detail: {
-              show: false,
-            },
-          },
-          {
-            //指针上的圆
-            type: "pie",
-            tooltip: {
-              show: false,
-            },
-            hoverAnimation: false,
-            legendHoverLink: false,
-            radius: ["0%", "4%"],
-            center: ["50%", "50%"],
-            label: {
-              normal: {
-                show: false,
-              },
-            },
-            labelLine: {
-              normal: {
-                show: false,
-              },
-            },
-            data: [
-              {
-                value: 120,
-                itemStyle: {
-                  normal: {
-                    color: "#ffffff",
-                  },
-                },
-              },
-            ],
-          },
-        ],
-      };
-
-      //轮播
-      // tools.loopShowTooltip(leftEcharts1, option, {
-      //   interval: 2000,
-      //   loopSeries: true,
-      // });
-      //注册
-      that.leftEcharts6.setOption(option);
-    },
-    leftEcharts7Fun() {
-      let that = this;
-      this.leftEcharts7 = echarts.init(this.$refs["leftEcharts7"]);
-      let option = {
-        title: {
-          text: "固定资产进度分布",
-          textStyle: {
-            color: "#fff",
-            fontSize: 28,
-            fontWeight: 500,
-            fontFamily: "Microsoft YaHei",
-          },
-          top: "20",
-          left: "220",
-        },
-        textStyle: {
-          color: "#fff",
-        },
-        tooltip: {
-          show: false,
-          trigger: "axis",
-          formatter: function (params) {
-            var tip =
-              params[0].axisValue +
-              "<br/>" +
-              params[0].marker +
-              params[0].data[1] +
-              "：" +
-              params[0].data[2] +
-              "个，" +
-              params[0].data[3] +
-              "亿元" +
-              "<br/>" +
-              params[1].marker +
-              params[1].data[1] +
-              "：" +
-              params[1].data[2] +
-              "个，" +
-              params[1].data[3] +
-              "亿元";
-            return tip;
-          },
-          textStyle: {
-            color: "#ffffff", // 文字的颜色
-            fontSize: "20", // 文字字体大小
-            fontFamily: "Microsoft YaHei",
-          },
-          axisPointer: {
-            // lineStyle: {
-            //   type: 'dashed',
-            //   width: 2,
-            //   color: 'rgba(255,255,255,0.6)'
-            // },
-            animation: false,
-          },
-        },
-        grid: {
-          top: "0%",
-          right: "5%",
-          left: "15%",
-          bottom: "-10%",
-        },
-        yAxis: {
-          data: ["备案", "特别监管"],
-          splitLine: {
-            show: false,
-            lineStyle: {
-              color: "#68b4dd66",
-              type: "dashed",
-            },
-          },
-          axisLine: {
-            show: false,
-          },
-          axisLabel: {
-            show: true,
-            formatter: "{value}",
-            textStyle: {
-              color: function (data) {
-                if (data == "特别监管") {
-                  return "#40A9FF";
-                } else if (data == "备案") {
-                  return "#5BDCC8";
-                }
-              },
-              fontSize: 20,
-              padding: [0, -10, 0, 0],
-              fontFamily: "Microsoft YaHei",
-            },
-          },
-          nameTextStyle: {
-            color: "#ebf8ac",
-            fontSize: 16,
-            fontFamily: "Microsoft YaHei",
-          },
-        },
-        xAxis: {
-          data: ["项目储备", "项目立项", "可研论证", "投资决策"],
-          axisLine: {
-            show: true, //隐藏X轴轴线
-            lineStyle: {
-              color: "red",
-              width: 1,
-            },
-          },
-          axisTick: {
-            show: false, //隐藏X轴刻度
-          },
-          axisLabel: {
-            show: true,
-            textStyle: {
-              color: "#fff", //X轴文字颜色
-              fontSize: 20,
-              padding: [-80, 0, 0, 0],
-              fontFamily: "Microsoft YaHei",
-            },
-          },
-        },
-        series: [
-          {
-            name: "特别监管",
-            type: "scatter",
-            symbol: "circle", //'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
-            symbolSize: function (data) {
-              return Math.sqrt(data[2]) * 5;
-            },
-            // label: {
-            //   emphasis: {
-            //     show: true,
-            //     formatter: function (param) {
-            //       return param.data[2];
-            //     },
-            //     position: 'top'
-            //   }
-            // },
-            itemStyle: {
-              normal: {
-                color: "#69c0ff",
-              },
-            },
-            // data: left13[0]
-          },
-          {
-            name: "备案",
-            type: "scatter",
-            symbol: "circle", //'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
-            symbolSize: function (data) {
-              return Math.sqrt(data[2]) * 5;
-            },
-            // label: {
-            //   emphasis: {
-            //     show: true,
-            //     formatter: function (param) {
-            //       return param.data[2];
-            //     },
-            //     position: 'top'
-            //   }
-            // },
-            itemStyle: {
-              normal: {
-                color: "#957DFF",
-              },
-            },
-            // data: left13[1]
-          },
-        ],
-      };
-      //轮播
-      // tools.loopShowTooltip(leftEcharts1, option, {
-      //   interval: 2000,
-      //   loopSeries: true,
-      // });
-      //注册
-      that.leftEcharts7.setOption(option);
-    },
-    leftEcharts8Fun() {
-      let that = this;
-      this.leftEcharts8 = echarts.init(this.$refs["leftEcharts8"]);
-      let option = {
-        title: {
-          text: "固定资产进度分布",
-          textStyle: {
-            color: "#fff",
-            fontSize: 28,
-            fontWeight: 500,
-            fontFamily: "Microsoft YaHei",
-          },
-          top: "20",
-          left: "220",
-        },
-        textStyle: {
-          color: "#fff",
-        },
-        tooltip: {
-          show: false,
-          trigger: "axis",
-          formatter: function (params) {
-            var tip =
-              params[0].axisValue +
-              "<br/>" +
-              params[0].marker +
-              params[0].data[1] +
-              "：" +
-              params[0].data[2] +
-              "个，" +
-              params[0].data[3] +
-              "亿元" +
-              "<br/>" +
-              params[1].marker +
-              params[1].data[1] +
-              "：" +
-              params[1].data[2] +
-              "个，" +
-              params[1].data[3] +
-              "亿元";
-            return tip;
-          },
-          textStyle: {
-            color: "#ffffff", // 文字的颜色
-            fontSize: "20", // 文字字体大小
-            fontFamily: "Microsoft YaHei",
-          },
-          axisPointer: {
-            // lineStyle: {
-            //   type: 'dashed',
-            //   width: 2,
-            //   color: 'rgba(255,255,255,0.6)'
-            // },
-            animation: false,
-          },
-        },
-        grid: {
-          top: "0%",
-          right: "5%",
-          left: "15%",
-          bottom: "-10%",
-        },
-        yAxis: {
-          data: ["备案", "特别监管"],
-          splitLine: {
-            show: false,
-            lineStyle: {
-              color: "#68b4dd66",
-              type: "dashed",
-            },
-          },
-          axisLine: {
-            show: false,
-          },
-          axisLabel: {
-            show: false,
-            formatter: "{value}",
-            textStyle: {
-              color: "#fff",
-              fontSize: 20,
-              padding: [0, -10, 0, 0],
-              fontFamily: "Microsoft YaHei",
-            },
-          },
-          nameTextStyle: {
-            color: "#ebf8ac",
-            fontSize: 16,
-            fontFamily: "Microsoft YaHei",
-          },
-        },
-        xAxis: {
-          data: ["项目储备", "项目立项", "可研论证", "投资决策"],
-          axisLine: {
-            show: true, //隐藏X轴轴线
-            lineStyle: {
-              color: "red",
-              width: 1,
-            },
-          },
-          axisTick: {
-            show: false, //隐藏X轴刻度
-          },
-          axisLabel: {
-            show: true,
-            textStyle: {
-              color: "#fff", //X轴文字颜色
-              fontSize: 20,
-              padding: [-80, 0, 0, 0],
-              fontFamily: "Microsoft YaHei",
-            },
-          },
-        },
-        series: [
-          {
-            name: "特别监管",
-            type: "scatter",
-            symbol: "circle", //'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
-            symbolSize: function (data) {
-              return Math.sqrt(data[2]) * 5;
-            },
-            // label: {
-            //   emphasis: {
-            //     show: true,
-            //     formatter: function (param) {
-            //       return param.data[2];
-            //     },
-            //     position: 'top'
-            //   }
-            // },
-            itemStyle: {
-              normal: {
-                color: "#69c0ff",
-              },
-            },
-            // data: left13[0]
-          },
-          {
-            name: "备案",
-            type: "scatter",
-            symbol: "circle", //'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
-            symbolSize: function (data) {
-              return Math.sqrt(data[2]) * 5;
-            },
-            // label: {
-            //   emphasis: {
-            //     show: true,
-            //     formatter: function (param) {
-            //       return param.data[2];
-            //     },
-            //     position: 'top'
-            //   }
-            // },
-            itemStyle: {
-              normal: {
-                color: "#957DFF",
-              },
-            },
-            // data: left13[1]
-          },
-        ],
-      };
-      //轮播
-      // tools.loopShowTooltip(leftEcharts1, option, {
-      //   interval: 2000,
-      //   loopSeries: true,
-      // });
-      //注册
-      that.leftEcharts8.setOption(option);
-    },
-    chinaEchartsFun () {
-      let that = this
-      this.geoCoordMap = []
-      /*获取地图数据*/
-      this.shanxiMap = echarts.init(this.$refs["shanxi"]);
-      // echarts.registerMap('china', china)
-      echarts.registerMap("china", shanxi);
-      // 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: 29780 },
-      //   { "name": "西藏", value: 2186 },
-      //   { "name": "内蒙古", value: 1135 },
-      //   { "name": "青海", value: 29780 },
-      //   { "name": "四川", value: 2568 },
-      //   { "name": "黑龙江", value: 29780 },
-      //   { "name": "甘肃", value: 6959 },
-      //   { "name": "云南", value: 5632 },
-      //   { "name": "广西", value: 6707 },
-      //   { "name": "湖南", value: 29780 },
-      //   { "name": "陕西", value: 1894 },
-      //   { "name": "广东", value: 15769 },
-      //   { "name": "吉林", value: 8259 },
-      //   { "name": "河北", value: 5741 },
-      //   { "name": "湖北", value: 3030 },
-      //   { "name": "贵州", value: 4542 },
-      //   { "name": "山东", value: 19780 },
-      //   { "name": "江西", value: 3157 },
-      //   { "name": "河南", value: 6690 },
-      //   { "name": "辽宁", value: 8678 },
-      //   { "name": "山西", value: 5303 },
-      //   { "name": "安徽", value: 29780 },
-      //   { "name": "福建", value: 10259 },
-      //   { "name": "浙江", value: 3016 },
-      //   { "name": "江苏", value: 3202 },
-      //   { "name": "重庆", value: 4540 },
-      //   { "name": "宁夏", value: 19780 },
-      //   { "name": "海南", value: 8626 },
-      //   { "name": "台湾", value: 4361 },
-      //   { "name": "北京", value: 20000 },
-      //   { "name": "天津", value: 4080 },
-      //   { "name": "上海", value: 19780 },
-      //   { "name": "香港", value: 6991 },
-      //   { "name": "澳门", value: 13873 },
-      //   { "name": "南海诸岛", value: 0 }
-      // ];
-      // var geoCoordMap = {
-      //   "新疆": [86.9023, 41.148],
-      //   "西藏": [87.8695, 31.6846],
-      //   "内蒙古": [110.5977, 41.3408],
-      //   "青海": [95.2402, 35.4199],
-      //   "四川": [102.9199, 30.1904],
-      //   "黑龙江": [128.1445, 46.7156],
-      //   "甘肃": [102.7129, 38.166],
-      //   "云南": [101.0652, 24.6807],
-      //   "广西": [108.7813, 23.6426],
-      //   "湖南": [111.5332, 27.3779],
-      //   "陕西": [108.5996, 33.7396],
-      //   "广东": [113.8668, 22.8076],
-      //   "吉林": [126.1746, 43.5938],
-      //   "河北": [115.4004, 38.1688],
-      //   "湖北": [112.2363, 30.8572],
-      //   "贵州": [106.6113, 26.6385],
-      //   "山东": [118.2402, 36.2307],
-      //   "江西": [115.7156, 27.99],
-      //   "河南": [113.0668, 33.8818],
-      //   "辽宁": [123.0438, 41.0889],
-      //   "山西": [112.44, 37.73],
-      //   "安徽": [117.2461, 31.0361],
-      //   "福建": [118.3008, 25.9277],
-      //   "浙江": [120.498, 29.0918],
-      //   "江苏": [119.8586, 32.915],
-      //   "重庆": [107.7539, 29.8904],
-      //   "宁夏": [105.9961, 37.1096],
-      //   "海南": [109.9512, 19.2041],
-      //   "台湾": [120.8254, 23.5986],
-      //   "北京": [116.4551, 40.2539],
-      //   "天津": [117.4219, 39.4189],
-      //   "上海": [121.4648, 31.2891],
-      //   "香港": [114.6178, 22.3242],
-      //   "澳门": [113.5547, 21.6484],
-      //   '南海诸岛': [128.8254, 21.5986]
-      // };
-      var data = [
-        { name: "大同市", value: 6035, value2: 28 },
-        { name: "朔州市", value: 3361, value2: 13 },
-        { name: "忻州市", value: 7335, value2: 25 },
-        { name: "吕梁市", value: 10904, value2: 45 },
-        { name: "太原市", value: 25167, value2: 113 },
-        { name: "阳泉市", value: 2512, value2: 28 },
-        { name: "晋中市", value: 14857, value2: 52 },
-        { name: "临汾市", value: 13055, value2: 30 },
-        { name: "长治市", value: 10300, value2: 23 },
-        { name: "运城市", value: 4106, value2: 23 },
-        { name: "晋城市", value: 4543, value2: 31 },
-      ];
-      var geoCoordMap = {
-        太原市: [112.53, 37.87],
-        大同市: [113.3, 40.12],
-        阳泉市: [113.57, 37.85],
-        长治市: [113.08, 36.18],
-        晋城市: [112.83, 35.52],
-        朔州市: [112.43, 39.33],
-        晋中市: [112.94, 37.4],
-        运城市: [110.97, 35.03],
-        忻州市: [112.53, 38.72],
-        临汾市: [111.5, 36.08],
-        吕梁市: [111.13, 37.52],
-      };
-      var convertData = function (data) {
-        var res = [];
-        for (var i = 0; i < data.length; i++) {
-          var geoCoord = geoCoordMap[data[i].name];
-          if (geoCoord) {
-            res.push({
-              name: data[i].name,
-              value: geoCoord.concat(data[i].value),
-            });
-          }
-        }
-        return res;
-      };
-
-      var convertedData = [
-        convertData(data),
-        convertData(
-          data
-            .sort(function (a, b) {
-              return b.value - a.value;
-            })
-            .slice(0, 6)
-        ),
-      ];
-      data.sort(function (a, b) {
-        return a.value - b.value;
-      });
-      option = {
-        // backgroundColor: '#404a59',
-        animation: true,
-        animationDuration: 1000,
-        animationEasing: "cubicInOut",
-        animationDurationUpdate: 1000,
-        animationEasingUpdate: "cubicInOut",
-        geo: {
-          map: "china",
-          center: [112.53, 37.67],
-          zoom: 4.5,
-          label: {
-            emphasis: {
-              show: false,
-            },
-          },
-          tooltip: {
-            trigger: 'item',
-            className: 'custom-tooltip-box',
-            confine: true, // 不超出当前表
-            formatter: function (params) {
-              console.log(params)
-              return `<div class="bgTooltip" style="background: url('../img/shanxi/${params.name}.png') no-repeat center center;background-size: 100% 100%;font-size:36px">
-            <div class="flex items-center">
-              <img src="./img/yellowArrow.png" style="width: 12px;height: 22px;margin-right:10px" alt=""><span class="fb">${params.name}</span>
-            </div>
-              <div class="blueIcon flex items-center">项目数量：<span class="fb" style="color:#68BDFF;">26<span style="font-size:20px" class="fn">个</span></span></div>
-              <div class="blueIcon flex items-center">投资总额：<span class="fb" style="color:#68BDFF">180<span style="font-size:20px" class="fn">亿</span></span></div>
-            </div>`
-            },
-          },
-          roam: false,
-          itemStyle: {
-            normal: {
-              // borderColor: 'rgba(147, 235, 248, 1)',
-              borderColor: '#7fb3ff',
-              borderWidth: 3,
-              areaColor: {
-                type: 'radial',
-                x: 0.5,
-                y: 0.5,
-                r: 0.8,
-                colorStops: [{
-                  offset: 0,
-                  color: '#468ff8' // 0% 处的颜色
-                }, {
-                  offset: 1,
-                  color: '#0a2c6d' // 100% 处的颜色
-                }],
-                globalCoord: false // 缺省为 false
-              },
-              // shadowColor: 'rgba(128, 217, 248, 1)',
-              shadowColor: '#468ff8',
-              shadowOffsetX: -2,
-              shadowOffsetY: 2,
-              shadowBlur: 20
-            },
-            emphasis: {
-              areaColor: {
-                colorStops: [{
-                  offset: 0,
-                  color: '#3844aa' // 0% 处的颜色
-                }, {
-                  offset: 1,
-                  color: '#7284fc' // 100% 处的颜色
-                }],
-              },
-              borderColor: '#b3baff',
-              borderWidth: 5
-            }
-          },
-          // regions: [
-          //   {
-          //     name: "太原市",
-          //     value: 2000,
-          //     itemStyle: {
-          //       emphasis: {
-          //         borderColor: "#ffe036",
-          //         borderWidth: 5,
-          //         areaColor: {
-          //           type: "radial",
-          //           x: 0.5,
-          //           y: 0.5,
-          //           r: 0.8,
-          //           colorStops: [
-          //             {
-          //               offset: 0,
-          //               color: "#ffe036", // 0% 处的颜色
-          //             },
-          //             {
-          //               offset: 1,
-          //               color: "#7c732a", // 100% 处的颜色
-          //             },
-          //           ],
-          //           globalCoord: false, // 缺省为 false
-          //         },
-          //       },
-          //     },
-          //   },
-          //   {
-          //     name: "南海诸岛",
-          //     itemStyle: {
-          //       // 隐藏地图
-          //       normal: {
-          //         opacity: 0, // 为 0 时不绘制该图形
-          //       },
-          //     },
-          //     label: {
-          //       show: false, // 隐藏文字
-          //     },
-          //   },
-          // ],
-        },
-        tooltip: {
-          trigger: "item",
-          className: "custom-tooltip-box",
-          confine: true, // 不超出当前表
-          // formatter: function (params) {
-          //   console.log(params);
-          //   return `<div class="bgTooltip" style="background: url('../img/shanxi/${params.name}.png') no-repeat center center;background-size: 100% 100%;font-size:36px">
-          // <div class="flex items-center">
-          //   <img src="./img/yellowArrow.png" style="width: 12px;height: 22px;margin-right:10px" alt=""><span class="fb">${params.name}</span>
-          // </div>
-          //   <div class="blueIcon flex items-center">项目数量：<span class="fb" style="color:#68BDFF;">26<span style="font-size:20px" class="fn">个</span></span></div>
-          //   <div class="blueIcon flex items-center">投资总额：<span class="fb" style="color:#68BDFF">180<span style="font-size:20px" class="fn">亿</span></span></div>
-          // </div>`;
-          // },
-          formatter: (params, ticket, callback) => {
-            // 清空所有轮播
-            for (var k in this.geoCoordMap) {
-              that.shanxiMap.dispatchAction({
-                // type: 'geoUnSelect',
-                type: 'downplay',
-                name: k,
-              })
-            }
-            // 如果鼠标滑动到线线上面，则返回空
-            that.shanxiMap.dispatchAction({
-              // type: 'geoSelect',
-              type: 'highlight',
-              name: params.name,
-            })
-            if (params.componentSubType == 'lines') {
-              return
-            }
-            if (params.componentSubType == 'scatter') {
-              let tipHtml = `
-              <div class="tooltip-cont">
-                <p>项目数量：<span>${data[params.dataIndex].value2}个</span></p>
-                <p>总投资额：<span>${params.data.value[2]}亿</span></p>
-            </div>`
-              callback(ticket, tipHtml)
-              return tipHtml
-            }
-            if (params.componentSubType == 'map') {
-              let tipHtml = `
-              <div class="tooltip-cont">
-              <p>项目数量：<span>${data[params.dataIndex].value2}个</span></p>
-                <p>总投资额：<span>${params.data.value}亿</span></p>
-            </div>`
-              callback(ticket, tipHtml)
-              return tipHtml
-            }
-          },
-        },
-        xAxis: {
-          type: "value",
-          scale: true,
-          position: "top",
-          boundaryGap: false,
-          splitLine: {
-            show: false,
-          },
-          axisLine: {
-            show: false,
-          },
-          axisTick: {
-            show: false,
-          },
-          axisLabel: {
-            margin: 2,
-            textStyle: {
-              color: "#aaa",
-            },
-          },
-        },
-        yAxis: {
-          type: "category",
-          nameGap: 16,
-          axisLine: {
-            show: false,
-            lineStyle: {
-              color: "#ddd",
-            },
-          },
-          axisTick: {
-            show: false,
-            lineStyle: {
-              color: "#ddd",
-            },
-          },
-          axisLabel: {
-            interval: 0,
-            textStyle: {
-              color: "#ddd",
-            },
-          },
-          data: categoryData,
-        },
-        series: [
-          {
-            type: 'effectScatter',
-            coordinateSystem: 'geo',
-            data: convertedData[0],
-            symbolSize: function (val) {
-              return Math.max(val[2] / 500, 8);
-            },
-            showEffectOn: "render",
-            rippleEffect: {
-              brushType: "stroke",
-            },
-            hoverAnimation: true,
-            label: {
-              normal: {
-                formatter: "{b}",
-                position: "right",
-                show: true,
-                fontSize: "30",
-                color: "#fff",
-              },
-            },
-            itemStyle: {
-              normal: {
-                color: "#ffc809",
-                shadowBlur: 50,
-                shadowColor: "#ffc809",
-                fontSize: "500",
-              },
-            },
-            zlevel: 999
-          },
-          {
-            type: 'map',
-            map: 'china',
-            // center: [112.53, 37.67],
-            layoutCenter: ['50%', '50%'], //地图位置
-            zoom: 4.5,
-            geoIndex: 1,
-            // aspectScale: 1.5, //长宽比
-            showLegendSymbol: true, // 存在legend时显示
-            label: {
-              normal: {
-                show: true,
-              },
-              emphasis: {
-                show: true,
-                textStyle: {
-                  color: 'red',
-                },
-              },
-            },
-            roam: false,
-            itemStyle: {
-              normal: {
-                // borderColor: 'rgba(147, 235, 248, 1)',
-                borderColor: '#7fb3ff',
-                borderWidth: 3,
-                areaColor: {
-                  type: 'radial',
-                  x: 0.5,
-                  y: 0.5,
-                  r: 0.8,
-                  colorStops: [{
-                    offset: 0,
-                    color: '#468ff8' // 0% 处的颜色
-                  }, {
-                    offset: 1,
-                    color: '#0a2c6d' // 100% 处的颜色
-                  }],
-                  globalCoord: false // 缺省为 false
-                },
-                // shadowColor: 'rgba(128, 217, 248, 1)',
-                shadowColor: '#468ff8',
-                shadowOffsetX: -2,
-                shadowOffsetY: 2,
-                shadowBlur: 20
-              },
-              emphasis: {
-                areaColor: {
-                  colorStops: [{
-                    offset: 0,
-                    color: '#3844aa' // 0% 处的颜色
-                  }, {
-                    offset: 1,
-                    color: '#7284fc' // 100% 处的颜色
-                  }],
-                },
-                borderColor: '#b3baff',
-                borderWidth: 5
-              }
-            },
-            animation: true,
-            data: data,
-          },
-        ]
-      };
-      var categoryData = [];
-      var barData = [];
-      var sum = 0;
-      for (var i = 0; i < data.length; i++) {
-        categoryData.push(data[i].name);
-        barData.push(data[i].value);
-        sum += data[i].value;
-      }
-      // this.shanxiMap.on('click', function (params) {
-      //   if (params.name == '山西') {
-      //     that.shanxiMap.dispose()
-      //     that.centerShow = true
-      //     setTimeout(() => {
-      //     })
-      //   }
-      // })
-      tools.loopShowTooltip(this.shanxiMap, option, {
-        interval: 2000,
-        loopSeries: false,
-      });
-      this.shanxiMap.setOption(option);
-    },
-  },
-});