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

Merge pull request 'projects/mesxc-zhp' (#164) from projects/mesxc-zhp into projects/mesxc-test

Browse Source 
Reviewed-on: #164
This commit is contained in:
高天泽 2023-12-29 16:32:28 +08:00
commit 9d34ca02f1
4 changed files with 186 additions and 233 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,7 +2,7 @@
* @Author: zwq * @Author: zwq
* @Date: 2021-07-19 15:18:30 * @Date: 2021-07-19 15:18:30
* @LastEditors: zhp * @LastEditors: zhp
* @LastEditTime: 2023-12-28 11:52:08 * @LastEditTime: 2023-12-29 16:19:38
* @Description: * @Description:
--> -->
<template> <template>
@ -132,6 +132,8 @@ import doubleYChart from './components/doubleYChart '
// import elementResizeDetectorMaker from 'element-resize-detector'; // import elementResizeDetectorMaker from 'element-resize-detector';
// var erd = elementResizeDetectorMaker(); //创建实例 // var erd = elementResizeDetectorMaker(); //创建实例
// let resizeFun = null // let resizeFun = null
import { parseTime } from '../core/mixins/code-filter';
import LinearBarChart from './components/linearBarChart' import LinearBarChart from './components/linearBarChart'
const qualityYearTableProps= [] const qualityYearTableProps= []
@ -153,7 +155,10 @@ const EqMonitoringProps = [
] ]
const cutProps = [ const cutProps = [
{ prop: 'lineName', label: '产线' }, { prop: 'lineName', label: '产线' },
{ prop: 'time', label: '时间' }, {
prop: 'time', label: '时间',
filter: parseTime
},
{ prop: 'size', label: '规格' }, { prop: 'size', label: '规格' },
{ prop: 'productArea', label: '良品面积' }, { prop: 'productArea', label: '良品面积' },
{ prop: 'wasteArea', label: '废片面积' }, { prop: 'wasteArea', label: '废片面积' },
@ -303,7 +308,10 @@ export default {
this.init() this.init()
}, },
mounted() { mounted() {
this.initWebSocket() this.funInitWebSocket()
this.CutInitWebSocket()
this.SJGInitWebSocket()
this.getTimes() this.getTimes()
const _this = this; const _this = this;
_this.beilv2 = document.documentElement.clientWidth / 1920 _this.beilv2 = document.documentElement.clientWidth / 1920
@ -353,13 +361,13 @@ export default {
// status: obj.data.FanFrequencyInfo[i] // status: obj.data.FanFrequencyInfo[i]
// }) // })
// } // }
this.funList = arr`` // this.funList = arr``
this.$axios.get( this.$axios.get(
'/monitoring/equipment-monitor/realtime-page', '/monitoring/equipment-monitor/realtime-page',
'get', 'get',
this.queryParams this.queryParams
).then((res) => { ).then((res) => {
console.log(res); console.log('222222222222222', res);
this.realEqList = res.data.list; this.realEqList = res.data.list;
// this.total = response.data.total; // this.total = response.data.total;
// this.loading = false; // this.loading = false;
@ -389,7 +397,7 @@ export default {
//拼接格式化当前时间 //拼接格式化当前时间
this.times = year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds; this.times = year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
}, },
initWebSocket() { SJGInitWebSocket() {
if (typeof (WebSocket) === 'undefined') { if (typeof (WebSocket) === 'undefined') {
alert('您的浏览器不支持WebSocket') alert('您的浏览器不支持WebSocket')
} else { } else {
@ -397,7 +405,7 @@ export default {
// const wsUrl = 'ws://192.168.1.104:48082/websocket/message?userId=SJG' // const wsUrl = 'ws://192.168.1.104:48082/websocket/message?userId=SJG'
let date = new Date().valueOf() let date = new Date().valueOf()
console.log(date); console.log(date);
const SJGWsUrl = `ws://192.168.0.33:48082/websocket/message?userId=COLD${date}` const SJGWsUrl = `ws://192.168.0.30:8888/websocket/message?userId=COLD${date}`
this.SJGWebsocket = new WebSocket(SJGWsUrl) this.SJGWebsocket = new WebSocket(SJGWsUrl)
// 监听 WebSocket 连接 // 监听 WebSocket 连接
this.SJGWebsocket.onopen = this.SJGWebsocketOnOpen this.SJGWebsocket.onopen = this.SJGWebsocketOnOpen
@ -407,7 +415,17 @@ export default {
this.SJGWebsocket.onmessage = this.SJGWebsocketOnMessage this.SJGWebsocket.onmessage = this.SJGWebsocketOnMessage
// 监听 webSocket 断开信息 // 监听 webSocket 断开信息
this.SJGWebsocket.onclose = this.SJGWebsocketClose this.SJGWebsocket.onclose = this.SJGWebsocketClose
const cutWsUrl = `ws://192.168.0.33:48082/websocket/message?userId=CUTTING${date}` }
},
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://192.168.0.30:8888/websocket/message?userId=CUTTING${date}`
this.cutWebsocket = new WebSocket(cutWsUrl) this.cutWebsocket = new WebSocket(cutWsUrl)
// 监听 WebSocket 连接 // 监听 WebSocket 连接
@ -418,29 +436,27 @@ export default {
this.cutWebsocket.onmessage = this.cutWebsocketOnMessage this.cutWebsocket.onmessage = this.cutWebsocketOnMessage
// 监听 webSocket 断开信息 // 监听 webSocket 断开信息
this.cutWebsocket.onclose = this.cutWebsocketClose this.cutWebsocket.onclose = this.cutWebsocketClose
const funWsUrl = `ws://10.70.180.10:8081/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://192.168.0.33:48082/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() { funWebsocketOnOpen() {
console.log('socket连接成功') console.log('socket连接成功')
// console.log(this.SJGWebsocket.onmessage); // console.log(this.SJGWebsocket.onmessage);
@ -449,23 +465,23 @@ export default {
// 连接建立失败重连 // 连接建立失败重连
funWebsocketOnError(e) { funWebsocketOnError(e) {
console.log('222222', e) console.log('222222', e)
this.initWebSocket() this.funInitWebSocket()
}, },
// 数据接收 // 数据接收
funWebsocketOnMessage(e) { funWebsocketOnMessage(e) {
// console.log(1111, e) // console.log(1111, e)
// console.log(this.wsData) // console.log(this.wsData)
// console.log('22222', this.wsData.data) // console.log('22222', this.wsData.data)
this.wsData = JSON.parse(e.data) this.funWsData = JSON.parse(e.data)
if (this.wsData.type === 'FanFrequencyInfo') { if (this.funWsData.type === 'FanFrequencyInfo') {
// let arr = [] let arr = []
// for (let i in this.wsData.FanFrequencyInfo) { for (let i in this.funWsData.FanFrequencyInfo) {
// arr.push({ arr.push({
// equipmentName: i, equipmentName: i,
// status: obj.data.FanFrequencyInfo[i] status: obj.data.FanFrequencyInfo[i]
// }) })
// } }
// this.funList = arr this.funList = arr
} }
}, },
cutWebsocketOnOpen() { cutWebsocketOnOpen() {
@ -476,16 +492,16 @@ export default {
// 连接建立失败重连 // 连接建立失败重连
cutWebsocketOnError(e) { cutWebsocketOnError(e) {
console.log('11111', e) console.log('11111', e)
this.initWebSocket() this.CutInitWebSocket()
}, },
// 数据接收 // 数据接收
cutWebsocketOnMessage(e) { cutWebsocketOnMessage(e) {
// console.log(1111, e) // console.log(1111, e)
this.wsData = JSON.parse(e.data) this.cutWsData = JSON.parse(e.data)
console.log(this.wsData)
// console.log('22222', this.wsData.data) // console.log('22222', this.wsData.data)
if (this.wsData.type === 'cutting' && this.wsData.name === 'table' ) { console.log('table', this.cutWsData)
this.cutTableDataList = this.wsData.productHourData.map((ele, index) => { if (this.cutWsData.type === 'cutting' && this.cutWsData.name === 'table') {
this.cutTableDataList = this.cutWsData.productHourData.map((ele, index) => {
// if (ele.progressRate != 1) { // if (ele.progressRate != 1) {
return { return {
id: ele.id, id: ele.id,
@ -500,7 +516,7 @@ export default {
// } // }
}); });
// console.log(this.orderList) // 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 nameList = []
let nameWasteList = [] let nameWasteList = []
let topNameList = [] let topNameList = []
@ -508,14 +524,18 @@ export default {
let wasteList = [] let wasteList = []
let sumAreaList = [] let sumAreaList = []
let yieldList = [] let yieldList = []
this.cutTableDataList = this.wsData.detData.forEach((ele, index) => { this.cutTableDataList = this.cutWsData.coldDetData.forEach((ele, index) => {
nameList.push(ele.lineName) nameList.push(ele.lineName)
topNameList.push(ele.lineName + ' ' + '总面积' + ele.sumArea) topNameList.push('产线: ' + ele.lineName + ' ' + '总面积:' + ele.sumArea)
productList.push(ele.productArea) productList.push(ele.productArea)
wasteList.push(ele.wastArea) wasteList.push(ele.wastArea)
nameWasteList.push('缺陷面积:'+ele.wastArea) nameWasteList.push('缺陷面积:' + ele.wastArea)
sumAreaList.push(ele.sumArea)
yieldList.push(ele.yield)
}) })
this.$refs.pileChart.initChart(nameList, topNameList, nameWasteList, productList, wasteList) 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.productChart.initChart(nameList, yieldList, sumAreaList)
// this.$refs.pileChart.initWebSocket // this.$refs.pileChart.initWebSocket
// console.log(this.orderList) // console.log(this.orderList)
@ -529,7 +549,7 @@ export default {
// 连接建立失败重连 // 连接建立失败重连
SJGWebsocketOnError(e) { SJGWebsocketOnError(e) {
console.log('11111', e) console.log('11111', e)
this.initWebSocket() this.SJGInitWebSocket()
}, },
// 数据接收 // 数据接收
SJGWebsocketOnMessage(e) { 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 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) // let obj = JSON.parse(data.data)
// console.log(obj); // console.log(obj);
this.wsData = JSON.parse(e.data) this.SJGWsData = JSON.parse(e.data)
console.log(this.wsData) console.log(this.SJGWsData)
// console.log('22222', this.wsData.data) // console.log('22222', this.wsData.data)
if (this.wsData.type === 'isra') { if (this.SJGWsData.type === 'isra') {
this.ISRAList = this.wsData.detData.map((ele, index) => { this.ISRAList = this.SJGWsData.detData.map((ele, index) => {
// if (ele.progressRate != 1) { // if (ele.progressRate != 1) {
return { return {
id: ele.id, id: ele.id,
@ -557,63 +577,6 @@ export default {
// console.log(this.orderList) // 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) { windowWidth(value) {
this.clientWidth = value this.clientWidth = value
this.beilv2 = this.clientWidth / 1920 this.beilv2 = this.clientWidth / 1920

4
src/views/OperationalOverview/components/doubleYChart .vue
View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2023-09-21 09:06:28 * @Date: 2023-09-21 09:06:28
* @LastEditTime: 2023-12-27 18:28:45 * @LastEditTime: 2023-12-29 16:18:17
* @LastEditors: zhp * @LastEditors: zhp
* @Description: * @Description:
--> -->
@ -138,7 +138,7 @@ export default {
} }
}, },
grid: { grid: {
left: "3%", left: "4%",
right: "4%", right: "4%",
bottom: "3%", bottom: "3%",
width: 'auto', width: 'auto',

168
src/views/OperationalOverview/components/pileBarChart.vue
View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2023-12-27 13:54:52 * @Date: 2023-12-27 13:54:52
* @LastEditTime: 2023-12-27 19:47:27 * @LastEditTime: 2023-12-29 16:28:26
* @LastEditors: zhp * @LastEditors: zhp
* @Description: * @Description:
--> -->
@ -93,54 +93,50 @@ export default {
initChart(nameList, topNameList, nameWasteList, passRateList, wasteList) { initChart(nameList, topNameList, nameWasteList, passRateList, wasteList) {
// console.log(1) // console.log(1)
this.chart = echarts.init(document.getElementById(this.id)) this.chart = echarts.init(document.getElementById(this.id))
let series = [{ let series = [
name: '成品面积', {
type: 'bar', // 辅助系列
stack: 'total', name: '良品',
// label: { type: 'bar',
// show: true stack: 'total',
// }, // silent: true,
emphasis: { // itemStyle: {
focus: 'series' color: '#0fdedb',
// },
barWidth: 10,
data: passRateList
}, },
data: passRateList, {
itemStyle: { type: 'bar',
normal: { color: '#2359ec' } stack: 'total',
name: '废品',
data: wasteList,
barWidth: 10,
// barWidth: 15,
// label: {
// position: [10, 10],
// normal: {
// position: [800, -24],
// show: true,
// textStyle: {
// color: '#2359ec',
// fontSize: 16,
// },
// },
// },
} }
}, ]
{
name: '废片面积',
type: 'bar',
stack: 'total',
// label: {
// show: true
// },
emphasis: {
focus: 'series'
},
barWidth: 12,
data: wasteList,
itemStyle: {
normal: { color: '#745fe4' }
}
},]
// for (i = 0; i < 5; i++) { // for (i = 0; i < 5; i++) {
// series.push({ // series.push({
// }) // })
// } // }
const yAxisDataLeft = topNameList;
// const yAxisDataRight = ['服装', '矿产', '服务业', '建筑业', '金融业'];
const yAxisDataRight = nameWasteList
this.chart.setOption({ this.chart.setOption({
tooltip: { legend: {
trigger: 'axis', textStyle: {
axisPointer: { color: '#ffffff'
// Use axis to trigger tooltip
type: 'shadow' // 'shadow' as default; can also be 'line' or 'shadow'
} }
}, },
// legend: {},
grid: { grid: {
left: '3%', left: '3%',
right: '4%', right: '4%',
@ -149,73 +145,38 @@ export default {
height: 'auto', height: 'auto',
containLabel: true containLabel: true
}, },
xAxis: {
type: 'value',
show: false, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字
axisTick: {
show: false // 不显示坐标轴刻度线
},
axisLine: {
show: false, // 不显示坐标轴线
},
axisLabel: {
show: false, // 不显示坐标轴上的文字
},
splitLine: {
show: false // 不显示网格线
},
},
yAxis: [ yAxis: [
{ {
type: 'category',
inverse: true, inverse: true,
data: yAxisDataLeft, splitLine: {
show: false
},
axisTick: {
show: false
},
axisLine: {
show: false
},
axisLabel: { axisLabel: {
show: true, show: true,
inside: true, inside: true,
interval: 0, //横轴信息全部显
splitNumber: 50,
// boundaryGap: [20, 20],
textStyle: { textStyle: {
color: '#ffffff', color: '#ffffff',
verticalAlign: 'bottom',
fontSize: 12, fontSize: 12,
align: 'left', align: 'left',
}, padding: [0, 0, 15, -5]
formatter: '{value}\n{a|占位}\n{a|占位}',
rich: {
a: {
color: 'transparent',
lineHeight: 24,
}
} }
}, },
//offset: 30, data: topNameList
splitLine: {
show: false
},
axisTick: {
show: false
},
axisLine: {
show: false
}
}, },
{ {
inverse: false, type: 'category',
data: yAxisDataRight, inverse: true,
axisLabel: {
inside: true,
textStyle: {
color: '#ffffff',
fontSize: 12,
align: 'right',
},
formatter: '{value}\n{a|占位}\n{a|占位}',
rich: {
a: {
color: 'transparent',
lineHeight: 24,
fontFamily: 'digital'
}
}
},
offset: 0,
splitLine: { splitLine: {
show: false show: false
}, },
@ -224,10 +185,29 @@ export default {
}, },
axisLine: { axisLine: {
show: false show: false
} },
axisLabel: {
show: true,
inside: true,
interval: 0, //横轴信息全部显
splitNumber: 50,
// boundaryGap: [20, 20],
textStyle: {
color: '#ffffff',
verticalAlign: 'bottom',
fontSize: 12,
align: 'right',
padding: [0, 0, 15, -5]
}
},
data: nameWasteList
} }
], ],
series: series xAxis: {
// max: 120,
show: false,
},
series:series
}) })
} }
} }

62
src/views/OperationalOverview/processingBoard.vue
View File

@ -2,7 +2,7 @@
* @Author: zwq * @Author: zwq
* @Date: 2021-07-19 15:18:30 * @Date: 2021-07-19 15:18:30
* @LastEditors: zhp * @LastEditors: zhp
* @LastEditTime: 2023-12-28 10:22:06 * @LastEditTime: 2023-12-29 15:15:50
* @Description: * @Description:
--> -->
<template> <template>
@ -557,6 +557,7 @@ export default {
mounted() { mounted() {
this.getList() this.getList()
this.initWebSocket() this.initWebSocket()
this.SJGInitWebSocket()
this.getTimes() this.getTimes()
const _this = this; const _this = this;
_this.beilv2 = document.documentElement.clientWidth / 1920 _this.beilv2 = document.documentElement.clientWidth / 1920
@ -597,14 +598,14 @@ export default {
'get', 'get',
this.queryParams this.queryParams
).then((res) => { ).then((res) => {
console.log('11111', res); // console.log('11111', res);
this.productLineList = res.data this.productLineList = res.data
}) })
this.$axios.get( this.$axios.get(
'base/quality-inspection-record/dayStatistics', 'base/quality-inspection-record/dayStatistics',
'get', 'get',
).then((res) => { ).then((res) => {
console.log('11111', res); // console.log('11111', res);
this.qualityMonthList = res.data this.qualityMonthList = res.data
}) })
}, },
@ -639,17 +640,6 @@ export default {
const wsUrl = `ws://192.168.0.33:48082/websocket/message?userId=EN${date}` const wsUrl = `ws://192.168.0.33:48082/websocket/message?userId=EN${date}`
// const wsUrl = 'ws://192.168.1.104:48082/websocket/message?userId=SJG' // const wsUrl = 'ws://192.168.1.104:48082/websocket/message?userId=SJG'
let date = new Date().valueOf() let date = new Date().valueOf()
console.log(date);
const SJGWsUrl = `ws://192.168.0.33:48082/websocket/message?userId=SJG${date}`
this.SJGWebsocket = new WebSocket(SJGWsUrl)
// 监听 WebSocket 连接
this.SJGWebsocket.onopen = this.SJGWebsocketOnOpen
// 监听 WebSocket 错误信息
this.SJGWebsocket.onerror = this.SJGWebsocketOnError
// 监听 WebSocket 消息
this.SJGWebsocket.onmessage = this.SJGWebsocketOnMessage
// 监听 webSocket 断开信息
this.SJGWebsocket.onclose = this.SJGWebsocketClose
// const wsUrl = 'ws://192.168.0.33:48082/websocket/message?userId=EN111' // const wsUrl = 'ws://192.168.0.33:48082/websocket/message?userId=EN111'
// 实例化 WebSocket // 实例化 WebSocket
this.websocket = new WebSocket(wsUrl) this.websocket = new WebSocket(wsUrl)
@ -663,6 +653,26 @@ export default {
this.websocket.onclose = this.websocketClose this.websocket.onclose = this.websocketClose
} }
}, },
SJGInitWebSocket() {
if (typeof (WebSocket) === 'undefined') {
alert('您的浏览器不支持WebSocket')
} else {
// const wsUrl = `ws://192.168.0.33:48082/websocket/message?userId=EN${date}`
// const wsUrl = 'ws://192.168.1.104:48082/websocket/message?userId=SJG'
let date = new Date().valueOf()
// console.log(date);
const SJGWsUrl = `ws://192.168.0.33:48082/websocket/message?userId=SJG${date}`
this.SJGWebsocket = new WebSocket(SJGWsUrl)
// 监听 WebSocket 连接
this.SJGWebsocket.onopen = this.SJGWebsocketOnOpen
// 监听 WebSocket 错误信息
this.SJGWebsocket.onerror = this.SJGWebsocketOnError
// 监听 WebSocket 消息
this.SJGWebsocket.onmessage = this.SJGWebsocketOnMessage
// 监听 webSocket 断开信息
this.SJGWebsocket.onclose = this.SJGWebsocketClose
}
},
SJGWebsocketOnOpen() { SJGWebsocketOnOpen() {
console.log('socket连接成功') console.log('socket连接成功')
console.log(this.SJGWebsocket.onmessage); console.log(this.SJGWebsocket.onmessage);
@ -671,16 +681,16 @@ export default {
// 连接建立失败重连 // 连接建立失败重连
SJGWebsocketOnError(e) { SJGWebsocketOnError(e) {
// console.log('11111', e) // console.log('11111', e)
this.initWebSocket() this.SJGInitWebSocket()
}, },
// 数据接收 // 数据接收
SJGWebsocketOnMessage(e) { SJGWebsocketOnMessage(e) {
// console.log(1111, e) // console.log(1111, e)
this.wsData = JSON.parse(e.data) this.SJGWsData = JSON.parse(e.data)
// console.log(this.wsData.detData); // console.log(this.wsData.detData);
// console.log('22222', this.wsData.data) // console.log('22222', this.wsData.data)
if (this.wsData.type === 'order') { if (this.SJGWsData.type === 'order') {
this.orderList = this.wsData.detData.map((ele, index) => { this.orderList = this.SJGWsData.detData.map((ele, index) => {
if (ele.progressRate != 1) { if (ele.progressRate != 1) {
return { return {
id: ele.id, id: ele.id,
@ -690,8 +700,8 @@ export default {
} }
}); });
console.log(this.orderList) console.log(this.orderList)
} else if (this.wsData.type === 'equipment') { } else if (this.SJGWsData.type === 'equipment') {
this.equipmentList = this.wsData.detData.map((ele, index) => { this.equipmentList = this.SJGWsData.detData.map((ele, index) => {
// if (ele.progressRate != 1) { // if (ele.progressRate != 1) {
return { return {
id: ele.id, id: ele.id,
@ -702,16 +712,16 @@ export default {
} }
// } // }
}); });
// console.log(this.orderList) // console.log(SJGWsData.orderList)
} else if (this.wsData.type === 'productline') { } else if (this.SJGWsData.type === 'productline') {
console.log(this.wsData.detData); // console.log(this.wsData.detData);
let nameList = [] let nameList = []
let passRateList = [] let passRateList = []
let outputNumList = [] let outputNumList = []
// console.log('2222222222', this.productLineList); // console.log('2222222222', this.productLineList);
this.productLineList.forEach((item) => { this.productLineList.forEach((item) => {
this.wsData.detData.forEach((ele) => { this.SJGWsData.detData.forEach((ele) => {
if (item.id == ele.productionLineId) { if (item.id == ele.productionLineId) {
nameList.push(item.name) nameList.push(item.name)
} }
@ -720,11 +730,11 @@ export default {
console.log(Array.from(new Set(nameList))) console.log(Array.from(new Set(nameList)))
// progressRateList = EnergyNameList // progressRateList = EnergyNameList
// let EnergyDataList = [] // let EnergyDataList = []
this.wsData.detData.forEach((ele) => { this.SJGWsData.detData.forEach((ele) => {
passRateList.push(ele.passRate *100 passRateList.push(ele.passRate *100
) )
}) })
this.wsData.detData.forEach((ele) => { this.SJGWsData.detData.forEach((ele) => {
outputNumList.push(ele.outputNum outputNumList.push(ele.outputNum
) )
}) })