瀏覽代碼

修改字体大小

zhbyyy 2 年之前
父節點
當前提交
2fb3c74a92
共有 4 個文件被更改,包括 576 次插入178 次删除
  1. 二進制
      investment/groupImg/back.png
  2. 27 17
      investment/investHomeGroup.html
  3. 521 161
      investment/js/investHomeGroup.js
  4. 28 0
      investment/styles/investHomeGroup.css

二進制
investment/groupImg/back.png


+ 27 - 17
investment/investHomeGroup.html

@@ -30,10 +30,10 @@
 
 
 <body>
 <body>
   <!-- <dv-full-screen-container> -->
   <!-- <dv-full-screen-container> -->
-  <div id="app" @click="closeTap()" class="w-full h-full">
+  <div id="app" class="w-full h-full">
     <div class="LeftBox">
     <div class="LeftBox">
       <header class="my-header">
       <header class="my-header">
-        <span class="pointer" @click.stop="showPop('2.png','投资业务管理')">投资业务管理</span>
+        <span class="pointer" @click.stop="showTitlePop('2.png','投资业务管理')">投资业务管理</span>
       </header>
       </header>
       <div class="main">
       <div class="main">
         <dv-border-box-8 :dur="10" class="card left-lt">
         <dv-border-box-8 :dur="10" class="card left-lt">
@@ -169,7 +169,7 @@
     </div>
     </div>
     <div class="CenterBox relative">
     <div class="CenterBox relative">
       <header class="my-header">
       <header class="my-header">
-        <span class="pointer" @click.stop="showPop('1.png','数智化投资管理驾驶舱')">数智化投资管理驾驶舱</span>
+        <span class="pointer" @click.stop="showTitlePop('1.png','数智化投资管理驾驶舱')">数智化投资管理驾驶舱</span>
       </header>
       </header>
       <div class="main">
       <div class="main">
         <div class="h-full w-full center-l">
         <div class="h-full w-full center-l">
@@ -179,7 +179,7 @@
             </div>
             </div>
             <div class="content">
             <div class="content">
               <div class="boxs">
               <div class="boxs">
-                <div @click.stop="showChartLTipSingle()">
+                <div @click.stop="showChartLTipSingle('投资总额')">
                   <p>
                   <p>
                     <span class="name">投资总额</span>
                     <span class="name">投资总额</span>
                     <i class="el-icon-more"></i>
                     <i class="el-icon-more"></i>
@@ -188,7 +188,7 @@
                     <i style="width:100%;text-align: center;"><span class="num">{{numFormat(1324.08)}}</span>亿</i>
                     <i style="width:100%;text-align: center;"><span class="num">{{numFormat(1324.08)}}</span>亿</i>
                   </p>
                   </p>
                 </div>
                 </div>
-                <div @click.stop="showChartLTipSingle()">
+                <div @click.stop="showChartLTipSingle('项目总数')">
                   <p>
                   <p>
                     <span class="name">项目总数</span>
                     <span class="name">项目总数</span>
                     <i class="el-icon-more"></i>
                     <i class="el-icon-more"></i>
@@ -197,7 +197,7 @@
                     <i style="width:100%;text-align: center;"><span class="num">{{numFormat(442)}}</span>个</i>
                     <i style="width:100%;text-align: center;"><span class="num">{{numFormat(442)}}</span>个</i>
                   </p>
                   </p>
                 </div>
                 </div>
-                <div @click.stop="showChartLTipSingle()">
+                <div @click.stop="showChartLTipSingle('固定资产')">
                   <p>
                   <p>
                     <span class="name">固定资产</span>
                     <span class="name">固定资产</span>
                     <i class="el-icon-more"></i>
                     <i class="el-icon-more"></i>
@@ -206,7 +206,7 @@
                     <i style="width:100%;text-align: center;"><span class="num">1,169.91</span>亿</i>
                     <i style="width:100%;text-align: center;"><span class="num">1,169.91</span>亿</i>
                   </p>
                   </p>
                 </div>
                 </div>
-                <div @click.stop="showChartLTipSingle()">
+                <div @click.stop="showChartLTipSingle('股权投资')">
                   <p>
                   <p>
                     <span class="name">股权投资</span>
                     <span class="name">股权投资</span>
                     <i class="el-icon-more"></i>
                     <i class="el-icon-more"></i>
@@ -243,11 +243,11 @@
                 产业转型
                 产业转型
               </div>
               </div>
               <div class="flex b">
               <div class="flex b">
-                <div>
+                <div @click.stop="showChartLTipSingle('产业转型-投资总额')">
                   <p>投资金额</p>
                   <p>投资金额</p>
                   <p style="color:#40A9FF"><span>769.30</span>亿</p>
                   <p style="color:#40A9FF"><span>769.30</span>亿</p>
                 </div>
                 </div>
-                <div>
+                <div @click.stop="showChartLTipSingle('产业转型-项目数量')">
                   <p>项目数量</p>
                   <p>项目数量</p>
                   <p style="color:#40A9FF"><span>153</span>个</p>
                   <p style="color:#40A9FF"><span>153</span>个</p>
                 </div>
                 </div>
@@ -259,11 +259,11 @@
                 数字转型
                 数字转型
               </div>
               </div>
               <div class="flex b">
               <div class="flex b">
-                <div>
+                <div @click.stop="showChartLTipSingle('数字转型-投资总额')">
                   <p>投资金额</p>
                   <p>投资金额</p>
                   <p style="color:#40A9FF"><span>129.26</span>亿</p>
                   <p style="color:#40A9FF"><span>129.26</span>亿</p>
                 </div>
                 </div>
