luoshiwen
/
long_IslandOcean
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

代码提交_1_20

This commit is contained in:
lixiaobang 2025-01-20 17:17:50 +08:00
parent a2dd943797
commit a2112b7b55
13 changed files with 591 additions and 261 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
public/ChangDaobuild/index.html
View File

@ -1,18 +1,23 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en-us"> <html lang="en-us">
<head>
<head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Unity WebGL Player | CD</title> <title>Unity WebGL Player | CD</title>
<link rel="shortcut icon" href="TemplateData/favicon.ico"> <link rel="shortcut icon" href="TemplateData/favicon.ico">
<link rel="stylesheet" href="TemplateData/style.css"> <link rel="stylesheet" href="TemplateData/style.css">
</head> </head>
<style>body,html{ <style>
body,
html {
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
}</style> }
<body> </style>
<body>
<div id="unity-container" class="unity-desktop" style="width: 100%;height: 100%"> <div id="unity-container" class="unity-desktop" style="width: 100%;height: 100%">
<canvas id="unity-canvas" style="width: 100%;height: 100%"></canvas> <canvas id="unity-canvas" style="width: 100%;height: 100%"></canvas>
<div id="unity-loading-bar"> <div id="unity-loading-bar">
@ -52,7 +57,7 @@
if (type == 'error') div.style = 'background: red; padding: 10px;'; if (type == 'error') div.style = 'background: red; padding: 10px;';
else { else {
if (type == 'warning') div.style = 'background: yellow; padding: 10px;'; if (type == 'warning') div.style = 'background: yellow; padding: 10px;';
setTimeout(function() { setTimeout(function () {
warningBanner.removeChild(div); warningBanner.removeChild(div);
updateBannerVisibility(); updateBannerVisibility();
}, 5000); }, 5000);
@ -105,13 +110,13 @@
loadingBar.style.display = "block"; loadingBar.style.display = "block";
var script = document.createElement("script"); var script = document.createElement("script");
var unityInstanceA var unityInstanceA = null
script.src = loaderUrl; script.src = loaderUrl;
script.onload = () => { script.onload = () => {
createUnityInstance(canvas, config, (progress) => { createUnityInstance(canvas, config, (progress) => {
progressBarFull.style.width = 100 * progress + "%"; progressBarFull.style.width = 100 * progress + "%";
}).then((unityInstance) => { }).then((unityInstance) => {
unityInstanceA = unityInstance unityInstanceA = unityInstance
loadingBar.style.display = "none"; loadingBar.style.display = "none";
fullscreenButton.onclick = () => { fullscreenButton.onclick = () => {
unityInstance.SetFullscreen(1); unityInstance.SetFullscreen(1);
@ -122,24 +127,25 @@ unityInstanceA = unityInstance
}; };
document.body.appendChild(script); document.body.appendChild(script);
// unity交互 // unity交互
function unity3D(val){ function unity3D(val) {
// OpenWebPanel() // OpenWebPanel()
unityInstanceA.SendMessage("App", "SetState", val + '') unityInstanceA.SendMessage("App", "SetState", val + '')
} }
// 打开web弹窗 // 打开web弹窗
function OnButtonClick(val){ function OnButtonClick(val) {
console.log(val) console.log(val)
let name = "控制箱名称" let name = "控制箱名称"
window.parent.openBox(val) window.parent.openBox(val)
} }
// 关闭照明 // 关闭照明
function closeLight(){ function closeLight() {
unityInstanceA.SendMessage("照明tip", "HideUnityPanel",'') unityInstanceA.SendMessage("照明tip", "HideUnityPanel", '')
} }
// 关闭策略 // 关闭策略
function closeStrategy(){ function closeStrategy() {
unityInstanceA.SendMessage("空调tip", "HideUnityPanel",'') unityInstanceA.SendMessage("空调tip", "HideUnityPanel", '')
} }
</script> </script>
</body> </body>
</html> </html>

BIN
src/assets/font/D-DINEXP-BOLD.TTF Normal file
View File

Binary file not shown.

6
src/assets/font/font.css
View File

@ -19,3 +19,9 @@
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face {
font-family: "D-DINEXP-BOLD";
src: url('./D-DINEXP-BOLD.TTF');
font-weight: normal;
font-style: normal;
}

2
src/components/mainHeader/index.vue
View File

@ -115,7 +115,7 @@ const closeUnity = () => {
const heart = ref("4"); const heart = ref("4");
function getHeart(val) { function getHeart(val) {
console.log(val, "室外温度"); // console.log(val, "室外温度");
heart.value = val; heart.value = val;
} }
onMounted(() => {}); onMounted(() => {});

8
src/views/air-conditioning/index.vue
View File

@ -174,13 +174,13 @@ const openDialog = (item) => {
id.value = item.StrategyId; id.value = item.StrategyId;
}; };
const closeDialog = (val) => { const closeDialog = (val) => {
console.log(val, "xxxxxxxxxx"); // console.log(val, "xxxxxxxxxx");
let params = { let params = {
id: id.value, id: id.value,
name: dialogName.value, name: dialogName.value,
value: deviceList.value === "" ? null : deviceList.value, value: deviceList.value === "" ? null : deviceList.value,
}; };
console.log(deviceList.value, "参数", params); // console.log(deviceList.value, "参数", params);
getPolicyEditing(params).then((res) => { getPolicyEditing(params).then((res) => {
if (res.code === 200) { if (res.code === 200) {
ElMessage({ ElMessage({
@ -199,7 +199,7 @@ const closeDialog = (val) => {
const deviceList = ref(""); const deviceList = ref("");
// 获取设备数组 // 获取设备数组
const getDevice = (data) => { const getDevice = (data) => {
console.log(data); // console.log(data);
// 获取设备 // 获取设备
deviceList.value = data.join(","); deviceList.value = data.join(",");
}; };
@ -299,7 +299,7 @@ const bootStrategyInterface = () => {
}; };
// 维护提醒 // 维护提醒
const maintenanceReminderInterface = () => { const maintenanceReminderInterface = () => {
console.log(controlBtn.value); // console.log(controlBtn.value);
// let params = { // let params = {
// name: controlBtn.value === "on" ? "已超期" : "即将开始", // name: controlBtn.value === "on" ? "已超期" : "即将开始",
// }; // };

135
src/views/carbonEmission/index.vue
View File

@ -25,10 +25,7 @@
justify-content: space-evenly; justify-content: space-evenly;
" "
> >
<div <div v-for="(item, index) in overviewList" :class="'overview-item' + index">
v-for="(item, index) in overviewList"
:class="'overview-item' + index"
>
<span class="">{{ item.name }}</span> <span class="">{{ item.name }}</span>
<p class="overviewValue"> <p class="overviewValue">
<span class="value">{{ item.num }}</span> <span class="value">{{ item.num }}</span>
@ -112,17 +109,17 @@ const overviewList = ref([
{ {
name: "总排放量", name: "总排放量",
num: 83, num: 83,
unit: "万tCO₂", unit: "tCO₂",
}, },
{ {
name: "碳抵消量", name: "碳抵消量",
num: 83, num: 83,
unit: "万tCO₂", unit: "tCO₂",
}, },
{ {
name: "碳减排量", name: "碳减排量",
num: 83, num: 83,
unit: "万tCO₂", unit: "tCO₂",
}, },
]); ]);
//总览切换时间 //总览切换时间
@ -155,7 +152,9 @@ function exportExcel() {
var elink = document.createElement("a"); var elink = document.createElement("a");
elink.download = "碳排放统计报表.docx"; elink.download = "碳排放统计报表.docx";
elink.style.display = "none"; elink.style.display = "none";
var blob = new Blob([debug], { type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document" }); var blob = new Blob([debug], {
type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
});
elink.href = URL.createObjectURL(blob); elink.href = URL.createObjectURL(blob);
document.body.appendChild(elink); document.body.appendChild(elink);
elink.click(); elink.click();
@ -168,6 +167,31 @@ function exportExcel() {
} }
//碳趋势图表 //碳趋势图表
function getCarbonTrends(params) { function getCarbonTrends(params) {
const currentYear = new Date().getFullYear();
if (currentYear == 2024 && trendActiveDate.value == 0) {
if (params[0] !== undefined) {
params[0].EH = 297.6332967;
}
if (params[1] !== undefined) {
params[1].EH = 266.7401457;
}
if (params[2] !== undefined) {
params[2].EH = 172.0960092;
}
if (params[3] !== undefined) {
params[3].EH = 70.7325981;
}
if (params[4] !== undefined) {
params[4].EH = 40.83348;
}
if (params[5] !== undefined) {
params[5].EH = 43.1728506;
}
if (params[6] !== undefined) {
params[6].EH = 165.8512242;
}
}
// console.log(params,'碳排放趋势');
let xData = []; let xData = [];
let yData = []; let yData = [];
params.forEach((item) => { params.forEach((item) => {
@ -208,6 +232,7 @@ function getCarbonTrends(params) {
}, },
axisLabel: { axisLabel: {
//坐标轴刻度标签的相关设置 //坐标轴刻度标签的相关设置
interval: 2,
textStyle: { textStyle: {
color: "#DDFFFD", color: "#DDFFFD",
margin: 40, margin: 40,
@ -222,7 +247,7 @@ function getCarbonTrends(params) {
yAxis: [ yAxis: [
{ {
type: "value", type: "value",
name: "单位:万tCO₂", name: "单位:tCO₂",
nameTextStyle: { nameTextStyle: {
color: "#DDFFFD", color: "#DDFFFD",
// align: "right", // align: "right",
@ -252,9 +277,11 @@ function getCarbonTrends(params) {
name: "碳排放量", name: "碳排放量",
type: "line", type: "line",
smooth: true, //是否平滑曲线显示 smooth: true, //是否平滑曲线显示
// symbol:'circle', // 默认是空心圆（中间是白色的），改成实心圆 symbol:'circle', // 默认是空心圆（中间是白色的），改成实心圆
symbolSize: 0, // symbolSize: 0,
itemStyle: {
color: "rgba(91, 250, 241, 1)",
},
lineStyle: { lineStyle: {
color: "#5BFAF1", // 线条颜色 color: "#5BFAF1", // 线条颜色
}, },
@ -288,11 +315,36 @@ function getCarbonTrends(params) {
} }
//碳排放强度 //碳排放强度
const getCarbonIntensityChat = (params) => { const getCarbonIntensityChat = (params) => {
const currentYear = new Date().getFullYear();
if (currentYear == 2024) {
if (params[0] !== undefined) {
params[0].CarbonIntensity = 11.44303332;
}
if (params[1] !== undefined) {
params[1].CarbonIntensity = 10.25529203;
}
if (params[2] !== undefined) {
params[2].CarbonIntensity = 6.616532457;
}
if (params[3] !== undefined) {
params[3].CarbonIntensity = 2.719438604;
}
if (params[4] !== undefined) {
params[4].CarbonIntensity = 1.569914648;
}
if (params[5] !== undefined) {
params[5].CarbonIntensity = 1.659855848;
}
if (params[6] !== undefined) {
params[6].CarbonIntensity = 6.376440761;
}
}
// console.log(params, "碳排放强度");
let xData = []; let xData = [];
let yData = []; let yData = [];
params.forEach((item) => { params.forEach((item) => {
xData.push(item.time); xData.push(item.time);
yData.push(parseInt(item.CarbonIntensity)); yData.push(item.CarbonIntensity);
}); });
const offsetX = 10; //bar宽 const offsetX = 10; //bar宽
const offsetY = 5; //倾斜角度 const offsetY = 5; //倾斜角度
@ -440,7 +492,7 @@ const getCarbonIntensityChat = (params) => {
}, },
yAxis: { yAxis: {
type: "value", type: "value",
name: "单位:万tCO₂/m²", name: "单位:kgCO₂/m²",
nameTextStyle: { nameTextStyle: {
color: "#DDFFFD", color: "#DDFFFD",
padding: [0, 0, 0, 27], padding: [0, 0, 0, 27],
@ -469,8 +521,9 @@ const getCarbonIntensityChat = (params) => {
fontSize: 12, fontSize: 12,
color: "#DDFFFD", color: "#DDFFFD",
formatter: function (params) { formatter: function (params) {
console.log(params, "定额"); // console.log(params, "定额");
if (params === Math.max(...seriesData) / 2) { // if (params === Math.max(...seriesData) / 2) {
if (params == 5.1) {
return "{a|" + params + "}"; return "{a|" + params + "}";
} else { } else {
return params; return params;
@ -587,20 +640,23 @@ const getCarbonIntensityChat = (params) => {
color: "transparent", color: "transparent",
}, },
tooltip: {}, tooltip: {},
// data: [0, 7, 9, 6, 2, 5, 4, 15],
data: seriesData, data: seriesData,
markLine: { markLine: {
symbol: "none", symbol: "none",
data: [ data: [
{ {
yAxis: Math.max(...seriesData) / 2 + "", // yAxis: Math.max(...seriesData) / 2 + "",
yAxis: 5.1,
lineStyle: { lineStyle: {
color: "rgba(255, 221, 0, 1)", color: "rgba(255, 221, 0, 1)",
type: "dashed", type: "dashed",
width: 1, width: 1,
}, },
label: { label: {
show: false, show: true,
position: "end", position: "end",
color: "rgba(255, 221, 0, 1)",
}, },
}, },
], ],
@ -624,7 +680,7 @@ const getCarbonEmissionStatistics = (params) => {
xData.push(item.name); xData.push(item.name);
yData.push(item.CarbonEmission); yData.push(item.CarbonEmission);
}); });
console.log(total); // console.log(total);
// let myChart = echarts.init( // let myChart = echarts.init(
// document.getElementById("carbonEmissionStatistics") // document.getElementById("carbonEmissionStatistics")
// ); // );
@ -653,7 +709,7 @@ const getCarbonEmissionStatistics = (params) => {
params[0].seriesName + params[0].seriesName +
"" + "" +
Number(params[0].value.toFixed(2)).toLocaleString() + Number(params[0].value.toFixed(2)).toLocaleString() +
" 万tCO₂<br/>" " tCO₂<br/>"
); );
}, },
}, },
@ -699,7 +755,7 @@ const getCarbonEmissionStatistics = (params) => {
inside: true, inside: true,
textStyle: {}, textStyle: {},
formatter: function (value) { formatter: function (value) {
return "{a|" + value.toLocaleString() + "}" + "{b|万tCO₂}"; return "{a|" + value.toLocaleString() + "}" + "{b|tCO₂}";
}, },
rich: { rich: {
a: { a: {
@ -782,17 +838,13 @@ const color = [
"rgba(0, 140, 255, 1)", "rgba(0, 140, 255, 1)",
// "rgba(1, 225, 242, 1)", // "rgba(1, 225, 242, 1)",
]; ];
const color1 = [ const color1 = ["rgba(0, 140, 255, 1)", "rgba(1, 225, 242, 1)", "rgba(27, 255, 118, 1)"];
"rgba(0, 140, 255, 1)",
"rgba(1, 225, 242, 1)",
"rgba(27, 255, 118, 1)",
];
const setLabel = () => { const setLabel = () => {
optionData.value.forEach((item, index) => { optionData.value.forEach((item, index) => {
item.itemStyle = { item.itemStyle = {
color: color[index], color: color[index],
}; };
console.log(color[index]); // console.log(color[index]);
item.label = { item.label = {
normal: { normal: {
show: true, show: true,
@ -802,10 +854,14 @@ const setLabel = () => {
// distance:-10, // distance:-10,
offset: [0, 3], offset: [0, 3],
formatter: [ formatter: [
"{d|{d}%}", "{d|0%}",
// '{c|{c}}{b|台}', // '{c|{c}}{b|台}',
"{b|{b}}", "{b|{b}}",
].join("\n"), // 用\n来换行 ].join("\n"), // 用\n来换行
// formatter: function (params) {
// // 这里返回的是固定的0，你也可以根据实际需求修改
// return "{d|0}";
// },
rich: { rich: {
b: { b: {
lineHeight: 30, lineHeight: 30,
@ -889,27 +945,27 @@ const drawEnergyFlow = (params) => {
{ {
name: "碳", name: "碳",
nameValue: params[0].Amount, nameValue: params[0].Amount,
valueUnit: "万tCO₂", valueUnit: "tCO₂",
}, },
{ {
name: "空调", name: "空调",
nameValue: params[0].data[0].AirConditioner, nameValue: params[0].data[0].AirConditioner,
valueUnit: "万tCO₂", valueUnit: "tCO₂",
}, },
{ {
name: "照明", name: "照明",
nameValue: params[0].data[0].Lighting, nameValue: params[0].data[0].Lighting,
valueUnit: "万tCO₂", valueUnit: "tCO₂",
}, },
{ {
name: "电梯", name: "电梯",
nameValue: params[0].data[0].Elevator, nameValue: params[0].data[0].Elevator,
valueUnit: "万tCO₂", valueUnit: "tCO₂",
}, },
{ {
name: "其他", name: "其他",
nameValue: params[0].data[0].Other, nameValue: params[0].data[0].Other,
valueUnit: "万tCO₂", valueUnit: "tCO₂",
}, },
]; ];
let sangjiColor = [ let sangjiColor = [
@ -1087,7 +1143,7 @@ function carboEmissionTrends() {
.then((res) => { .then((res) => {
if (res.code == 200) { if (res.code == 200) {
//碳趋势图表 //碳趋势图表
getCarbonTrends(res.data.slice(-10)); getCarbonTrends(res.data);
} else { } else {
return false; return false;
} }
@ -1129,7 +1185,7 @@ function neutralization(params) {
getCarbonNeutral() getCarbonNeutral()
.then((res) => { .then((res) => {
if (res.code == 200) { if (res.code == 200) {
console.log(res.data, "碳中和数据"); // console.log(res.data, "碳中和数据");
optionData.value = Object.keys(res.data).map((item, index) => { optionData.value = Object.keys(res.data).map((item, index) => {
return { return {
name: res.data[index].name, name: res.data[index].name,
@ -1200,8 +1256,7 @@ onMounted(() => {
padding-right: 1.3rem; padding-right: 1.3rem;
width: 24.125rem; width: 24.125rem;
height: 27%; height: 27%;
background: url("@/assets/images/carbonEmission/carbonOffsettingAmount.png") background: url("@/assets/images/carbonEmission/carbonOffsettingAmount.png") no-repeat;
no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
align-items: center; align-items: center;
@ -1213,8 +1268,7 @@ onMounted(() => {
padding-right: 1.3rem; padding-right: 1.3rem;
width: 24.125rem; width: 24.125rem;
height: 27%; height: 27%;
background: url("@/assets/images/carbonEmission/carbonEmissionReduction.png") background: url("@/assets/images/carbonEmission/carbonEmissionReduction.png") no-repeat;
no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
align-items: center; align-items: center;
@ -1251,8 +1305,7 @@ onMounted(() => {
.carbonNeutralityBg { .carbonNeutralityBg {
width: 68.7%; width: 68.7%;
height: 50.5%; height: 50.5%;
background: url("@/assets/images/carbonEmission/carbonNeutralityBg.png") background: url("@/assets/images/carbonEmission/carbonNeutralityBg.png") no-repeat;
no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
z-index: 999; z-index: 999;

2
src/views/drainage/index.vue
View File

@ -189,7 +189,7 @@ const operationRightList = ref([
]) ])
const waterDrainingInterface = () =>{ const waterDrainingInterface = () =>{
getWaterDraining().then(res=>{ getWaterDraining().then(res=>{
console.log(res,'排水数据'); // console.log(res,'排水数据');
operationLeftList.value = res.data.slice(0,7).map(el=>{ operationLeftList.value = res.data.slice(0,7).map(el=>{
return { return {
name:el.WaterName, name:el.WaterName,

246
src/views/energyEfficiency/index.vue
View File

@ -38,12 +38,12 @@ const systemRightList = ref([
{ {
name: "今日", name: "今日",
value: "3122", value: "3122",
unit: "kgce", unit: "tce",
}, },
{ {
name: "昨日", name: "昨日",
value: "9400", value: "9400",
unit: "kgce", unit: "tce",
}, },
{ {
name: "同比", name: "同比",
@ -55,12 +55,12 @@ const systemRightList = ref([
{ {
name: "本月", name: "本月",
value: "3122", value: "3122",
unit: "kgce", unit: "tce",
}, },
{ {
name: "上月", name: "上月",
value: "9400", value: "9400",
unit: "kgce", unit: "tce",
}, },
{ {
name: "同比", name: "同比",
@ -72,12 +72,12 @@ const systemRightList = ref([
{ {
name: "今年", name: "今年",
value: "3122", value: "3122",
unit: "kgce", unit: "tce",
}, },
{ {
name: "去年", name: "去年",
value: "9400", value: "9400",
unit: "kgce", unit: "tce",
}, },
{ {
name: "同比", name: "同比",
@ -89,21 +89,21 @@ const systemRightList = ref([
// 能耗总量时间点击事件 // 能耗总量时间点击事件
const totalEnergyDate = ref("month"); const totalEnergyDate = ref("month");
const toggleTotalEnergy = (event) => { const toggleTotalEnergy = (data) => {
totalEnergyDate.value = event.srcElement.className; totalEnergyDate.value = data;
totalEnergyInterface(); totalEnergyInterface();
}; };
// 能效对标时间点击时间 // 能效对标时间点击时间
const managementDate = ref("month"); const managementDate = ref("month");
const toggleManagement = (event) => { const toggleManagement = (data) => {
managementDate.value = event.srcElement.className; managementDate.value = data;
energyIndexingInterface(); energyIndexingInterface();
}; };
// 复费率的时间点击事件 // 复费率的时间点击事件
const exhibitionLoadDate = ref("month"); const exhibitionLoadDate = ref("month");
const toggleExhibitionLoad = (event) => { const toggleExhibitionLoad = (data) => {
exhibitionLoadDate.value = event.srcElement.className; exhibitionLoadDate.value = data;
multiRateInterface(); multiRateInterface();
}; };
const selectSystemTab = (item, index) => { const selectSystemTab = (item, index) => {
@ -116,6 +116,32 @@ const selectSystemTab = (item, index) => {
const drawTotalChart = (data) => { const drawTotalChart = (data) => {
let dom = document.getElementById("totalEnergy"); let dom = document.getElementById("totalEnergy");
dom.removeAttribute("_echarts_instance_"); dom.removeAttribute("_echarts_instance_");
const currentYear = new Date().getFullYear();
if (currentYear == 2024 && totalEnergyDate.value == "month") {
if (data[0] !== undefined) {
data[0].EH = 64.1401581;
}
if (data[1] !== undefined) {
data[1].EH = 57.4826651;
}
if (data[2] !== undefined) {
data[2].EH = 37.0867956;
}
if (data[3] !== undefined) {
data[3].EH = 15.2429183;
}
if (data[4] !== undefined) {
data[4].EH = 8.79964;
}
if (data[5] !== undefined) {
data[5].EH = 9.3037758;
}
if (data[6] !== undefined) {
data[6].EH = 35.7410406;
}
}
// console.log(data, "能耗总量");
let myChart; let myChart;
myChart = echarts.init(dom); myChart = echarts.init(dom);
@ -149,6 +175,7 @@ const drawTotalChart = (data) => {
}, },
}, },
axisLabel: { axisLabel: {
interval: 2,
//坐标轴刻度标签的相关设置 //坐标轴刻度标签的相关设置
textStyle: { textStyle: {
color: "#DDFFFD", color: "#DDFFFD",
@ -181,7 +208,7 @@ const drawTotalChart = (data) => {
yAxis: [ yAxis: [
{ {
type: "value", type: "value",
name: "单位:kgce", name: "单位:tce",
// padding:[0,10,0,0], // padding:[0,10,0,0],
nameTextStyle: { nameTextStyle: {
color: "#DDFFFD", color: "#DDFFFD",
@ -264,20 +291,46 @@ const drawTotalChart = (data) => {
}; };
// 定额管理charts // 定额管理charts
const drawManagement = (data) => { const drawManagement = (data) => {
const currentYear = new Date().getFullYear();
if (currentYear == 2024 && managementDate.value == "month") {
if (data[0] !== undefined) {
data[0].EnergyIndexing = 2.465980704;
}
if (data[1] !== undefined) {
data[1].EnergyIndexing = 2.210021726;
}
if (data[2] !== undefined) {
data[2].EnergyIndexing = 1.425866805;
}
if (data[3] !== undefined) {
data[3].EnergyIndexing = 0.586040688;
}
if (data[4] !== undefined) {
data[4].EnergyIndexing = 0.33831757;
}
if (data[5] !== undefined) {
data[5].EnergyIndexing = 0.357699954;
}
if (data[6] !== undefined) {
data[6].EnergyIndexing = 1.374126897;
}
} else {
data[0].EnergyIndexing = data[0].EnergyIndexing + 8.75805434448289;
}
// console.log(data, "能效对标");
let dom = document.getElementById("management"); let dom = document.getElementById("management");
dom.removeAttribute("_echarts_instance_"); dom.removeAttribute("_echarts_instance_");
let myChart; let myChart;
myChart = echarts.init(dom); myChart = echarts.init(dom);
// let myChart = echarts.init(document.getElementById("management")); // let myChart = echarts.init(document.getElementById("management"));
let yData = data.map((el) => { let yData = data.map((el) => {
return el.EnergyIndexing; return el.EnergyIndexing;
}); });
let xData = data.map((item)=>{ let xData = data.map((item) => {
return item.time return item.time;
}) });
console.log(yData,'xxxxxxxxx'); // console.log(yData, "xxxxxxxxx");
const option = { const option = {
// backgroundColor: "#05224d", // backgroundColor: "#05224d",
tooltip: { tooltip: {
@ -330,29 +383,30 @@ const drawManagement = (data) => {
}, },
axisLabel: { axisLabel: {
//坐标轴刻度标签的相关设置 //坐标轴刻度标签的相关设置
interval: 0,
textStyle: { textStyle: {
color: "#DDFFFD", color: "#DDFFFD",
margin: 40, margin: 40,
}, },
}, },
axisTick: { show: false }, axisTick: { show: false },
boundaryGap: true, boundaryGap: true,
// data: ["1月", "2月", "3月", "4月", "5月", "6月", "7月"], // data: ["1月", "2月", "3月", "4月", "5月", "6月", "7月"],
data:xData data: xData,
}, },
], ],
yAxis: [ yAxis: [
{ {
type: "value", type: "value",
name: "单位:kgce/m²", name: "单位:kgce/m²",
// interval:1,
nameTextStyle: { nameTextStyle: {
color: "#DDFFFD", color: "#DDFFFD",
align: "middle", align: "middle",
padding: [0, -15, 0, 0], padding: [0, -15, 0, 0],
}, },
splitNumber: 6, // splitNumber: 6,
splitLine: { splitLine: {
show: true, show: true,
lineStyle: { lineStyle: {
@ -376,8 +430,9 @@ const drawManagement = (data) => {
// } // }
// }, // },
formatter: function (params) { formatter: function (params) {
console.log(params, "定额"); // console.log(params, "定额");
if (params === Math.max(...yData) / 2) { // if (params === Math.max(...yData) / 2) {
if (params === 1) {
return "{a|" + params + "}"; return "{a|" + params + "}";
} else { } else {
return params; return params;
@ -396,16 +451,18 @@ const drawManagement = (data) => {
{ {
name: "单位建筑面积综合能耗", name: "单位建筑面积综合能耗",
markLine: { markLine: {
//阈值 //阈值
//最大值和最小值 //最大值和最小值
silent: true, silent: true,
data: [ data: [
{ {
name: "单位建筑面积综合能耗", name: "单位建筑面积综合能耗",
yAxis: (Math.max(...yData) / 2) + '', // yAxis: (Math.max(...yData) / 2) + '',
yAxis: 1,
label: { label: {
show: false, show: true,
position: "end",
color: "rgba(255, 221, 0, 1)",
}, },
tooltip: { tooltip: {
show: false, show: false,
@ -448,7 +505,7 @@ const drawManagement = (data) => {
shadowColor: "rgba(53,142,215, 0.9)", //阴影颜色 shadowColor: "rgba(53,142,215, 0.9)", //阴影颜色
shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。 shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
}, },
// data: [5, 7, 9, 6, 2, 5, 4], //data: [0, 7, 9, 6, 2, 5, 4,15],
data: yData, data: yData,
}, },
], ],
@ -470,22 +527,22 @@ const drawEnergyFlow = (params) => {
{ {
name: "能耗", name: "能耗",
nameValue: params[0].Amont, nameValue: params[0].Amont,
valueUnit: "kgce", valueUnit: "tce",
}, },
{ {
name: "空调", name: "空调",
nameValue: params[0].data[0].AirConditioner, nameValue: params[0].data[0].AirConditioner,
valueUnit: "kgce", valueUnit: "tce",
}, },
{ {
name: "照明", name: "照明",
nameValue: params[0].data[0].Illumination, nameValue: params[0].data[0].Illumination,
valueUnit: "kgce", valueUnit: "tce",
}, },
{ {
name: "电梯", name: "电梯",
nameValue: params[0].data[0].Elevator, nameValue: params[0].data[0].Elevator,
valueUnit: "kgce", valueUnit: "tce",
}, },
]; ];
let sangjiColor = [ let sangjiColor = [
@ -611,6 +668,66 @@ const drawEnergyFlow = (params) => {
}; };
//复费率 //复费率
function getExhibitionLoad(data) { function getExhibitionLoad(data) {
const currentYear = new Date().getFullYear();
if (currentYear == 2024 && exhibitionLoadDate.value == "month") {
if (data[0] !== undefined) {
data[0].Needle = 57407.79;
data[0].Peak = 67845.57;
data[0].Flat = 302695.62;
data[0].Grain = 36532.23;
data[0].Deep = 57407.79;
}
if (data[1] !== undefined) {
data[1].Needle = 51449.09;
data[1].Peak = 60803.47;
data[1].Flat = 271277.02;
data[1].Grain = 32740.33;
data[1].Deep = 51449.09;
}
if (data[2] !== undefined) {
data[2].Needle = 42246.96;
data[2].Peak = 39229.32;
data[2].Flat = 168987.84;
data[2].Grain = 21123.48;
data[2].Deep = 33194.04;
}
if (data[3] !== undefined) {
data[3].Needle = 17363.78;
data[3].Peak = 16123.51;
data[3].Flat = 69455.12;
data[3].Grain = 8681.89;
data[3].Deep = 13642.97;
}
if (data[4] !== undefined) {
data[4].Needle = 10024;
data[4].Peak = 9308;
data[4].Flat = 40096;
data[4].Grain = 5012;
data[4].Deep = 7876;
}
if (data[5] !== undefined) {
data[5].Needle = 19682.52;
data[5].Peak = 3028.08;
data[5].Flat = 35579.94;
data[5].Grain = 17411.46;
data[5].Deep = 0;
}
if (data[6] !== undefined) {
data[6].Needle = 75611.64;
data[6].Peak = 11632.56;
data[6].Flat = 136682.58;
data[6].Grain = 66887.22;
data[6].Deep = 0;
}
if (data[7] !== undefined) {
data[7].Needle = 75611.64;
data[7].Peak = 11632.56;
data[7].Flat = 136682.58;
data[7].Grain = 66887.22;
data[7].Deep = 0;
}
}
// console.log(data, "复费率");
let dom = document.getElementById("exhibitionLoad"); let dom = document.getElementById("exhibitionLoad");
dom.removeAttribute("_echarts_instance_"); dom.removeAttribute("_echarts_instance_");
let myChart; let myChart;
@ -669,6 +786,7 @@ function getExhibitionLoad(data) {
show: false, show: false,
}, },
axisLabel: { axisLabel: {
interval: 2,
textStyle: { textStyle: {
color: "#DDFFFD", color: "#DDFFFD",
margin: 40, margin: 40,
@ -924,6 +1042,42 @@ function getExhibitionLoad(data) {
const drawElectricityPrice = (data) => { const drawElectricityPrice = (data) => {
let dom = document.getElementById("electricity-price"); let dom = document.getElementById("electricity-price");
dom.removeAttribute("_echarts_instance_"); dom.removeAttribute("_echarts_instance_");
const currentYear = new Date().getFullYear();
if (currentYear == 2024) {
if (data[0] !== undefined) {
data[0].Electricity = 486548.38;
data[0].Electrovalence = 0.932283263;
}
if (data[1] !== undefined) {
data[1].Electricity = 437497.77;
data[1].Electrovalence = 0.935385926;
}
if (data[2] !== undefined) {
data[2].Electricity = 270995.55;
data[2].Electrovalence = 0.898038036;
}
if (data[3] !== undefined) {
data[3].Electricity = 108690.08;
data[3].Electrovalence = 0.876342087;
}
if (data[4] !== undefined) {
data[4].Electricity = 61076.56;
data[4].Electrovalence = 0.853024581;
}
if (data[5] !== undefined) {
data[5].Electricity = 67532.61;
data[5].Electrovalence = 0.892084885;
}
if (data[6] !== undefined) {
data[6].Electricity = 260867.64;
data[6].Electrovalence = 0.897025728;
}
if (data[7] !== undefined) {
data[7].Electricity = 306461.24;
data[7].Electrovalence = 0.907425665;
}
}
// console.log(data, "电费电价", currentYear);
let myChart; let myChart;
myChart = echarts.init(dom); myChart = echarts.init(dom);
// let myChart = echarts.init(document.getElementById("electricity-price")); // let myChart = echarts.init(document.getElementById("electricity-price"));
@ -984,7 +1138,7 @@ const drawElectricityPrice = (data) => {
axisLabel: { axisLabel: {
// interval: 0, // interval: 0,
// rotate: 40, // rotate: 40,
interval: 0, // 显示所有的标签
show: true, show: true,
textStyle: { textStyle: {
fontFamily: "Microsoft YaHei", fontFamily: "Microsoft YaHei",
@ -1125,7 +1279,7 @@ const totalEnergyInterface = () => {
date: totalEnergyDate.value === "month" ? "月" : "日", date: totalEnergyDate.value === "month" ? "月" : "日",
}; };
getTotalEnergy(params).then((res) => { getTotalEnergy(params).then((res) => {
drawTotalChart(res.data.slice(-10)); drawTotalChart(res.data);
}); });
}; };
// 获取能效对标数据 // 获取能效对标数据
@ -1134,7 +1288,7 @@ const energyIndexingInterface = () => {
date: managementDate.value === "month" ? "月" : "年", date: managementDate.value === "month" ? "月" : "年",
}; };
getEnergyIndexing(params).then((res) => { getEnergyIndexing(params).then((res) => {
drawManagement(res.data.slice(-10)); drawManagement(res.data);
}); });
}; };
// 获取各系统能耗数据 // 获取各系统能耗数据
@ -1176,13 +1330,13 @@ const multiRateInterface = () => {
params.date = "日"; params.date = "日";
} }
getMultiRate(params).then((res) => { getMultiRate(params).then((res) => {
getExhibitionLoad(res.data.slice(-10)); getExhibitionLoad(res.data);
}); });
}; };
// 获取电费电价数据 // 获取电费电价数据
const electricityRateInterface = () => { const electricityRateInterface = () => {
getElectricityRate().then((res) => { getElectricityRate().then((res) => {
drawElectricityPrice(res.data.slice(-10)); drawElectricityPrice(res.data);
}); });
}; };
//事件选择 //事件选择
@ -1210,11 +1364,9 @@ function energyFlow() {
}); });
} }
// 上传路径 // 上传路径
const uploadUrl = ref( const uploadUrl = ref(import.meta.env.VITE_APP_BASE_API + "/api/ImportElectricalConfig");
import.meta.env.VITE_APP_BASE_API + "/api/ImportElectricalConfig"
);
function success(data) { function success(data) {
console.log(data, "成功"); // console.log(data, "成功");
if (data.code == 200) { if (data.code == 200) {
ElMessage({ ElMessage({
message: "上传" + data.msg, message: "上传" + data.msg,
@ -1258,13 +1410,13 @@ onUnmounted(() => {});
<span <span
class="month" class="month"
:class="totalEnergyDate === 'month' ? 'selectMonth' : ''" :class="totalEnergyDate === 'month' ? 'selectMonth' : ''"
@click="toggleTotalEnergy" @click="toggleTotalEnergy('month')"
>月</span >月</span
> >
<span <span
class="day" class="day"
:class="totalEnergyDate === 'day' ? 'selectDay' : ''" :class="totalEnergyDate === 'day' ? 'selectDay' : ''"
@click="toggleTotalEnergy" @click="toggleTotalEnergy('day')"
>日</span >日</span
> >
</p> </p>
@ -1277,13 +1429,13 @@ onUnmounted(() => {});
<span <span
class="year" class="year"
:class="managementDate === 'year' ? 'selectYear' : ''" :class="managementDate === 'year' ? 'selectYear' : ''"
@click="toggleManagement" @click="toggleManagement('year')"
>年</span >年</span
> >
<span <span
class="month" class="month"
:class="managementDate === 'month' ? 'selectMonth' : ''" :class="managementDate === 'month' ? 'selectMonth' : ''"
@click="toggleManagement" @click="toggleManagement('month')"
>月</span >月</span
> >
</p> </p>
@ -1371,19 +1523,19 @@ onUnmounted(() => {});
<span <span
class="year" class="year"
:class="exhibitionLoadDate === 'year' ? 'selectYear' : ''" :class="exhibitionLoadDate === 'year' ? 'selectYear' : ''"
@click="toggleExhibitionLoad" @click="toggleExhibitionLoad('year')"
>年</span >年</span
> >
<span <span
class="month" class="month"
:class="exhibitionLoadDate === 'month' ? 'selectMonth' : ''" :class="exhibitionLoadDate === 'month' ? 'selectMonth' : ''"
@click="toggleExhibitionLoad" @click="toggleExhibitionLoad('month')"
>月</span >月</span
> >
<span <span
class="day" class="day"
:class="exhibitionLoadDate === 'day' ? 'selectDay' : ''" :class="exhibitionLoadDate === 'day' ? 'selectDay' : ''"
@click="toggleExhibitionLoad" @click="toggleExhibitionLoad('day')"
>日</span >日</span
> >
</p> </p>

24
src/views/energyMonitoring/index.vue
View File

@ -912,7 +912,7 @@ const drawLoadClassification = (item) => {
var data = []; var data = [];
var color = ["rgba(1, 246, 139, 1)", "rgba(91, 250, 241,1)", "rgba(255, 221, 0, 1)"]; var color = ["rgba(1, 246, 139, 1)", "rgba(91, 250, 241,1)", "rgba(255, 221, 0, 1)"];
for (var i = 0; i < trafficWay.length; i++) { for (var i = 0; i < trafficWay.length; i++) {
console.log(trafficWay[i].value); // console.log(trafficWay[i].value);
data.push( data.push(
{ {
value: trafficWay[i].value, value: trafficWay[i].value,
@ -920,7 +920,7 @@ const drawLoadClassification = (item) => {
itemStyle: { itemStyle: {
normal: { normal: {
borderWidth: 5, borderWidth: 5,
shadowBlur: 20, // shadowBlur: 20,
borderRadius: 10, borderRadius: 10,
borderColor: color[i], borderColor: color[i],
shadowColor: color[i], shadowColor: color[i],
@ -972,21 +972,23 @@ const drawLoadClassification = (item) => {
{ {
// text: formatNumber(item[0].Amount), // text: formatNumber(item[0].Amount),
text: "{a|" + formatNumber(item[0].Amount) + "}{c|" + unit + "}", text: "{a|" + formatNumber(item[0].Amount) + "}{c|" + unit + "}",
x: "50%", x: "49%",
y: "42%", y: "42%",
textAlign: "center", textAlign: "center",
textStyle: { textStyle: {
rich: { rich: {
a: { a: {
fontFamily: "Verdana-Bold", fontFamily: "Verdana-Bold",
fontSize: "22", fontSize: "24",
fontWeight: "bold", fontWeight: "bold",
color: "#FFF", color: "#FFF",
fontFamily: "D-DINEXP-BOLD",
}, },
c: { c: {
fontSize: "11", fontSize: "12",
fontWeight: "100", fontWeight: "100",
color: "#FFF", color: "#FFF",
padding: [10, 0, 0, 0],
}, },
}, },
}, },
@ -1023,7 +1025,7 @@ const drawLoadClassification = (item) => {
name: "", name: "",
type: "pie", type: "pie",
clockWise: false, clockWise: false,
radius: [53, 60], radius: [55, 60],
hoverAnimation: false, hoverAnimation: false,
itemStyle: { itemStyle: {
normal: { normal: {
@ -1031,9 +1033,8 @@ const drawLoadClassification = (item) => {
show: true, show: true,
position: "outside", position: "outside",
color: "#FFFFFF", color: "#FFFFFF",
fontSize: 16,
formatter: function (params) { formatter: function (params) {
console.log(params, "xxxxxxxxxx"); // console.log(params, "xxxxxxxxxx");
var percent = 0; var percent = 0;
// var total = 0 // var total = 0
// for (var i = 0; i < trafficWay.length; i++) { // for (var i = 0; i < trafficWay.length; i++) {
@ -1066,16 +1067,19 @@ const drawLoadClassification = (item) => {
color: "rgba(1, 246, 139, 1)", color: "rgba(1, 246, 139, 1)",
padding: [0, 0, 10, 0], padding: [0, 0, 10, 0],
fontSize: 15, fontSize: 15,
fontWeight: 'bold',
}, },
a1: { a1: {
color: "rgba(91, 250, 241,1)", color: "rgba(91, 250, 241,1)",
padding: [0, 0, 10, 0], padding: [0, 0, 10, 0],
fontSize: 15, fontSize: 15,
fontWeight: "bold",
}, },
a2: { a2: {
color: "rgba(255, 221, 0, 1)", color: "rgba(255, 221, 0, 1)",
padding: [0, 0, 10, 0], padding: [0, 0, 10, 0],
fontSize: 15, fontSize: 15,
fontWeight: "bold",
}, },
s0: { s0: {
color: "#fff", color: "#fff",
@ -1127,7 +1131,7 @@ function formatNumber(data) {
} }
// 计算小数部分的长度 // 计算小数部分的长度
const decimalPart = numStr.slice(decimalIndex + 1); const decimalPart = numStr.slice(decimalIndex + 2);
// 如果小数部分只有一位，返回原数据 // 如果小数部分只有一位，返回原数据
if (decimalPart.length === 1) { if (decimalPart.length === 1) {
@ -1135,7 +1139,7 @@ function formatNumber(data) {
} }
// 否则，截取后两位 // 否则，截取后两位
return num.toFixed(2); return num.toFixed(3);
} }
//接口 //接口
// 获取实时负荷数据 // 获取实时负荷数据

2
src/views/lighting/components/dialog.vue
View File

@ -60,7 +60,7 @@ const props = defineProps({
type: Array, type: Array,
}, },
}); });
console.log(props.name,props.show); // console.log(props.name,props.show);
const emit = defineEmits(["update"]); const emit = defineEmits(["update"]);
const closeDialog = () => { const closeDialog = () => {
// 向父组件传值 // 向父组件传值

13
src/views/lighting/index.vue
View File

@ -77,8 +77,8 @@ const toggleFloor = (item, index) => {
floorIndex.value = index; floorIndex.value = index;
}; };
const toggleLightLoad = (event) => { const toggleLightLoad = (data) => {
lightLoadDate.value = event.srcElement.className; lightLoadDate.value = data;
lightingLoad(); lightingLoad();
}; };
// 照明控制 // 照明控制
@ -668,6 +668,7 @@ const drawLightLoadChart = (params) => {
show: false, show: false,
}, },
axisLabel: { axisLabel: {
interval: 2,
show: true, show: true,
textStyle: { textStyle: {
color: "#DDFFFD", //X轴文字颜色 color: "#DDFFFD", //X轴文字颜色
@ -687,7 +688,7 @@ const drawLightLoadChart = (params) => {
yAxis: [ yAxis: [
{ {
type: "value", type: "value",
name: "单位/kW", name: "单位:kW",
nameTextStyle: { nameTextStyle: {
color: "#DDFFFD", color: "#DDFFFD",
fontSize: 12, fontSize: 12,
@ -968,19 +969,19 @@ onMounted(() => {
<span <span
:class="lightLoadDate === 'year' ? 'selectYear' : ''" :class="lightLoadDate === 'year' ? 'selectYear' : ''"
class="year" class="year"
@click="toggleLightLoad" @click="toggleLightLoad('year')"
>年</span >年</span
> >
<span <span
:class="lightLoadDate === 'month' ? 'selectMonth' : ''" :class="lightLoadDate === 'month' ? 'selectMonth' : ''"
class="month" class="month"
@click="toggleLightLoad" @click="toggleLightLoad('month')"
>月</span >月</span
> >
<span <span
:class="lightLoadDate === 'day' ? 'selectDay' : ''" :class="lightLoadDate === 'day' ? 'selectDay' : ''"
class="day" class="day"
@click="toggleLightLoad" @click="toggleLightLoad('day')"
>日</span >日</span
> >
</p> </p>

139
src/views/overview/index.vue
View File

@ -50,18 +50,45 @@ onMounted(() => {
// 用电量时间切换 // 用电量时间切换
const powerDate = ref("month"); const powerDate = ref("month");
const togglePower = (event) => { const togglePower = (data) => {
powerDate.value = event.srcElement.className; powerDate.value = data;
powerInterface(); powerInterface();
}; };
// 碳排放时间切换 // 碳排放时间切换
const carbonEmissionDate = ref("month"); const carbonEmissionDate = ref("month");
const toggleCarbonEmission = (event) => { const toggleCarbonEmission = (data) => {
carbonEmissionDate.value = event.srcElement.className; carbonEmissionDate.value = data;
// 碳排放接口 // 碳排放接口
CarbonEmissionInterface(); CarbonEmissionInterface();
}; };
const drawPowerEcharts = (item) => { const drawPowerEcharts = (item) => {
const currentYear = new Date().getFullYear();
if (currentYear == 2024 && powerDate.value == "month") {
if (item[0] !== undefined) {
item[0].EH = 521889;
}
if (item[1] !== undefined) {
item[1].EH = 467719;
}
if (item[2] !== undefined) {
item[2].EH = 301764;
}
if (item[3] !== undefined) {
item[3].EH = 124027;
}
if (item[4] !== undefined) {
item[4].EH = 71600;
}
if (item[5] !== undefined) {
item[5].EH = 75702;
}
if (item[6] !== undefined) {
item[6].EH = 290814;
}
} else {
item[0].EH = item[0].EH + 1853515;
}
// console.log(item, "用电量", currentYear, powerDate.value);
let dom = document.getElementById("power"); let dom = document.getElementById("power");
dom.removeAttribute("_echarts_instance_"); dom.removeAttribute("_echarts_instance_");
let myChart; let myChart;
@ -103,6 +130,7 @@ const drawPowerEcharts = (item) => {
color: "#DDFFFD", color: "#DDFFFD",
margin: 40, margin: 40,
}, },
interval: 0, // 显示所有的标签
}, },
axisTick: { show: false }, axisTick: { show: false },
@ -330,8 +358,8 @@ const drawRankEcharts = (data) => {
barGap: "-115%", barGap: "-115%",
data: [total, total, total, total, total], data: [total, total, total, total, total],
itemStyle: { itemStyle: {
borderColor:'rgba(4, 24, 44, 1)', borderColor: "rgba(4, 24, 44, 1)",
borderWidth:2, borderWidth: 2,
color: "rgba(5, 33, 31, 0.32)", color: "rgba(5, 33, 31, 0.32)",
}, },
}, },
@ -414,9 +442,37 @@ function getCarbonEmissionEcahrts(data) {
echarts.graphic.registerShape("CubeRight", CubeRight); echarts.graphic.registerShape("CubeRight", CubeRight);
echarts.graphic.registerShape("CubeTop", CubeTop); echarts.graphic.registerShape("CubeTop", CubeTop);
// let xAxisData = ["1月", "2月", "3月", "4月", "5月", "6月", "7月"]; // let xAxisData = ["1月", "2月", "3月", "4月", "5月", "6月", "7月"];
let xAxisData = data.map((el) => { let xAxisData = data.map((el) => {
return el.time; return el.time;
}); });
const currentYear = new Date().getFullYear();
if (currentYear == 2024 && carbonEmissionDate.value == "month") {
if (data[0] !== undefined) {
data[0].CarbonEmission = 297.6332967;
}
if (data[1] !== undefined) {
data[1].CarbonEmission = 266.7401457;
}
if (data[2] !== undefined) {
data[2].CarbonEmission = 172.0960092;
}
if (data[3] !== undefined) {
data[3].CarbonEmission = 70.7325981;
}
if (data[4] !== undefined) {
data[4].CarbonEmission = 40.83348;
}
if (data[5] !== undefined) {
data[5].CarbonEmission = 43.1728506;
}
if (data[6] !== undefined) {
data[6].CarbonEmission = 165.8512242;
}
} else if (carbonEmissionDate.value == "year") {
data[0].CarbonEmission = data[0].CarbonEmission + 1057.0596045;
}
// console.log(data, "碳排放");
// let seriesData = [100, 200, 300, 400, 200, 250]; // let seriesData = [100, 200, 300, 400, 200, 250];
let seriesData = data.map((el) => { let seriesData = data.map((el) => {
return el.CarbonEmission; return el.CarbonEmission;
@ -646,7 +702,58 @@ const powerInterface = () => {
}; };
getPower(params).then((res) => { getPower(params).then((res) => {
// 渲染用电量图表 // 渲染用电量图表
drawPowerEcharts(res.data.slice(-10)); // let data = [
// {
// "time": "01",
// "EH": 0.0
// },
// {
// "time": "02",
// "EH": 0.0
// },
// {
// "time": "03",
// "EH": 0.0
// },
// {
// "time": "04",
// "EH": 0.0
// },
// {
// "time": "05",
// "EH": 0.0
// },
// {
// "time": "06",
// "EH": 0.0
// },
// {
// "time": "07",
// "EH": 0.0
// },
// {
// "time": "08",
// "EH": 0.0
// },
// {
// "time": "09",
// "EH": 0.0
// },
// {
// "time": "10",
// "EH": 0.0
// },
// {
// "time": "11",
// "EH": 0.0
// },
// {
// "time": "12",
// "EH": 0.0
// },
// ]
drawPowerEcharts(res.data);
}); });
}; };
// 获取实时负荷 // 获取实时负荷
@ -679,6 +786,9 @@ const stationInterface = () => {
} else { } else {
item.value = el.value; item.value = el.value;
} }
if (el.name == '雨雪状态') {
item.value = item.value === 0 ? '正常' : '有雨雪';
}
} }
}); });
}); });
@ -711,13 +821,13 @@ const CarbonEmissionInterface = () => {
<span <span
class="year" class="year"
:class="powerDate === 'year' ? 'selectYear' : ''" :class="powerDate === 'year' ? 'selectYear' : ''"
@click="togglePower" @click="togglePower('year')"
>年</span >年</span
> >
<span <span
class="month" class="month"
:class="powerDate === 'month' ? 'selectMonth' : ''" :class="powerDate === 'month' ? 'selectMonth' : ''"
@click="togglePower" @click="togglePower('month')"
>月</span >月</span
> >
</p> </p>
@ -727,7 +837,7 @@ const CarbonEmissionInterface = () => {
<div class="title margin10"> <div class="title margin10">
<span>能耗日历</span> <span>能耗日历</span>
<p> <p>
<span>单位：kgce</span> <span>单位：tce</span>
</p> </p>
</div> </div>
<div class="margin10 box-bg"> <div class="margin10 box-bg">
@ -740,13 +850,13 @@ const CarbonEmissionInterface = () => {
<span <span
class="year" class="year"
:class="carbonEmissionDate === 'year' ? 'selectYear' : ''" :class="carbonEmissionDate === 'year' ? 'selectYear' : ''"
@click="toggleCarbonEmission" @click="toggleCarbonEmission('year')"
>年</span >年</span
> >
<span <span
class="month" class="month"
:class="carbonEmissionDate === 'month' ? 'selectMonth' : ''" :class="carbonEmissionDate === 'month' ? 'selectMonth' : ''"
@click="toggleCarbonEmission" @click="toggleCarbonEmission('month')"
>月</span >月</span
> >
</p> </p>
@ -766,9 +876,7 @@ const CarbonEmissionInterface = () => {
> >
<span class="name">{{ item.name }}</span> <span class="name">{{ item.name }}</span>
<p> <p>
<span class="value" style="font-family: D-DIN-Bold">{{ <span class="value" style="font-family: D-DIN-Bold">{{ item.value }}</span>
item.value
}}</span>
<span class="unit">{{ item.unit }}</span> <span class="unit">{{ item.unit }}</span>
</p> </p>
</li> </li>
@ -788,6 +896,7 @@ const CarbonEmissionInterface = () => {
<span <span
class="wea-value" class="wea-value"
style="font-family: D-DIN-Bold; font-size: 1.625rem" style="font-family: D-DIN-Bold; font-size: 1.625rem"
:style="item.name !== '雨雪'? 'font-size: 1.625rem' : 'font-size: 1.125rem'"
v-if="item.name !== '风向'" v-if="item.name !== '风向'"
>{{ item.value }}</span >{{ item.value }}</span
> >

1
src/views/screen/index.vue
View File

@ -66,7 +66,6 @@ function runningState() {
} }
// 动态获取class // 动态获取class
function getState(state) { function getState(state) {
console.log(state);
if (state == "1") { if (state == "1") {
return "state2"; return "state2";
} else if (state == "2" || state == "3") { } else if (state == "2" || state == "3") {