+ 
+ 
+ 
+ 
+ 
+ 
- 
- 
-
一号变频器
+
+
- {{index===1?'二':'一'}}号变频器
-
-
总用电量：2345v
+
+ 总用电量：{{ item.electricityConsumptionTotal }}v
-
-
总用电量：2345v
+
+ 月用电量：{{ item.electricityConsumptionMonthly }}v
-
-
总用电量：2345v
-
-
-
@@ -53,11 +24,29 @@
diff --git a/src/components/content/windPressure/childComps/WindPressureItem.vue b/src/components/content/windPressure/childComps/WindPressureItem.vue
index 7ee0e3b..e69dc24 100644
--- a/src/components/content/windPressure/childComps/WindPressureItem.vue
+++ b/src/components/content/windPressure/childComps/WindPressureItem.vue
@@ -1,9 +1,8 @@
- 二号变频器
- -
-
-
- 总用电量：2345v
-
-
-
- 总用电量：2345v
-
-
-
- 总用电量：2345v
+
+ 日用电量：{{ item.electricityConsumptionDay }}v
+
- 
{{ params.wp.windPId }}号风压
+
+ {{ index }}号风压
{{ params.wp.windPId }}号风压
+
+ {{ index }}号风压
@@ -16,9 +15,11 @@
diff --git a/src/views/tunnel/index.vue b/src/views/tunnel/index.vue
index de35d5f..a843e5f 100644
--- a/src/views/tunnel/index.vue
+++ b/src/views/tunnel/index.vue
@@ -20,9 +20,9 @@
-
@@ -30,9 +30,9 @@
-
@@ -63,8 +63,9 @@ import WindPressureList from "@/components/content/windPressure/WindPressureList
import AirInfo from "@/components/content/airInfo/AirInfo.vue";
import BadGasInfo from "@/components/content/badGasInfo/BadGasInfo.vue";
import ManageBtn from "@/components/manageBtn/index.vue";
-import ManageLength from "@/components/manageLength/index.vue";
import { dateFormat } from "@/utils/date.js";
+import { onMounted } from "vue";
+import { getToken } from "@/utils/auth";
import { useAuthStore } from '@/store/userstore.js'
const authStore = useAuthStore()
@@ -100,7 +101,32 @@ const tunnelList = ref([
name: '七号隧道'
},
])
-const manageSelect = () => {
+let socket = reactive('')
+const serialNumber = ref('SC00DY00GH00ELBT')
+let token = getToken();
+let send = {
+ type: "ping"
+}
+const socketData = reactive({
+ currentVoltage: [],
+ frequencyState: [],
+ frequencyFeedback: [],
+ electricityConsumption: [],
+ windPressure: [],
+ sensor: [],
+})
+onMounted(() => {
+ nextTick(() => {
+ showFan.value = true
+ })
+})
+const manageSelect = (index) => {
+ console.log('首页点击-', index)
+ if (index === 0) {
+ console.log('站点管理=====-----')
+ router.push('/site')
+ }
+
// getInfo();
};
const closeLeft = () => {
@@ -118,9 +144,63 @@ const previousBtn = () => {
}
const nextBtn = () => {
tunnelBtn.value.next();
- // tunnelList.value.push(tunnelList.value.shift())
- // console.log('tunnelList.value', tunnelList.value)
}
+
+const initWebSocket = () => {
+ // let wsUrl = `ws://192.168.31.175:9000/websocket/equipment/${token}/${serialNumber.value}`
+ let wsUrl = `ws://web-tunnel.feashow.com/api/wstunnel/websocket/equipment/${token}/${serialNumber.value}`
+ console.log(wsUrl)
+ socket = new WebSocket(wsUrl)
+ //连接发生错误的回调方法
+ socket.onerror = function () {
+ console.log("ws连接发生错误");
+ };
+ //连接成功建立的回调方法
+ socket.onopen = function () {
+ console.log("ws连接成功");
+ }
+ //接收到消息的回调方法
+ socket.onmessage = function (event) {
+ console.log("服务器返回的信息: ", JSON.parse(event.data));
+ const type = JSON.parse(event.data).type
+ const data = JSON.parse(event.data).data
+ if (type === 'equipment') {
+ data.forEach((item) => {
+ if (item.typeKey === 'currentVoltage') {
+ console.log('电流电压')
+ socketData.currentVoltage = data
+ } else if (item.typeKey === 'frequencyFeedback') {
+ console.log('变频器频率')
+ socketData.frequencyFeedback = data
+ } else if (item.typeKey === 'frequencyState') {
+ console.log('风机状态')
+ socketData.frequencyState = data
+ } else if (item.typeKey === 'electricityConsumption') {
+ console.log('用电量')
+ socketData.electricityConsumption = data
+ } else if (item.typeKey === 'windPressure') {
+ console.log('风压风压')
+ socketData.windPressure = data
+ } else if (item.typeKey === 'sensor') {
+ console.log('传感器==========?')
+ socketData.sensor = data
+ }
+ })
+ }
+ }
+ //连接关闭的回调方法
+ socket.onclose = function () {
+ console.log("ws连接关闭");
+ // initWebSocket()
+ }
+ setInterval(() => {
+ socket.send(JSON.stringify(send))
+ }, 30000)
+}
+const closeSocket = () => {
+ socket.close();
+}
+initWebSocket()