소스 검색

修改StatusMonitoring.vue调整列表模式切换弹窗;

画安 1 개월 전
부모
커밋
feb797e5b9
1개의 변경된 파일19개의 추가작업 그리고 20개의 파일을 삭제
  1. 19 20
      src/views/StatusMonitoring.vue

+ 19 - 20
src/views/StatusMonitoring.vue

@@ -231,6 +231,25 @@ export default {
         onViewSelect(item) {
             console.log('你点击了:', item.label);
             this.currentView = item.value;
+            this.$refs.layout.clearDialogs(); // 清空全部弹窗
+            // 列表模式弹窗
+            if (this.currentView === 'list-mode') {
+                this.$refs.layout.openDialog({
+                    id: 'crossing-list', // 这里的 ID 可以根据实际业务场景动态生成
+                    title: '',
+                    component: 'CrossingListPanel',
+                    width: 1720,
+                    height: 682,
+                    center: false,
+                    showClose: true,
+                    noPadding: false,
+                    enableDblclickExpand: false,
+                    position: {x: 100, y:150},
+                    data: {
+                        onViewDetail: (rowData) => this.handleCrossingViewDetail(rowData)
+                    }
+                });
+            }
         },
         // 处理tab点击
         handleTabClick(nodeData) {
@@ -273,26 +292,6 @@ export default {
         showCrossingDalogs(nodeData) {
             console.log('显示干线弹窗组', nodeData.id, nodeData.label);
 
-            // 列表模式弹窗
-            if (this.currentView === 'list-mode') {
-                this.$refs.layout.openDialog({
-                    id: 'crossing-list' + nodeData.id, // 这里的 ID 可以根据实际业务场景动态生成
-                    title: nodeData.label,
-                    component: 'CrossingListPanel',
-                    width: 1315,
-                    height: 682,
-                    center: true,
-                    showClose: true,
-                    // position: { x: 750, y: 130 },
-                    noPadding: false,
-                    enableDblclickExpand: false,
-                    data: {
-                        onViewDetail: (rowData) => this.handleCrossingViewDetail(rowData)
-                    }
-                });
-                return;
-            }
-
             this.$refs.layout.openDialog({
                 id: 'crossing_' + nodeData.id, // 这里的 ID 可以根据实际业务场景动态生成
                 title: '',