<template>
|
<content-box :title="fullStationName" class="mgl8">
|
<isolating-device-tab-pane :info="info"></isolating-device-tab-pane>
|
</content-box>
|
</template>
|
|
<script>
|
import ContentBox from "@/components/ContentBox";
|
import IsolatingDeviceTabPane from "./components/IsolatingDeviceTabPane";
|
import {Timeout} from "@/assets/js/tools";
|
import getIsolatingInfo from "./js/getIsolatingInfo";
|
import { getInfoById, getIsolatingDeviceData } from "@/views/dataMager/js/power";
|
import createWs from "@/assets/js/websocket";
|
const WSMixin = createWs("RealTime");
|
|
export default {
|
name: "isolatingDevice",
|
mixins: [WSMixin],
|
components: {
|
IsolatingDeviceTabPane,
|
ContentBox
|
},
|
watch: {
|
"$route.params.powerDeviceId"(powerDeviceId) {
|
this.$nextTick(() => {
|
this.getPowerInfo(powerDeviceId);
|
});
|
},
|
},
|
data() {
|
return {
|
isOpen: false,
|
powerInfo: {
|
powerDeviceId: 0,
|
stationId: 0,
|
stationName: "",
|
stationName1: "",
|
stationName2: "",
|
stationName3: "",
|
stationName4: " ",
|
stationName5: "",
|
},
|
info: getIsolatingInfo()
|
}
|
},
|
methods: {
|
getPowerInfo(powerDeviceId) {
|
getInfoById({
|
powerDeviceId: powerDeviceId
|
}).then(res => {
|
res = res.data;
|
if (res.code && res.data.list.length) {
|
this.powerInfo = res.data.list[0];
|
} else {
|
this.powerInfo = {
|
powerDeviceId: 0,
|
stationId: 0,
|
stationName: "",
|
stationName1: "",
|
stationName2: "",
|
stationName3: "",
|
stationName4: " ",
|
stationName5: "",
|
};
|
}
|
// 启动查询
|
this.sendMessage();
|
}).catch(error => {
|
console.log(error);
|
});
|
},
|
onWSOpen() {
|
this.sendMessage();
|
},
|
sendMessage() {
|
let powerInfo = this.powerInfo;
|
// console.log(powerInfo, '=====powerInfo');
|
if (!powerInfo.powerDeviceId) {
|
return false;
|
}
|
let params = {
|
// battGroupId: batt.battGroupId,
|
// devId: batt.fbsdeviceId,
|
powerDeviceId: this.powerInfo.powerDeviceId,
|
pageType: 'isolating'
|
};
|
// console.log("====", params, JSON.stringify(params));
|
this.SOCKET.send(JSON.stringify(params));
|
},
|
onWSMessage(res) {
|
res = JSON.parse(res.data);
|
let data = res.data.data;
|
// console.log(data, "=====data");
|
this.searchData(data.f9100Insulatstate);
|
},
|
searchData(res) {
|
if (res) {
|
if(res.code && res.data && res.data2.list.length) {
|
this.info = res.data2.list[0];
|
}else {
|
this.info = getIsolatingInfo();
|
}
|
}
|
},
|
},
|
computed: {
|
fullStationName() {
|
let powerInfo = this.powerInfo;
|
if (powerInfo.powerDeviceId) {
|
return powerInfo.stationName1 + "-" + powerInfo.stationName2
|
+ "-" + powerInfo.stationName5 + "-" + powerInfo.stationName3 + "-"+ powerInfo.powerDeviceName;
|
} else {
|
return "未知站点名称";
|
}
|
}
|
},
|
mounted() {
|
// 获取电源信息
|
let powerDeviceId = this.$route.params.powerDeviceId;
|
if (powerDeviceId) {
|
this.getPowerInfo(powerDeviceId);
|
}
|
}
|
}
|
</script>
|
|
<style scoped>
|
.mgl8 {
|
margin-left: 8px;
|
}
|
</style>
|
