2 年之前 · a4162d9e23
--- a/investmentNew/img/close.png
+++ b/investmentNew/img/close.png
--- a/investmentNew/img/logos/logo1.png
+++ b/investmentNew/img/logos/logo1.png
--- a/investmentNew/img/logos/logo10.png
+++ b/investmentNew/img/logos/logo10.png
--- a/investmentNew/img/logos/logo11.png
+++ b/investmentNew/img/logos/logo11.png
--- a/investmentNew/img/logos/logo12.png
+++ b/investmentNew/img/logos/logo12.png
--- a/investmentNew/img/logos/logo13.png
+++ b/investmentNew/img/logos/logo13.png
--- a/investmentNew/img/logos/logo14.png
+++ b/investmentNew/img/logos/logo14.png
--- a/investmentNew/img/logos/logo15.png
+++ b/investmentNew/img/logos/logo15.png
--- a/investmentNew/img/logos/logo16.png
+++ b/investmentNew/img/logos/logo16.png
--- a/investmentNew/img/logos/logo17.png
+++ b/investmentNew/img/logos/logo17.png
--- a/investmentNew/img/logos/logo18.png
+++ b/investmentNew/img/logos/logo18.png
--- a/investmentNew/img/logos/logo2.png
+++ b/investmentNew/img/logos/logo2.png
--- a/investmentNew/img/logos/logo3.png
+++ b/investmentNew/img/logos/logo3.png
--- a/investmentNew/img/logos/logo4.png
+++ b/investmentNew/img/logos/logo4.png
--- a/investmentNew/img/logos/logo5.png
+++ b/investmentNew/img/logos/logo5.png
--- a/investmentNew/img/logos/logo6.png
+++ b/investmentNew/img/logos/logo6.png
--- a/investmentNew/img/logos/logo7.png
+++ b/investmentNew/img/logos/logo7.png
--- a/investmentNew/img/logos/logo8.png
+++ b/investmentNew/img/logos/logo8.png
--- a/investmentNew/img/logos/logo9.png
+++ b/investmentNew/img/logos/logo9.png
--- a/investmentNew/img/pop.png
+++ b/investmentNew/img/pop.png
--- a/investmentNew/img/titleImg/1.png
+++ b/investmentNew/img/titleImg/1.png
--- a/investmentNew/img/titleImg/10.png
+++ b/investmentNew/img/titleImg/10.png
--- a/investmentNew/img/titleImg/11.png
+++ b/investmentNew/img/titleImg/11.png
--- a/investmentNew/img/titleImg/2.png
+++ b/investmentNew/img/titleImg/2.png
--- a/investmentNew/img/titleImg/3.png
+++ b/investmentNew/img/titleImg/3.png
--- a/investmentNew/img/titleImg/4.png
+++ b/investmentNew/img/titleImg/4.png
--- a/investmentNew/img/titleImg/5.png
+++ b/investmentNew/img/titleImg/5.png
--- a/investmentNew/img/titleImg/6.png
+++ b/investmentNew/img/titleImg/6.png
--- a/investmentNew/img/titleImg/7.png
+++ b/investmentNew/img/titleImg/7.png
--- a/investmentNew/img/titleImg/8.png
+++ b/investmentNew/img/titleImg/8.png
--- a/investmentNew/img/titleImg/9.png
+++ b/investmentNew/img/titleImg/9.png
--- a/investmentNew/index.html
+++ b/investmentNew/index.html
@@ -22,16 +22,15 @@
 
															 </head>
														
 
															 <body>
														
 
															-  <!-- <dv-full-screen-container> -->
														
 
															   <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>投前管理</span>
														
 
															+        <span @click="tipShow1Fun('2.png','投前管理')" class="pointer">投前管理</span>
														
 
															         <div></div>
														
 
															       </div>
														
 
															-      <div class="mainTitle">数智化投资管理驾驶舱</div>
														
 
															+      <div class="mainTitle pointer" @click.stop="tipShow1Fun('1.png','数智化投资管理驾驶舱')">数智化投资管理驾驶舱</div>
														
 
															       <div class="title" style="padding-top: 2%">
														
 
															-        <span>投中、投后管理</span>
														
 
															+        <span class="pointer" @click.stop="tipShow1Fun('7.png','投中、投后管理')">投中、投后管理</span>
														
 
															         <div></div>
														
 
															       </div>
														
 
															     </div>
														
@@ -45,7 +44,8 @@
 
															                 <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">亿</span>
														
 
															+                  1,608.69<span style="font-size: 28px"
														
 
															+                    @click.stop="showChartLTipSingle('投资金额','left','','','投资计划分析','固定资产投资金额','','','','','',2141)">亿</span>
														
 
															                 </div>
														
 
															                 <div style="
														
 
															                       font-size: 50px;
														
