|
@@ -1,204 +1,160 @@
|
|
|
<template>
|
|
|
-<div class="firstdiv">
|
|
|
- <img
|
|
|
- style="float: left;margin-left:30px;margin-top:100px;"
|
|
|
- src="../../../assets/img/WindturbineDetailPages/变桨.png"
|
|
|
- object-fit="fill"
|
|
|
- />
|
|
|
- <div class="twodiv">
|
|
|
- <table>
|
|
|
- <tr>
|
|
|
- <th>温度信息</th>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>齿轮箱轴1温</td>
|
|
|
- <td>-200.00</td>
|
|
|
- <td>°C</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>齿轮箱轴2温</td>
|
|
|
- <td>-200.00</td>
|
|
|
- <td>°C</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>齿轮箱油温</td>
|
|
|
- <td>-200.00</td>
|
|
|
- <td>°C</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>电机轴承A温</td>
|
|
|
- <td>-200.00</td>
|
|
|
- <td>°C</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>电机轴承B温</td>
|
|
|
- <td>-200.00</td>
|
|
|
- <td>°C</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>机舱温度</td>
|
|
|
- <td>-200.00</td>
|
|
|
- <td>°C</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>液压油温度</td>
|
|
|
- <td>-200.00</td>
|
|
|
- <td>°C</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>冷却风温度</td>
|
|
|
- <td>-200.00</td>
|
|
|
- <td>°C</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>环境温度</td>
|
|
|
- <td>-200.00</td>
|
|
|
- <td>°C</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>电机滑环温度</td>
|
|
|
- <td>-200.00</td>
|
|
|
- <td>°C</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- <table>
|
|
|
- <tr>
|
|
|
- <th>变桨信息</th>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>叶片1偏角</td>
|
|
|
- <td>0.02</td>
|
|
|
- <td>度</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>叶片2偏角</td>
|
|
|
- <td>0.02</td>
|
|
|
- <td>度</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>叶片3偏角</td>
|
|
|
- <td>0.02</td>
|
|
|
- <td>度</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- <div class="onediv">
|
|
|
- <table>
|
|
|
- <tr>
|
|
|
- <th>基本信息</th>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>有功功率</td>
|
|
|
- <td>189.73</td>
|
|
|
- <td>Kw</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>风速</td>
|
|
|
- <td>28.07</td>
|
|
|
- <td>m/s</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>发电机转速</td>
|
|
|
- <td>1135.40</td>
|
|
|
- <td>rp</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>转子转速</td>
|
|
|
- <td>11.39</td>
|
|
|
- <td>rp</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>偏航位置</td>
|
|
|
- <td>110.61</td>
|
|
|
- <td>度</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td></td>
|
|
|
- </tr>
|
|
|
+ <div class="firstdiv">
|
|
|
+ <img
|
|
|
+ style="float: left; margin-left: 30px; margin-top: 100px"
|
|
|
+ src="../../../assets/img/WindturbineDetailPages/变桨.png"
|
|
|
+ object-fit="fill"
|
|
|
+ />
|
|
|
+ <div class="twodiv">
|
|
|
+ <table>
|
|
|
<tr>
|
|
|
- <td></td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- <table>
|
|
|
- <tr>
|
|
|
- <th>电网信息</th>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>U1项绕组电压</td>
|
|
|
- <td>384.90</td>
|
|
|
- <td>V</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>U1项绕组电流</td>
|
|
|
- <td>179.00</td>
|
|
|
- <td>A</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>电网无功功率</td>
|
|
|
- <td>0.01</td>
|
|
|
- <td>kw</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>功率因数</td>
|
|
|
- <td>0.95</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>频率</td>
|
|
|
- <td>49.97</td>
|
|
|
- <td>Hz</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>总发电量</td>
|
|
|
- <td>1598.14</td>
|
|
|
- <td>万</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
+ <th>温度信息</th>
|
|
|
+ </tr>
|
|
|
+ <tr v-for="itm in temperatureInfo" :key="itm">
|
|
|
+ <td>{{ itm.name }}</td>
|
|
|
+ <td>{{ itm.value }}</td>
|
|
|
+ <td>{{ itm.unit }}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <table v-if="pitchInfo.length > 0">
|
|
|
+ <tr>
|
|
|
+ <th>变桨信息</th>
|
|
|
+ </tr>
|
|
|
+ <tr v-for="itm in pitchInfo" :key="itm">
|
|
|
+ <td>{{ itm.name }}</td>
|
|
|
+ <td>{{ itm.value }}</td>
|
|
|
+ <td>{{ itm.unit }}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div class="onediv">
|
|
|
+ <table>
|
|
|
+ <tr>
|
|
|
+ <th>基本信息</th>
|
|
|
+ </tr>
|
|
|
+ <tr v-for="itm in generalInfo" :key="itm">
|
|
|
+ <td>{{ itm.name }}</td>
|
|
|
+ <td>{{ itm.value }}</td>
|
|
|
+ <td>{{ itm.unit }}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <table>
|
|
|
+ <tr>
|
|
|
+ <th>电网信息</th>
|
|
|
+ </tr>
|
|
|
+ <tr v-for="itm in powerGridInfo" :key="itm">
|
|
|
+ <td>{{ itm.name }}</td>
|
|
|
+ <td>{{ itm.value }}</td>
|
|
|
+ <td>{{ itm.unit }}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
+
|
|
|
<script>
|
|
|
+import BackgroundData from "../../../assets/script/BackgroundData";
|
|
|
|
|
|
export default {
|
|
|
-
|
|
|
+ name: "BasicInformationDetail",
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ BasicInfo: {},
|
|
|
+ temperatureInfo: new Array() /* 温度信息 */,
|
|
|
+ pitchInfo: new Array() /* 变桨信息 */,
|
|
|
+ generalInfo: new Array() /* 基本信息 */,
|
|
|
+ powerGridInfo: new Array() /* 电网信息 */,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ start(bi) {
|
|
|
+ this.BasicInfo = bi;
|
|
|
+ this.bindData();
|
|
|
+
|
|
|
+ this.refreshData();
|
|
|
+ this.refreshTimer = setInterval(this.refreshData, 3000);
|
|
|
+ },
|
|
|
+ end() {
|
|
|
+ clearInterval(this.refreshTimer);
|
|
|
+ },
|
|
|
+
|
|
|
+ /* 刷新数据 */
|
|
|
+ refreshData() {
|
|
|
+ var bg = BackgroundData.getInstance();
|
|
|
+ bg.initWinturbineBaseData(this.BasicInfo, this.onMessage);
|
|
|
+ },
|
|
|
+
|
|
|
+ /* 获得数据 */
|
|
|
+ onMessage(msg) {
|
|
|
+ this.BasicInfo.BasicInfo.forEach((element) => {
|
|
|
+ element.param.forEach((im) => {
|
|
|
+ var val = msg[im.code];
|
|
|
+ if (typeof val !== "undefined") {
|
|
|
+ if (im.unit == "万度") {
|
|
|
+ im.value = (val.doubleValue / 10000).toFixed(2);
|
|
|
+ } else {
|
|
|
+ im.value = val.doubleValue.toFixed(2);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ console.log(msg);
|
|
|
+ },
|
|
|
+
|
|
|
+ bindData() {
|
|
|
+ this.BasicInfo.BasicInfo.forEach((element) => {
|
|
|
+ if (element.tag == "基本信息") {
|
|
|
+ this.generalInfo = element.param;
|
|
|
+ } else if (element.tag == "温度信息") {
|
|
|
+ this.temperatureInfo = element.param;
|
|
|
+ } else if (element.tag == "电网信息") {
|
|
|
+ this.powerGridInfo = element.param;
|
|
|
+ } else if (element.tag == "桨叶信息") {
|
|
|
+ this.pitchInfo = element.param;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|
|
|
+
|
|
|
<style scoped>
|
|
|
- .firstdiv{
|
|
|
- height: 600px;
|
|
|
- }
|
|
|
- .onediv{
|
|
|
- float: right;
|
|
|
- margin-right: 80px;
|
|
|
- margin-top:23px;
|
|
|
- }
|
|
|
- .twodiv{
|
|
|
- float: right;
|
|
|
- margin-right: 80px;
|
|
|
- margin-top:23px;
|
|
|
- }
|
|
|
- div{
|
|
|
- margin-top: 30px;
|
|
|
- }
|
|
|
- td:nth-child(1){
|
|
|
- height: 30px;
|
|
|
- width: 90px;
|
|
|
- text-align: right;
|
|
|
- }
|
|
|
- td:nth-child(2){
|
|
|
- width: 72px;
|
|
|
- text-align: right;
|
|
|
- color:rgb(5,176,71);
|
|
|
- }
|
|
|
- td:nth-child(3){
|
|
|
- text-align: center;
|
|
|
- width: 40px;
|
|
|
- }
|
|
|
- tr:nth-child(1){
|
|
|
- font-size:20px;
|
|
|
- width: 90px;
|
|
|
- text-align: right;
|
|
|
- }
|
|
|
- th{
|
|
|
- height: 50px;
|
|
|
- }
|
|
|
+.firstdiv {
|
|
|
+ height: 600px;
|
|
|
+}
|
|
|
+.onediv {
|
|
|
+ float: right;
|
|
|
+ margin-right: 80px;
|
|
|
+ margin-top: 23px;
|
|
|
+}
|
|
|
+.twodiv {
|
|
|
+ float: right;
|
|
|
+ margin-right: 80px;
|
|
|
+ margin-top: 23px;
|
|
|
+}
|
|
|
+div {
|
|
|
+ margin-top: 30px;
|
|
|
+}
|
|
|
+td:nth-child(1) {
|
|
|
+ height: 30px;
|
|
|
+ width: 130px;
|
|
|
+ text-align: right;
|
|
|
+}
|
|
|
+td:nth-child(2) {
|
|
|
+ width: 78px;
|
|
|
+ text-align: right;
|
|
|
+ color: rgb(5, 176, 71);
|
|
|
+}
|
|
|
+td:nth-child(3) {
|
|
|
+ text-align: center;
|
|
|
+ width: 30px;
|
|
|
+}
|
|
|
+tr:nth-child(1) {
|
|
|
+ font-size: 20px;
|
|
|
+ width: 90px;
|
|
|
+ text-align: right;
|
|
|
+}
|
|
|
+th {
|
|
|
+ height: 50px;
|
|
|
+}
|
|
|
</style>
|