2025.04.28

riku

2025-04-28 3acec796e54dc2f5e7d93e8ca72db7da9ec46f60

 src/views/inspection/WorkStream.vue

@@ -1,11 +1,12 @@
<template>
  <!-- <div class="border-r-small m-h-2 p-h-4"> -->
  <BaseCard>
    <div>
    <!-- <div>
      <input type="text" v-model="inputVal" />
      <button @click="handleSend">send</button>
      <button @click="handleLink">link</button>
    </div>
    </div> -->
    <div>业务状态中控</div>
    <el-scrollbar ref="scrollbarRef" :height="height">
      <div ref="scrollContentRef">
        <div v-for="item in streams" :key="item.index">
@@ -78,7 +79,9 @@
  if (socket) {
    socket.close()
  }
  socket = new WebSocket(`ws://192.168.0.138:8082/workstream`)
  const url = 'ws://' + ws + '/workstream'
  // socket = new WebSocket(`ws://192.168.0.138:8080/workstream`)
  socket = new WebSocket(url)
  // 与服务器建立连接：发送消息到服务器
  socket.onopen = () => {
    console.log('connect: ')
@@ -109,15 +112,16 @@
}

onMounted(() => {
  // setInterval(() => {
  //   streams.push({
  //     time: dayjs().format('YYYY-MM-DD HH:mm:ss'),
  //     user: users[parseInt(Math.random() * users.length)],
  //     obj: objs[parseInt(Math.random() * objs.length)],
  //     event: events[parseInt(Math.random() * events.length)]
  //   })
  //   scrollToBottom()
  // }, 10000)
  // handleLink()
  setInterval(() => {
    streams.push({
      time: dayjs().format('YYYY-MM-DD HH:mm:ss'),
      userName: users[parseInt(Math.random() * users.length)],
      obj: objs[parseInt(Math.random() * objs.length)],
      event: events[parseInt(Math.random() * events.length)]
    })
    scrollToBottom()
  }, 5000)
})
onUnmounted(() => {
  socket.close()