-
+
光伏（
总装机容量：149.39MW
）
+
+ 光伏（
+
+ 总装机容量：149.39MW
+ ）
+ 负荷户数比例
-
@@ -537,7 +546,10 @@
资源概况
- 
+
({
+ businessValue: '0',
+ residentValue: '0',
+ tableData: [],
+ tableData1: [],
+ // 3d饼图数据
threeDPieData: {
pieData: [
{
- name: "可再生能源", //名称
- value: 78, //值
+ name: "谷段", //名称
+ value: 10, //值
itemStyle: {
- color: "#6BFF82", //半透明
+ color: "#EE5944",//半透明
},
},
{
- name: "其他能源",
- value: 22,
+ name: "高峰",
+ value: 20,
itemStyle: {
- color: "#00AAF3",
+ color: "#2E53F5",
},
},
+ {
+ name: "尖峰",
+ value: 40,
+ itemStyle: {
+ color: "#F1BA50",
+ },
+ },
+ {
+ name: "平段",
+ value: 40,
+ itemStyle: {
+ color: "#6FFBF7",
+ },
+ }
],
- total: 100,
- center: 0,
+ total: 108,
+ center: 0.9, // 是否圆环
legend: {
- orient: "horizontal",
- right: "center",
- top: "2%",
- itemGap: 30,
+ show:false,
+ orient: 'horizontal',
+ left: 'center',
+ top: '-3%',
+ itemGap: 20
},
grid3D: {
viewControl: {
- distance: 500,
- alpha: 35,
- },
+ distance: 350, // 缩放视角
+ alpha: 45, // 角度
+ }
},
- getHeight3D: 60,
+ // radius: ["40%", "40%"],
+ // center: ["50%", "50%"],
+ getHeight3D: 40, // 高度
},
-});
+ // 3d饼图数据1
+ threeDPieData1: {
+ pieData: [
+ {
+ name: "谷段", //名称
+ value: 10, //值
+ itemStyle: {
+ color: "#EE5944",//半透明
+ },
+ },
+ {
+ name: "高峰",
+ value: 20,
+ itemStyle: {
+ color: "#2E53F5",
+ },
+ },
+ {
+ name: "尖峰",
+ value: 40,
+ itemStyle: {
+ color: "#F1BA50",
+ },
+ },
+ {
+ name: "平段",
+ value: 40,
+ itemStyle: {
+ color: "#6FFBF7",
+ },
+ }
+ ],
+ total: 108,
+ center: 0.9, // 是否圆环
+ legend: {
+
+ orient: 'horizontal',
+ left: 'center',
+ top: '-30%',
+ itemGap: 20
+ },
+ grid3D: {
+ viewControl: {
+ distance: 350, // 缩放视角
+ alpha: 45, // 角度
+ }
+ },
+ // radius: ["40%", "40%"],
+ // center: ["50%", "50%"],
+ getHeight3D: 40, // 高度
+ }
+})
// 网
// 网盒子得标识
let networkContentFlag = ref(true);
@@ -1671,13 +1727,11 @@ const styleVar = computed(() => {
display: flex;
height: changeHeight(300);
// align-items: center;
-
+
img {
-
margin-top: 5%;
width: changeWidth(228.25);
height: changeHeight(201.6);
-
}
.photovoltaic,
.new_energy {
@@ -2247,7 +2301,7 @@ const styleVar = computed(() => {
width: changeWidth(227.77);
height: changeHeight(193.42);
////----
-
+
margin-top: 15%;
}
.rbox {
+
西小站
@@ -686,8 +698,7 @@ import load_echart from "./oneLine.vue";
import storage_echart from "./oneLine.vue";
import threeEchart from "./3Dechart.vue";
import threeEchart2 from "./3Dechart2.vue";
-import Treepie from "./Treepie.vue";
-
+import Threepie from "./Treepie.vue";
import runListenPage from "./runListenPage.vue";
import { statInfo_api } from "@/api/homePage/SoureceApi.ts";
@@ -1061,85 +1072,130 @@ const getStatInfo = async () => {
};
// 资源总览
// 荷
-let leftData = reactive({
- PVGenerationData: [
- {
- name: "总发电量：",
- value: "10728.8",
- unit: "kWh",
- },
- {
- name: "月发电量：",
- value: "1629.3",
- unit: "kWh",
- },
- {
- name: "周发电量：",
- value: "409.2",
- unit: "kWh",
- },
- {
- name: "日发电量：",
- value: "62.5",
- unit: "kWh",
- },
- ],
- carbonEmissionData: [
- {
- name: "总碳排放：",
- value: "34071.2",
- unit: "kg",
- },
- {
- name: "月碳排放：",
- value: "5162.3",
- unit: "kg",
- },
- {
- name: "周碳排放：",
- value: "1304.1",
- unit: "kg",
- },
- {
- name: "日碳排放：",
- value: "183.5",
- unit: "kg",
- },
- ],
+interface leftDataInfo {
+ businessValue: string,
+ residentValue: string,
+ tableData: tableInfo1[][]
+ tableData1: tableInfo1[][],
+ threeDPieData: any
+ threeDPieData1:any
+}
+interface tableInfo1 {
+ index: string;
+ name: string;
+ platFromName: string;
+ pileCount: string;
+ sumP: string;
+}
+let show = ref(true);
+let leftData = reactive