浏览代码

图片更换

zhbyyy 2 年之前
父节点
当前提交
731d25f273
共有 59 个文件被更改,包括 102 次插入12 次删除
  1. 二进制
      investmentNew/img/close.png
  2. 二进制
      investmentNew/img/logos/logo1.png
  3. 二进制
      investmentNew/img/logos/logo10.png
  4. 二进制
      investmentNew/img/logos/logo11.png
  5. 二进制
      investmentNew/img/logos/logo12.png
  6. 二进制
      investmentNew/img/logos/logo13.png
  7. 二进制
      investmentNew/img/logos/logo14.png
  8. 二进制
      investmentNew/img/logos/logo15.png
  9. 二进制
      investmentNew/img/logos/logo16.png
  10. 二进制
      investmentNew/img/logos/logo17.png
  11. 二进制
      investmentNew/img/logos/logo18.png
  12. 二进制
      investmentNew/img/logos/logo2.png
  13. 二进制
      investmentNew/img/logos/logo3.png
  14. 二进制
      investmentNew/img/logos/logo4.png
  15. 二进制
      investmentNew/img/logos/logo5.png
  16. 二进制
      investmentNew/img/logos/logo6.png
  17. 二进制
      investmentNew/img/logos/logo7.png
  18. 二进制
      investmentNew/img/logos/logo8.png
  19. 二进制
      investmentNew/img/logos/logo9.png
  20. 二进制
      investmentNew/img/pop.png
  21. 二进制
      investmentNew/img/titleImg/1.png
  22. 二进制
      investmentNew/img/titleImg/10.png
  23. 二进制
      investmentNew/img/titleImg/11.png
  24. 二进制
      investmentNew/img/titleImg/2.png
  25. 二进制
      investmentNew/img/titleImg/3.png
  26. 二进制
      investmentNew/img/titleImg/4.png
  27. 二进制
      investmentNew/img/titleImg/5.png
  28. 二进制
      investmentNew/img/titleImg/6.png
  29. 二进制
      investmentNew/img/titleImg/7.png
  30. 二进制
      investmentNew/img/titleImg/8.png
  31. 二进制
      investmentNew/img/titleImg/9.png
  32. 14 5
      investmentNew/index.html
  33. 52 5
      investmentNew/js/index.js
  34. 36 2
      investmentNew/styles/index.css
  35. 二进制
      investmentNew/合屏-中国-最新-切图_slices.zip
  36. 二进制
      investmentNew/合屏-中国-最新-切图_slices/右(1).png
  37. 二进制
      investmentNew/合屏-中国-最新-切图_slices/固定资产(1).png
  38. 二进制
      investmentNew/合屏-中国-最新-切图_slices/固定资产类项目框.png
  39. 二进制
      investmentNew/合屏-中国-最新-切图_slices/图标 拷贝 10.png
  40. 二进制
      investmentNew/合屏-中国-最新-切图_slices/图标 拷贝 5.png
  41. 二进制
      investmentNew/合屏-中国-最新-切图_slices/图标 拷贝.png
  42. 二进制
      investmentNew/合屏-中国-最新-切图_slices/图标.png
  43. 二进制
      investmentNew/合屏-中国-最新-切图_slices/图标1 拷贝 2.png
  44. 二进制
      investmentNew/合屏-中国-最新-切图_slices/图标1 拷贝 5.png
  45. 二进制
      investmentNew/合屏-中国-最新-切图_slices/图标1 拷贝 7.png
  46. 二进制
      investmentNew/合屏-中国-最新-切图_slices/图标1 拷贝.png
  47. 二进制
      investmentNew/合屏-中国-最新-切图_slices/圆点.png
  48. 二进制
      investmentNew/合屏-中国-最新-切图_slices/圆盘.png
  49. 二进制
      investmentNew/合屏-中国-最新-切图_slices/地球.png
  50. 二进制
      investmentNew/合屏-中国-最新-切图_slices/小图标.png
  51. 二进制
      investmentNew/合屏-中国-最新-切图_slices/左(1).png
  52. 二进制
      investmentNew/合屏-中国-最新-切图_slices/显示弹框.png
  53. 二进制
      investmentNew/合屏-中国-最新-切图_slices/框.png
  54. 二进制
      investmentNew/合屏-中国-最新-切图_slices/绿图标.png
  55. 二进制
      investmentNew/合屏-中国-最新-切图_slices/股权类.png
  56. 二进制
      investmentNew/合屏-中国-最新-切图_slices/蓝图标.png
  57. 二进制
      investmentNew/合屏-中国-最新-切图_slices/黄图标.png
  58. 二进制
      investmentNew/合屏-山西-新-切图_slices.zip
  59. 二进制
      investmentNew/山西省市_slices.zip

二进制
investmentNew/img/close.png


二进制
investmentNew/img/logos/logo1.png


二进制
investmentNew/img/logos/logo10.png


二进制
investmentNew/img/logos/logo11.png


二进制
investmentNew/img/logos/logo12.png


二进制
investmentNew/img/logos/logo13.png


二进制
investmentNew/img/logos/logo14.png


二进制
investmentNew/img/logos/logo15.png


二进制
investmentNew/img/logos/logo16.png


二进制
investmentNew/img/logos/logo17.png


二进制
investmentNew/img/logos/logo18.png


二进制
investmentNew/img/logos/logo2.png


二进制
investmentNew/img/logos/logo3.png


二进制
investmentNew/img/logos/logo4.png


二进制
investmentNew/img/logos/logo5.png


二进制
investmentNew/img/logos/logo6.png


