|
@@ -33,7 +33,7 @@
|
|
|
<i class="innerIcon"></i> 室内平均温度
|
|
|
<i class="innerMax"></i> 室内最高温度
|
|
|
</div>
|
|
|
- <div id="leftLine" style="width:100%;height:350px;margin-right:;24px;"></div>
|
|
|
+ <div id="leftLine" style="width:100%;height:350px;margin-right:;24px;"></div>
|
|
|
</div>
|
|
|
<div class="rightL">
|
|
|
<div class="rightLengend">
|
|
@@ -51,7 +51,12 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <bom-box v-if="Object.keys(chillerCommandQ).length>0" :class="['draw', {'open': showDraw}]" :data="chillerCommandQ" @close="showDraw = false"></bom-box>
|
|
|
+ <bom-box
|
|
|
+ v-if="Object.keys(chillerCommandQ).length>0"
|
|
|
+ :class="['draw', {'open': showDraw}]"
|
|
|
+ :data="chillerCommandQ"
|
|
|
+ @close="showDraw = false"
|
|
|
+ ></bom-box>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -73,7 +78,7 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
components: { bomBox },
|
|
|
- props: ["data", "chillerHourList",'chillerCommandQ'],
|
|
|
+ props: ["data", "chillerHourList", "chillerCommandQ"],
|
|
|
methods: {
|
|
|
getData() {
|
|
|
this.chillerHourList.forEach(el => {
|
|
@@ -83,9 +88,17 @@ export default {
|
|
|
this.dataY1.push(el.tout);
|
|
|
this.dataY2.push(el.meanTindoor);
|
|
|
this.dataY3.push(el.maxTindoor);
|
|
|
- this.loadY1.push(el.nowPlantLoad?(el.nowPlantLoad=='-9999'?0:el.nowPlantLoad):0);
|
|
|
- this.loadY2.push(el.predictedLoadUpLimit?el.predictedLoadUpLimit:0);
|
|
|
- this.loadY3.push(el.redictedLoadDownLimit?el.redictedLoadDownLimit:0);
|
|
|
+ this.loadY1.push(
|
|
|
+ el.nowPlantLoad
|
|
|
+ ? el.nowPlantLoad == "-9999"
|
|
|
+ ? "-9999"
|
|
|
+ : el.nowPlantLoad
|
|
|
+ : 0
|
|
|
+ );
|
|
|
+ this.loadY2.push(el.predictedLoadUpLimit ? el.predictedLoadUpLimit : 0);
|
|
|
+ this.loadY3.push(
|
|
|
+ el.redictedLoadDownLimit ? el.redictedLoadDownLimit : 0
|
|
|
+ );
|
|
|
});
|
|
|
},
|
|
|
drawLeft() {
|
|
@@ -94,12 +107,12 @@ export default {
|
|
|
tooltip: {
|
|
|
trigger: "axis"
|
|
|
},
|
|
|
- title:{
|
|
|
- text:'室内外温度',
|
|
|
- fontSize:'16px',
|
|
|
- color:'#1F2429'
|
|
|
+ title: {
|
|
|
+ text: "室内外温度",
|
|
|
+ fontSize: "16px",
|
|
|
+ color: "#1F2429"
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
grid: {
|
|
|
left: "3%",
|
|
|
right: "4%",
|
|
@@ -114,29 +127,29 @@ export default {
|
|
|
},
|
|
|
yAxis: {
|
|
|
type: "value",
|
|
|
- axisLabel:{formatter:'{value} ℃'}
|
|
|
+ axisLabel: { formatter: "{value} ℃" }
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
name: "室外温度",
|
|
|
type: "line",
|
|
|
-
|
|
|
+
|
|
|
data: this.dataY1,
|
|
|
- color:'#0091FF'
|
|
|
+ color: "#0091FF"
|
|
|
},
|
|
|
{
|
|
|
name: "室内平均温度",
|
|
|
type: "line",
|
|
|
-
|
|
|
+
|
|
|
data: this.dataY2,
|
|
|
- color:'#00D6B9'
|
|
|
+ color: "#00D6B9"
|
|
|
},
|
|
|
{
|
|
|
name: "室内最高温度",
|
|
|
type: "line",
|
|
|
-
|
|
|
+
|
|
|
data: this.dataY3,
|
|
|
- color:'#FFBA6B'
|
|
|
+ color: "#FFBA6B"
|
|
|
}
|
|
|
]
|
|
|
};
|
|
@@ -170,10 +183,10 @@ export default {
|
|
|
bottom: "3%",
|
|
|
containLabel: true
|
|
|
},
|
|
|
- title:{
|
|
|
- text:'预测冷量',
|
|
|
- fontSize:'16px',
|
|
|
- color:'#1F2429'
|
|
|
+ title: {
|
|
|
+ text: "预测冷量",
|
|
|
+ fontSize: "16px",
|
|
|
+ color: "#1F2429"
|
|
|
},
|
|
|
xAxis: {
|
|
|
type: "category",
|
|
@@ -184,7 +197,7 @@ export default {
|
|
|
splitLine: {
|
|
|
show: false
|
|
|
},
|
|
|
- axisLabel:{formatter:'{value} KW'}
|
|
|
+ axisLabel: { formatter: "{value} KW" }
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
@@ -348,50 +361,49 @@ export default {
|
|
|
.an-bottom {
|
|
|
margin-top: 45px;
|
|
|
display: flex;
|
|
|
- .leftL{
|
|
|
- flex:1;
|
|
|
- .leftLengend{
|
|
|
+ .leftL {
|
|
|
+ flex: 1;
|
|
|
+ .leftLengend {
|
|
|
text-align: center;
|
|
|
margin-bottom: 10px;
|
|
|
- i{
|
|
|
+ i {
|
|
|
display: inline-block;
|
|
|
- width:16px;
|
|
|
+ width: 16px;
|
|
|
height: 6px;
|
|
|
- border-radius:3px;
|
|
|
+ border-radius: 3px;
|
|
|
vertical-align: middle;
|
|
|
}
|
|
|
- .innerIcon{
|
|
|
- background:rgba(0,214,185,1);
|
|
|
+ .innerIcon {
|
|
|
+ background: rgba(0, 214, 185, 1);
|
|
|
margin: 0 20px;
|
|
|
}
|
|
|
- .outIcon{
|
|
|
- background:rgba(0,145,255,1);
|
|
|
+ .outIcon {
|
|
|
+ background: rgba(0, 145, 255, 1);
|
|
|
}
|
|
|
- .innerMax{
|
|
|
- background:rgba(255,186,107,1);
|
|
|
+ .innerMax {
|
|
|
+ background: rgba(255, 186, 107, 1);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .rightL{
|
|
|
- flex:1;
|
|
|
- .rightLengend{
|
|
|
+ .rightL {
|
|
|
+ flex: 1;
|
|
|
+ .rightLengend {
|
|
|
text-align: center;
|
|
|
margin-bottom: 10px;
|
|
|
- i{
|
|
|
+ i {
|
|
|
display: inline-block;
|
|
|
- width:16px;
|
|
|
+ width: 16px;
|
|
|
height: 6px;
|
|
|
- border-radius:3px;
|
|
|
+ border-radius: 3px;
|
|
|
vertical-align: middle;
|
|
|
}
|
|
|
- .reactCool{
|
|
|
- background:rgba(0,214,185,1);
|
|
|
-
|
|
|
+ .reactCool {
|
|
|
+ background: rgba(0, 214, 185, 1);
|
|
|
}
|
|
|
- .preCool{
|
|
|
- background:rgba(0,145,255,1);
|
|
|
- opacity:0.29;
|
|
|
- margin-left:20px;
|
|
|
+ .preCool {
|
|
|
+ background: rgba(0, 145, 255, 1);
|
|
|
+ opacity: 0.29;
|
|
|
+ margin-left: 20px;
|
|
|
}
|
|
|
}
|
|
|
}
|