| 1 |
- {"ast":null,"code":"import ScreenHeader from '@/components/Header.vue';\nimport BuildingNav from '@/components/VideoMonitor/BuildingNav.vue';\nimport VideoGrid from '@/components/VideoMonitor/VideoGrid.vue';\nexport default {\n name: 'VideoMonitor',\n components: {\n ScreenHeader,\n BuildingNav,\n VideoGrid\n },\n methods: {\n handleNodeClick(data) {\n // 节点点击事件，后期可用于筛选视频\n console.log('选中节点:', data.label);\n }\n }\n};","map":{"version":3,"names":["ScreenHeader","BuildingNav","VideoGrid","name","components","methods","handleNodeClick","data","console","log","label"],"sources":["src/views/VideoMonitor.vue"],"sourcesContent":["<template>\n <div class=\"video-monitor-page\">\n <ScreenHeader />\n <div class=\"page-body\">\n <div class=\"side-panel\">\n <BuildingNav @node-click=\"handleNodeClick\" />\n </div>\n <div class=\"main-panel\">\n <VideoGrid />\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport ScreenHeader from '@/components/Header.vue'\nimport BuildingNav from '@/components/VideoMonitor/BuildingNav.vue'\nimport VideoGrid from '@/components/VideoMonitor/VideoGrid.vue'\n\nexport default {\n name: 'VideoMonitor',\n components: {\n ScreenHeader,\n BuildingNav,\n VideoGrid\n },\n methods: {\n handleNodeClick(data) {\n // 节点点击事件，后期可用于筛选视频\n console.log('选中节点:', data.label)\n }\n }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.video-monitor-page {\n width: 1920px;\n height: 1080px;\n background: $bg-dark;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.page-body {\n flex: 1;\n display: flex;\n gap: 16px;\n padding: 16px 20px;\n overflow: hidden;\n}\n\n.side-panel {\n width: 280px;\n flex-shrink: 0;\n}\n\n.main-panel {\n flex: 1;\n min-width: 0;\n}\n</style>\n"],"mappings":"AAeA,OAAAA,YAAA;AACA,OAAAC,WAAA;AACA,OAAAC,SAAA;AAEA;EACAC,IAAA;EACAC,UAAA;IACAJ,YAAA;IACAC,WAAA;IACAC;EACA;EACAG,OAAA;IACAC,gBAAAC,IAAA;MACA;MACAC,OAAA,CAAAC,GAAA,UAAAF,IAAA,CAAAG,KAAA;IACA;EACA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
