zhaoqiang
/
v3tianjin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

aa

master
“yu” 2024-07-18 02:01:47 +08:00
parent f40a82317f
commit 1508fb3bb0
1 changed files with 51 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

95
src/views/pages/homePage/index.vue
View File

@ -41,7 +41,7 @@
<div class="source_load"> <div class="source_load">
<div class="total_load_key"> <div class="total_load_key">
<div class="area_kw"> <div class="area_kw">
<span>16490.78</span> <span>16489.45</span>
<div class="r">&nbsp;MW</div> <div class="r">&nbsp;MW</div>
</div> </div>
<p>地区用户总运行容量</p> <p>地区用户总运行容量</p>
@ -120,8 +120,8 @@
/> />
</div> </div>
<div class="photovoltaic_value1"> <div class="photovoltaic_value1">
<div class="kw">66.14 <span>MW</span></div> <div class="kw">66.06 <span>MW</span></div>
<div class="hu">393 <span>户</span></div> <div class="hu">392 <span>户</span></div>
</div> </div>
</div> </div>
</div> </div>
@ -157,7 +157,7 @@
<div class="total_load"> <div class="total_load">
<div class="total_load_key"> <div class="total_load_key">
<div class="area_kw"> <div class="area_kw">
<span>308.99</span> <span>458.30</span>
<div class="r">&nbsp;MW</div> <div class="r">&nbsp;MW</div>
</div> </div>
<p>可调负荷</p> <p>可调负荷</p>
@ -181,30 +181,6 @@
/> />
</div> </div>
<div class="list_info"> <div class="list_info">
<div class="rowlist">
<div class="rbox">
<div class="key bshadow">
<div class="namebg">居民充电桩</div>
</div>
<div class="danwei centerpos">
<div class="v1">
<div class="rkw">35235</div>
<div class="rnumber">&nbsp;个</div>
</div>
</div>
</div>
<div class="rbox">
<div class="key bshadow">
<div class="namebg">商业充电桩</div>
</div>
<div class="danwei centerpos">
<div class="v1">
<div class="rkw">451</div>
<div class="rnumber">&nbsp;个</div>
</div>
</div>
</div>
</div>
<div class="rowlist"> <div class="rowlist">
<div class="rbox"> <div class="rbox">
<div class="key bshadow"> <div class="key bshadow">
@ -219,11 +195,35 @@
</div> </div>
<div class="rbox"> <div class="rbox">
<div class="key bshadow"> <div class="key bshadow">
<div class="namebg">在途充电桩</div> <div class="namebg">35kV充电桩</div>
</div> </div>
<div class="danwei centerpos"> <div class="danwei centerpos">
<div class="v1"> <div class="v1">
<div class="rkw">14336</div> <div class="rkw">1</div>
<div class="rnumber">&nbsp;个</div>
</div>
</div>
</div>
</div>
<div class="rowlist">
<div class="rbox">
<div class="key bshadow">
<div class="namebg">10kV充电桩</div>
</div>
<div class="danwei centerpos">
<div class="v1">
<div class="rkw">86</div>
<div class="rnumber">&nbsp;个</div>
</div>
</div>
</div>
<div class="rbox">
<div class="key bshadow">
<div class="namebg">低压充电桩</div>
</div>
<div class="danwei centerpos">
<div class="v1">
<div class="rkw">35175</div>
<div class="rnumber">&nbsp;个</div> <div class="rnumber">&nbsp;个</div>
</div> </div>
</div> </div>
@ -292,7 +292,7 @@
<div class="cen"> <div class="cen">
<div class="namebg"> <div class="namebg">
配网（ 配网（
<div class="fs35">线路总数：1006条</div> <div class="fs35">线路总数：1007条</div>
） ）
</div> </div>
</div> </div>
@ -332,7 +332,7 @@
/> />
</div> </div>
<div class="photovoltaic_value1"> <div class="photovoltaic_value1">
<div class="hu">760 <span>条</span></div> <div class="hu">758 <span>条</span></div>
</div> </div>
</div> </div>
<div class="rowbox"> <div class="rowbox">
@ -359,7 +359,7 @@
<div class="cen"> <div class="cen">
<div class="namebg"> <div class="namebg">
台区（ 台区（
<div class="fs35">总数：18231个</div> <div class="fs35">总数：18237个</div>
） ）
</div> </div>
</div> </div>
@ -399,7 +399,7 @@
/> />
</div> </div>
<div class="photovoltaic_value1"> <div class="photovoltaic_value1">
<div class="hu">8036 <span>条</span></div> <div class="hu">8035 <span>条</span></div>
</div> </div>
</div> </div>
<div class="rowbox"> <div class="rowbox">
@ -431,7 +431,7 @@
/> />
</div> </div>
<div class="photovoltaic_value1"> <div class="photovoltaic_value1">
<div class="hu">3690 <span>个</span></div> <div class="hu">3692 <span>个</span></div>
</div> </div>
</div> </div>
<div class="rowbox"> <div class="rowbox">
@ -447,7 +447,7 @@
/> />
</div> </div>
<div class="photovoltaic_value1"> <div class="photovoltaic_value1">
<div class="hu">2 <span>个</span></div> <div class="hu">1 <span>个</span></div>
</div> </div>
</div> </div>
</div> </div>
@ -1098,7 +1098,7 @@ let leftData = reactive<leftDataInfo>({
pieData: [ pieData: [
{ {
name: "0.4kV", name: "0.4kV",
value: 393, value: 392,
itemStyle: { itemStyle: {
// color: "#F1BA50", // color: "#F1BA50",
color: "#00B4F4", color: "#00B4F4",
@ -1144,27 +1144,34 @@ let leftData = reactive<leftDataInfo>({
threeDPieData1: { threeDPieData1: {
pieData: [ pieData: [
{ {
name: "居民充电桩", //名称 name: "V2G充电桩", //名称
value: 10, //值 value: 1, //值
itemStyle: { itemStyle: {
color: "#00B4F4", //半透明 232 158 205 color: "#00B4F4", //半透明 232 158 205
// color: "rgba(250,189,101,.8)",//半透明 232 158 205 // color: "rgba(250,189,101,.8)",//半透明 232 158 205
}, },
}, },
{ {
name: "商业充电桩", name: "35kV充电桩",
value: 20, value: 1,
itemStyle: { itemStyle: {
color: "#70F0B6", color: "#70F0B6",
}, },
}, },
{ {
name: "V2G充电桩", name: "10kV充电桩",
value: 40, value: 86,
itemStyle: { itemStyle: {
color: "#FBC670", color: "#FBC670",
}, },
}, },
{
name: "低压充电桩",
value: 35175,
itemStyle: {
color: "#70F0B6",
},
},
], ],
total: 108, total: 108,
center: 0.85, // 是否圆环 center: 0.85, // 是否圆环
@ -1187,7 +1194,7 @@ let leftData = reactive<leftDataInfo>({
alpha: 35, // 角度 alpha: 35, // 角度
}, },
}, },
getHeight3D: 30, // 高度 getHeight3D: 25, // 高度
}, },
}); });
// 网 // 网