diff --git a/nezha-fronted/src/components/common/project/L5/CanvasProps.vue b/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
index 0ccad75a8..e1d3f0f63 100644
--- a/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
+++ b/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
@@ -1,8 +1,7 @@
 <template>
   <div class="props-box" :loading="loading">
     <!--所有属性-->
-    <keep-alive>
-      <el-tabs v-model="tab" type="card" v-if="selection.pen" @tab-click="tabClick">
+    <el-tabs v-model="tab" type="card" v-if="selection.pen" @tab-click="tabClick">
       <el-tab-pane :label="$t('project.topology.data')" name="1">
         <el-form v-model="selection.pen.data" class="pens-data" label-position="top">
           <!--module-->
@@ -24,11 +23,11 @@
           <el-row class="form-row-title">
             {{ $t('dashboard.panel.chartForm.thresholds') }}
             <span v-if="selection.pen.data.valueMappingSort !=='desc'" class="title__label"
-                  >（0:Ok > … >{{
+            >（0:Ok > … >{{
                 selection.pen.data.valueMapping.length
               }}:Critical）</span>
             <span v-if="selection.pen.data.valueMappingSort ==='desc'" class="title__label"
-                  >（{{
+            >（{{
                 selection.pen.data.valueMapping.length
               }}:Critical > … >0:Ok）</span>
             <el-form-item class="float-right" prop="type" style="height: 100%;">
@@ -45,6 +44,7 @@
               <el-row v-for="(item,index) in selection.pen.data.expressArr" :key="index" class="element-item form-row-item"
                       style="">
                 <promql-input
+                  v-if="selection.pen"
                   :from-father-data="true"
                   :isTopo="true"
                   :metricOptionsParent="metricOptions"
@@ -109,9 +109,9 @@
                       <span v-if="item.level!==0">
                         <div style="display: inline-block">
                           <nezhaColor :isTopo="true"
-                            :color-val="item.color"
-                            :presetColors="predefineColors" :single="false"
-                            :value-arr="[{name:'fill',value:item.color.fill,key:'bac'},{name:'line',value:item.color.line,key:'line'},{name:'text',value:item.color.text,key:'text'}]" @colorChange="(val,key)=>{colorChangeTable(item,val,key)}"/>
+                                      :color-val="item.color"
+                                      :presetColors="predefineColors" :single="false"
+                                      :value-arr="[{name:'fill',value:item.color.fill,key:'bac'},{name:'line',value:item.color.line,key:'line'},{name:'text',value:item.color.text,key:'text'}]" @colorChange="(val,key)=>{colorChangeTable(item,val,key)}"/>
                         </div>
                       </span>
                       <span v-else>base</span>
@@ -223,6 +223,7 @@
                       class="element-item form-row-item form-row-item-border"
                       style="width: 100%; border-radius: 2px; padding-right: 60px;">
                 <promql-input
+                  v-if="selection.pen"
                   :from-father-data="true"
                   :isTopo="true"
                   :metricOptionsParent="metricOptions"
@@ -716,53 +717,52 @@
                 </div>
               </div>
 
-<!--              <div class="props-pen-item">-->
-<!--                <div>{{ $t('project.topology.textOffsetX') }}</div>-->
-<!--                <div class="p10 pl0">-->
-<!--                  <el-input-number-->
-<!--                    @focus="inputFocus"-->
-<!--                    @blur="inputBlur"-->
-<!--                    :precision="0"-->
-<!--                    controls-position="right"-->
-<!--                    size="small" name="x"-->
-<!--                    class="input"-->
-<!--                    v-model.number="selection.pen.textLeft"-->
-<!--                    :readonly="readonly"-->
-<!--                    required-->
-<!--                    @change="onChange()"></el-input-number>-->
-<!--                </div>-->
-<!--              </div>-->
+              <!--              <div class="props-pen-item">-->
+              <!--                <div>{{ $t('project.topology.textOffsetX') }}</div>-->
+              <!--                <div class="p10 pl0">-->
+              <!--                  <el-input-number-->
+              <!--                    @focus="inputFocus"-->
+              <!--                    @blur="inputBlur"-->
+              <!--                    :precision="0"-->
+              <!--                    controls-position="right"-->
+              <!--                    size="small" name="x"-->
+              <!--                    class="input"-->
+              <!--                    v-model.number="selection.pen.textLeft"-->
+              <!--                    :readonly="readonly"-->
+              <!--                    required-->
+              <!--                    @change="onChange()"></el-input-number>-->
+              <!--                </div>-->
+              <!--              </div>-->
 
-<!--              <div class="props-pen-item">-->
-<!--                <div>{{ $t('project.topology.textOffsetY') }}</div>-->
-<!--                <div class="p10 pl0">-->
-<!--                  <el-input-number-->
-<!--                    @focus="inputFocus"-->
-<!--                    @blur="inputBlur"-->
-<!--                    :precision="0"-->
-<!--                    controls-position="right"-->
-<!--                    size="small" name="x"-->
-<!--                    class="input"-->
-<!--                    v-model.number="selection.pen.textTop"-->
-<!--                    :readonly="readonly"-->
-<!--                    required-->
-<!--                    @change="onChange()"></el-input-number>-->
-<!--                </div>-->
-<!--              </div>-->
+              <!--              <div class="props-pen-item">-->
+              <!--                <div>{{ $t('project.topology.textOffsetY') }}</div>-->
+              <!--                <div class="p10 pl0">-->
+              <!--                  <el-input-number-->
+              <!--                    @focus="inputFocus"-->
+              <!--                    @blur="inputBlur"-->
+              <!--                    :precision="0"-->
+              <!--                    controls-position="right"-->
+              <!--                    size="small" name="x"-->
+              <!--                    class="input"-->
+              <!--                    v-model.number="selection.pen.textTop"-->
+              <!--                    :readonly="readonly"-->
+              <!--                    required-->
+              <!--                    @change="onChange()"></el-input-number>-->
+              <!--                </div>-->
+              <!--              </div>-->
 
             </div>
           </el-collapse-item>
         </el-collapse>
       </el-tab-pane>
     </el-tabs>
-    </keep-alive>
     <!--选中多个-->
     <keep-alive>
       <div v-if="selection.pens" class="">
       <el-collapse v-model="activeNames">
         <!--对齐方式-->
         <el-collapse-item :title="$t('project.topology.align')" name="1" v-if="selection.pens">
-          <label class="hover pointer mr10 iconLabel" v-for="item in nodesAlign" :title="item.desc">
+          <label class="hover pointer mr10 iconLabel" v-for="item in nodesAlign" :title="item.desc" :key="item.value">
             <i :class="['iconfont','iconfontSize16',`icon-align-${item.value}`]"
                @click="onNodesAlign(item.value)"></i>
           </label>
diff --git a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
index c65ae05fa..8c831cde2 100644
--- a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
+++ b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
@@ -514,7 +514,8 @@ export default {
       projectOption: [],
       filterSilence: '',
       tempBoxId: {},
-      loading: false
+      loading: false,
+      firstInit: true
     }
   },
   computed: {
@@ -697,6 +698,9 @@ export default {
       }
     },
     newChange (val) {
+      if (this.firstInit && this.isTopo) {
+        return
+      }
       if (val) {
         this.oldcCodeLength = val.length
         this.codeMirrorValue[this.index] = val
@@ -1154,7 +1158,7 @@ export default {
       immediate: true,
       handler (n, o) {
         this.codeMirrorValue[this.index] = n[this.index]
-        if (this.isTopo) {
+        if (this.isTopo && this.firstInit) {
           setTimeout(() => {
             const text = this.newView.state.doc.toString()
             this.newView.dispatch(
@@ -1162,6 +1166,7 @@ export default {
                 changes: { from: 0, to: text.length, insert: this.codeMirrorValue[this.index] }
               })
             )
+            this.firstInit = false
           }, 200)
         }
       }