投资大屏点击事件完善

investmentPort/investHomeGroup.html

@@ -272,38 +272,38 @@
               <div class="absolute investorTitle"  v-if="!centerType">
                 <div>
                   <span
-                    style="display:inline-block;border-radius:50%; width:15px;height:15px;background-color:#69c0ff;margin-right: 10px;"></span>
+                    style="display:inline-block;border-radius:50%; width:15px;height:15px;background-color:#43a5f1;margin-right: 10px;"></span>
                   <span>传统产业</span>
                 </div>
                 <div>
                   <span
-                    style="display:inline-block;border-radius:50%; width:15px;height:15px;background-color:#BDB35D;margin-right: 10px;"></span>
+                    style="display:inline-block;border-radius:50%; width:15px;height:15px;background-color:#e9d443;margin-right: 10px;"></span>
                   <span>战略新兴产业</span>
                 </div>
                 <div>
                   <span
-                    style="display:inline-block;border-radius:50%; width:15px;height:15px;background-color:#623726;margin-right: 10px;"></span>
+                    style="display:inline-block;border-radius:50%; width:15px;height:15px;background-color:#5a78e0;margin-right: 10px;"></span>
                   <span>基础产业</span>
                 </div>
               </div>
               <div class="absolute investorIntroduce"  v-if="!centerType">
                 <div class="flex items-end">
-                  <span>投资额：</span><span style="color:#69c0ff;font-size: 30px;font-weight: bold;margin:0 5px;line-height: 1;">82.36</span><span>亿</span>
+                  <span>投资额：</span><span style="color:#43a5f1;font-size: 30px;font-weight: bold;margin:0 5px;line-height: 1;">82.36</span><span>亿</span>
                 </div>
                 <div class="flex items-end" style="justify-content: center">
-                  <span style="color:#69c0ff;font-size: 30px;font-weight: bold;margin:0 5px;line-height: 1;">325</span><span>个</span>
+                  <span style="color:#43a5f1;font-size: 30px;font-weight: bold;margin:0 5px;line-height: 1;">325</span><span>个</span>
                 </div>
                 <div class="flex items-end">
-                  <span>投资额：</span><span style="color:#BDB35D;font-size: 30px;font-weight: bold;margin:0 5px;line-height: 1;">82.36</span><span>亿</span>
+                  <span>投资额：</span><span style="color:#e9d443;font-size: 30px;font-weight: bold;margin:0 5px;line-height: 1;">82.36</span><span>亿</span>
                 </div>
                 <div class="flex items-end" style="justify-content: center">
-                  <span style="color:#BDB35D;font-size: 30px;font-weight: bold;margin:0 5px;line-height: 1;">325</span><span>个</span>
+                  <span style="color:#e9d443;font-size: 30px;font-weight: bold;margin:0 5px;line-height: 1;">325</span><span>个</span>
                 </div>
                 <div class="flex items-end">
-                  <span>投资额：</span><span style="color:#623726;font-size: 30px;font-weight: bold;margin:0 5px;line-height: 1;">82.36</span><span>亿</span>
+                  <span>投资额：</span><span style="color:#5a78e0;font-size: 30px;font-weight: bold;margin:0 5px;line-height: 1;">82.36</span><span>亿</span>
                 </div>
                 <div class="flex items-end" style="justify-content: center">
-                  <span style="color:#623726;font-size: 30px;font-weight: bold;margin:0 5px;line-height: 1;">325</span><span>个</span>
+                  <span style="color:#5a78e0;font-size: 30px;font-weight: bold;margin:0 5px;line-height: 1;">325</span><span>个</span>
                 </div>
               </div>
             </div>
@@ -398,19 +398,21 @@
               <div id="echartC4" ref="echartC4" class="commonBack" style="width: 100%; height: 100%;"></div>
               <div class="line-circle absolute flex items-center" v-if="!centerType">
                 <img src="./groupImg/right.png" alt="" style="margin-right: 5px;">
-                <span>新建-投资完成额：99.99亿</span>
+                <span>新建-投资完成额：<span style="font-size: 30px;color: #32c0dc;padding: 0 5px;font-weight: bold;">99.99</span>亿</span>
               </div>
               <div class="line-circle absolute flex items-center" v-if="!centerType">
                 <img src="./groupImg/right.png" alt="" style="margin-right: 5px;">
-                <span>新建-项目数量：1208个</span>
+                <span>新建-项目数量：<span style="font-size: 30px;color: #e9d443;padding: 0 5px;font-weight: bold;">199</span>个</span>
               </div>
               <div class="line-circle absolute flex items-center" v-if="!centerType">
