From 67dccc5011f0d2504acd59bb561d855536f876d4 Mon Sep 17 00:00:00 2001 From: yangsy Date: Wed, 27 May 2026 22:28:57 +0800 Subject: [PATCH] =?UTF-8?q?refactor(vimp):=20=E7=A7=BB=E9=99=A4=E5=86=97?= =?UTF-8?q?=E4=BD=99=E7=9A=84=E9=80=89=E4=B8=AD=E8=AE=BE=E5=A4=87GB?= =?UTF-8?q?=E7=BC=96=E7=A0=81=E7=9B=B8=E5=85=B3=E4=BB=A3=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 删除alarm-tree、camera-tree组件中的选中状态定义、节点绑定及双击设置逻辑,同时移除vimp主页面中对应的状态声明、组件传参和状态展示代码 --- src/pages/vimp/components/alarm-tree.vue | 5 ----- src/pages/vimp/components/camera-tree.vue | 5 ----- src/pages/vimp/vimp-page.vue | 7 +------ 3 files changed, 1 insertion(+), 16 deletions(-) diff --git a/src/pages/vimp/components/alarm-tree.vue b/src/pages/vimp/components/alarm-tree.vue index 9a059ea..8f73912 100644 --- a/src/pages/vimp/components/alarm-tree.vue +++ b/src/pages/vimp/components/alarm-tree.vue @@ -11,8 +11,6 @@ const { isLoading } = useDeviceCenterQuery(); const alarmStore = useAlarmStore(); const { lineTabPanes } = storeToRefs(alarmStore); -const selectedDeviceGbCode = defineModel<[string]>('selectedDeviceGbCode', { default: () => [''] }); - const overrideNodeClickBehavior: TreeOverrideNodeClickBehavior = ({ option }) => { const hasChildren = (option.children?.length ?? 0) > 0; if (hasChildren) { @@ -61,7 +59,6 @@ const renderNodeLabel: TreeProps['renderLabel'] = ({ option }) => { draggable: alarmOnline(), onDblclick() { if (!alarmOnline()) return; - selectedDeviceGbCode.value = [alarm.code]; window.$message.info(`查看警报器:${JSON.stringify({ code: alarm.code, name: alarm.name })}`); }, onDragstart(event) { @@ -92,7 +89,6 @@ const renderNodeLabel: TreeProps['renderLabel'] = ({ option }) => { show-line virtual-scroll style="height: 100%" - v-model:selected-keys="selectedDeviceGbCode" :data="lineTabPanes.at(0)?.alarmTree" :override-default-node-click-behavior="overrideNodeClickBehavior" :render-label="renderNodeLabel" @@ -107,7 +103,6 @@ const renderNodeLabel: TreeProps['renderLabel'] = ({ option }) => { show-line virtual-scroll style="height: 100%" - v-model:selected-keys="selectedDeviceGbCode" :data="alarmTree" :override-default-node-click-behavior="overrideNodeClickBehavior" :render-label="renderNodeLabel" diff --git a/src/pages/vimp/components/camera-tree.vue b/src/pages/vimp/components/camera-tree.vue index c90261c..3150f1b 100644 --- a/src/pages/vimp/components/camera-tree.vue +++ b/src/pages/vimp/components/camera-tree.vue @@ -11,8 +11,6 @@ const { isLoading } = useDeviceCenterQuery(); const cameraStore = useCameraStore(); const { lineTabPanes } = storeToRefs(cameraStore); -const selectedDeviceGbCode = defineModel<[string]>('selectedDeviceGbCode', { default: () => [''] }); - const overrideNodeClickBehavior: TreeOverrideNodeClickBehavior = ({ option }) => { const hasChildren = (option.children?.length ?? 0) > 0; if (hasChildren) { @@ -61,7 +59,6 @@ const renderNodeLabel: TreeProps['renderLabel'] = ({ option }) => { draggable: cameraOnline(), onDblclick() { if (!cameraOnline()) return; - selectedDeviceGbCode.value = [camera.code]; window.$message.info(`播放:${JSON.stringify({ code: camera.code, name: camera.name })}`); }, onDragstart(event) { @@ -92,7 +89,6 @@ const renderNodeLabel: TreeProps['renderLabel'] = ({ option }) => { show-line virtual-scroll style="height: 100%" - v-model:selected-keys="selectedDeviceGbCode" :data="lineTabPanes.at(0)?.cameraTree" :override-default-node-click-behavior="overrideNodeClickBehavior" :render-label="renderNodeLabel" @@ -107,7 +103,6 @@ const renderNodeLabel: TreeProps['renderLabel'] = ({ option }) => { show-line virtual-scroll style="height: 100%" - v-model:selected-keys="selectedDeviceGbCode" :data="cameraTree" :override-default-node-click-behavior="overrideNodeClickBehavior" :render-label="renderNodeLabel" diff --git a/src/pages/vimp/vimp-page.vue b/src/pages/vimp/vimp-page.vue index fc8834f..15677c2 100644 --- a/src/pages/vimp/vimp-page.vue +++ b/src/pages/vimp/vimp-page.vue @@ -15,8 +15,6 @@ const resourceTabPanes: ResourceTabPane[] = [ { name: 'alarm', tab: '警报器', component: AlarmTree }, ]; -const selectedDeviceGbCode = ref<[string]>(['']); - const onDragover = (event: DragEvent) => { event.preventDefault(); if (event.dataTransfer) { @@ -32,13 +30,11 @@ const onDrop = (event: DragEvent) => { const code = event.dataTransfer?.getData('code'); if (!code) return; const name = event.dataTransfer?.getData('name'); - selectedDeviceGbCode.value = [code]; window.$message.info(`播放:${JSON.stringify({ code, name })}`); } else if (type === 'alarm') { const code = event.dataTransfer?.getData('code'); if (!code) return; const name = event.dataTransfer?.getData('name'); - selectedDeviceGbCode.value = [code]; window.$message.info(`查看警报器:${JSON.stringify({ code, name })}`); } else { } @@ -51,7 +47,7 @@ const onDrop = (event: DragEvent) => { @@ -59,7 +55,6 @@ const onDrop = (event: DragEvent) => {
这里是播放器
-
{{ selectedDeviceGbCode }}