-                <div>
+                <div @click.stop="showChartLTipSingle('数字转型-投资总额')">
                   <p>项目数量</p>
                   <p>项目数量</p>
                   <p style="color:#40A9FF"><span>113</span>个</p>
                   <p style="color:#40A9FF"><span>113</span>个</p>
                 </div>
                 </div>
@@ -271,7 +271,8 @@
             </div>
             </div>
           </div>
           </div>
           <div class="map-box">
           <div class="map-box">
-            <div ref="echarts-map" style="height: calc(100% - 155px);"></div>
+            <img src="./groupImg/back.png" alt="" class="mapBack pointer" @click="backChina" v-show="backShow">
+            <div ref="echarts-map" id="echarts-map"  style="height: calc(100% - 155px);"></div>
             <!-- 项目状态 -->
             <!-- 项目状态 -->
 
 
             <div class="status">
             <div class="status">
@@ -309,24 +310,33 @@
               <span class="text">重点项目监控</span>
               <span class="text">重点项目监控</span>
             </div>
             </div>
             <div class="content">
             <div class="content">
-              <dv-scroll-board :config="storageRecordConfig2" class="content" />
+              <dv-scroll-board :config="storageRecordConfig2" @click="goLookBoard" class="content" />
             </div>
             </div>
           </div>
           </div>
         </div>
         </div>
       </div>
       </div>
-      <div class="tip-box" v-show="mapTipShow">
+      <div class="tip-box" v-if="mapTipShow">
         <div class="absolute poptitle">{{titleName}}</div>
         <div class="absolute poptitle">{{titleName}}</div>
+        <div class="tip-down" @click="closeTap()">×</div>
         <div class="absolute popLeft" @click.stop="popLeftClick()"></div>
         <div class="absolute popLeft" @click.stop="popLeftClick()"></div>
         <div class="absolute popright" @click.stop="poprightClick()"></div>
         <div class="absolute popright" @click.stop="poprightClick()"></div>
         <img :src="`./groupImg/titleImg/${titleUrl}`" class="titleImg" alt="">
         <img :src="`./groupImg/titleImg/${titleUrl}`" class="titleImg" alt="">
       </div>
       </div>
-      <div class="tip-box" v-show="echartSingleTipShow">
-        <div id="echartTip" ref="echartTip" class="commonBack" style="width: 100%; height: 100%;"></div>
+      <div class="tip-box" v-if="echartSingleTipShow">
+        <div class="absolute poptitle">{{titleName}}</div>
+        <div class="tip-down" @click="closeTap()">×</div>
+        <div id="echartSingleTip" ref="echartSingleTip" class="commonBack" style="width: 100%; height: 100%;"></div>
+      </div>
+      <div class="tip-box doubleTip" v-if="echartDoubleTipShow">
+        <div class="absolute poptitle">{{titleName}}</div>
+        <div class="tip-down" @click="closeTap()">×</div>
+        <div id="echartSingleTip2" ref="echartSingleTip" class="commonBack" style="width: 100%; height: 100%;"></div>
+        <div id="echartSingleTip3" ref="echartSingleTip" class="commonBack" style="width: 100%; height: 100%;"></div>
       </div>
       </div>
     </div>
     </div>
     <div class="RightBox">
     <div class="RightBox">
       <header class="my-header">
       <header class="my-header">
-        <span class="pointer" @click.stop="showPop('7.png','投资项目管理')">投资项目管理</span>
+        <span class="pointer" @click.stop="showTitlePop('7.png','投资项目管理')">投资项目管理</span>
         <span class="right">{{time}}</span>
         <span class="right">{{time}}</span>
       </header>
       </header>
       <div class="main">
       <div class="main">

文件差異過大導致無法顯示
+ 521 - 161
investment/js/investHomeGroup.js


+ 28 - 0
investment/styles/investHomeGroup.css

@@ -444,6 +444,14 @@ div {
   position: relative;
   position: relative;
   padding: 30px 0;
   padding: 30px 0;
 }
 }
+.CenterBox .mapBack{
+  position: absolute;
+  width: 60px;
+  height: 60px;
+  top: 100px;
+  right: 100px;
+  z-index: 99999999;
+}
 .CenterBox .status {
 .CenterBox .status {
   position: absolute;
   position: absolute;
   /* bottom: 20px; */
   /* bottom: 20px; */
@@ -665,10 +673,30 @@ div {
   width: 400px; 
   width: 400px; 
   text-align: center;
   text-align: center;
   font-size: 30px;
   font-size: 30px;
+  font-weight: bolder;
   background: linear-gradient(-3deg, #99eeff 0%, #99eeff 30%, #ffffff 91%);
   background: linear-gradient(-3deg, #99eeff 0%, #99eeff 30%, #ffffff 91%);
   -webkit-background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   -webkit-text-fill-color: transparent;
 }
 }
+.doubleTip{
+  display: grid;
+  grid-template-rows: repeat(2, 1fr);
+  gap: 10px;  
+}
+.tip-down {
+  position: absolute; 
+  top:10px; 
+  right: 30px; 
+  width: 50px; 
+  text-align: center; 
+  height: 50px; 
+  line-height: 50px; 
+  cursor: pointer;
+  font-size: 60px;
+}
+.row-item,.header-item{
+  font-size: 20px !important;
+}
 /* 公共css */
 /* 公共css */
 /* 宽高纵横比 */
 /* 宽高纵横比 */
 .aspect-auto {
 .aspect-auto {

部分文件因文件數量過多而無法顯示