-                <span>续建-投资完成额：99.99亿</span>
-                <img src="./groupImg/left.png" alt="" style="margin-left:5px">
+                <img src="./groupImg/right.png" alt="" style="margin-right: 5px;">
+                <span>续建-投资完成额：<span style="font-size: 30px;color:#43a5f1 ;padding: 0 5px;font-weight: bold;">99.99</span>亿</span>
+                <!-- <img src="./groupImg/left.png" alt="" style="margin-left:5px"> -->
               </div>
               <div class="line-circle absolute flex items-center" v-if="!centerType">
-                <span>续建-项目数量：1208个</span>
-                <img src="./groupImg/left.png" alt="" style="margin-left:5px">
+                <img src="./groupImg/right.png" alt="" style="margin-right: 5px;">
+                <span>续建-项目数量：<span style="font-size: 30px;color: #5a78e0;padding: 0 5px;font-weight: bold;">199</span>个</span>
+                <!-- <img src="./groupImg/left.png" alt="" style="margin-left:5px"> -->
               </div>
             </div>
           </div>
@@ -689,7 +691,7 @@
       <dv-scroll-board :config='config6' @click="goLookBoard" style="width:100%;height:100%;" />
     </div>
     <!-- 项目看板专属弹窗 -->
-    <div class="tip-box productTip" v-if="boardTipShow">
+    <div class="tip-box productTipBoard" v-if="boardTipShow">
       <div class="absolute poptitle productPoptitle">项目看板</div>
       <div class="tip-down" @click="boardTipShow = false">×</div>
       <iframe align="center" class="iframeCss" width="1920px" height="1080px" :src='boardUrl' frameborder="no"

investmentPort/js/groupData.js

@@ -360,13 +360,13 @@ let center1 = [1324.08, 442, 1169.91, 154]
 // 左中
 let center2 = [
   {
-    name: '传统产业', y: 105.29, value: 105.29, num: 195, sliced: false, selected: false, color: '#064F78'
+    name: '传统产业', y: 105.29, value: 105.29, num: 195, sliced: false, selected: false, color: '#064F78',typeno:1
   },
   {
-    name: '战略新兴产业', y: 996.44, value: 296.44, num: 295, sliced: false, selected: false, color: '#BDB35D'
+    name: '战略新兴产业', y: 996.44, value: 296.44, num: 295, sliced: false, selected: false, color: '#BDB35D',typeno:1
   },
   {
-    name: '基础产业', y: 722.34, value: 322.34, num: 95, sliced: false, selected: false, color: '#623726'
+    name: '基础产业', y: 722.34, value: 322.34, num: 95, sliced: false, selected: false, color: '#623726',typeno:1
   },
   // {
   //   name: '传统产业-续建', y: 405.29,value :405.29, num: 195, sliced: false, selected: false,

investmentPort/styles/investHomeGroup.css

@@ -213,19 +213,19 @@ div {
 }
 .line-circle:nth-child(2) {
   top: 120px;
-  left: 380px;
-}
-.line-circle:nth-child(3) {
-  top: 260px;
-  left: 440px;
+  left: 260px;
 }
 .line-circle:nth-child(4) {
-  top: 280px;
-  left: 20px;
+  top: 194px;
+  left: 310px;
+}
+.line-circle:nth-child(3) {
+  top: 268px;
+  left: 360px;
 }
 .line-circle:nth-child(5) {
-  top: 390px;
-  left: 10px;
+  top: 342px;
+  left: 410px;
 }
 .content {
   height: calc(100% - 110px);
@@ -773,7 +773,7 @@ tspan {
   width: 2000px !important;
   height: 1400px !important;
   top: calc(50% - 700px);
-  left: calc(50% - 1000px);
+  left: calc(50% - 990px);
   background: url('../groupImg/popup.png') no-repeat center;
   background-color: #133b65;
   background-size: 100% 100%;
@@ -886,7 +886,19 @@ tspan {
   height: 1800px !important;
   width: calc(2200px / 9 * 16 + 200px) !important;
   top: calc(50% - 900px);
-  left: calc(50% - (2200px / 9 * 16 + 200px) / 2);
+  left: calc(50% - (2200px / 9 * 16 + 170px) / 2);
+  z-index: 99999999999 !important;
+}
+.productTipBoard {
+  /* height: 1800px !important;
+  width: calc( 1500px / 9 * 16 + 200px) !important;
+  top: calc(50% - 900px);
+  left: calc(50% - ( 1500px / 9 * 16 + 200px) / 2);
+  z-index: 99999999999 !important; */
+  height: 1800px !important;
+  width: calc(1500px / 9 * 16 + 100px) !important;
+  top: calc(50% - 900px);
+  left: calc(50% - (1500px / 9 * 16 + 70px) / 2);
   z-index: 99999999999 !important;
 }
 /* .five .productTip .header-item,.five