2 år sedan · 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