mt-fe-group/yudao-dev
13
0
Fork 0
Code Issues Pull Requests 1 Releases Wiki Activity

'merge'

Browse Source
This commit is contained in:
gtz
2023-12-29 17:59:57 +08:00
parent 91526eb847 7667903218
commit d0a0eadafe
4 changed files with 184 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files

181
src/views/OperationalOverview/coldBoard.vue
View File

@@ -2,7 +2,7 @@
* @Author: zwq
* @Date: 2021-07-19 15:18:30
* @LastEditors: zhp
* @LastEditTime: 2023-12-28 11:52:08
* @LastEditTime: 2023-12-29 16:41:18
* @Description:
-->
<template>
@@ -132,6 +132,8 @@ import doubleYChart from './components/doubleYChart '
// import elementResizeDetectorMaker from 'element-resize-detector';
// var erd = elementResizeDetectorMaker(); //创建实例
// let resizeFun = null
import { parseTime } from '../core/mixins/code-filter';
import LinearBarChart from './components/linearBarChart'
const qualityYearTableProps= []
@@ -153,7 +155,10 @@ const EqMonitoringProps = [
]
const cutProps = [
{ prop: 'lineName', label: '产线' },
{ prop: 'time', label: '时间' },
{
prop: 'time', label: '时间',
filter: parseTime
},
{ prop: 'size', label: '规格' },
{ prop: 'productArea', label: '良品面积' },
{ prop: 'wasteArea', label: '废片面积' },
@@ -303,7 +308,10 @@ export default {
this.init()
},
mounted() {
this.initWebSocket()
this.funInitWebSocket()
this.CutInitWebSocket()
this.SJGInitWebSocket()
this.getTimes()
const _this = this;
_this.beilv2 = document.documentElement.clientWidth / 1920
@@ -353,13 +361,13 @@ export default {
// status: obj.data.FanFrequencyInfo[i]
// })
// }
this.funList = arr``
// this.funList = arr``
this.$axios.get(
'/monitoring/equipment-monitor/realtime-page',
'get',
this.queryParams
).then((res) => {
console.log(res);
console.log('222222222222222', res);
this.realEqList = res.data.list;
// this.total = response.data.total;
// this.loading = false;
@@ -389,7 +397,7 @@ export default {
//拼接格式化当前时间
this.times = year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
},
initWebSocket() {
SJGInitWebSocket() {
if (typeof (WebSocket) === 'undefined') {
alert('您的浏览器不支持WebSocket')
} else {
@@ -407,6 +415,16 @@ export default {
this.SJGWebsocket.onmessage = this.SJGWebsocketOnMessage
// 监听 webSocket 断开信息
this.SJGWebsocket.onclose = this.SJGWebsocketClose
}
},
CutInitWebSocket() {
if (typeof (WebSocket) === 'undefined') {
alert('您的浏览器不支持WebSocket')
} else {
// const wsUrl = 'ws://192.168.1.74:48080/websocket/message?userId=EN111'
// const wsUrl = 'ws://192.168.1.104:48082/websocket/message?userId=SJG'
let date = new Date().valueOf()
console.log(date);
const cutWsUrl = `ws://10.70.2.2:8080/websocket/message?userId=CUTTING${date}`
this.cutWebsocket = new WebSocket(cutWsUrl)
@@ -418,29 +436,27 @@ export default {
this.cutWebsocket.onmessage = this.cutWebsocketOnMessage
// 监听 webSocket 断开信息
this.cutWebsocket.onclose = this.cutWebsocketClose
const funWsUrl = `ws://10.70.2.2:8080/xc-screen/websocket/${date}`
this.funWebsocket = new WebSocket(funWsUrl)
// 监听 WebSocket 连接
this.funWebsocket.onopen = this.funWebsocketOnOpen
// 监听 WebSocket 错误信息
this.funWebsocket.onerror = this.funWebsocketOnError
// 监听 WebSocket 消息
this.funWebsocket.onmessage = this.funWebsocketOnMessage
// 监听 webSocket 断开信息
this.funWebsocket.onclose = this.funWebsocketClose
// const wsUrl = 'ws://10.70.2.2:8080/websocket/message?userId=EN111'
// 实例化 WebSocket
// this.websocket = new WebSocket(wsUrl)
// // 监听 WebSocket 连接
// this.websocket.onopen = this.websocketOnOpen
// // 监听 WebSocket 错误信息
// this.websocket.onerror = this.websocketOnError
// // 监听 WebSocket 消息
// this.websocket.onmessage = this.websocketOnMessage
// // 监听 webSocket 断开信息
// this.websocket.onclose = this.websocketClose
}
},
funInitWebSocket() {
// if (typeof (WebSocket) === 'undefined') {
// alert('您的浏览器不支持WebSocket')
// } else {
// // const wsUrl = 'ws://192.168.1.74:48080/websocket/message?userId=EN111'
// // const wsUrl = 'ws://192.168.1.104:48082/websocket/message?userId=SJG'
// let date = new Date().valueOf()
// const funWsUrl = `ws://10.70.2.2:8080/xc-screen/websocket/${date}`
// this.funWebsocket = new WebSocket(funWsUrl)
// // 监听 WebSocket 连接
// this.funWebsocket.onopen = this.funWebsocketOnOpen
// // 监听 WebSocket 错误信息
// this.funWebsocket.onerror = this.funWebsocketOnError
// // 监听 WebSocket 消息
// this.funWebsocket.onmessage = this.funWebsocketOnMessage
// // 监听 webSocket 断开信息
// this.funWebsocket.onclose = this.funWebsocketClose
// }
},
funWebsocketOnOpen() {
console.log('socket连接成功')
// console.log(this.SJGWebsocket.onmessage);
@@ -449,23 +465,23 @@ export default {
// 连接建立失败重连
funWebsocketOnError(e) {
console.log('222222', e)
this.initWebSocket()
this.funInitWebSocket()
},
// 数据接收
funWebsocketOnMessage(e) {
// console.log(1111, e)
// console.log(this.wsData)
// console.log('22222', this.wsData.data)
this.wsData = JSON.parse(e.data)
if (this.wsData.type === 'FanFrequencyInfo') {
// let arr = []
// for (let i in this.wsData.FanFrequencyInfo) {
// arr.push({
// equipmentName: i,
// status: obj.data.FanFrequencyInfo[i]
// })
// }
// this.funList = arr
this.funWsData = JSON.parse(e.data)
if (this.funWsData.type === 'FanFrequencyInfo') {
let arr = []
for (let i in this.funWsData.FanFrequencyInfo) {
arr.push({
equipmentName: i,
status: obj.data.FanFrequencyInfo[i]
})
}
this.funList = arr
}
},
cutWebsocketOnOpen() {
@@ -476,16 +492,16 @@ export default {
// 连接建立失败重连
cutWebsocketOnError(e) {
console.log('11111', e)
this.initWebSocket()
this.CutInitWebSocket()
},
// 数据接收
cutWebsocketOnMessage(e) {
// console.log(1111, e)
this.wsData = JSON.parse(e.data)
console.log(this.wsData)
this.cutWsData = JSON.parse(e.data)
// console.log('22222', this.wsData.data)
if (this.wsData.type === 'cutting' && this.wsData.name === 'table' ) {
this.cutTableDataList = this.wsData.productHourData.map((ele, index) => {
console.log('table', this.cutWsData)
if (this.cutWsData.type === 'cutting' && this.cutWsData.name === 'table') {
this.cutTableDataList = this.cutWsData.productHourData.map((ele, index) => {
// if (ele.progressRate != 1) {
return {
id: ele.id,
@@ -500,7 +516,7 @@ export default {
// }
});
// console.log(this.orderList)
} else if (this.wsData.type === 'cutting' && this.wsData.name === 'chart') {
} else if (this.cutWsData.type === 'cutting' && this.cutWsData.name === 'chart' && this.cutWsData.dateType === 'day') {
let nameList = []
let nameWasteList = []
let topNameList = []
@@ -508,14 +524,18 @@ export default {
let wasteList = []
let sumAreaList = []
let yieldList = []
this.cutTableDataList = this.wsData.detData.forEach((ele, index) => {
this.cutTableDataList = this.cutWsData.coldDetData.forEach((ele, index) => {
nameList.push(ele.lineName)
topNameList.push(ele.lineName + ' ' + '总面积' + ele.sumArea)
topNameList.push('产线: ' + ele.lineName + ' ' + '总面积:' + ele.sumArea)
productList.push(ele.productArea)
wasteList.push(ele.wastArea)
nameWasteList.push('缺陷面积:'+ele.wastArea)
nameWasteList.push('缺陷面积:' + ele.wastArea)
sumAreaList.push(ele.sumArea)
yieldList.push((ele.yield *100).toFixed(3))
})
this.$refs.pileChart.initChart(nameList, topNameList, nameWasteList, productList, wasteList)
// console.log(this.cutWsData)
// console.log('chart',nameList, topNameList, nameWasteList, productList, wasteList);
this.$refs.productChart.initChart(nameList, yieldList, sumAreaList)
// this.$refs.pileChart.initWebSocket
// console.log(this.orderList)
@@ -529,7 +549,7 @@ export default {
// 连接建立失败重连
SJGWebsocketOnError(e) {
console.log('11111', e)
this.initWebSocket()
this.SJGInitWebSocket()
},
// 数据接收
SJGWebsocketOnMessage(e) {
@@ -538,11 +558,11 @@ export default {
// let data = { "data": { "FanFrequencyInfo": { "1#10处拐角冷却风机": "0", "1#L型吊墙冷却风机": "0", "1#助燃风机": "44.8", "1#澄清带池壁风机": "40", "1#融化带池壁风机": "43", "1#钢碹碴小炉垛风机": "48", "2#10处拐角冷却风机": "50", "2#L型吊墙冷却风机": "49.7", "2#助燃风机": "0", "2#澄清带池壁风机": "0", "2#融化带池壁风机": "0", "2#钢碹碴小炉垛风机": "48", "3#澄清带池壁风机": "0", "3#融化带池壁风机": "0", "4#澄清带池壁风机": "40", "4#融化带池壁风机": "43" } }, "type": "FanFrequencyInfo" }
// let obj = JSON.parse(data.data)
// console.log(obj);
this.wsData = JSON.parse(e.data)
console.log(this.wsData)
this.SJGWsData = JSON.parse(e.data)
console.log(this.SJGWsData)
// console.log('22222', this.wsData.data)
if (this.wsData.type === 'isra') {
this.ISRAList = this.wsData.detData.map((ele, index) => {
if (this.SJGWsData.type === 'isra') {
this.ISRAList = this.SJGWsData.detData.map((ele, index) => {
// if (ele.progressRate != 1) {
return {
id: ele.id,
@@ -557,63 +577,6 @@ export default {
// console.log(this.orderList)
}
},
// 数据发送
// SJGWebsocketSend() {
// this.websocket.send('11111')
// },
// // 关闭
// SJGWebsocketClose(e) {
// console.log('WebSocket 断开连接', e)
// },
// // 连接建立之后执行send方法发送数据
// websocketOnOpen() {
// console.log('socket连接成功')
// this.websocket.onmessage()
// },
// // 连接建立失败重连
// websocketOnError(e) {
// console.log('11111', e)
// this.initWebSocket()
// },
// // 数据接收
// websocketOnMessage(e) {
// console.log(1111, e)
// this.wsData = JSON.parse(e.data)
// // console.log('22222', this.wsData.data)
// if (this.wsData.type === 'EnergyMonitoring') {
// let EnergyNameList = []
// this.wsData.data.forEach((ele) => {
// EnergyNameList.push(ele.lineName)
// })
// this.EnergyMonitoringNameList = EnergyNameList
// let EnergyDataList = []
// this.wsData.data.forEach((ele) => {
// EnergyDataList.push(ele.useQuantity
// // {
// // type: 'bar',
// // data: ele.useQuantity,
// // barWidth: 6
// // }
// )
// })
// this.EnergyMonitoringList = EnergyDataList
// console.log(EnergyDataList)
// // console.log(this.EnergyMonitoringNameList)
// // console.log(this.EnergyMonitoringList)
// // this.$nextTick(() => {
// this.$refs.EnergyMonitoringChart.initChart(this.EnergyMonitoringNameList, this.EnergyMonitoringList)
// // })
// }
// },
// // 数据发送
// websocketSend() {
// this.websocket.send('11111')
// },
// // 关闭
// websocketClose(e) {
// console.log('WebSocket 断开连接', e)
// },
windowWidth(value) {
this.clientWidth = value
this.beilv2 = this.clientWidth / 1920