Bläddra i källkod

标题栏弹框完成

zhbyyy 2 år sedan
förälder
incheckning
d0463cdc73
3 ändrade filer med 25 tillägg och 16 borttagningar
  1. 2 2
      investmentNew/index.html
  2. 15 14
      investmentNew/js/index.js
  3. 8 0
      investmentNew/styles/index.css

+ 2 - 2
investmentNew/index.html

@@ -28,9 +28,9 @@
         <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>

+ 15 - 14
investmentNew/js/index.js

@@ -3192,13 +3192,13 @@ 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>`;
+              // 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: [
@@ -3618,13 +3618,13 @@ 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>`;
+              // 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: [
@@ -4384,6 +4384,7 @@ let app = new Vue({
       that.leftEcharts12.setOption(option);
     },
     leftEcharts17Fun () {
+      console.log(123123)
       let that = this;
       this.leftEcharts17 = echarts.init(this.$refs["leftEcharts17"]);
       var seriesOption = [

+ 8 - 0
investmentNew/styles/index.css

@@ -482,6 +482,14 @@ a {
   height: 100%;
   border-radius: 10px;
 }
+.popLeft,
+.popright {
+  height: 75%;
+  width: 45%;
+}
+.popright {
+  right: 5%;
+}
 /* 公共css */
 /* 宽高纵横比 */
 .font28 {