chengdandan
/
yanchengPowerSupply
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

增加分布式光伏接口及大屏页面调整优化

This commit is contained in:
mazhehui 2023-07-24 15:27:18 +08:00
parent 7187beb3f6
commit dfb56f17d8
5 changed files with 101 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/views/digitalFloodDrainageDroughtRelief.vue
View File

@ -18,9 +18,17 @@
<div class="two" style="height: 49%">
<div class="cartitle">
<div class="titleFont">
<img src="./../assets/indexN/btjt.png" alt="" />
<img
src="./../assets/indexN/btjt.png"
alt=""
style="margin-left: 10%"
/>
<span>排涝泵用电时长分析</span>
<img src="./../assets/indexN/btjt1.png" alt="" />
<span
style="display: inline-block; float: right; padding-right: 25px"
>···</span
>
</div>
</div>
<div class="content">
@ -34,9 +42,17 @@
<div class="two" style="height: 49%">
<div class="cartitle">
<div class="titleFont">
<img src="./../assets/indexN/btjt.png" alt="" />
<img
src="./../assets/indexN/btjt.png"
alt=""
style="margin-left: 10%"
/>
<span>建湖公司近两年汛情指数分析</span>
<img src="./../assets/indexN/btjt1.png" alt="" />
<span
style="display: inline-block; float: right; padding-right: 25px"
>···</span
>
</div>
</div>
<div class="content">
@ -48,9 +64,17 @@
<div class="two" style="height: 49%">
<div class="cartitle">
<div class="titleFont">
<img src="./../assets/indexN/btjt.png" alt="" />
<img
src="./../assets/indexN/btjt.png"
alt=""
style="margin-left: 10%"
/>
<span>用户电量详细分析</span>
<img src="./../assets/indexN/btjt1.png" alt="" />
<span
style="display: inline-block; float: right; padding-right: 25px"
>···</span
>
</div>
</div>
<div class="content">
@ -210,7 +234,6 @@
</div>
</div>
</div>
<audio
controls="controls"
hidden

34
src/views/index.vue
View File

