|
|
@@ -85,7 +85,7 @@
|
|
|
<div class="row row_1">
|
|
|
<!-- 左侧:综合用能概览 -->
|
|
|
<div class="panel panel_left_overview">
|
|
|
- <div class="panel_header" style="cursor: pointer" @click="handelRouterTo('/page-ems/centralizedMeterReading/manualcentralizedMeterReading')">
|
|
|
+ <div class="panel_header">
|
|
|
<img src="@/assets/home/icon.png" alt="" />
|
|
|
<span>综合用能概览</span>
|
|
|
</div>
|
|
|
@@ -160,8 +160,8 @@
|
|
|
|
|
|
<span
|
|
|
:class="['tab_item', active2 === '3' ? 'active' : '']"
|
|
|
- @click="switchAreaBar('3', 'active2', 'usageTrend')"
|
|
|
- >气</span
|
|
|
+ @click="switchAreaBar('4', 'active2', 'usageTrend')"
|
|
|
+ >煤</span
|
|
|
>
|
|
|
</div>
|
|
|
<v-chart
|
|
|
@@ -236,9 +236,9 @@
|
|
|
>
|
|
|
|
|
|
<span
|
|
|
- :class="['tab_item', active3 === '3' ? 'active' : '']"
|
|
|
- @click="switchAreaBar('3', 'active3', 'costTrend')"
|
|
|
- >气</span
|
|
|
+ :class="['tab_item', active3 === '4' ? 'active' : '']"
|
|
|
+ @click="switchAreaBar('4', 'active3', 'costTrend')"
|
|
|
+ >煤</span
|
|
|
>
|
|
|
</div>
|
|
|
<v-chart
|
|
|
@@ -276,9 +276,9 @@
|
|
|
>
|
|
|
|
|
|
<span
|
|
|
- :class="['tab_item', active === '3' ? 'active' : '']"
|
|
|
- @click="switchAreaBar('3', 'active', 'regionBarChart')"
|
|
|
- >气</span
|
|
|
+ :class="['tab_item', active === '4' ? 'active' : '']"
|
|
|
+ @click="switchAreaBar('4', 'active', 'regionBarChart')"
|
|
|
+ >煤</span
|
|
|
>
|
|
|
</div>
|
|
|
<v-chart
|
|
|
@@ -314,9 +314,9 @@
|
|
|
>
|
|
|
|
|
|
<span
|
|
|
- :class="['tab_item', active1 === '3' ? 'active' : '']"
|
|
|
- @click="switchAreaBar('3', 'active1', 'regionCostBarChart')"
|
|
|
- >气</span
|
|
|
+ :class="['tab_item', active1 === '4' ? 'active' : '']"
|
|
|
+ @click="switchAreaBar('4', 'active1', 'regionCostBarChart')"
|
|
|
+ >煤</span
|
|
|
>
|
|
|
</div>
|
|
|
<v-chart
|
|
|
@@ -458,9 +458,6 @@
|
|
|
clearInterval(this.timeTimer);
|
|
|
},
|
|
|
methods: {
|
|
|
- handelRouterTo(path) {
|
|
|
- window.history.pushState(null, '', path);
|
|
|
- },
|
|
|
updateTime() {
|
|
|
const now = new Date();
|
|
|
this.currentTime = now.toLocaleString('zh-CN', {
|
|
|
@@ -649,15 +646,15 @@
|
|
|
},
|
|
|
{
|
|
|
icon: require('@/assets/home/leftitem.png'),
|
|
|
- value: res.gasUsage,
|
|
|
+ value: res.coalUsage,
|
|
|
unit: 'm³',
|
|
|
- label: '用气量'
|
|
|
+ label: '用煤量'
|
|
|
},
|
|
|
{
|
|
|
icon: require('@/assets/home/leftitem.png'),
|
|
|
- value: res.gasCost,
|
|
|
+ value: res.coalCost,
|
|
|
unit: '元',
|
|
|
- label: '用气费用'
|
|
|
+ label: '用煤费用'
|
|
|
}
|
|
|
];
|
|
|
});
|
|
|
@@ -686,7 +683,7 @@
|
|
|
},
|
|
|
yAxis: {
|
|
|
type: 'value',
|
|
|
- max: 6000,
|
|
|
+ // max: 6000,
|
|
|
axisLine: { show: false },
|
|
|
axisLabel: { color: '#fff', fontSize: 10 },
|
|
|
splitLine: { lineStyle: { color: 'rgba(56, 255, 249, 0.2)' } }
|
|
|
@@ -941,7 +938,7 @@
|
|
|
},
|
|
|
yAxis: {
|
|
|
type: 'value',
|
|
|
- max: 6000,
|
|
|
+ // max: 6000,
|
|
|
axisLine: { show: false },
|
|
|
axisLabel: { color: '#fff', fontSize: 10 },
|
|
|
splitLine: { lineStyle: { color: 'rgba(56, 255, 249, 0.2)' } }
|
|
|
@@ -1172,7 +1169,7 @@
|
|
|
};
|
|
|
});
|
|
|
},
|
|
|
- //区域用能对比-环形图数据(电/水/气)
|
|
|
+ //区域用能对比-环形图数据(电/水/煤)
|
|
|
regionCompare() {
|
|
|
regionCompare({
|
|
|
regionId: this.regionId,
|
|
|
@@ -1194,7 +1191,7 @@
|
|
|
'#009e7d',
|
|
|
'#008b6b'
|
|
|
];
|
|
|
- const gasColors = [
|
|
|
+ const coalColors = [
|
|
|
'#ff9f43',
|
|
|
'#ff8c42',
|
|
|
'#ff7b38',
|
|
|
@@ -1272,7 +1269,7 @@
|
|
|
})
|
|
|
},
|
|
|
{
|
|
|
- name: '用气量',
|
|
|
+ name: '用煤量',
|
|
|
type: 'pie',
|
|
|
radius: ['25%', '45%'],
|
|
|
center: ['83%', '45%'],
|
|
|
@@ -1280,7 +1277,7 @@
|
|
|
label: {
|
|
|
show: true,
|
|
|
position: 'center',
|
|
|
- formatter: '用气量',
|
|
|
+ formatter: '用煤量',
|
|
|
color: '#fff',
|
|
|
fontSize: 14,
|
|
|
fontWeight: 'bold'
|
|
|
@@ -1291,12 +1288,12 @@
|
|
|
shadowBlur: 10,
|
|
|
shadowColor: 'rgba(255, 159, 67, 0.3)'
|
|
|
},
|
|
|
- data: res.gasCompare?.map((item, index) => {
|
|
|
+ data: res.coalCompare?.map((item, index) => {
|
|
|
return {
|
|
|
value: item.usageValue,
|
|
|
name: item.regionName,
|
|
|
itemStyle: {
|
|
|
- color: gasColors[index % gasColors.length]
|
|
|
+ color: coalColors[index % coalColors.length]
|
|
|
}
|
|
|
};
|
|
|
})
|
|
|
@@ -1313,7 +1310,7 @@
|
|
|
}).then((res) => {
|
|
|
this.todayList = [
|
|
|
{
|
|
|
- label: '今日用电量(kWh)',
|
|
|
+ label: '本月用电量(kWh)',
|
|
|
value: res.todayElectricityUsage,
|
|
|
chartOption: {}
|
|
|
},
|
|
|
@@ -1323,12 +1320,12 @@
|
|
|
chartOption: {}
|
|
|
},
|
|
|
{
|
|
|
- label: '今日用气量(m³)',
|
|
|
- value: res.todayGasUsage,
|
|
|
+ label: '今日用煤量(T)',
|
|
|
+ value: res.todaycoalUsage,
|
|
|
chartOption: {}
|
|
|
},
|
|
|
{
|
|
|
- label: '今日能源费用(元)',
|
|
|
+ label: '本月能源费用(元)',
|
|
|
value: res.todayTotalCost,
|
|
|
chartOption: {}
|
|
|
}
|
|
|
@@ -1357,7 +1354,7 @@
|
|
|
}
|
|
|
];
|
|
|
|
|
|
- ['electricityTrend', 'waterTrend', 'gasTrend', 'costTrend'].forEach(
|
|
|
+ ['electricityTrend', 'waterTrend', 'coalTrend', 'costTrend'].forEach(
|
|
|
(item, index) => {
|
|
|
const theme = colorThemes[index];
|
|
|
this.$set(this.todayList[index], 'chartOption', {
|
|
|
@@ -1588,7 +1585,7 @@
|
|
|
label: '用水预警(件)',
|
|
|
value: res.warningStat?.waterWarningCount
|
|
|
},
|
|
|
- { label: '用气预警(件)', value: res.warningStat?.gasWarningCount }
|
|
|
+ { label: '用煤预警(件)', value: res.warningStat?.coalWarningCount }
|
|
|
];
|
|
|
console.log(res, 'this.warningStats');
|
|
|
let dataArr = [];
|