|
@@ -276,8 +276,12 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div class="absolute projectPop" style="top: 50%;" :style="{left:projecList[projectNum][2].distance}">
|
|
<div class="absolute projectPop" style="top: 50%;" :style="{left:projecList[projectNum][2].distance}">
|
|
|
<div>项目立项</div>
|
|
<div>项目立项</div>
|
|
|
- <div><span style="display:inline-block;border-radius:50%;margin-right: 10px; width:20px;height:20px;background-color:#45A9E1"></span>{{projecList[projectNum][0].name}}:{{projecList[projectNum][0].value}}个,{{projecList[projectNum][0].value2}}亿</div>
|
|
|
|
|
- <div><span style="display:inline-block;border-radius:50%;margin-right: 10px; width:20px;height:20px;background-color:#4CEEE5"></span>{{projecList[projectNum][1].name}}:{{projecList[projectNum][1].value}}个,{{projecList[projectNum][1].value2}}亿</div>
|
|
|
|
|
|
|
+ <div><span
|
|
|
|
|
+ style="display:inline-block;border-radius:50%;margin-right: 10px; width:20px;height:20px;background-color:#45A9E1"></span>{{projecList[projectNum][0].name}}:{{projecList[projectNum][0].value}}个,{{projecList[projectNum][0].value2}}亿
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div><span
|
|
|
|
|
+ style="display:inline-block;border-radius:50%;margin-right: 10px; width:20px;height:20px;background-color:#4CEEE5"></span>{{projecList[projectNum][1].name}}:{{projecList[projectNum][1].value}}个,{{projecList[projectNum][1].value2}}亿
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -329,7 +333,8 @@
|
|
|
left: 25%;
|
|
left: 25%;
|
|
|
animation-delay: 1s;
|
|
animation-delay: 1s;
|
|
|
">
|
|
">
|
|
|
- <span style="font-size: 30px; font-weight: bold; color: #68bdff">55.05<span class="font28">亿</span></span>
|
|
|
|
|
|
|
+ <span style="font-size: 30px; font-weight: bold; color: #68bdff">55.05<span
|
|
|
|
|
+ class="font28">亿</span></span>
|
|
|
<span class="font28">投资金额</span>
|
|
<span class="font28">投资金额</span>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="absolute flex items-center justify-center flex-col bubble" style="
|
|
<div class="absolute flex items-center justify-center flex-col bubble" style="
|
|
@@ -349,15 +354,17 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div class="absolute flex items-center justify-center flex-col bubble"
|
|
<div class="absolute flex items-center justify-center flex-col bubble"
|
|
|
style="width: 190px; height: 190px; top: 35%; left: 50%">
|
|
style="width: 190px; height: 190px; top: 35%; left: 50%">
|
|
|
- <span style="font-size: 30px; font-weight: bold; color: #ebde27">10.63<span class="font28">亿</span></span>
|
|
|
|
|
|
|
+ <span style="font-size: 30px; font-weight: bold; color: #ebde27">10.63<span
|
|
|
|
|
+ class="font28">亿</span></span>
|
|
|
<span class="font28">投资金额</span>
|
|
<span class="font28">投资金额</span>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div>
|
|
<div>
|
|
|
<div class="title">投资产业分布</div>
|
|
<div class="title">投资产业分布</div>
|
|
|
- <div class="content">
|
|
|
|
|
|
|
+ <div class="content relative">
|
|
|
<div style="width: 100%;height: 100%;" ref="leftEcharts12"></div>
|
|
<div style="width: 100%;height: 100%;" ref="leftEcharts12"></div>
|
|
|
|
|
+ <div style="width: 100%;height: 100%;top: 0;left: 0;" class="absolute" ref="leftEcharts17"></div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div>
|
|
<div>
|
|
@@ -402,7 +409,7 @@
|
|
|
<div class="flex justify-center flex-col">
|
|
<div class="flex justify-center flex-col">
|
|
|
<div>
|
|
<div>
|
|
|
<div style="font-size: 60px; color: #5bdcc8; font-weight: bold">
|
|
<div style="font-size: 60px; color: #5bdcc8; font-weight: bold">
|
|
|
- 377.27<span style="font-size: 28px">亿</span>
|
|
|
|
|
|
|
+ 377.27<span style="font-size: 28px">亿</span>
|
|
|
</div>
|
|
</div>
|
|
|
<div style="font-size: 28px; justify-self: center">
|
|
<div style="font-size: 28px; justify-self: center">
|
|
|
固定资产
|
|
固定资产
|
|
@@ -427,8 +434,12 @@
|
|
|
<div>
|
|
<div>
|
|
|
<div>
|
|
<div>
|
|
|
<div class="title">投资阶段分析</div>
|
|
<div class="title">投资阶段分析</div>
|
|
|
- <div class="content">
|
|
|
|
|
|
|
+ <div class="content relative">
|
|
|
<div ref="leftEcharts13" style="height: 100%;width: 100%;"></div>
|
|
<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 class="font28">{{stageTitle}}</span>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -447,7 +458,7 @@
|
|
|
<div class="flex justify-center flex-col">
|
|
<div class="flex justify-center flex-col">
|
|
|
<div style="padding-left: 40%;">
|
|
<div style="padding-left: 40%;">
|
|
|
<div style="font-size: 60px; color: #5bdcc8; font-weight: bold">
|
|
<div style="font-size: 60px; color: #5bdcc8; font-weight: bold">
|
|
|
- 402.7<span style="font-size: 28px">亿</span>
|
|
|
|
|
|
|
+ 402.7<span style="font-size: 28px">亿</span>
|
|
|
</div>
|
|
</div>
|
|
|
<div style="font-size: 28px; justify-self: center">
|
|
<div style="font-size: 28px; justify-self: center">
|
|
|
总投资额
|
|
总投资额
|
|
@@ -457,7 +468,7 @@
|
|
|
<div class="flex justify-center flex-col">
|
|
<div class="flex justify-center flex-col">
|
|
|
<div style="padding-left: 40%;">
|
|
<div style="padding-left: 40%;">
|
|
|
<div style="font-size: 60px; color: #68bdff; font-weight: bold">
|
|
<div style="font-size: 60px; color: #68bdff; font-weight: bold">
|
|
|
- 396<span style="font-size: 28px">个</span>
|
|
|
|
|
|
|
+ 396<span style="font-size: 28px">个</span>
|
|
|
</div>
|
|
</div>
|
|
|
<div style="font-size: 28px; justify-self: center">
|
|
<div style="font-size: 28px; justify-self: center">
|
|
|
项目总数
|
|
项目总数
|