|
|
@@ -43,7 +43,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -69,13 +69,13 @@
|
|
|
</div>
|
|
|
<!-- 室内 -->
|
|
|
<div class="rightList1" v-if="showBox === 'indoor'" >
|
|
|
- <div class="left-list" >
|
|
|
+ <div class="left-list" >
|
|
|
<div class="left-info">
|
|
|
- <div class="airStation"> <img src="@/assets/images/service_new/airStation.png"></div>
|
|
|
+ <div class="airStation"> <img src="@/assets/images/service_new/airStation.png"></div>
|
|
|
<div >
|
|
|
- <div class="temelper">{{airOverviewList[0].name}}</div>
|
|
|
+ <div class="temelper">{{airOverviewList[0].name}}</div>
|
|
|
<div class="num">{{airOverviewList[0].valueIn}}<span class="unit">°C</span></div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="left-list">
|
|
|
@@ -126,59 +126,59 @@
|
|
|
|
|
|
<!-- 室外 -->
|
|
|
<div class="rightList1" v-else-if="showBox === 'outdoor'">
|
|
|
- <div class="left-list">
|
|
|
+ <div class="left-list">
|
|
|
<div class="left-info">
|
|
|
-
|
|
|
+
|
|
|
<div class="airStation"> <img src="@/assets/images/service_new/airStation.png"></div>
|
|
|
-
|
|
|
+
|
|
|
<div >
|
|
|
- <div class="temelper">{{airOverviewList[0].name}}</div>
|
|
|
+ <div class="temelper">{{airOverviewList[0].name}}</div>
|
|
|
<div class="num">{{airOverviewList[0].valueOut}}<span class="unit">°C</span></div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="left-list">
|
|
|
+ <div class="left-list">
|
|
|
<div class="left-info">
|
|
|
<div class="airStation">
|
|
|
<div> <img src="@/assets/images/service_new/airStation.png"></div>
|
|
|
</div>
|
|
|
<div >
|
|
|
- <div class="temelper">{{airOverviewList[1].name}}</div>
|
|
|
+ <div class="temelper">{{airOverviewList[1].name}}</div>
|
|
|
<div class="num">{{airOverviewList[1].valueOut}}<span class="unit">%RH</span></div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="left-list">
|
|
|
+ <div class="left-list">
|
|
|
<div class="left-info">
|
|
|
<div class="airStation">
|
|
|
<div> <img src="@/assets/images/service_new/airStation.png"></div>
|
|
|
</div>
|
|
|
<div >
|
|
|
- <div class="temelper">{{airOverviewList[2].name}}</div>
|
|
|
+ <div class="temelper">{{airOverviewList[2].name}}</div>
|
|
|
<div class="num">{{airOverviewList[2].valueOut}}<span class="unit">PPM</span></div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="left-list">
|
|
|
+ <div class="left-list">
|
|
|
<div class="left-info">
|
|
|
<div class="airStation">
|
|
|
<div> <img src="@/assets/images/service_new/airStation.png"></div>
|
|
|
</div>
|
|
|
<div >
|
|
|
- <div class="temelper">{{airOverviewList[3].name}}</div>
|
|
|
+ <div class="temelper">{{airOverviewList[3].name}}</div>
|
|
|
<div class="num">{{airOverviewList[3].valueOut}}<span class="unit">ug/m³</span></div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="left-list">
|
|
|
+ <div class="left-list">
|
|
|
<div class="left-info">
|
|
|
<div class="airStation">
|
|
|
<div> <img src="@/assets/images/service_new/airStation.png"></div>
|
|
|
</div>
|
|
|
<div >
|
|
|
- <div class="temelper">{{airOverviewList[4].name}}</div>
|
|
|
+ <div class="temelper">{{airOverviewList[4].name}}</div>
|
|
|
<div class="num">{{airOverviewList[4].valueOut}}<span class="unit">ug/m³</span></div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -210,7 +210,7 @@
|
|
|
<div style="margin-left: 8px;">实际进度</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="charts-cont">
|
|
|
+ <div class="charts-cont">
|
|
|
<car-chart
|
|
|
:chart-data="pedestrianFlowBarData"
|
|
|
:x-axis="pedestrianFlowBarAxis"
|
|
|
@@ -220,7 +220,7 @@
|
|
|
width="515px"
|
|
|
height="70px"
|
|
|
/>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
<car-chart
|
|
|
:chart-data="waterFlowBarData"
|
|
|
:x-axis="waterFlowBarAxis"
|
|
|
@@ -238,7 +238,7 @@
|
|
|
l-color="#FFF"
|
|
|
width="515px"
|
|
|
height="70px"
|
|
|
- />
|
|
|
+ />
|
|
|
<car-chart
|
|
|
:chart-data="perCapitaFlowBarData"
|
|
|
:x-axis="perCapitaFlowBarAxis"
|
|
|
@@ -256,7 +256,7 @@
|
|
|
l-color="#FFF"
|
|
|
width="515px"
|
|
|
height="70px"
|
|
|
- />
|
|
|
+ />
|
|
|
<car-chart
|
|
|
:chart-data="exhaustFlowBarData"
|
|
|
:x-axis="exhaustFlowBarAxis"
|
|
|
@@ -265,19 +265,19 @@
|
|
|
l-color="#FFF"
|
|
|
width="515px"
|
|
|
height="70px"
|
|
|
- />
|
|
|
-
|
|
|
-
|
|
|
+ />
|
|
|
+
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
-
|
|
|
+
|
|
|
<div class="dialog-list">
|
|
|
<div class="dialog-item wid100">
|
|
|
<div class="content-title">
|
|
|
<span class="title">办公用电分项 (本月)</span>
|
|
|
</div>
|
|
|
- <div class="charts-cont">
|
|
|
+ <div class="charts-cont">
|
|
|
<bar-chart
|
|
|
:chart-data="electricityAreaBarData"
|
|
|
:x-axis="electricityAreaBarAxis"
|
|
|
@@ -287,10 +287,10 @@
|
|
|
width="565px"
|
|
|
height="300px"
|
|
|
/>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
|
|
|
<div class="dialog-list">
|
|
|
<div class="dialog-item wid100">
|
|
|
@@ -314,8 +314,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
<!-- <div id="wqo" style="width: 600px;height:400px;"></div> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -326,69 +326,69 @@
|
|
|
<span class="title">能耗设备</span>
|
|
|
</div>
|
|
|
<div class="rightList1">
|
|
|
- <div class="left-list">
|
|
|
+ <div class="left-list">
|
|
|
<div class="left-info">
|
|
|
<div class="airStation"> <img src="@/assets/images/service_new/airStation.png"></div>
|
|
|
<div >
|
|
|
- <div class="temelper">空气质量监测仪</div>
|
|
|
+ <div class="temelper">空气质量监测仪</div>
|
|
|
<div class="num">46<span class="unit">台</span></div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="left-list">
|
|
|
+ <div class="left-list">
|
|
|
<div class="left-info">
|
|
|
<div class="airStation">
|
|
|
<div> <img src="@/assets/images/service_new/airStation.png"></div>
|
|
|
</div>
|
|
|
<div >
|
|
|
- <div class="temelper">智能电表</div>
|
|
|
+ <div class="temelper">智能电表</div>
|
|
|
<div class="num">78<span class="unit">台</span></div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="left-list">
|
|
|
+ <div class="left-list">
|
|
|
<div class="left-info">
|
|
|
<div class="airStation">
|
|
|
<div> <img src="@/assets/images/service_new/airStation.png"></div>
|
|
|
</div>
|
|
|
<div >
|
|
|
- <div class="temelper">液位传感器</div>
|
|
|
+ <div class="temelper">液位传感器</div>
|
|
|
<div class="num">71<span class="unit">台</span></div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="rightList1">
|
|
|
- <div class="left-list">
|
|
|
+ <div class="left-list">
|
|
|
<div class="left-info">
|
|
|
<div class="airStation"> <img src="@/assets/images/service_new/airStation.png"></div>
|
|
|
<div >
|
|
|
- <div class="temelper">电梯能量回收设备</div>
|
|
|
+ <div class="temelper">电梯能量回收设备</div>
|
|
|
<div class="num">83<span class="unit">台</span></div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="left-list">
|
|
|
+ <div class="left-list">
|
|
|
<div class="left-info">
|
|
|
<div class="airStation">
|
|
|
<div> <img src="@/assets/images/service_new/airStation.png"></div>
|
|
|
</div>
|
|
|
<div >
|
|
|
- <div class="temelper">水泵监测仪</div>
|
|
|
+ <div class="temelper">水泵监测仪</div>
|
|
|
<div class="num">74<span class="unit">台</span></div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="left-list">
|
|
|
+ <div class="left-list">
|
|
|
<div class="left-info podTan">
|
|
|
<div class="airStation">
|
|
|
<div> <img src="@/assets/images/service_new/airStation.png"></div>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <div class="temelper">智能水表</div>
|
|
|
+ <div class="temelper">智能水表</div>
|
|
|
<div class="num">12<span class="unit">台</span></div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -432,7 +432,7 @@
|
|
|
<div class="desc">年度累计综合能耗</div>
|
|
|
<div class="num-info">
|
|
|
<div class="num">{{comprehensiveList.yearTotal}}</div>
|
|
|
- <div class="unit">万吨</div>
|
|
|
+ <div class="unit">吨</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -442,7 +442,7 @@
|
|
|
<div class="num-info">
|
|
|
<div class="unit">同比减少</div>
|
|
|
<div class="num">{{comprehensiveList.yearGrowth}}</div>
|
|
|
- <div class="unit">万吨</div>
|
|
|
+ <div class="unit">吨</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -460,7 +460,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
<div class="dialog-list1">
|
|
|
<div class="dialog-item wid100">
|
|
|
<div class="content-title">
|
|
|
@@ -477,7 +477,7 @@
|
|
|
<div class="desc">年度累计电耗</div>
|
|
|
<div class="num-info">
|
|
|
<div class="num">{{electricityList.yearTotal}}</div>
|
|
|
- <div class="unit">万吨</div>
|
|
|
+ <div class="unit">KW·h</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -487,7 +487,7 @@
|
|
|
<div class="num-info">
|
|
|
<div class="unit">同比减少</div>
|
|
|
<div class="num">{{electricityList.yearGrowth}}</div>
|
|
|
- <div class="unit">万吨</div>
|
|
|
+ <div class="unit">KW·h</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -495,7 +495,7 @@
|
|
|
<line-chart
|
|
|
:chart-data="electricityData"
|
|
|
:x-axis="lineAxis"
|
|
|
- :yAxis="lineYAxis"
|
|
|
+ :yAxis="lineKWAxis"
|
|
|
:legend="lineLegend"
|
|
|
y-color="#FFF"
|
|
|
l-color="#FFF"
|
|
|
@@ -505,7 +505,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
|
|
|
<div class="dialog-list1">
|
|
|
<div class="dialog-item wid100">
|
|
|
@@ -523,7 +523,7 @@
|
|
|
<div class="desc">年度累计水耗</div>
|
|
|
<div class="num-info">
|
|
|
<div class="num">{{waterList.yearTotal}}</div>
|
|
|
- <div class="unit">万吨</div>
|
|
|
+ <div class="unit">吨</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -533,7 +533,7 @@
|
|
|
<div class="num-info">
|
|
|
<div class="unit">同比减少</div>
|
|
|
<div class="num">{{waterList.yearGrowth}}</div>
|
|
|
- <div class="unit">万吨</div>
|
|
|
+ <div class="unit">吨</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -552,11 +552,11 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
</div>
|
|
|
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -669,11 +669,31 @@ export default {
|
|
|
},
|
|
|
boundaryGap: false,
|
|
|
},
|
|
|
+ lineKWAxis: {
|
|
|
+ name: "单位： KW·h",
|
|
|
+ nameTextStyle: {
|
|
|
+ color: "#fff",
|
|
|
+ padding: [0, 0, 0, 30]
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ color: "#FFF",
|
|
|
+ },
|
|
|
+ splitLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ axisLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ axisTick: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ splitArea: false
|
|
|
+ },
|
|
|
lineYAxis: {
|
|
|
name: "单位： 吨",
|
|
|
nameTextStyle: {
|
|
|
color: "#fff",
|
|
|
- padding: [0, 0, 0, 30],
|
|
|
+ padding: [0, 0, 0, 30]
|
|
|
},
|
|
|
axisLabel: {
|
|
|
color: "#FFF",
|
|
|
@@ -687,9 +707,9 @@ export default {
|
|
|
axisTick: {
|
|
|
show: false,
|
|
|
},
|
|
|
- splitArea: false,
|
|
|
+ splitArea: false
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
//告警事件的历史统计
|
|
|
giveLineData: [],
|
|
|
//配电室重要抽屉负荷情况
|
|
|
@@ -702,7 +722,7 @@ export default {
|
|
|
},
|
|
|
|
|
|
useElectricityBarData: [],
|
|
|
-
|
|
|
+
|
|
|
useElectricityBarYaxis: {
|
|
|
type: "value",
|
|
|
boundaryGap: [0, 0.01],
|
|
|
@@ -829,19 +849,19 @@ export default {
|
|
|
destroyed() {},
|
|
|
beforeDestroy() {},
|
|
|
mounted() {
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
methods: {
|
|
|
//近一月楼宇能耗信息
|
|
|
powerAndWaterMonth() {
|
|
|
powerAndWaterMonth(this.$props.appOrg).then((res) => {
|
|
|
if (Number(res.code) === 200) {
|
|
|
- this.energyList=res.data;
|
|
|
+ this.energyList=res.data;
|
|
|
this.flag++
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
//空气概况
|
|
|
airOverview() {
|
|
|
airOverview(this.$props.appOrg).then((res) => {
|
|
|
@@ -851,7 +871,7 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
//单位建筑面积电耗
|
|
|
getTarget() {
|
|
|
getTarget(this.$props.appOrg).then((res) => {
|
|
|
@@ -861,7 +881,7 @@ export default {
|
|
|
name: '',
|
|
|
type: "bar",
|
|
|
stack: "a",
|
|
|
-
|
|
|
+
|
|
|
itemStyle: {
|
|
|
color: '#2C5466',
|
|
|
borderColor: '#2D82B6', // 边框颜色
|
|
|
@@ -878,7 +898,7 @@ export default {
|
|
|
itemStyle: {
|
|
|
color: '#754F38',
|
|
|
borderColor: '#A54110', // 边框颜色
|
|
|
-
|
|
|
+
|
|
|
borderWidth: 2,
|
|
|
borderType: 'solid',
|
|
|
},
|
|
|
@@ -959,25 +979,25 @@ export default {
|
|
|
show: false
|
|
|
}
|
|
|
},
|
|
|
- ]
|
|
|
-
|
|
|
+ ]
|
|
|
+
|
|
|
this.pedestrianFlowBarAxis = {
|
|
|
max: res.data[0].total,// 设置最大值是多少
|
|
|
splitNumber: 3,// 设置分几段显示
|
|
|
type: 'value',
|
|
|
show: false,
|
|
|
-
|
|
|
+
|
|
|
minorSplitLine: {
|
|
|
show: false
|
|
|
}
|
|
|
};
|
|
|
- //单位建筑面积水耗
|
|
|
+ //单位建筑面积水耗
|
|
|
this.waterFlowBarData = [
|
|
|
{
|
|
|
name: '',
|
|
|
type: "bar",
|
|
|
stack: "a",
|
|
|
-
|
|
|
+
|
|
|
itemStyle: {
|
|
|
color: '#2C5466',
|
|
|
borderColor: '#2D82B6', // 边框颜色
|
|
|
@@ -994,7 +1014,7 @@ export default {
|
|
|
itemStyle: {
|
|
|
color: '#754F38',
|
|
|
borderColor: '#A54110', // 边框颜色
|
|
|
-
|
|
|
+
|
|
|
borderWidth: 2,
|
|
|
borderType: 'solid',
|
|
|
},
|
|
|
@@ -1075,13 +1095,13 @@ export default {
|
|
|
show: false
|
|
|
}
|
|
|
},
|
|
|
- ]
|
|
|
+ ]
|
|
|
this.waterFlowBarAxis = {
|
|
|
max: res.data[1].total,// 设置最大值是多少
|
|
|
splitNumber: 3,// 设置分几段显示
|
|
|
type: 'value',
|
|
|
show: false,
|
|
|
-
|
|
|
+
|
|
|
minorSplitLine: {
|
|
|
show: false
|
|
|
}
|
|
|
@@ -1092,7 +1112,7 @@ export default {
|
|
|
name: '',
|
|
|
type: "bar",
|
|
|
stack: "a",
|
|
|
-
|
|
|
+
|
|
|
itemStyle: {
|
|
|
color: '#2C5466',
|
|
|
borderColor: '#2D82B6', // 边框颜色
|
|
|
@@ -1109,7 +1129,7 @@ export default {
|
|
|
itemStyle: {
|
|
|
color: '#754F38',
|
|
|
borderColor: '#A54110', // 边框颜色
|
|
|
-
|
|
|
+
|
|
|
borderWidth: 2,
|
|
|
borderType: 'solid',
|
|
|
},
|
|
|
@@ -1190,13 +1210,13 @@ export default {
|
|
|
show: false
|
|
|
}
|
|
|
},
|
|
|
- ]
|
|
|
+ ]
|
|
|
this.comprehensiveFlowBarAxis = {
|
|
|
max: res.data[2].total,// 设置最大值是多少
|
|
|
splitNumber: 3,// 设置分几段显示
|
|
|
type: 'value',
|
|
|
show: false,
|
|
|
-
|
|
|
+
|
|
|
minorSplitLine: {
|
|
|
show: false
|
|
|
}
|
|
|
@@ -1207,7 +1227,7 @@ export default {
|
|
|
name: '',
|
|
|
type: "bar",
|
|
|
stack: "a",
|
|
|
-
|
|
|
+
|
|
|
itemStyle: {
|
|
|
color: '#2C5466',
|
|
|
borderColor: '#2D82B6', // 边框颜色
|
|
|
@@ -1224,7 +1244,7 @@ export default {
|
|
|
itemStyle: {
|
|
|
color: '#754F38',
|
|
|
borderColor: '#A54110', // 边框颜色
|
|
|
-
|
|
|
+
|
|
|
borderWidth: 2,
|
|
|
borderType: 'solid',
|
|
|
},
|
|
|
@@ -1305,13 +1325,13 @@ export default {
|
|
|
show: false
|
|
|
}
|
|
|
},
|
|
|
- ]
|
|
|
+ ]
|
|
|
this.perCapitaFlowBarAxis = {
|
|
|
max: res.data[4].total,// 设置最大值是多少
|
|
|
splitNumber: 3,// 设置分几段显示
|
|
|
type: 'value',
|
|
|
show: false,
|
|
|
-
|
|
|
+
|
|
|
minorSplitLine: {
|
|
|
show: false
|
|
|
}
|
|
|
@@ -1322,7 +1342,7 @@ export default {
|
|
|
name: '',
|
|
|
type: "bar",
|
|
|
stack: "a",
|
|
|
-
|
|
|
+
|
|
|
itemStyle: {
|
|
|
color: '#2C5466',
|
|
|
borderColor: '#2D82B6', // 边框颜色
|
|
|
@@ -1339,7 +1359,7 @@ export default {
|
|
|
itemStyle: {
|
|
|
color: '#754F38',
|
|
|
borderColor: '#A54110', // 边框颜色
|
|
|
-
|
|
|
+
|
|
|
borderWidth: 2,
|
|
|
borderType: 'solid',
|
|
|
},
|
|
|
@@ -1420,13 +1440,13 @@ export default {
|
|
|
show: false
|
|
|
}
|
|
|
},
|
|
|
- ]
|
|
|
+ ]
|
|
|
this.powerFlowBarAxis = {
|
|
|
max: res.data[3].total,// 设置最大值是多少
|
|
|
splitNumber: 3,// 设置分几段显示
|
|
|
type: 'value',
|
|
|
show: false,
|
|
|
-
|
|
|
+
|
|
|
minorSplitLine: {
|
|
|
show: false
|
|
|
}
|
|
|
@@ -1437,7 +1457,7 @@ export default {
|
|
|
name: '',
|
|
|
type: "bar",
|
|
|
stack: "a",
|
|
|
-
|
|
|
+
|
|
|
itemStyle: {
|
|
|
color: '#2C5466',
|
|
|
borderColor: '#2D82B6', // 边框颜色
|
|
|
@@ -1454,7 +1474,7 @@ export default {
|
|
|
itemStyle: {
|
|
|
color: '#754F38',
|
|
|
borderColor: '#A54110', // 边框颜色
|
|
|
-
|
|
|
+
|
|
|
borderWidth: 2,
|
|
|
borderType: 'solid',
|
|
|
},
|
|
|
@@ -1535,13 +1555,13 @@ export default {
|
|
|
show: false
|
|
|
}
|
|
|
},
|
|
|
- ]
|
|
|
+ ]
|
|
|
this.exhaustFlowBarAxis = {
|
|
|
max: res.data[5].total,// 设置最大值是多少
|
|
|
splitNumber: 3,// 设置分几段显示
|
|
|
type: 'value',
|
|
|
show: false,
|
|
|
-
|
|
|
+
|
|
|
minorSplitLine: {
|
|
|
show: false
|
|
|
}
|
|
|
@@ -1553,27 +1573,27 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
|
|
|
-
|
|
|
+
|
|
|
//办公用电分项
|
|
|
useElectricity() {
|
|
|
useElectricity(this.$props.appOrg).then((res) => {
|
|
|
if (Number(res.code) === 200) {
|
|
|
-
|
|
|
+
|
|
|
this.electricityAreaBarData = [
|
|
|
{
|
|
|
data: [{
|
|
|
value: res.data[0].itemValue,
|
|
|
-
|
|
|
+
|
|
|
},{
|
|
|
value: res.data[1].itemValue,
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
{
|
|
|
value: res.data[2].itemValue,
|
|
|
-
|
|
|
+
|
|
|
},{
|
|
|
value: res.data[3].itemValue,
|
|
|
-
|
|
|
+
|
|
|
}],
|
|
|
type: "bar",
|
|
|
barWidth: 30,
|
|
|
@@ -1610,7 +1630,7 @@ export default {
|
|
|
greenElectricity() {
|
|
|
greenElectricity(this.$props.appOrg).then((res) => {
|
|
|
if (Number(res.code) === 200) {
|
|
|
- this.greenIntionList=res.data;
|
|
|
+ this.greenIntionList=res.data;
|
|
|
this.flag++
|
|
|
}
|
|
|
});
|
|
|
@@ -1628,7 +1648,7 @@ export default {
|
|
|
{
|
|
|
name: res.data[0].year,
|
|
|
type: "line",
|
|
|
-
|
|
|
+
|
|
|
areaStyle: {
|
|
|
opacity: 0.8,
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
@@ -1652,8 +1672,8 @@ export default {
|
|
|
},{
|
|
|
name: res.data[1].year,
|
|
|
type: "line",
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
areaStyle: {
|
|
|
opacity: 0.8,
|
|
|
color: new echarts.graphic.LinearGradient(0, 5, 15, 20, [
|
|
|
@@ -1661,7 +1681,7 @@ export default {
|
|
|
offset: 0.95,
|
|
|
color: "#645727",
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
{
|
|
|
offset: 0.98,
|
|
|
color: "#17231E",
|
|
|
@@ -1679,9 +1699,9 @@ export default {
|
|
|
])
|
|
|
this.flag++
|
|
|
}
|
|
|
- });
|
|
|
+ });
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
//年度累计综合能耗
|
|
|
energyYear() {
|
|
|
energyYear(this.$props.appOrg).then((res) => {
|
|
|
@@ -1691,7 +1711,7 @@ energyYear() {
|
|
|
{
|
|
|
name: "今年",
|
|
|
type: "line",
|
|
|
-
|
|
|
+
|
|
|
areaStyle: {
|
|
|
opacity: 0.8,
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
@@ -1715,8 +1735,8 @@ energyYear() {
|
|
|
},{
|
|
|
name: "去年",
|
|
|
type: "line",
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
areaStyle: {
|
|
|
opacity: 0.8,
|
|
|
color: new echarts.graphic.LinearGradient(0, 5, 15, 20, [
|
|
|
@@ -1724,7 +1744,7 @@ energyYear() {
|
|
|
offset: 0.95,
|
|
|
color: "#645727",
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
{
|
|
|
offset: 0.98,
|
|
|
color: "#17231E",
|
|
|
@@ -1742,7 +1762,7 @@ energyYear() {
|
|
|
])
|
|
|
this.flag++
|
|
|
}
|
|
|
- });
|
|
|
+ });
|
|
|
},
|
|
|
|
|
|
//年度累计电耗
|
|
|
@@ -1778,7 +1798,7 @@ powerYear() {
|
|
|
},{
|
|
|
name: "去年",
|
|
|
type: "line",
|
|
|
-
|
|
|
+
|
|
|
// symbol: "none",
|
|
|
areaStyle: {
|
|
|
opacity: 0.8,
|
|
|
@@ -1787,7 +1807,7 @@ powerYear() {
|
|
|
offset: 0.95,
|
|
|
color: "#645727",
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
{
|
|
|
offset: 0.98,
|
|
|
color: "#17231E",
|
|
|
@@ -1805,9 +1825,9 @@ powerYear() {
|
|
|
])
|
|
|
this.flag++
|
|
|
}
|
|
|
- });
|
|
|
+ });
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
|
|
|
//年度累计水耗
|
|
|
waterYear() {
|
|
|
@@ -1842,7 +1862,7 @@ waterYear() {
|
|
|
},{
|
|
|
name: "去年",
|
|
|
type: "line",
|
|
|
-
|
|
|
+
|
|
|
// symbol: "none",
|
|
|
areaStyle: {
|
|
|
opacity: 0.8,
|
|
|
@@ -1851,7 +1871,7 @@ waterYear() {
|
|
|
offset: 0.95,
|
|
|
color: "#645727",
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
{
|
|
|
offset: 0.98,
|
|
|
color: "#17231E",
|
|
|
@@ -1869,9 +1889,9 @@ waterYear() {
|
|
|
])
|
|
|
this.flag++
|
|
|
}
|
|
|
- });
|
|
|
+ });
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
// //资源信息
|
|
|
// resourceInfo() {
|
|
|
// resourceInfo(this.$props.appOrg).then((res) => {
|
|
|
@@ -1985,7 +2005,7 @@ waterYear() {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.dialog-list1 {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
@@ -2081,7 +2101,7 @@ waterYear() {
|
|
|
font-family: 'fashionZh';
|
|
|
padding-top:4px;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
.podTan{
|
|
|
margin-right: 17px;
|
|
|
@@ -2129,7 +2149,7 @@ waterYear() {
|
|
|
font-family: 'fashionZh';
|
|
|
padding-top:4px;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
.right-Top{
|
|
|
@@ -2175,7 +2195,7 @@ waterYear() {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
.content {
|
|
|
margin-top: 20px;
|
|
|
@@ -2409,8 +2429,8 @@ waterYear() {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
}
|
|
|
//年度累计综合能耗
|
|
|
.total-cot1{
|
|
|
@@ -2499,8 +2519,8 @@ waterYear() {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
}
|
|
|
|
|
|
|
|
|
@@ -2651,7 +2671,7 @@ waterYear() {
|
|
|
background: url("../../../assets/images/building_guarantee/zhibiao.png")
|
|
|
no-repeat;
|
|
|
background-size: 100% 100%;
|
|
|
- margin: 10px 10px 10px 10px;
|
|
|
+ margin: 10px 10px 10px 10px;
|
|
|
}
|
|
|
.energyBox{
|
|
|
display: flex;
|
|
|
@@ -2707,7 +2727,7 @@ waterYear() {
|
|
|
height: 100px;
|
|
|
background: url("../../../assets/images/building_guarantee/greenElectricity.png")
|
|
|
no-repeat;
|
|
|
- margin: 20px 20px 10px 20px;
|
|
|
+ margin: 20px 20px 10px 20px;
|
|
|
}
|
|
|
.leftNav{
|
|
|
display: flex;
|
