diff --git a/src/views/connection/detail.vue b/src/views/connection/detail.vue
index c0185b2..ea153c2 100644
--- a/src/views/connection/detail.vue
+++ b/src/views/connection/detail.vue
@@ -153,6 +153,15 @@ const loadData = () => {
 const doNodeClick = (node) => {
   info.selNode = node?.properties?.data || {};
   info.param = node?.properties?.data?.parameters || { inputs: [], outputs: [], process: {} }
+  if(!info.param.inputs){
+    info.param.inputs=[]
+  }
+  if(!info.param.outputs){
+    info.param.outputs=[]
+  }
+  if(!info.param.process){
+    info.param.process={}
+  }
   info.param.inputs.forEach((d, idx) => {
     d.selected = idx == 0;
   });
@@ -255,7 +264,9 @@ const doOutputSelected = idx => {
           }
 
           .div-param {
+            flex-grow: 1;
             .div-navs {
+              margin-left: 4px;
               .sp-nav {
                 display: inline-block;
                 line-height: 24px;
diff --git a/src/views/connection/edit.vue b/src/views/connection/edit.vue
index 8309d59..3d4d440 100644
--- a/src/views/connection/edit.vue
+++ b/src/views/connection/edit.vue
@@ -519,7 +519,9 @@ onMounted(() => {
         }
 
         .div-param {
+          flex-grow: 1;
           .div-navs {
+            margin-left: 4px;
             .sp-nav {
               display: inline-block;
               line-height: 24px;
diff --git a/src/views/connection/nodePanel.vue b/src/views/connection/nodePanel.vue
index c2f50fe..bfec258 100644
--- a/src/views/connection/nodePanel.vue
+++ b/src/views/connection/nodePanel.vue
@@ -60,6 +60,15 @@ const dragNode = (it, t) => {
   }
   OperApi.findOne(it.operator_id).then(res => {
     it.parameters = res.data.data.parameters;
+    if(!it.parameters.inputs){
+      it.parameters.inputs=[]
+    }
+    if(!it.parameters.outputs){
+      it.parameters.outputs=[]
+    }
+    if(!it.parameters.process){
+      it.parameters.process={}
+    }
     props.lf.dnd.startDrag({
     type: 'ai-node',
     text: it.text,