@@ -437,7 +437,7 @@
 
															               <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 style="color: #58E6F7;font-size: 50px;font-weight: bold;">{{stageTitle2}}</span>
														
 
															                   <span class="font28">{{stageTitle}}</span>
														
 
															                 </div>
														
 
															               </div>
														
@@ -615,24 +615,29 @@
 
															       </div>
														
 
															       <div class="bottom-tip" @click="backChina"></div>
														
 
															     </div>
														
 
															-    <!-- <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="absolute twoPop"></div>
														
 
															+    <!-- 标题状图弹窗 -->
														
 
															+    <div class="absolute  backBlack" v-if="tipShow1 || tipShow2 ">
														
 
															+      <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()">
														
 
															+        <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-show="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>
														
 
															+      </div>
														
 
															+    </div>
														
 
															   </div>
														
 
															-  <!-- </dv-full-screen-container> -->
														
 
															   <script src="./js/index.js"></script>
														
 
															 </body>
														
--- a/investmentNew/js/index.js
+++ b/investmentNew/js/index.js
@@ -5,7 +5,9 @@ let app = new Vue({
 
															       count: 0, //重点项目两线指标轮到哪个
														
 
															       list: [], //重点项目两线指标数组
														
 
															       countType: 0, //重点项目两线指标数组
														
 
															-      mapShow: true, // false为中国地图 true为山西地图
														
 
															+      mapShow: false, // false为中国地图 true为山西地图
														
 
															+      titleUrl: '',// 标题弹窗显示的内容
														
 
															+      titleName: '', // 弹窗的名字显示
														
 
															       leftEcharts1: "",
														
 
															       leftEcharts2: "",
														
 
															       leftEcharts3: "",
														
@@ -22,8 +24,11 @@ let app = new Vue({
 
															       leftEcharts14: '',
														
 
															       leftEcharts15: '',
														
 
															       leftEcharts17: '', //投资产业分布中间的水球图
														
 
															-      stageTitle:'', // 投资阶段分析圆环图内容
														
 
															-      stageTitle2:'', // 投资阶段分析圆环图内容
														
 
															+      leftEcharts18: '', //单个柱状图弹窗
														
 
															+      tipShow1: false, // 标题弹窗显示
														
 
															+      tipShow2: false, // 单柱状图弹窗 
														
 
															+      stageTitle: '', // 投资阶段分析圆环图内容
														
 
															+      stageTitle2: '', // 投资阶段分析圆环图内容
														
 
															       echartR2Fd: true, // 投后进度成本偏差防抖
														
 
															       leftEcharts16: '', // 中国地图背景地球
														
 
															       rightEcharts1: '', // 投后进度成本偏差
														
@@ -485,42 +490,71 @@ let app = new Vue({
 
															     clearInterval(this.time2);
														
 
															   },
														
 
															   mounted () {
														
 
															-    let that = this
														
 
															-    this.time4s();
														
 
															-    this.timeNs();
														
 
															-    this.filterLpData();
														
 
															-    this.lpRotate();
														
 
															-    setTimeout(() => {
														
 
															-      if (that.mapShow) {
														
 
															-        that.leftEcharts12Fun()
														
 
															-        that.leftEcharts14Fun()
														
 
															-        that.leftEcharts9Fun()
														
 
															-        that.leftEcharts15Fun()
														
 
															-        that.leftEcharts13Fun()
														
 
															-        that.shanxiEchartsFun()
														
 
															-        that.leftEcharts17Fun()
														
 
															-      } else {
														
 
															-        that.chinaEchartsFun()
														
 
															-        that.leftEcharts16Fun() // 中国地图背景地球
														
 
															-      }
														
 
															-      this.leftEcharts1Fun();
														
 
															-      this.leftEcharts2Fun();
														
 
															-      this.leftEcharts3Fun();
														
 
															-      this.leftEcharts4Fun();
														
 
															-      this.leftEcharts5Fun();
														
 
															-      this.leftEcharts6Fun();
														
 
															-      this.leftEcharts7Fun();
														
 
															-      this.leftEcharts8Fun();
														
 
															-      this.leftEcharts10Fun();
														
 
															-      this.leftEcharts11Fun();
														
 
															-      this.rightEcharts1Fun();
														
 
															-      this.initChartR2();
														
 
															-      this.initChartR4();
														
 
															-    });
														
 
															+    this.getUrlParams()
														
 
															   },
														
 
															   methods: {
														
 
															+    // 获取地址栏参数
														
 
															+    getUrlParams (id) {
														
 
															+      let url = window.location.href
														
 
															+      // 通过 ? 分割获取后面的参数字符串
														
 
															+      let urlStr = url.split('?')[1]
														
 
															+      if (!urlStr) {
														
 
															+        this.comeIn()
														
 
															+        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];
														
 
															+      }
														
 
															+      if (obj.model) {
														
 
															+        obj.model == 'A' || obj.model == 'a' ? this.mockData = false : this.mockData = true
														
 
															+      }
														
 
															+      obj.env && (this.env = obj.env)
														
 
															+      this.goUrl = (obj.env == 'SIT' || obj.env == 'sit') ? '172.21.3.68:8081' : (obj.env == 'UAT' || obj.env == 'uat') ? '172.21.3.149:8081' : '172.21.3.242:8081'
														
 
															+      this.accountId = obj.accountid
														
 
															+      this.comeIn()
														
 
															+    },
														
 
															+    comeIn () {
														
 
															+      let that = this
														
 
															+      this.time4s();
														
 
															+      this.timeNs();
														
 
															+      this.filterLpData();
														
 
															+      this.lpRotate();
														
 
															+      setTimeout(() => {
														
 
															+        if (that.mapShow) {
														
 
															+          that.leftEcharts17Fun()
														
 
															+          that.leftEcharts12Fun()
														
 
															+          that.leftEcharts14Fun()
														
 
															+          that.leftEcharts9Fun()
														
 
															+          that.leftEcharts15Fun()
														
 
															+          that.leftEcharts13Fun()
														
 
															+          that.shanxiEchartsFun()
														
 
															+        } else {
														
 
															+          that.chinaEchartsFun()
														
 
															+          that.leftEcharts16Fun() // 中国地图背景地球
														
 
															+        }
														
 
															+        this.leftEcharts1Fun();
														
 
															+        this.leftEcharts2Fun();
														
 
															+        this.leftEcharts3Fun();
														
 
															+        this.leftEcharts4Fun();
														
 
															+        this.leftEcharts5Fun();
														
 
															+        this.leftEcharts6Fun();
														
 
															+        this.leftEcharts7Fun();
														
 
															+        this.leftEcharts8Fun();
														
 
															+        this.leftEcharts10Fun();
														
 
															+        this.leftEcharts11Fun();
														
 
															+        this.rightEcharts1Fun();
														
 
															+        this.initChartR2();
														
 
															+        this.initChartR4();
														
 
															+      });
														
 
															+    },
														
 
															     // 解决除法是去精度
														
 
															-    numDiv(num1, num2) {
														
 
															+    numDiv (num1, num2) {
														
 
															       var baseNum1 = 0, baseNum2 = 0;
														
 
															       var baseNum3, baseNum4;
														
 
															       try {
														
@@ -1620,6 +1654,7 @@ let app = new Vue({
 
															         }
														
 
															       }, 2000);
														
 
															     },
														
 
															+    // 转盘计算角度
														
 
															     filterLpData () {
														
 
															       const angle = 360 / this.investData.investList.length;
														
 
															       for (let i in this.investData.investList) {
														
@@ -3189,13 +3224,15 @@ let app = new Vue({
 
															               });
														
 
															               let a = window.location.href.split('/')
														
 
															               a.pop()
														
 
															-              return `<div class="bgTooltip" style="background: url('${a.join('/')}/img/shanxi/${params.dataIndex}.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;">${params.value[3]}<span style="font-size:20px" class="fn">个</span></span></div>
														
 
															-                <div class="blueIcon flex items-center">投资总额：<span class="fb" style="color:#68BDFF">${params.value[2]}<span style="font-size:20px" class="fn">亿</span></span></div>
														
 
															-              </div>`;
														
 
															+              if (params.value) {
														
 
															+                return `<div class="bgTooltip" style="background: url('${a.join('/')}/img/shanxi/${params.dataIndex}.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;">${params.value[3]}<span style="font-size:20px" class="fn">个</span></span></div>
														
 
															+                  <div class="blueIcon flex items-center">投资总额：<span class="fb" style="color:#68BDFF">${params.value[2]}<span style="font-size:20px" class="fn">亿</span></span></div>
														
 
															+                </div>`;
														
 
															+              }
														
 
															             },
														
 
															           },
														
 
															           regions: [
														
@@ -3615,13 +3652,15 @@ let app = new Vue({
 
															                 name: params.name,
														
 
															                 seriesName: "series\u00001",
														
 
															               });
														
 
															-              return `<div class="bgTooltip" style="background: rgba(50,50,50,0.7);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;">${params.value[3]}<span style="font-size:20px" class="fn">个</span></span></div>
														
 
															-                <div class="blueIcon flex items-center">投资总额：<span class="fb" style="color:#68BDFF">${params.value[2]}<span style="font-size:20px" class="fn">亿</span></span></div>
														
 
															-              </div>`;
														
 
															+              if (params.value) {
														
 
															+                return `<div class="bgTooltip" style="background: rgba(50,50,50,0.7);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;">${params.value[3]}<span style="font-size:20px" class="fn">个</span></span></div>
														
 
															+                  <div class="blueIcon flex items-center">投资总额：<span class="fb" style="color:#68BDFF">${params.value[2]}<span style="font-size:20px" class="fn">亿</span></span></div>
														
 
															+                </div>`;
														
 
															+              }
														
 
															             },
														
 
															           },
														
 
															           regions: [
														
@@ -3812,6 +3851,7 @@ let app = new Vue({
 
															           that.mapShow = true
														
 
															           setTimeout(() => {
														
 
															             that.leftEcharts12Fun()
														
 
															+            that.leftEcharts17Fun()
														
 
															             that.leftEcharts14Fun()
														
 
															             that.leftEcharts9Fun()
														
 
															             that.leftEcharts15Fun()
														
@@ -4285,8 +4325,8 @@ let app = new Vue({
 
															           show: true,
														
 
															           formatter: function (params) {
														
 
															             that.leftEcharts17.dispose()
														
 
															-            left2[0] = that.numDiv(params.percent+3.2,100)
														
 
															             that.leftEcharts17Fun()
														
 
															+            left2[0] = that.numDiv(params.percent + 3.2, 100)
														
 
															             if (params.seriesIndex === 2) {
														
 
															               return null; // 隐藏部分2的tooltip
														
 
															             } else {
														
@@ -4381,6 +4421,7 @@ let app = new Vue({
 
															       that.leftEcharts12.setOption(option);
														
 
															     },
														
 
															     leftEcharts17Fun () {
														
 
															+      console.log('就没走了么？？')
														
 
															       let that = this;
														
 
															       this.leftEcharts17 = echarts.init(this.$refs["leftEcharts17"]);
														
 
															       var seriesOption = [
														
@@ -4618,7 +4659,7 @@ let app = new Vue({
 
															             fontSize: "28", // 文字字体大小
														
 
															           },
														
 
															           formatter: (params) => {
														
 
															-            that.stageTitle = params.name 
														
 
															+            that.stageTitle = params.name
														
 
															             that.stageTitle2 = params.percent + '%'
														
 
															             return `${params.name}：<br/>金额：<b>${totalData[params.seriesIndex].radio}</b>亿<br/>数量：<b>${params.value}</b>个`
														
 
															           }
														
@@ -5089,5 +5130,234 @@ let app = new Vue({
 
															         that.leftEcharts16Fun()
														
 
															       });
														
 
															     },
														
 
															+    tipShow1Fun (e, name) {
														
 
															+      this.closeTap()
														
 
															+      this.titleUrl = e
														
 
															+      this.titleName = name
														
 
															+      this.$nextTick(() => {
														
 
															+        this.tipShow1 = true
														
 
															+      })
														
 
															+    },
														
 
															+    // 关闭所有弹窗的方法
														
 
															+    closeTap () {
														
 
															+      this.tipShow1 = false
														
 
															+    },
														
 
															+    //点击弹窗左半部分
														
 
															+    popLeftClick () {
														
 
															+      if (this.titleUrl == '2.png') {
														
 
															+        this.titleUrl = '3.png'
														
 
															+      } else if (this.titleUrl == '7.png') {
														
 
															+        this.titleUrl = '8.png'
														
 
															+      } else if (this.titleUrl == '3.png') {
														
 
															+        this.titleUrl = '2.png'
														
 
															+      } else if (this.titleUrl == '8.png') {
														
 
															+        this.titleUrl = '7.png'
														
 
															+      } else if (this.titleUrl == '5.png') {
														
 
															+        this.titleUrl = '2.png'
														
 
															+      } else if (this.titleUrl == '10.png') {
														
 
															+        this.titleUrl = '7.png'
														
 
															+      }
														
 
															+    },
														
 
															+    //点击弹窗右半部分
														
 
															+    poprightClick () {
														
 
															+      if (this.titleUrl == '2.png') {
														
 
															+        this.titleUrl = '5.png'
														
 
															+      } else if (this.titleUrl == '7.png') {
														
 
															+        this.titleUrl = '10.png'
														
 
															+      } else if (this.titleUrl == '5.png') {
														
 
															+        this.titleUrl = '2.png'
														
 
															+      } else if (this.titleUrl == '10.png') {
														
 
															+        this.titleUrl = '7.png'
														
 
															+      } else if (this.titleUrl == '3.png') {
														
 
															+        this.titleUrl = '2.png'
														
 
															+      } else if (this.titleUrl == '8.png') {
														
 
															+        this.titleUrl = '7.png'
														
 
															+      }
														
 
															+    },
														
 
															+    // 单个柱状图的弹窗
														
 
															+    showChartLTipSingle (e, location, type, param, mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, typeCTwo, paramCTwo, portType, num) {
														
 
															+      this.projectNum = num
														
 
															+      this.closeTap()
														
 
															+      this.titleName = e
														
 
															+      this.echartSingleTipShow = true
														
 
															+      if (this.versions) {
														
 
															+        if (location == 'center') {
														
 
															+          this.centerPenetrateOne(type, param, 1, typeCTwo, paramCTwo, portType)
														
 
															+        }
														
 
															+        if (location == 'left') {
														
 
															+          this.leftPenetrateOne(mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, 1, type, param)
														
 
															+        }
														
 
															+      } else {
														
 
															+        setTimeout(() => {
														
 
															+          this.initChartLTip(location)
														
 
															+        })
														
 
															+      }
														
 
															+    },
														
 
															+    initChartLTip (location, mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, typeCTwo, paramCTwo, portType) {
														
 
															+      this.myChartTip1 = echarts.init(document.getElementById("echartSingleTip"));
														
 
															+      if (!(this.titleName == '项目数量' || this.titleName == '项目总数')) {
														
 
															+        common3 = common3.map((item) => Number(item) + 1)
														
 
															+      }
														
 
															+      let option = {
														
 
															+        grid: {
														
 
															+          top: 40,
														
 
															+          right: 0,
														
 
															+          left: 60,
														
 
															+          bottom: 70,
														
 
															+        },
														
 
															+        tooltip: {
														
 
															+          show: true,
														
 
															+          trigger: "axis",
														
 
															+          axisPointer: {
														
 
															+            // 坐标轴指示器，坐标轴触发有效
														
 
															+            type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
														
 
															+          },
														
 
															+          formatter: data => {
														
 
															+            if (this.titleName == '项目数量' || this.titleName == '项目总数') {
														
 
															+              return `${data[0].name}</br>${data[0].seriesName}：${that.numFormat(data[0].value)}个`
														
 
															+            } else {
														
 
															+              return `${data[0].name}</br>${data[0].seriesName}：${that.numFormat(that.numSub(data[0].value, 1))}亿`
														
 
															+            }
														
 
															+          },
														
 
															+          textStyle: {
														
 
															+            color: '#FFF',     // 文字的颜色
														
 
															+            fontSize: '20',    // 文字字体大小
														
 
															+            fontFamily: 'Microsoft YaHei'
														
 
															+          },
														
 
															+        },
														
 
															+        xAxis: {
														
 
															+          data: commonCompany,
														
 
															+          axisTick: {
														
 
															+            show: false,
														
 
															+          },
														
 
															+          // x轴的字体颜色
														
 
															+          axisLabel: {
														
 
															+            rotate: 40,
														
 
															+            textStyle: {
														
 
															+              color: "white",
														
 
															+              fontSize: '20',
														
 
															+              fontFamily: 'Microsoft YaHei'
														
 
															+            },
														
 
															+          },
														
 
															+          //y轴线的颜色以及宽度
														
 
															+          axisLine: {
														
 
															+            show: true,
														
 
															+            lineStyle: {
														
 
															+              color: "#1E5389",
														
 
															+              width: 1,
														
 
															+              type: "solid",
														
 
															+            },
														
 
															+          },
														
 
															+        },
														
 
															+        yAxis: {
														
 
															+          minInterval: 1,
														
 
															+          // onZero:true,
														
 
															+          name: (this.titleName == '项目数量' || this.titleName == '项目总数') ? '个' : '亿',
														
 
															+          nameTextStyle: {//y轴上方单位的颜色
														
 
															+            color: '#fff',
														
 
															+            fontSize: '20',
														
 
															+            fontFamily: 'Microsoft YaHei'
														
 
															+          },
														
 
															+          axisTick: {
														
 
															+            lineStyle: {
														
 
															+              color: "#18416F",
														
 
															+            },
														
 
															+          },
														
 
															+          // y轴的字体颜色
														
 
															+          axisLabel: {
														
 
															+            textStyle: {
														
 
															+              color: "white",
														
 
															+              fontSize: '20'
														
 
															+            },
														
 
															+            formatter: function (value) {
														
 
															+              if (that.titleName == '项目数量' || that.titleName == '项目总数') {
														
 
															+                return value
														
 
															+              } else {
														
 
															+                return value === 1 ? 0 : value
														
 
															+              }
														
 
															+            }
														
 
															+          },
														
 
															+          splitLine: {
														
 
															+            show: true,
														
 
															+            lineStyle: {
														
 
															+              color: '#68b4dd66',
														
 
															+              type: 'dashed',
														
 
															+            },
														
 
															+          },
														
 
															+          //y轴线的颜色以及宽度
														
 
															+          axisLine: {
														
 
															+            show: true,
														
 
															+            lineStyle: {
														
 
															+              color: "#1E5389",
														
 
															+              width: 1,
														
 
															+              type: "solid",
														
 
															+            },
														
 
															+          },
														
 
															+        },
														
 
															+        series: [
														
 
															+          {
														
 
															+            name: (this.titleName == '项目数量' || this.titleName == '项目总数') ? '总数量' : "总额度",
														
 
															+            type: "bar",
														
 
															+            data: common3,
														
 
															+            showBackground: false,
														
 
															+            backgroundStyle: {
														
 
															+              color: "#18416F",
														
 
															+            },
														
 
															+            barWidth: "30%",
														
 
															+            itemStyle: {
														
 
															+              // barBorderRadius: [10, 10, 0, 0],
														
 
															+              color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
														
 
															+                {
														
 
															+                  offset: 0,
														
 
															+                  color: '#082550',
														
 
															+                },
														
 
															+                {
														
 
															+                  offset: 1,
														
 
															+                  color: '#957DFF',
														
 
															+
														
 
															+                },
														
 
															+              ]),
														
 
															+            },
														
 
															+          },
														
 
															+        ],
														
 
															+        legend: {
														
 
															+          // data: ["2022年额度", "2023年额度"],
														
 
															+          data: (this.titleName == '项目数量' || this.titleName == '项目总数') ? ["总数量"] : ["总额度"],
														
 
															+          textStyle: {
														
 
															+            // 图列内容样式
														
 
															+            color: "#fff", // 字体颜色
														
 
															+            fontSize: "20",
														
 
															+            fontFamily: 'Microsoft YaHei'
														
 
															+          },
														
 
															+          right: 'center',
														
 
															+          y: 5,
														
 
															+          // 小图标的宽高
														
 
															+        },
														
 
															+      };
														
 
															+      if (!(this.titleName == '项目数量' || this.titleName == '项目总数')) {
														
 
															+        option.yAxis.min = 1
														
 
															+        option.yAxis.type = 'log'
														
 
															+        option.yAxis.logBase = 5
														
 
															+      }
														
 
															+      tools.loopShowTooltip(this.myChartTip1, option, {
														
 
															+        interval: 2000,
														
 
															+        loopSeries: true,
														
 
															+      })
														
 
															+      let that = this
														
 
															+      that.myChartTip1.on('click', function (param) {
														
 
															+        if (that.versions) {
														
 
															+          if (location == 'right') {
														
 
															+            that.rightPenetrateTwo(that.rightPenetrateTwo.modelName, '', that.findCode(param.name))
														
 
															+          } else if (location == 'left') {
														
 
															+            that.leftPenetrateTwo(mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, param.name, that.projectNum)
														
 
															+          } else if (location == 'center') {
														
 
															+            that.centerPenetrateTwo(typeCTwo, paramCTwo, that.findCode(param.name), portType)
														
 
															+          }
														
 
															+        } else {
														
 
															+          that.projectListTipShow = true
														
 
															+        }
														
 
															+      })
														
 
															+      that.myChartTip1.setOption(option);
														
 
															+    },
														
 
															   },
														
 
															 });
														
--- a/investmentNew/styles/index.css
+++ b/investmentNew/styles/index.css
@@ -443,10 +443,52 @@ a {
 
															   font-size: 28px;
														
 
															   transition: all 0.3s;
														
 
															 }
														
 
															-.twoPop {
														
 
															+.backBlack {
														
 
															+  width: 7680px !important;
														
 
															+  min-height: 2120px;
														
 
															+  height: 100%;
														
 
															+  top: 0;
														
 
															+  left: 0;
														
 
															+  background-color: rgba(0, 5, 16, 0.7);
														
 
															+  z-index: 999999999;
														
 
															+}
														
 
															+.tip-box1{
														
 
															+  position: absolute;
														
 
															+  width: 2300px !important;
														
 
															+  height: 1500px !important;
														
 
															+  top: calc(50% - 650px);
														
 
															+  left: calc(50% - 1150px);
														
 
															+  background: url('../img/pop.png') no-repeat center;
														
 
															+  background-size: 100% auto;
														
 
															+  padding: 0px 100px 100px 100px;
														
 
															+  border-radius: 55px;
														
 
															+}
														
 
															+.pop-title1{
														
 
															   width: 100%;
														
 
															+  height: 160px;
														
 
															+  line-height: 160px;
														
 
															+  text-align: center;
														
 
															+  font-size: 48px;
														
 
															+  background: linear-gradient(-3deg, #99eeff 0%, #99eeff 30%, #ffffff 91%);
														
 
															+  -webkit-background-clip: text;
														
 
															+  -webkit-text-fill-color: transparent;
														
 
															+}
														
 
															+.pop-content1{
														
 
															+  width: 100%;
														
 
															+  height: calc( 100% - 260px );
														
 
															+}
														
 
															+.titleImg {
														
 
															+  width: auto;
														
 
															   height: 100%;
														
 
															-  background-color: rgba(50, 50, 50, 0.7);
														
 
															+  border-radius: 10px;
														
 
															+}
														
 
															+.popLeft,
														
 
															+.popright {
														
 
															+  height: 75%;
														
 
															+  width: 45%;
														
 
															+}
														
 
															+.popright {
														
 
															+  right: 5%;
														
 
															 }
														
 
															 /* 公共css */
														
 
															 /* 宽高纵横比 */
														
--- a/investmentNew/合屏-中国-最新-切图_slices.zip
+++ b/investmentNew/合屏-中国-最新-切图_slices.zip
--- a/investmentNew/合屏-中国-最新-切图_slices/图标拷贝
+++ b/investmentNew/合屏-中国-最新-切图_slices/图标拷贝
--- a/investmentNew/合屏-中国-最新-切图_slices/图标.png
+++ b/investmentNew/合屏-中国-最新-切图_slices/图标.png
--- a/investmentNew/合屏-中国-最新-切图_slices/图标1
+++ b/investmentNew/合屏-中国-最新-切图_slices/图标1
--- a/investmentNew/合屏-中国-最新-切图_slices/图标1
+++ b/investmentNew/合屏-中国-最新-切图_slices/图标1
--- a/investmentNew/合屏-中国-最新-切图_slices/图标1
+++ b/investmentNew/合屏-中国-最新-切图_slices/图标1
--- a/investmentNew/合屏-中国-最新-切图_slices/图标1
+++ b/investmentNew/合屏-中国-最新-切图_slices/图标1
--- a/investmentNew/合屏-中国-最新-切图_slices/圆盘.png
+++ b/investmentNew/合屏-中国-最新-切图_slices/圆盘.png
--- a/investmentNew/合屏-中国-最新-切图_slices/地球.png
+++ b/investmentNew/合屏-中国-最新-切图_slices/地球.png
--- a/investmentNew/合屏-中国-最新-切图_slices/显示弹框.png
+++ b/investmentNew/合屏-中国-最新-切图_slices/显示弹框.png
--- a/investmentNew/合屏-中国-最新-切图_slices/框.png
+++ b/investmentNew/合屏-中国-最新-切图_slices/框.png
--- a/investmentNew/山西省市_slices.zip
+++ b/investmentNew/山西省市_slices.zip
--- a/investmentNew/合屏-中国-最新-切图_slices/固定资产(1).png
+++ b/investmentNew/合屏-中国-最新-切图_slices/固定资产(1).png
--- a/investmentNewPort/img/10.png
+++ b/investmentNewPort/img/10.png
--- a/investmentNewPort/img/11.png
+++ b/investmentNewPort/img/11.png
--- a/investmentNew/合屏-中国-最新-切图_slices/股权类.png
+++ b/investmentNew/合屏-中国-最新-切图_slices/股权类.png
--- a/investmentNewPort/img/21.png
+++ b/investmentNewPort/img/21.png
--- a/investmentNewPort/img/22.png
+++ b/investmentNewPort/img/22.png
--- a/investmentNewPort/img/23.png
+++ b/investmentNewPort/img/23.png
--- a/investmentNewPort/img/24.png
+++ b/investmentNewPort/img/24.png
--- a/investmentNewPort/img/25.png
+++ b/investmentNewPort/img/25.png
--- a/investmentNew/合屏-中国-最新-切图_slices/蓝图标.png
+++ b/investmentNew/合屏-中国-最新-切图_slices/蓝图标.png
--- a/investmentNewPort/img/3D/world1.jpg
+++ b/investmentNewPort/img/3D/world1.jpg
--- a/investmentNewPort/img/3D/world2.jpg
+++ b/investmentNewPort/img/3D/world2.jpg
--- a/investmentNewPort/img/3D/world3.jpg
+++ b/investmentNewPort/img/3D/world3.jpg
--- a/investmentNew/合屏-中国-最新-切图_slices/绿图标.png
+++ b/investmentNew/合屏-中国-最新-切图_slices/绿图标.png
--- a/investmentNew/合屏-中国-最新-切图_slices/黄图标.png
+++ b/investmentNew/合屏-中国-最新-切图_slices/黄图标.png
--- a/investmentNew/合屏-中国-最新-切图_slices/圆点.png
+++ b/investmentNew/合屏-中国-最新-切图_slices/圆点.png
--- a/investmentNewPort/img/70.png
+++ b/investmentNewPort/img/70.png
--- a/investmentNewPort/img/71.png
+++ b/investmentNewPort/img/71.png
--- a/investmentNew/合屏-中国-最新-切图_slices/左(1).png
+++ b/investmentNew/合屏-中国-最新-切图_slices/左(1).png
--- a/investmentNew/合屏-中国-最新-切图_slices/右(1).png
+++ b/investmentNew/合屏-中国-最新-切图_slices/右(1).png
--- a/investmentNewPort/img/blueBig.png
+++ b/investmentNewPort/img/blueBig.png
--- a/investmentNewPort/img/blueSmall.png
+++ b/investmentNewPort/img/blueSmall.png
--- a/investmentNewPort/img/bubbleBg.png
+++ b/investmentNewPort/img/bubbleBg.png
--- a/investmentNewPort/img/center-bottonm.png
+++ b/investmentNewPort/img/center-bottonm.png
--- a/investmentNewPort/img/center-bottonm2.png
+++ b/investmentNewPort/img/center-bottonm2.png
--- a/investmentNewPort/img/centerTop1.png
+++ b/investmentNewPort/img/centerTop1.png
--- a/investmentNewPort/img/centerTop2.png
+++ b/investmentNewPort/img/centerTop2.png
--- a/investmentNewPort/img/centerTop3.png
+++ b/investmentNewPort/img/centerTop3.png
--- a/investmentNewPort/img/centerTop4.png
+++ b/investmentNewPort/img/centerTop4.png
--- a/investmentNewPort/img/chinaLight.png
+++ b/investmentNewPort/img/chinaLight.png
--- a/investmentNewPort/img/close.png
+++ b/investmentNewPort/img/close.png
--- a/investmentNewPort/img/disk.png
+++ b/investmentNewPort/img/disk.png
--- a/investmentNew/合屏-山西-新-切图_slices.zip
+++ b/investmentNew/合屏-山西-新-切图_slices.zip
--- a/investmentNewPort/img/greenSmall.png
+++ b/investmentNewPort/img/greenSmall.png
--- a/investmentNewPort/img/industryProportion.png
+++ b/investmentNewPort/img/industryProportion.png
--- a/investmentNew/合屏-中国-最新-切图_slices/图标拷贝.png
+++ b/investmentNew/合屏-中国-最新-切图_slices/图标拷贝.png
--- a/investmentNew/合屏-中国-最新-切图_slices/图标拷贝
+++ b/investmentNew/合屏-中国-最新-切图_slices/图标拷贝
--- a/investmentNew/合屏-中国-最新-切图_slices/固定资产类项目框.png
+++ b/investmentNew/合屏-中国-最新-切图_slices/固定资产类项目框.png
--- a/investmentNewPort/img/logos/logo1.png
+++ b/investmentNewPort/img/logos/logo1.png
--- a/investmentNewPort/img/logos/logo10.png
+++ b/investmentNewPort/img/logos/logo10.png
--- a/investmentNewPort/img/logos/logo11.png
+++ b/investmentNewPort/img/logos/logo11.png
--- a/investmentNewPort/img/logos/logo12.png
+++ b/investmentNewPort/img/logos/logo12.png
--- a/investmentNewPort/img/logos/logo13.png
+++ b/investmentNewPort/img/logos/logo13.png
--- a/investmentNewPort/img/logos/logo14.png
+++ b/investmentNewPort/img/logos/logo14.png
--- a/investmentNewPort/img/logos/logo15.png
+++ b/investmentNewPort/img/logos/logo15.png
--- a/investmentNewPort/img/logos/logo16.png
+++ b/investmentNewPort/img/logos/logo16.png
--- a/investmentNewPort/img/logos/logo17.png
+++ b/investmentNewPort/img/logos/logo17.png
--- a/investmentNewPort/img/logos/logo18.png
+++ b/investmentNewPort/img/logos/logo18.png
--- a/investmentNewPort/img/logos/logo2.png
+++ b/investmentNewPort/img/logos/logo2.png
--- a/investmentNewPort/img/logos/logo3.png
+++ b/investmentNewPort/img/logos/logo3.png
--- a/investmentNewPort/img/logos/logo4.png
+++ b/investmentNewPort/img/logos/logo4.png
--- a/investmentNewPort/img/logos/logo5.png
+++ b/investmentNewPort/img/logos/logo5.png
--- a/investmentNewPort/img/logos/logo6.png
+++ b/investmentNewPort/img/logos/logo6.png
--- a/investmentNewPort/img/logos/logo7.png
+++ b/investmentNewPort/img/logos/logo7.png