Kaynağa Gözat

修改dialogMananger.js补全SmartDialog的参数;调整路口的设备状态弹窗和升级,重启弹窗不可缩放

画安 1 ay önce
ebeveyn
işleme
6dd088ee94

+ 2 - 0
src/components/ui/CrossingListPanel.vue

@@ -212,6 +212,7 @@ export default {
                         center: true,
                         enableDblclickExpand: false,
                         noPadding: true,
+                        resizable: false,
                         data: {
                             nodeName: row.name,
                             nodeId: row.id,
@@ -232,6 +233,7 @@ export default {
                         center: true,
                         enableDblclickExpand: false,
                         noPadding: true,
+                        resizable: false,
                         data: {
                             nodeName: row.name,
                             nodeId: row.id,

+ 4 - 0
src/layouts/DashboardLayout.vue

@@ -55,6 +55,10 @@
             :showClose="dialog.showClose"
             :enableDblclickExpand="dialog.enableDblclickExpand"
             :noPadding="dialog.noPadding"
+            :draggable="dialog.draggable"
+            :resizable="dialog.resizable"
+            :minWidth="dialog.minWidth"
+            :minHeight="dialog.minHeight"
             @close="handleDialogClose(dialog.id)"
             @expand="handleDialogExpand(dialog)">
 

+ 4 - 0
src/mixins/dialogManager.js

@@ -68,6 +68,10 @@ export default {
                 position: config.position || null,
                 noPadding: config.noPadding !== false,
                 enableDblclickExpand: config.enableDblclickExpand !== false,
+                draggable: config.draggable !== false,
+                resizable: config.resizable !== false,
+                minWidth: config.minWidth || 200,
+                minHeight: config.minHeight || 150,
                 showClose: config.showClose !== false,
                 headerComponent: config.headerComponent || null,
                 headerProps: config.headerProps || {},

+ 4 - 2
src/views/StatusMonitoring.vue

@@ -286,11 +286,11 @@ export default {
         },
         // 显示总览弹窗组
         showOverviewDalogs(nodeData) {
-            console.log('显示干线弹窗组', nodeData.id, nodeData.label);
+            console.log('显示总览弹窗组', nodeData.id, nodeData.label);
         },
         // 显示路口弹窗组
         showCrossingDalogs(nodeData) {
-            console.log('显示干线弹窗组', nodeData.id, nodeData.label);
+            console.log('显示路口弹窗组', nodeData.id, nodeData.label);
 
             this.$refs.layout.openDialog({
                 id: 'crossing_' + nodeData.id, // 这里的 ID 可以根据实际业务场景动态生成
@@ -302,6 +302,7 @@ export default {
                 showClose: false,
                 position: { x: 730, y: 130 },
                 noPadding: true,
+                resizable: false,
                 data: {
                     chartData: [
                         { name: '在线', value: 38, color: '#4DF5F8' },
@@ -322,6 +323,7 @@ export default {
                 showClose: false,
                 position: { x: 980, y: 130 },
                 noPadding: true,
+                resizable: false,
                 data: {
                     chartData: [
                         { name: '通信', value: 10, color: '#4DF5F8' },