vent-template/src/views/vent/monitorManager/fanLocalMonitor/components/fanlocal-history.vue

<template>
    <div class="alarm-history">
        <template v-if="globalConfig.History_Type == 'remote'">
                <HistoryTable
                  :columns-type="`${selectDatas.deviceType}`"
                  :device-type="`${devicekide}`"
                  designScope="fanlocal-history"
                  :scroll="scroll"
                />
              </template>
              <template v-else>
                <HistoryTable1 class="w-100% h-100%" :device-code="`${devicekide}`" :scroll="scroll" dict-code="fanlocal_dict" />
              </template>
    </div>
</template>
<script setup lang="ts">
import { onBeforeMount, ref, watch, onMounted, nextTick, defineAsyncComponent, reactive, onUnmounted, inject, unref } from 'vue';
import HistoryTable from '../../comment/HistoryTable.vue'
import HistoryTable1 from '../../../../vent/comment/history/HistoryTable.vue'

const props = defineProps({
    selectData: {
        type: Object,
        default: () => {
            return {}
        }
    },
    devicekide:{
        type:String,
        default:'',
    },
    globalConfig:{
        type:Object,
        default:()=>{
            return {}
        },
    }
});

let selectDatas = reactive({})
let scroll = reactive({
  y: 700,
});

watch(() => props.selectData, (newS, oldS) => {
    selectDatas = Object.assign({}, newS)
}, {
    immediate: true,
    deep: true
})
</script>
<style lang="less" scoped>
.alarm-history {
    width: 100%;
    height: 730px;
    position: fixed;
    top: 100px;
}
</style>