二进制
investmentNew/img/logos/logo7.png


二进制
investmentNew/img/logos/logo8.png


二进制
investmentNew/img/logos/logo9.png


二进制
investmentNew/img/pop.png


二进制
investmentNew/img/titleImg/1.png


二进制
investmentNew/img/titleImg/10.png


二进制
investmentNew/img/titleImg/11.png


二进制
investmentNew/img/titleImg/2.png


二进制
investmentNew/img/titleImg/3.png


二进制
investmentNew/img/titleImg/4.png


二进制
investmentNew/img/titleImg/5.png


二进制
investmentNew/img/titleImg/6.png


二进制
investmentNew/img/titleImg/7.png


二进制
investmentNew/img/titleImg/8.png


二进制
investmentNew/img/titleImg/9.png


+ 14 - 5
investmentNew/index.html

@@ -22,11 +22,10 @@
 </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>
@@ -437,7 +436,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>
@@ -630,9 +629,19 @@
       </circle>
     </svg> -->
     <!-- 双柱状图弹窗 -->
-    <div class="absolute twoPop"></div>
+    <div class="absolute  backBlack" v-if="tipShow1">
+      <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>
   </div>
-  <!-- </dv-full-screen-container> -->
   <script src="./js/index.js"></script>
 </body>
 

+ 52 - 5
investmentNew/js/index.js

@@ -6,6 +6,8 @@ let app = new Vue({
       list: [], //重点项目两线指标数组
       countType: 0, //重点项目两线指标数组
       mapShow: true, // false为中国地图 true为山西地图
+      titleUrl: '',// 标题弹窗显示的内容
+      titleName: '', // 弹窗的名字显示
       leftEcharts1: "",
       leftEcharts2: "",
       leftEcharts3: "",
@@ -22,8 +24,9 @@ let app = new Vue({
       leftEcharts14: '',
       leftEcharts15: '',
       leftEcharts17: '', //投资产业分布中间的水球图
-      stageTitle:'', // 投资阶段分析圆环图内容
-      stageTitle2:'', // 投资阶段分析圆环图内容
+      tipShow1: false, // 标题弹窗显示
+      stageTitle: '', // 投资阶段分析圆环图内容
+      stageTitle2: '', // 投资阶段分析圆环图内容
       echartR2Fd: true, // 投后进度成本偏差防抖
       leftEcharts16: '', // 中国地图背景地球
       rightEcharts1: '', // 投后进度成本偏差
@@ -520,7 +523,7 @@ let app = new Vue({
   },
   methods: {
     // 解决除法是去精度
-    numDiv(num1, num2) {
+    numDiv (num1, num2) {
       var baseNum1 = 0, baseNum2 = 0;
       var baseNum3, baseNum4;
       try {
@@ -4285,7 +4288,7 @@ let app = new Vue({
           show: true,
           formatter: function (params) {
             that.leftEcharts17.dispose()
-            left2[0] = that.numDiv(params.percent+3.2,100)
+            left2[0] = that.numDiv(params.percent + 3.2, 100)
             that.leftEcharts17Fun()
             if (params.seriesIndex === 2) {
               return null; // 隐藏部分2的tooltip
@@ -4618,7 +4621,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 +5092,49 @@ 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'
+      }
+    },
   },
 });

+ 36 - 2
investmentNew/styles/index.css

@@ -443,10 +443,44 @@ 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;
 }
 /* 公共css */
 /* 宽高纵横比 */

二进制
investmentNew/合屏-中国-最新-切图_slices.zip


二进制
investmentNew/合屏-中国-最新-切图_slices/右(1).png


二进制
investmentNew/合屏-中国-最新-切图_slices/固定资产(1).png


二进制
investmentNew/合屏-中国-最新-切图_slices/固定资产类项目框.png


二进制
investmentNew/合屏-中国-最新-切图_slices/图标 拷贝 10.png


二进制
investmentNew/合屏-中国-最新-切图_slices/图标 拷贝 5.png


二进制
investmentNew/合屏-中国-最新-切图_slices/图标 拷贝.png


二进制
investmentNew/合屏-中国-最新-切图_slices/图标.png


二进制
investmentNew/合屏-中国-最新-切图_slices/图标1 拷贝 2.png


二进制
investmentNew/合屏-中国-最新-切图_slices/图标1 拷贝 5.png


二进制
investmentNew/合屏-中国-最新-切图_slices/图标1 拷贝 7.png


二进制
investmentNew/合屏-中国-最新-切图_slices/图标1 拷贝.png


二进制
investmentNew/合屏-中国-最新-切图_slices/圆点.png


二进制
investmentNew/合屏-中国-最新-切图_slices/圆盘.png


二进制
investmentNew/合屏-中国-最新-切图_slices/地球.png


二进制
investmentNew/合屏-中国-最新-切图_slices/小图标.png


二进制
investmentNew/合屏-中国-最新-切图_slices/左(1).png


二进制
investmentNew/合屏-中国-最新-切图_slices/显示弹框.png


二进制
investmentNew/合屏-中国-最新-切图_slices/框.png


二进制
investmentNew/合屏-中国-最新-切图_slices/绿图标.png


二进制
investmentNew/合屏-中国-最新-切图_slices/股权类.png


二进制
investmentNew/合屏-中国-最新-切图_slices/蓝图标.png


二进制
investmentNew/合屏-中国-最新-切图_slices/黄图标.png


二进制
investmentNew/合屏-山西-新-切图_slices.zip


二进制
investmentNew/山西省市_slices.zip