Browse Source

修改路口菜单单击直接显示路口详情弹窗

画安 1 month ago
parent
commit
792d2c0dbf
1 changed files with 23 additions and 21 deletions
  1. 23 21
      src/views/StatusMonitoring.vue

+ 23 - 21
src/views/StatusMonitoring.vue

@@ -336,25 +336,27 @@ export default {
             console.log('显示路口弹窗组', nodeData.id, nodeData.label);
 
             // 路口弹窗
-            this.$refs.layout.openDialog({
-                id: 'crossing3_' + nodeData.id, // 这里的 ID 可以根据实际业务场景动态生成
-                title: nodeData.label,
-                component: 'CrossingPanel',
-                width: 260,
-                height: 260,
-                center: false,
-                showClose: true,
-                position: { x: 950, y: 430 },
-                noPadding: false,
-                data: {
-                    ...nodeData,
-                    onExpand: (data) => this.handleDoubleClickExpend(data)
-                },
-                onClose: () => {
-                    this.$refs.layout.handleDialogClose('top-chart-crossing-1');
-                    this.$refs.layout.handleDialogClose('top-chart-crossing-2');
-                }
-            });
+            // this.$refs.layout.openDialog({
+            //     id: 'crossing3_' + nodeData.id, // 这里的 ID 可以根据实际业务场景动态生成
+            //     title: nodeData.label,
+            //     component: 'CrossingPanel',
+            //     width: 260,
+            //     height: 260,
+            //     center: false,
+            //     showClose: true,
+            //     position: { x: 950, y: 430 },
+            //     noPadding: false,
+            //     data: {
+            //         ...nodeData,
+            //         onExpand: (data) => this.handleDoubleClickExpend(data)
+            //     },
+            //     onClose: () => {
+            //         this.$refs.layout.handleDialogClose('top-chart-crossing-1');
+            //         this.$refs.layout.handleDialogClose('top-chart-crossing-2');
+            //     }
+            // });
+
+            this.showCrossingDetailDialogs(nodeData);
 
 
         },
@@ -367,9 +369,9 @@ export default {
                 component: 'CrossingDetailPanel',
                 width: 1315,
                 height: 682,
-                center: true,
+                center: false,
                 showClose: true,
-                // position: { x: 750, y: 130 },
+                position: { x: 500, y: 170 },
                 noPadding: false,
                 enableDblclickExpand: false,
                 data: nodeData