40 lines
868 B
Vue
40 lines
868 B
Vue
|
<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>
|