<template>
    <div class="default-main analyze-dvr" :style="{ height: pageHeight.height }" v-loading="loading">
        <DeviceTree @node-click="nodeClick" @init="nodeClick"></DeviceTree>
        <div class="analyze-dvr-right"></div>
    </div>
</template>

<script setup lang="ts">
import { ref, reactive } from 'vue'
import { mainHeight } from '@/utils/layout'
import DeviceTree from '@/components/tree/govern/deviceTree.vue'

defineOptions({
    name: 'govern/analyze/DVR'
})
const pageHeight = mainHeight(20)
const loading = ref(false)

const nodeClick = async (e: anyObj) => {
    if (e.level == 2) {

    }
}
</script>

<style lang="scss">
.analyze-dvr {
    display: flex;

    &-right {
        height: 100%;
        overflow: hidden;
        flex: 1;
        padding: 10px 10px 10px 0;
        display: flex;
        flex-direction: column;
    }
}
</style>
