2024.7.16

riku

2024-07-16 d00a9f035aec50c37c8e0a1363a1968672fb875f

 src/views/inspection/WorkStream.vue

@@ -1,5 +1,6 @@
<template>
  <div class="border-r-small m-h-2 p-h-4">
  <!-- <div class="border-r-small m-h-2 p-h-4"> -->
  <BaseCard>
    <el-scrollbar ref="scrollbarRef" :height="height">
      <div ref="scrollContentRef">
        <div v-for="item in streams" :key="item.index">
@@ -12,7 +13,8 @@
        </div>
      </div>
    </el-scrollbar>
  </div>
  </BaseCard>
  <!-- </div> -->
</template>
<script setup>
import { reactive, ref, onMounted, inject } from 'vue'
@@ -21,7 +23,7 @@
import { unCalc } from '@/utils/css-util'

const excludeMapHeight = inject('excludeMapHeight')
const height = `calc(${unCalc(excludeMapHeight)} - 30px)`
const height = `calc(${unCalc(excludeMapHeight)} - 36px)`

const streams = reactive([])
const scrollContentRef = ref()
@@ -58,17 +60,14 @@
}

onMounted(() => {
  //   var index = 0
  setInterval(() => {
    streams.push({
      //   index: index,
      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()
    // index++
  }, 10000)
  // 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)
})
</script>