12.29

src/views/databoard/kiln/index.vue

@@ -6,9 +6,9 @@
 -->
 
 <template>
-	<div id='kilnContainer' style="width: 100%;height: 100%;">
+	<div id='kilnContainerB' ref='kilnContainerB' style="width: 100%;height: 100%;">
 		<div
-			id='kilnContainerB'
+			id='kilnContainer'
 			ref='kilnContainer'
 			class="KilnDataBoard"
 			style="
@@ -24,7 +24,7 @@
 				gap: 24px;
 			"
 			:style="{transform:'scale('+scaleNum+')'}">
-			<KHeader :isFullScreen='isFullScreen' @screenfullChange='screenfullChange'/>
+			<KHeader :isFullScreen='isFullScreen' @screenfullChange='screenfullChange' topTitle='窑炉生产运行驾驶舱'/>
 			<div
 				class="main-body"
 				style="flex: 1; display: flex; gap: 20px; padding: 0px 16px">
@@ -45,7 +45,7 @@ import LeftFour from './LeftFour';
 import RightTwo from './RightTwo.vue';
 import screenfull from 'screenfull'
 import { debounce } from '@/utils/debounce'
-import { getDcsMsg } from './../utils/dcs'
+import { getDcsMsg, getMesMsg } from './../utils/wsInterface'
 
 export default {
 	name: 'KilnDataBoard',
@@ -82,6 +82,7 @@ export default {
 		// this.getMes()
 		// closeWebsocket()
 		getDcsMsg()
+		// getMesMsg()
 		console.log('mounted...........')
 	},
 	destroyed() {
@@ -112,13 +113,10 @@ export default {
         })
         return false
       }
-      screenfull.toggle(this.$refs.kilnContainer)
-			console.log('11111')
-			// this.resetSize()
-			console.log('2222')
+      screenfull.toggle(this.$refs.kilnContainerB)
     },
 		resetSize() {
-      let kilnContainerBox = document.querySelector('#kilnContainerB')
+      let kilnContainerBox = document.querySelector('#kilnContainer')
       let rw = parseFloat(window.innerWidth)
       let rh = parseFloat(window.innerHeight)
       let bw = parseFloat(kilnContainerBox.style.width)
@@ -142,26 +140,7 @@ export default {
 				}
 			}
 			this.scaleNum = wx
-    },
-		// 获取ws
-		getMes() {
-			const userId = 'dcsmsg' + new Date().getTime()
-			connectWebsocket(
-				// 测试地址
-				'ws://10.70.180.10:8081/xc-screen/websocket/'+userId,
-				// 传递给后台的数据
-				'',
-				// 成功拿到后台返回的数据的回调函数
-				(data) => {
-					console.log('成功的回调函数, 接收到的data数据: ', data)
-
-				},
-				// websocket连接失败的回调函数
-				(err) => {
-					console.log('失败的回调函数', err)
-				}
-			)
-		}
+    }
 	}
 };
 </script>