Преглед изворни кода

总览/首页关键路口详情改用 CrossingMultiView 多窗口

  将状态监控页三条原走单弹窗的路口详情入口改道到多窗口方法 showCrossingDalogs:
  - 总览 Tab 地图点击路口(handleMapCrossingClick)
  - 首页关键路口跳转进路口 Tab(checkRouteParams)
  - 总览小弹窗双击展开(handleDoubleClickExpend,拆分 overview/crossing 条件,仅 overview 改多窗口)
画安 пре 1 недеља
родитељ
комит
ad488d190b
2 измењених фајлова са 7 додато и 5 уклоњено
  1. 1 1
      src/components/ui/SmartDialog.vue
  2. 6 4
      src/views/StatusMonitoring.vue

+ 1 - 1
src/components/ui/SmartDialog.vue

@@ -361,7 +361,7 @@ export default {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: clamp(6px, 1.2cqw, 12px) clamp(6px, 1.2cqw, 12px);
+  padding: clamp(10px, 1.2cqw, 12px) clamp(10px, 1.2cqw, 12px);
 }
 
 .dialog-header.not-title {

+ 6 - 4
src/views/StatusMonitoring.vue

@@ -388,7 +388,7 @@ export default {
             }
             console.log(nodeData);
             if (this.activeLeftTab === 'overview') { // 总览
-                this.showCrossingDetailDialogs(nodeData);
+                this.showCrossingDalogs(nodeData);
             } else if (this.activeLeftTab === 'crossing') { // 路口
                 this.showCrossingDalogs(nodeData);
             } else if (this.activeLeftTab === 'trunkLine') { // 干线
@@ -523,7 +523,9 @@ export default {
         // 处理弹窗双击展开(通过 onExpand 回调从 Layout 传入)
         handleDoubleClickExpend(nodeData) {
             console.log('处理弹窗双击事件', nodeData);
-            if (this.activeLeftTab === 'crossing' || this.activeLeftTab === 'overview') {
+            if (this.activeLeftTab === 'overview') {
+                this.showCrossingDalogs(nodeData);
+            } else if (this.activeLeftTab === 'crossing') {
                 this.showCrossingDetailDialogs(nodeData);
             }
         },
@@ -777,8 +779,8 @@ export default {
 
                 if (action === 'open-dialog') {
                     this.$nextTick(() => {
-                        // 只传真实路口 id:标题/数据都由 showCrossingDetailDialogs 按 id 查接口返回的真实路口名
-                        this.showCrossingDetailDialogs({
+                        // 只传真实路口 id:标题/数据都由 showCrossingDalogs 按 id 查接口返回的真实路口名
+                        this.showCrossingDalogs({
                             id: id || ('route_' + new Date().getTime()),
                         });
                     });