gasInjection-project/src/views/vent/monitorManager/tunFaceMonitor/components/tunFaceHandleHistory.vue

<template>
  <div class="handle-history">
    <HandlerHistoryTable v-if="refresh" columns-type="operator_history" :device-type="type"
      :sys-id="deviceId"
      designScope="juejin_history" :scroll="{ y: 650 }"/>
  </div>
</template>
<script setup lang="ts">
import { watch, ref, nextTick } from 'vue'
import HandlerHistoryTable from '../../comment/WorkFaceHandlerHistoryTable.vue';

  const props = defineProps({
    deviceType: {
      type: String,
      required: true,
    },
    deviceId: {
      type: String,
      required: true,
    }
  })

  const type = ref(props.deviceType)

  const refresh = ref(true)

  watch(() => props.deviceType, (newVal) => {
    type.value = newVal
    refresh.value = false
    nextTick(() => {
      refresh.value = true
    })
  })


</script>
<style lang="less" scoped>
.handle-history {
  width: 100%;
  pointer-events: auto;
}
</style>