|
@@ -1,39 +1,39 @@
|
|
|
<template>
|
|
|
<div class="sisViewBox">
|
|
|
<div class="viewItem">
|
|
|
- <clock :width="330" :height="300" />
|
|
|
+ <clock :width="330" :height="280" />
|
|
|
<div class="viewTitle">综<br /><br />合<br /><br />参<br /><br />数</div>
|
|
|
- <div class="contentBox">
|
|
|
+ <div class="contentBox" style="height: 280px;">
|
|
|
<div class="contentItem">
|
|
|
- <div class="itemName">装机容量</div>
|
|
|
+ <div class="itemName size5">装机容量</div>
|
|
|
<div class="itemNum">{{items.zjrl}}</div>
|
|
|
<div class="itemUnit">MW</div>
|
|
|
- <div class="itemName">安全天数</div>
|
|
|
+ <div class="itemName size6">安全天数</div>
|
|
|
<div class="itemNum">{{items.aqts}}</div>
|
|
|
<div class="itemUnit">天</div>
|
|
|
- <div class="itemName">总功率</div>
|
|
|
+ <div class="itemName size5">总功率</div>
|
|
|
<div class="itemNum">{{items.zgl}}</div>
|
|
|
<div class="itemUnit">MW</div>
|
|
|
</div>
|
|
|
<div class="contentItem">
|
|
|
- <div class="itemName">日发电量</div>
|
|
|
+ <div class="itemName size5">日发电量</div>
|
|
|
<div class="itemNum">{{items.rfdl}}</div>
|
|
|
<div class="itemUnit">万kWh</div>
|
|
|
- <div class="itemName">年利用小时</div>
|
|
|
+ <div class="itemName size6">年利用小时</div>
|
|
|
<div class="itemNum">{{items.nlyxs}}</div>
|
|
|
<div class="itemUnit">小时</div>
|
|
|
- <div class="itemName">年发电量</div>
|
|
|
+ <div class="itemName size5">年发电量</div>
|
|
|
<div class="itemNum">{{items.nfdl}}</div>
|
|
|
<div class="itemUnit">万kWh</div>
|
|
|
</div>
|
|
|
<div class="contentItem">
|
|
|
- <div class="itemName">上网电量</div>
|
|
|
+ <div class="itemName size5">上网电量</div>
|
|
|
<div class="itemNum">{{items.swdl}}</div>
|
|
|
<div class="itemUnit">万kWh</div>
|
|
|
- <div class="itemName">月利用小时</div>
|
|
|
+ <div class="itemName size6">月利用小时</div>
|
|
|
<div class="itemNum">{{items.ylyxs}}</div>
|
|
|
<div class="itemUnit">小时</div>
|
|
|
- <div class="itemName">月发电量</div>
|
|
|
+ <div class="itemName size5">月发电量</div>
|
|
|
<div class="itemNum">{{items.yfdl}}</div>
|
|
|
<div class="itemUnit">万kWh</div>
|
|
|
</div>
|
|
@@ -41,10 +41,10 @@
|
|
|
<div class="itemName">复位及时率</div>
|
|
|
<div class="itemNum">{{items.fwjsl}}</div>
|
|
|
<div class="itemUnit">%</div>
|
|
|
- <div class="itemName">年计划电量</div>
|
|
|
+ <div class="itemName size6">年计划电量</div>
|
|
|
<div class="itemNum">{{items.njhdl}}</div>
|
|
|
<div class="itemUnit">万kWh</div>
|
|
|
- <div class="itemName">年完成率</div>
|
|
|
+ <div class="itemName size5">年完成率</div>
|
|
|
<div class="itemNum">{{items.nwcl}}</div>
|
|
|
<div class="itemUnit">%</div>
|
|
|
</div>
|
|
@@ -52,10 +52,10 @@
|
|
|
<div class="itemName">转换及时率</div>
|
|
|
<div class="itemNum">{{items.zhjsl}}</div>
|
|
|
<div class="itemUnit">%</div>
|
|
|
- <div class="itemName">月计划电量</div>
|
|
|
+ <div class="itemName size6">月计划电量</div>
|
|
|
<div class="itemNum">{{items.yjhdl}}</div>
|
|
|
<div class="itemUnit">万kWh</div>
|
|
|
- <div class="itemName">月完成率</div>
|
|
|
+ <div class="itemName size5">月完成率</div>
|
|
|
<div class="itemNum">{{items.ywcl}}</div>
|
|
|
<div class="itemUnit">%</div>
|
|
|
</div>
|
|
@@ -63,10 +63,10 @@
|
|
|
<div class="itemName">消缺及时率</div>
|
|
|
<div class="itemNum">{{items.xqjsl}}</div>
|
|
|
<div class="itemUnit">%</div>
|
|
|
- <div class="itemName noPd">综合厂用电率</div>
|
|
|
+ <div class="itemName">综合厂用电率</div>
|
|
|
<div class="itemNum">{{items.zhcydl}}</div>
|
|
|
<div class="itemUnit">%</div>
|
|
|
- <div class="itemName">月M T B F</div>
|
|
|
+ <div class="itemName size5">月M T B F</div>
|
|
|
<div class="itemNum">{{items.ymtbf}}</div>
|
|
|
<div class="itemUnit">小时</div>
|
|
|
</div>
|
|
@@ -74,10 +74,10 @@
|
|
|
<div class="itemName">风能利用率</div>
|
|
|
<div class="itemNum">{{items.fnlyl}}</div>
|
|
|
<div class="itemUnit">%</div>
|
|
|
- <div class="itemName noPd">设备可利用率</div>
|
|
|
+ <div class="itemName">设备可利用率</div>
|
|
|
<div class="itemNum">{{items.sbklyl}}</div>
|
|
|
<div class="itemUnit">%</div>
|
|
|
- <div class="itemName">月可靠性</div>
|
|
|
+ <div class="itemName size5">月可靠性</div>
|
|
|
<div class="itemNum">{{items.ykkx}}</div>
|
|
|
<div class="itemUnit">%</div>
|
|
|
</div>
|
|
@@ -323,13 +323,16 @@ export default {
|
|
|
var that = this;
|
|
|
that.API.requestData({
|
|
|
method: "GET",
|
|
|
- baseURL: "bigscreen/list",
|
|
|
subUrl: "http://10.155.32.4:8034/bigscreen/list",
|
|
|
success(res) {
|
|
|
var keys = Object.keys(res.data);
|
|
|
var items = res.data;
|
|
|
keys.forEach(ele=>{
|
|
|
- items[ele] = items[ele].toFixed(2)
|
|
|
+ if(items[ele].toFixed(2).split('.')[1] == '00'){
|
|
|
+ items[ele] = items[ele].toFixed(2).split('.')[0]
|
|
|
+ }else{
|
|
|
+ items[ele] = items[ele].toFixed(2)
|
|
|
+ }
|
|
|
})
|
|
|
that.items = items;
|
|
|
},
|
|
@@ -349,7 +352,7 @@ export default {
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
.sisViewBox {
|
|
|
- width: 100%;
|
|
|
+ width: 1881px;
|
|
|
height: 100%;
|
|
|
display: flex;
|
|
|
justify-content: start;
|
|
@@ -370,7 +373,7 @@ export default {
|
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
|
width: 30px;
|
|
|
padding: 10px 40px;
|
|
|
- font-size: 30px;
|
|
|
+ font-size: 29px;
|
|
|
font-weight: 700;
|
|
|
color: #ff0;
|
|
|
text-decoration: none;
|
|
@@ -384,35 +387,38 @@ export default {
|
|
|
|
|
|
.contentBox {
|
|
|
display: flex;
|
|
|
- justify-content: start;
|
|
|
+ justify-content: space-around;
|
|
|
align-items: flex-start;
|
|
|
flex-direction: column;
|
|
|
font-family: Georgia, "Times New Roman", Times, serif;
|
|
|
- font-size: 30px;
|
|
|
+ font-size: 29px;
|
|
|
|
|
|
.contentItem {
|
|
|
display: flex;
|
|
|
justify-content: start;
|
|
|
align-items: center;
|
|
|
padding: 2px 0;
|
|
|
-
|
|
|
+
|
|
|
+ .size5{
|
|
|
+ width: 165px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .size6{
|
|
|
+ width: 195px;
|
|
|
+ }
|
|
|
+
|
|
|
.itemName {
|
|
|
- width: 220px;
|
|
|
+ min-width: 136px;
|
|
|
padding: 0 10px;
|
|
|
text-align: justify;
|
|
|
text-align-last: justify;
|
|
|
-
|
|
|
- &.noPd {
|
|
|
- width: 220px;
|
|
|
- padding: 0 0 0 10px;
|
|
|
- }
|
|
|
}
|
|
|
|
|
|
.itemNum {
|
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
|
- color: #f25656;
|
|
|
- width: 140px;
|
|
|
- text-align: center;
|
|
|
+ color: red;
|
|
|
+ width: 187px;
|
|
|
+ margin-left: 15px;
|
|
|
}
|
|
|
|
|
|
.itemUnit {
|