@ -387,7 +387,7 @@
<span>服务访问次数</span>
</div>
<span class="orange"
>&nbsp;0&nbsp;<span style="color: #fff">次</span></span
>0<span style="color: #fff">次</span></span
>
</div>
<div class="num" style="margin-top: 5%">
@ -501,7 +501,12 @@
>2022年度总碳排放量</span
>
<span
style="font-size: 40px; font-weight: 600; margin-left: 30px"
style="
font-size: 40px;
font-weight: 600;
margin-left: 30px;
height: 80px;
"
class="numText"
:text="CompanyInfo.ztpf"
id="yellow"
@ -518,7 +523,12 @@
>2022年度总用电量</span
>
<span
style="font-size: 40px; font-weight: 600; margin-left: 30px"
style="
font-size: 40px;
font-weight: 600;
margin-left: 30px;
height: 80px;
"
class="numText"
id="orange"
:text="CompanyInfo.zydl"
@ -535,7 +545,12 @@
>2022年度客户总数</span
>
<span
style="font-size: 40px; font-weight: 600; margin-left: 30px"
style="
font-size: 40px;
font-weight: 600;
margin-left: 30px;
height: 80px;
"
class="numText"
id="yellow"
:text="CompanyInfo.khzs"
@ -1691,6 +1706,7 @@ export default {
boundaryGap: false,
axisLabel: {
color: fontColor,
fontSize: 18, // 文字大小
},
axisLine: {
show: true,
@ -1742,6 +1758,7 @@ export default {
formatter: "{value}",
textStyle: {
color: "#2ad1d2",
fontSize: 18, // 文字大小
},
},
axisLine: {
@ -1790,6 +1807,7 @@ export default {
boundaryGap: false,
axisLabel: {
color: fontColor,
fontSize: 18,
},
axisLine: {
show: true,
@ -1840,12 +1858,13 @@ export default {
axisLabel: {
formatter: "{value}",
textStyle: {
color: "#2ad1d2",
color: fontColor,
fontSize: 18,
},
},
axisLine: {
lineStyle: {
color: "#27b4c2",
color: fontColor,
},
},
axisTick: {
@ -1997,6 +2016,7 @@ export default {
type: "bar",
stack: "zongliang",
barWidth: "25%",
barMinHeight: 20,
barGap: 15, // 柱图之间的间距
itemStyle: {
//自定义颜色
@ -3450,7 +3470,7 @@ export default {
// width: 100%;
// height: calc(100% - 52px);
width: 100%;
height: calc(100% - 200px);
height: calc(100% - 170px);
}
#horizontalChart {

18
src/views/ruralDomesticSewageTreatment.vue
View File

@ -410,7 +410,7 @@ export default {
this.detailedTwo11();
this.detailedTwo22();
this.detailedTwo33();
window.parent.getLoc();
window.parent.getLoc();
},
methods: {
//地图画线
@ -453,6 +453,13 @@ export default {
},
data: ["电量KWh"],
},
grid: {
left: "3%",
right: "5%",
bottom: "3%",
top: "15%",
containLabel: true,
},
xAxis: [
{
type: "category",
@ -469,7 +476,7 @@ export default {
},
axisLabel: {
color: "#fff",
fontSize: "18",
fontSize: 20,
interval: 0, //使x轴文字显示全
},
},
@ -486,6 +493,10 @@ export default {
width: 1,
},
},
axisLabel: {
color: "#fff",
fontSize: 20,
},
},
],
series: [
@ -1256,12 +1267,11 @@ export default {
height: 25%;
position: relative;
top: 45%;
left: 40%;
left: 43%;
.contents {
// height: 90%;
position: absolute;
padding: 10px;
height: 100%;
width: 32%;
display: flex;
flex-direction: row;

31
src/views/stationBuilding.vue
View File

@ -218,6 +218,7 @@
<script>
//引入echarts
import * as echarts from "echarts";
import { loadRateTop5 } from "./../api/stationBuilding.js";
// 工单统计弹窗组件
// import workOrder from "../component/workOrder.vue";
// import ringMainUnit from "./HomePop/ringMainUnit.vue";
@ -478,6 +479,7 @@ export default {
},
created() {},
mounted() {
this.init();
this.detailedTwo11();
this.detailedTwo22();
this.detailqe1();
@ -486,6 +488,35 @@ export default {
window.parent.getLoc();
},
methods: {
init() {
loadRateTop5({
area: "大丰区供电公司",
date: "2023-7-24",
})
.then((res) => {
console.log(res, "配变");
for (let i = 0; i < res.data.data.length; i++) {
if (res.data.data[i].gz_time_deal) {
let date = new Date(res.data.data[i].gz_time_deal);
res.data.data[i].gz_time_deal =
this.$moment(date).format("YYYY-MM-DD HH:mm");
// console.log(res.data.data[i].gz_time_deal,'转换后');
}
if (res.data.data[i].gz_time) {
let time = new Date(res.data.data[i].gz_time);
res.data.data[i].gz_time =
this.$moment(time).format("YYYY-MM-DD HH:mm");
}
this.tableData.push(res.data.data[i]);
}
})
.catch((error) => {
let id = this.$route.query.area;
let date = this.$route.query.area;
console.log(id, date);
console.log(error, "报错详情");
});
},
//地图画线
xianDuan() {
var canvas = document.getElementById("myCanvas");

4
src/views/thirtyFiveKV.vue
View File

@ -720,7 +720,7 @@ export default {
top: "middle",
textStyle: {
color: "white",
fontSize: 16,
fontSize: 18,
},
height: 250,
//格式化图例文本
@ -759,7 +759,7 @@ export default {
normal: {
show: true,
textStyle: {
fontSize: 18,
fontSize: 20,
},
},
emphasis: {