页面截图

src/views/govern/analyze/DVR/index.vue

@@ -0,0 +1,39 @@
+<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>