From 38ff09bd2a638bc43a365efe0390cc3510d62e68 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期一, 09 六月 2025 17:36:37 +0800
Subject: [PATCH] 2025.6.9 功能编写中
---
src/views/inspection/WorkStream.vue | 89 ++++++++++++++++++++++++++++++--------------
1 files changed, 60 insertions(+), 29 deletions(-)
diff --git a/src/views/inspection/WorkStream.vue b/src/views/inspection/WorkStream.vue
index 1f71798..50aa1dd 100644
--- a/src/views/inspection/WorkStream.vue
+++ b/src/views/inspection/WorkStream.vue
@@ -1,20 +1,14 @@
<template>
- <!-- <div class="border-r-small m-h-2 p-h-4"> -->
- <BaseCard>
- <!-- <div>
- <input type="text" v-model="inputVal" />
- <button @click="handleSend">send</button>
- <button @click="handleLink">link</button>
- </div> -->
- <div>涓氬姟鐘舵�佷腑鎺�</div>
- <el-scrollbar ref="scrollbarRef" :height="height">
+ <BaseCard title="涓氬姟鐘舵�佷腑鎺�">
+ <el-scrollbar ref="scrollbarRef" class="scrollbar">
<div ref="scrollContentRef">
+ <el-row justify="center" class="m-t-16">
+ <el-text v-if="streams.length == 0">鏆傛棤鏂版秷鎭�</el-text>
+ </el-row>
<div v-for="item in streams" :key="item.index">
- <el-text type="primary">[{{ item.time }}]: </el-text>
+ <el-text type="warning">[{{ item.time }}]: </el-text>
<el-text>鐢ㄦ埛</el-text>
<el-text type="warning">{{ item.userName }}</el-text>
- <!-- <el-text>鍦�</el-text>
- <el-text type="success">{{ item.obj }}</el-text> -->
<el-text>{{ item.event }}</el-text>
</div>
</div>
@@ -66,13 +60,12 @@
}, 100)
}
-const inputVal = ref('')
-
-const handleSend = () => {
- if (socket) {
- socket.send(inputVal.value)
- }
-}
+// const inputVal = ref('')
+// const handleSend = () => {
+// if (socket) {
+// socket.send(inputVal.value)
+// }
+// }
let socket
const handleLink = () => {
@@ -112,18 +105,56 @@
}
onMounted(() => {
- // 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)
+ handleLink()
+ if (import.meta.env.DEV) {
+ // 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)]
+ // })
+ // 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)]
+ // })
+ // 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)]
+ // })
+ // 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)]
+ // })
+ // 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)]
+ // })
+ // 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()
+ // }, 60000)
+ }
})
onUnmounted(() => {
socket.close()
})
</script>
+<style scoped>
+.scrollbar {
+ height: 80px;
+ width: 600px;
+}
+</style>
--
Gitblit v1.9.3