下转弹窗

investmentNew/index.html

@@ -510,7 +510,7 @@
           </div>
         </div>
       </div>
-      <div v-else class="centerB h-full w-full relative">
+      <div v-else class=" h-full w-full relative">
         <div class="chinaTop pointer">
           <div class="flex justify-center flex-col"
             @click.stop="showChartLTipSingle('投资总额','center','keyIndicators','investamount','','','','','tab','',1,111)">
@@ -638,7 +638,8 @@
             <div class="lp">
               <div class="quan"></div>
               <div class="bigq"></div>
-              <img class="pointer" :src="investData.investList[witchs].url" style="z-index: 999;" @click.stop="cilikEight(investData.investList[witchs].name)" alt="" />
+              <img class="pointer" :src="investData.investList[witchs].url" style="z-index: 999;"
+                @click.stop="cilikEight(investData.investList[witchs].name)" alt="" />
               <div class="plItem pointer" :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)">
@@ -681,7 +682,8 @@
       <div class="bottom-tip" @click="backChina"></div>
     </div>
     <!-- 标题状图弹窗 -->
-    <div class="absolute  backBlack" v-if="tipShow1 || tipShow2 || tipShow3 || projectListTipShow || boardTipShow">
+    <div class="absolute  backBlack"
+      v-if="tipShow1 || tipShow2 || tipShow3 || projectListTipShow || boardTipShow || echartEnterpriseShow">
       <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()">
@@ -715,17 +717,37 @@
       <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">
+        <div class="pop-title1" style="padding-top: 20px;">项目列表</div>
+        <img alt="" src="./img/popLine.png" style="width: 70%;height: 40px;margin-left: 15%;">
+        <div class="pop-content2 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="productTip" v-if="boardTipShow">
+        <img src="./img/close.png" style="width: 40px;height: 40px;top: 30px;right: 30px;" class="absolute pointer"
+          alt="" @click="boardTipShow = false">
+        <div class="pop-title1" style="padding-top: 20px;">项目看板</div>
+        <img alt="" src="./img/popLine.png" style="width: 70%;height: 40px;margin-left: 15%;">
+        <div class="pop-content2 text-center">
+          <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 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 class="tip-box1" v-if="echartEnterpriseShow">
+        <img src="./img/close.png" style="width: 40px;height: 40px;top: 30px;right: 30px;" class="absolute pointer"
+          alt="" @click="echartEnterpriseShow = false">
+        <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>
   </div>

investmentNew/js/Data.js

@@ -133,23 +133,23 @@ let right5 = [
   [
     [
       "山西焦煤",
-      32,
-      98.98
+      0,
+      0
     ],
     [
       "晋能控股",
-      32,
-      32.25
+      0,
+      0
     ],
     [
       "华阳新材",
-      37,
-      347.16
+      0,
+      0
     ],
     [
       "潞安化工",
-      100,
-      0.6
+      0,
+      0
     ],
     [
       "华新燃气",
@@ -158,43 +158,43 @@ let right5 = [
     ],
     [
       "太重集团",
-      10,
-      198.6
+      0,
+      0
     ],
     [
       "国际能源",
-      62,
-      19.79
+      0,
+      0
     ],
     [
       "华远陆港",
-      50,
-      19.76
+      0,
+      0
     ],
     [
       "水控集团",
-      54,
-      538.7
+      0,
+      0
     ],
     [
       "文旅集团",
-      30,
-      287.48
+      0,
+      0
     ],
     [
       "交控集团",
-      41,
-      18.89
+      0,
+      0
     ],
     [
       "航产集团",
-      7,
-      452.42
+      0,
+      0
     ],
     [
       "山西建投",
-      55,
-      7.71
+      0,
+      0
     ],
     [
       "汾酒集团",
@@ -203,13 +203,13 @@ let right5 = [
     ],
     [
       "大地控股",
-      10,
-      8.22
+      0,
+      0
     ],
     [
       "云时代",
-      17,
-      1.1
+      0,
+      0
     ],
     [
       "华舰体育",
@@ -218,107 +218,107 @@ let right5 = [
     ],
     [
       "神农科技",
-      45,
-      11
+      0,
+      0
     ]
   ],
   [
     [
       "山西焦煤",
       0,
-      286.81
+      0
     ],
     [
       "晋能控股",
       0,
-      962.76
+      0
     ],
     [
       "华阳新材",
       0,
-      131.1
+      0
     ],
     [
       "潞安化工",
       0,
-      4.01
+      0
     ],
     [
       "华新燃气",
       0,
-      109.79
+      0
     ],
     [
       "太重集团",
       0,
-      32.78
+      0
     ],
     [
       "国际能源",
       0,
-      82.53
+      0
     ],
     [
       "华远陆港",
       0,
-      1795.02
+      0
     ],
     [
       "水控集团",
-      -1,
-      181.35
+      0,
+      0
     ],
     [
       "文旅集团",
       0,
-      66.93
+      0
     ],
     [
       "交控集团",
       0,
-      26.48
+      0
     ],
     [
       "航产集团",
       0,
-      19.62
+      0
     ],
     [
       "山西建投",
       0,
-      365.12
+      0
     ],
     [
       "汾酒集团",
       0,
-      221.56
+      0
     ],
     [
       "大地控股",
       0,
-      32.42
+      0
     ],
     [
       "云时代",
       0,
-      193.86
+      0
     ],
     [
       "华舰体育",
       0,
-      0.37
+      0
     ],
     [
       "神农科技",
       0,
-      14.22
+      0
     ]
   ],
   [
     [
       "山西焦煤",
-      -49,
-      998.39
+      0,
+      0
     ],
     [
       "晋能控股",
@@ -327,8 +327,8 @@ let right5 = [
     ],
     [
       "华阳新材",
-      -43,
-      81.69
+      0,
+      0
     ],
     [
       "潞安化工",
@@ -337,23 +337,23 @@ let right5 = [
     ],
     [
       "华新燃气",
-      -34,
-      17.35
+     0,
+      0
     ],
     [
       "太重集团",
-      -62,
-      13.74
+      0,
+      0
     ],
     [
       "国际能源",
-      -24,
-      15.03
+      0,
+      0
     ],
     [
       "华远陆港",
-      -79,
-      5.1
+      0,
+      0
     ],
     [
       "水控集团",
@@ -362,13 +362,13 @@ let right5 = [
     ],
     [
       "文旅集团",
-      -29,
-      147.39
+      0,
+      0
     ],
     [
       "交控集团",
-      -70,
-      100.76
+      0,
+      0
     ],
     [
       "航产集团",
@@ -377,33 +377,33 @@ let right5 = [
     ],
     [
       "山西建投",
-      -77,
-      319.86
+      0,
+      0
     ],
     [
       "汾酒集团",
-      -9,
-      9.97
+      0,
+      0
     ],
     [
       "大地控股",
-      -59,
-      36.71
+      0,
+      0
     ],
     [
       "云时代",
-      -104,
-      9.67
+      0,
+      0
     ],
     [
       "华舰体育",
-      -149,
-      23.1
+      0,
+      0
     ],
     [
       "神农科技",
-      -80,
-      15.28
+      0,
+      0
     ]
   ]
 ]

investmentNew/js/index.js

@@ -17,7 +17,7 @@ let app = new Vue({
       leftEcharts6: "",
       leftEcharts7: "",
       leftEcharts8: "",
-      leftEcharts9: "",
+      leftEcharts9: "", //山西地图的地球
       leftEcharts10: "",
       leftEcharts11: "",
       leftEcharts12: '',
@@ -31,6 +31,7 @@ let app = new Vue({
       tipShow1: false, // 标题弹窗显示
       tipShow2: false, // 单柱状图弹窗 
       tipShow3: false, // 单柱状图弹窗 
+      echartEnterpriseShow:false, // 企业额度分析专属弹窗显示
       projectListTipShow: false,// 项目列表弹窗显示
       boardTipShow: false, // 项目看板弹窗专用
       stageTitle: '', // 管理类型分析圆环图内容
@@ -114,78 +115,7 @@ let app = new Vue({
         rowNum: 6,
         columnWidth: [150, 450, 150],
         align: ["center", "center", "center"],
-        data: [
-          ['华阳新材', '华钠铜（碳）年产万吨级钠离子电池正负极材料项目', '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亿']
-        ],
+        data: [],
       },
       storageRecordConfig2: {
         header: ['企业集团', '项目名称', '项目阶段', '投资金额'],
@@ -194,8 +124,8 @@ let app = new Vue({
         evenRowBGC: '#69C0FF20',
         headerHeight: '80',
         rowNum: 6,
-        columnWidth: ['100', '350', '100', '100'],
-        align: ['center', 'center', 'center'],
+        columnWidth: ['100', '370', '100', '100'],
+        align: ['center', 'center', 'center', 'center'],
         data: []
       },
       meansList: [
@@ -452,18 +382,9 @@ let app = new Vue({
           { name: "山西建投", value: [14, 13, 6, 15, 13, 24] },
           { name: "汾酒集团", value: [14, 13, 6, 15, 13, 4] },
         ],
-        y1: [
-          12, 11, 20, 22, 12, 34, 32, 12, 23, 23, 12, 13, 12, 11,
-          20, 22, 12, 34,
-        ],
-        y2: [
-          12, 13, 11, 25, 14, 36, 22, 18, 26, 13, 16, 17, 16, 11,
-          26, 26, 19, 37,
-        ],
-        y3: [
-          16, 21, 29, 24, 22, 45, 23, 23, 33, 34, 23, 43, 20, 10,
-          20, 20, 23, 45,
-        ],
+        y1: [],
+        y2: [],
+        y3: [],
       },
       inner: 0,
       innerDeg: 0,
@@ -603,8 +524,8 @@ let app = new Vue({
         // this.leftEcharts8Fun();
         // this.leftEcharts10Fun();
         // this.leftEcharts11Fun();
-        this.rightEcharts1Fun();
-        this.initChartR2();
+        // this.rightEcharts1Fun();
+        // this.initChartR2();
         this.initChartR4();
       });
     },
@@ -709,15 +630,15 @@ let app = new Vue({
           this.getDate5()
           this.getDate6()
 
-          // // // 右边
+          // 右边
           this.getDate7()
           this.getDate8()
           this.getDate9()
-          // this.getDate10()
-          // // this.getDate11() // 右下A
-          // this.getDate12()  // 右下B
+          this.getDate10()
+          this.getDate11() // 右下A
+          this.getDate12()  // 右下B
 
-          // // 中间
+          // 中间
           this.getDate14()
           resolve(1);
         })
@@ -1036,7 +957,7 @@ let app = new Vue({
             right4[index].value4 = this.yuanChange(item.mdnb_jmoney)
             right4[index].value5 = this.yuanChange(item.mdnb_fkmoney)
           })
-          right4.forEach((item,index)=>{
+          right4.forEach((item, index) => {
             that.investData.investList[index].name = item.name
             that.investData.investList[index].yse = item.value
             that.investData.investList[index].yqhte = item.value2
@@ -1068,7 +989,7 @@ let app = new Vue({
             right5[2][index][1] = that.numMulti(item.mdnb_amount_fb, 100)
             right5[2][index][2] = that.yuanChange(item.mdnb_amount_f)
           })
-          this.initChartR2()
+          that.rightEcharts1Fun();
           resolve(1);
         })
       });
@@ -1087,16 +1008,11 @@ let app = new Vue({
         let a = []
         post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getUnitNoSolveDangerDate', value).then(res => {
           res.data.forEach((item, index) => {
-            right6[index].value = item.mdnb_height
-            right6[index].value2 = item.mdnb_midle
-            right6[index].value3 = item.mdnb_bottom
+            that.riskData.y1.push(item.mdnb_bottom)
+            that.riskData.y2.push(item.mdnb_midle)
+            that.riskData.y3.push(item.mdnb_height)
           })
-          let a = []
-          for (var i = 0; i < right6.length; i += 6) {
-            a.push(right6.slice(i, i + 6));
-          }
-          right6 = a
-          that.getDate15()
+          that.initChartR2()
           resolve(1);
         })
       });
@@ -1113,15 +1029,16 @@ let app = new Vue({
         }
         post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getUnitDangerPoraitDate', value).then(res => {
           res.data.forEach((item, index) => {
-            right7[index] = []
-            right7[index][0] = item.mdnb_anquan
-            right7[index][1] = item.mdnb_fukuan
-            right7[index][2] = item.mdnb_hetong
-            right7[index][3] = item.mdnb_jiesuan
-            right7[index][4] = item.mdnb_jindu
-            right7[index][5] = item.mdnb_securty
+            this.riskData.x[index].name = item.mdnb_unity_name3
+            this.riskData.x[index].value = []
+            this.riskData.x[index].value.push(item.mdnb_anquan)
+            this.riskData.x[index].value.push(item.mdnb_fukuan)
+            this.riskData.x[index].value.push(item.mdnb_hetong)
+            this.riskData.x[index].value.push(item.mdnb_jiesuan)
+            this.riskData.x[index].value.push(item.mdnb_jindu)
+            this.riskData.x[index].value.push(item.mdnb_securty)
           })
-          this.getDate11()
+          this.initChartR2()
           resolve(1);
         })
       });
@@ -1252,7 +1169,7 @@ let app = new Vue({
       });
     },
     // 点击八卦的方法
-    cilikEight(param){
+    cilikEight (param) {
       let that = this
       that.rightAdd.modelName = 2
       that.rightAdd.substraction = ''
@@ -1654,6 +1571,13 @@ let app = new Vue({
           }
         ]
       }
+      that.rightEcharts1.on('click', function (param) {
+        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')
+      })
       that.rightEcharts1.setOption(option)
       tools.loopShowTooltip(that.rightEcharts1, option, {
         interval: 2000,
@@ -1801,6 +1725,7 @@ let app = new Vue({
           backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
           backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
           borderColor: "rgba(50,50,50,0.7)",
+          confine: true, // 不超出当前表
           textStyle: {
             color: "#fff",
             fontStyle: "normal", // 文字字体的风格（'normal'，无样式；'italic'，斜体；'oblique'，倾斜字体）
@@ -1906,6 +1831,13 @@ let app = new Vue({
           },
         ],
       };
+      that.right1Chart.on('click', (param) => {
+        that.rightAdd.modelName = 3
+        that.rightAdd.substraction = ''
+        that.rightAdd.projectStepCode = ''
+        that.projectNum = 315
+        that.rightPenetrateTwo(that.rightPenetrateTwo.modelName, '', that.findCode(param.name), 'right')
+      })
       that.right1Chart.setOption(option);
       tools.loopShowTooltip(that.right1Chart, option, {
         interval: 2000,
@@ -3154,56 +3086,30 @@ let app = new Vue({
     leftEcharts6Fun () {
       let that = this;
       this.leftEcharts6 = echarts.init(this.$refs["leftEcharts6"]);
-      var dataArr = left16[3]
-      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,
-      };
-
+      var dataArr = left16[3] * 100
+      // var dataArr = 50
       option = {
         tooltip: {
           formatter: "{a} <br/>{b} : {c}%",
         },
+        // 配置图片相关
+        graphic: {
+          elements: [{
+            type: 'image',//需要填充图片,配置image,如果不需要图片可以配置其他的, text, circle, sector, ring, polygon, polyline, rect, line, bezierCurve, arc, group,
+            style: {
+              image: './img/dashboard.png', //这里添加图片地址
+              width: 580,
+              height: 480
+            },
+            left: 'center',//
+            top: 'middle' //配置图片居中
+          }]
+        },
         series: [
           {
             name: "内部进度条",
             type: "gauge",
-            // center: ['20%', '50%'],
+            center: ['49.6%', '61%'],
             radius: "50%",
 
             splitNumber: 10,
@@ -3230,9 +3136,9 @@ let app = new Vue({
             },
             detail: {
               formatter: function (value) {
-                return (value * 100).toFixed(2)
+                return (value).toFixed(2) + '%'
               },
-              offsetCenter: [0, 117],
+              offsetCenter: [0, 100],
               textStyle: {
                 padding: [0, 0, 0, 0],
                 fontSize: 60,
@@ -3242,9 +3148,9 @@ let app = new Vue({
             title: {
               //标题
               show: true,
-              offsetCenter: [0, 220], // x, y，单位px
+              offsetCenter: [0, 195], // x, y，单位px
               textStyle: {
-                color: "#40A9FF",
+                color: "#fff",
                 fontSize: 34, //表盘上的标题文字大小
                 fontWeight: 400,
                 fontFamily: "MicrosoftYaHei",
@@ -3261,20 +3167,21 @@ let app = new Vue({
                 },
               },
             ],
-            pointer: {
-              show: true,
-              length: "100%",
-              // radius: "20%",
-              width: 80, //指针粗细
-              // icon: 'path://M2090.36389,615.30999 L2090.36389,615.30999 C2091.48372,615.30999 2092.40383,616.194028 2092.44859,617.312956 L2096.90698,728.755929 C2097.05155,732.369577 2094.2393,735.416212 2090.62566,735.56078 C2090.53845,735.564269 2090.45117,735.566014 2090.36389,735.566014 L2090.36389,735.566014 C2086.74736,735.566014 2083.81557,732.63423 2083.81557,729.017692 C2083.81557,728.930412 2083.81732,728.84314 2083.82081,728.755929 L2088.2792,617.312956 C2088.32396,616.194028 2089.24407,615.30999 2090.36389,615.30999 Z',
-              icon: 'image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7'
-            },
+            // pointer: {
+            //   show: true,
+            //   length: "100%",
+            //   // radius: "20%",
+            //   width: 80, //指针粗细
+            //   // icon: 'path://M2090.36389,615.30999 L2090.36389,615.30999 C2091.48372,615.30999 2092.40383,616.194028 2092.44859,617.312956 L2096.90698,728.755929 C2097.05155,732.369577 2094.2393,735.416212 2090.62566,735.56078 C2090.53845,735.564269 2090.45117,735.566014 2090.36389,735.566014 L2090.36389,735.566014 C2086.74736,735.566014 2083.81557,732.63423 2083.81557,729.017692 C2083.81557,728.930412 2083.81732,728.84314 2083.82081,728.755929 L2088.2792,617.312956 C2088.32396,616.194028 2089.24407,615.30999 2090.36389,615.30999 Z',
+            //   icon: 'image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7'
+            // },
             animationDuration: 4000,
           },
           {
             name: "内部阴影",
             type: "gauge",
-            radius: "75%",
+            radius: '35%',
+            center: ['49.6%', '61%'],
             splitNumber: 10,
             axisLine: {
               show: true,
@@ -3298,8 +3205,9 @@ let app = new Vue({
                     ]),
                   ],
                   [1, "#0E4889"],
+                  // [1, "red"],
                 ],
-                width: 70,
+                width: 35,
               },
             },
             axisLabel: {
@@ -3315,96 +3223,96 @@ let app = new Vue({
               show: false,
             },
           },
-          {
-            name: '',
-            type: 'gauge',
-            splitNumber: 5, //刻度数量
-            min: 0,
-            max: 100,
-            radius: "90%",
-            zlevel: 1,
-            axisLine: {
-              show: true,
-              lineStyle: {
-                width: 0,
-                shadowBlur: 0,
-                color: [
-                  [0.2, '#23AFAF'],
-                  [0.4, '#2270DA'],
-                  [0.6, '#E99D02'],
-                  [1, '#F45656']
-                ],
-              }
-            },
-            axisTick: {
-              show: true,
-              lineStyle: {
-                color: 'auto',
-                width: 2
-              },
-              length: 10,
-              splitNumber: 5
-            },
-            splitLine: {
-              show: true,
-              length: -12,
-              lineStyle: {
-                color: 'auto',
-                width: 2
-              }
-            },
-            axisLabel: {
-              show: true,
-              color: "#ffffff",
-              fontSize: 20,
-              fontFamily: "SourceHanSansSC-Regular",
-              // position: "top",
-              distance: -30,
-              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";
-                }
-              },
-            },
-            pointer: { //仪表盘指针
-              show: 0,
-              length: '0%',
-              width: 1
-            },
-            anchor: {
-              show: true,
-              showAbove: true,
-              size: 30,
-              itemStyle: {
-                color: '#EAEBF1',
-              }
-            },
-            detail: {
-              show: false
-            },
-            data: []
-          },
+          // {
+          //   name: '',
+          //   type: 'gauge',
+          //   splitNumber: 5, //刻度数量
+          //   min: 0,
+          //   max: 100,
+          //   radius: "90%",
+          //   zlevel: 1,
+          //   axisLine: {
+          //     show: true,
+          //     lineStyle: {
+          //       width: 0,
+          //       shadowBlur: 0,
+          //       color: [
+          //         [0.2, '#23AFAF'],
+          //         [0.4, '#2270DA'],
+          //         [0.6, '#E99D02'],
+          //         [1, '#F45656']
+          //       ],
+          //     }
+          //   },
+          //   axisTick: {
+          //     show: true,
+          //     lineStyle: {
+          //       color: 'auto',
+          //       width: 2
+          //     },
+          //     length: 10,
+          //     splitNumber: 5
+          //   },
+          //   splitLine: {
+          //     show: true,
+          //     length: -12,
+          //     lineStyle: {
+          //       color: 'auto',
+          //       width: 2
+          //     }
+          //   },
+          //   axisLabel: {
+          //     show: true,
+          //     color: "#ffffff",
+          //     fontSize: 20,
+          //     fontFamily: "SourceHanSansSC-Regular",
+          //     // position: "top",
+          //     distance: -30,
+          //     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";
+          //       }
+          //     },
+          //   },
+          //   pointer: { //仪表盘指针
+          //     show: 0,
+          //     length: '0%',
+          //     width: 1
+          //   },
+          //   anchor: {
+          //     show: true,
+          //     showAbove: true,
+          //     size: 30,
+          //     itemStyle: {
+          //       color: '#EAEBF1',
+          //     }
+          //   },
+          //   detail: {
+          //     show: false
+          //   },
+          //   data: []
+          // },
           {
             //指针上的圆
             type: "pie",
@@ -3414,7 +3322,7 @@ let app = new Vue({
             hoverAnimation: false,
             legendHoverLink: false,
             radius: ["0%", "4%"],
-            center: ["50%", "50%"],
+            center: ['49.6%', '61%'],
             label: {
               normal: {
                 show: false,
@@ -4413,6 +4321,19 @@ let app = new Vue({
           },
           data: categoryData,
         },
+        // 配置图片相关
+        graphic: {
+          elements: [{
+            type: 'image',//需要填充图片,配置image,如果不需要图片可以配置其他的, text, circle, sector, ring, polygon, polyline, rect, line, bezierCurve, arc, group,
+            style: {
+              image: './img/3D/chinaMap.png', //这里添加图片地址
+              width: 1680,
+              // height: auto
+            },
+            left: 'center',//
+            top: '260' //配置图片居中
+          }]
+        },
         series: [
           {
             type: "effectScatter",
@@ -4528,6 +4449,7 @@ let app = new Vue({
     leftEcharts9Fun () {
       let that = this;
       this.leftEcharts9 = echarts.init(this.$refs["leftEcharts9"]);
+      return
       // var ROOT_PATH = 'https://echarts.apache.org/examples';
       let option = {
         backgroundColor: "#00000000",
@@ -4697,6 +4619,25 @@ let app = new Vue({
           },
         ],
       };
+      that.leftEcharts10.on('click', function (param) {
+        console.log(param,'看看点击了')
+        that.titleName = param.name
+        that.echartEnterpriseShow = true
+        // 如果是接口版数据版
+        // let findData = dataList.find(item => {
+        //   return item.mdnb_textfield == param.name
+        // })
+        // common1[0] = findData.mdnb_amountfield18
+        // common1[1] = findData.mdnb_amountfield20
+        // common1[2] = findData.mdnb_amountfield19
+        // common1[3] = findData.mdnb_amountfield26
+        // common1[4] = findData.mdnb_amountfield27
+        // common1[5] = findData.mdnb_amountfield25
+        // common2[0] = findData.mdnb_decimalfield6
+        // setTimeout(() => {
+        //   that.initChartBall()
+        // });
+      })
       //轮播
       tools.loopShowTooltip(that.leftEcharts10, option, {
         interval: 2000,
@@ -4733,15 +4674,17 @@ let app = new Vue({
       option = {
         tooltip: {
           trigger: "axis",
+          showContent: true,
+          alwaysShowContent: true,
           formatter:
             "指标：" +
-            "{c0}" +
+            "{c0}" + '%' +
             "<br/>" +
             "发展线：" +
-            "{c1}" +
+            "{c1}" + '%' +
             "<br/>" +
             "生存线：" +
-            "{c2}", //+ '<br/>'+ '{a1}：{c1}' + '%',
+            "{c2}" + '%', //+ '<br/>'+ '{a1}：{c1}' + '%',
           axisPointer: {
             type: "shadow",
           },
@@ -4797,7 +4740,7 @@ let app = new Vue({
             },
             axisLabel: {
               show: true,
-              formatter: "{value}%",
+              formatter: "{value}",
               textStyle: {
                 color: "#fff",
                 fontSize: 20,
@@ -4830,8 +4773,8 @@ let app = new Vue({
                 ]),
               },
             },
-            data: dataList[this.count + 1][1],
-            // data: this.storageRecordConfig.data.length == 0 ? [] : this.storageRecordConfig.data.length == 1 ? left12[this.count][2] : left12[this.count + 1][2]
+            // data: dataList[this.count + 1][1],
+            data: this.storageRecordConfig.data.length == 0 ? [] : this.storageRecordConfig.data.length == 1 ? left12[this.count][2] : left12[this.count + 1][2]
           },
           {
             name: "",
@@ -4851,8 +4794,8 @@ let app = new Vue({
                 ]),
               },
             },
-            data: dataList[this.count + 1][1],
-            // data: this.storageRecordConfig.data.length == 0 ? [] : this.storageRecordConfig.data.length == 1 ? left12[this.count][1] : left12[this.count + 1][1]
+            // data: dataList[this.count + 1][1],
+            data: this.storageRecordConfig.data.length == 0 ? [] : this.storageRecordConfig.data.length == 1 ? left12[this.count][1] : left12[this.count + 1][1]
           },
           {
             name: "",
@@ -4872,8 +4815,8 @@ let app = new Vue({
                 ]),
               },
             },
-            data: dataList[this.count + 1][0],
-            // data: this.storageRecordConfig.data.length == 0 ? [] : this.storageRecordConfig.data.length == 1 ? left12[this.count][0] : left12[this.count + 1][0]
+            // data: dataList[this.count + 1][0],
+            data: this.storageRecordConfig.data.length == 0 ? [] : this.storageRecordConfig.data.length == 1 ? left12[this.count][0] : left12[this.count + 1][0]
           },
         ],
       };
@@ -5501,7 +5444,7 @@ let app = new Vue({
           },
           axisLabel: {
             show: true,
-            rotate: 0,
+            rotate: 50,
             interval: 0,
             textStyle: {
               padding: [14, 0, 0, 0],
@@ -5604,6 +5547,7 @@ let app = new Vue({
     leftEcharts16Fun () {
       let that = this;
       this.leftEcharts16 = echarts.init(this.$refs["leftEcharts16"]);
+      return
       // var ROOT_PATH = 'https://echarts.apache.org/examples';
       let option = {
         backgroundColor: "#00000000",
@@ -6924,6 +6868,9 @@ let app = new Vue({
     },
     changeTopColor () {
       this.list = document.getElementsByClassName('row-item')
+      setTimeout(() => {
+        this.list[1].classList.add('light')
+      }, 1000)
       for (var i = 0; i < this.list.length; i++) {
         if (i == 1) {
           this.list[i].classList.add('light')

investmentNew/styles/index.css

@@ -33,6 +33,9 @@ a {
 [v-cloak] {
   display: none;
 }
+#app{
+  transition: all 3s;
+}
 .appbg1 {
   background: url('../img/page-bg3.png') center center no-repeat;
   background-size: 100% 100%;
@@ -195,6 +198,7 @@ a {
 .left2 .industryProportion1 {
   background: url('../img/industryProportion.png') no-repeat center center; /*图标路径*/
   background-size: 100% 100%;
+  color: #FFE036;
 }
 .left .industryProportion2 {
   background-color: #1f3152;
@@ -217,6 +221,7 @@ a {
   grid-template-rows: repeat(3, 1fr);
   overflow: hidden;
   gap: 30px;
+  padding: 10px 0;
 }
 .left3A > div:nth-child(1) {
   background: url('../img/retainedA.png') no-repeat center center; /*图标路径*/
@@ -319,7 +324,7 @@ a {
 }
 .center2 > div:nth-child(1) > div {
   margin-left: 10%;
-  background-size: 100% 100% !important;
+  background-size: 70% 100% !important;
   overflow: hidden;
   padding-left: 40%;
 }
@@ -416,29 +421,30 @@ a {
   background-size: 95% 90%;
 }
 .chinaTop {
-  width: 100%;
+  width: 90%;
   height: 8.5%;
   position: absolute;
   top: 3%;
   z-index: 999;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
+  margin-left: 5%;
 }
 .chinaTop > div:nth-child(1) {
   background: url('../img/centerTop1.png') no-repeat center left; /*图标路径*/
-  background-size: 100% 100%;
+  background-size: 81% 100%;
 }
 .chinaTop > div:nth-child(2) {
   background: url('../img/centerTop2.png') no-repeat center left; /*图标路径*/
-  background-size: 100% 100%;
+  background-size: 81% 100%;
 }
 .chinaTop > div:nth-child(3) {
   background: url('../img/centerTop3.png') no-repeat center left; /*图标路径*/
-  background-size: 100% 100%;
+  background-size: 81% 100%;
 }
 .chinaTop > div:nth-child(4) {
   background: url('../img/centerTop4.png') no-repeat center left; /*图标路径*/
-  background-size: 100% 100%;
+  background-size: 81% 100%;
 }
 .projectPop {
   background: rgba(50, 50, 50, 0.7);
@@ -480,6 +486,10 @@ a {
   width: 100%;
   height: calc(100% - 260px);
 }
+.pop-content2 {
+  width: 100%;
+  height: calc(100% - 300px);
+}
 .titleImg {
   width: auto;
   height: 100%;
@@ -499,17 +509,22 @@ a {
 }
 .productTip {
   position: absolute;
-  height: 1900px !important;
-  /* width: calc(700px / 9 * 16 + 200px) !important; */
+  height: 1780px !important;
   width: 2900px;
-  top: calc(50% - 750px);
+  top: calc(50% - 850px);
   left: calc(50% - 2900px/2);
   z-index: 99999999999 !important;
-  background: url('../img/pop.png') no-repeat center;
+  background: url('../img/pop2.png') no-repeat center;
   background-size: 100% auto;
 }
+.iframeCss {
+  transform: scale(1.4);
+  position: absolute;
+  left: calc(50% - 960px);
+  top: calc(50% - 470px);
+}
 .productTipBoard {
-  height: 1800px !important;
+  height: 1900px !important;
   width: calc(1500px / 9 * 16 + 100px) !important;
   top: calc(50% - 900px);
   left: calc(50% - (1500px / 9 * 16 + 70px) / 2);
@@ -1356,6 +1371,8 @@ i {
   justify-content: space-around;
   padding: 2.375rem 0;
   height: 100%;
+  width: 47%;
+  padding-left: 10%;
 }
 
 .investInfoWrap .investInfo {