From f1b7bfb76bda2cb1e550a2b0030121cfec8f71a1 Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Fri, 19 Nov 2021 17:23:42 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-1303=20fix:=20=E4=BC=98=E5=8C=96topo?=
 =?UTF-8?q?=E6=93=8D=E4=BD=9Cmodule=E7=9A=84=E5=9B=9E=E6=98=BE=E7=BC=93?=
 =?UTF-8?q?=E6=85=A2=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/common/project/L5/CanvasProps.vue    | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/nezha-fronted/src/components/common/project/L5/CanvasProps.vue b/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
index 6030fc83b..de4a67172 100644
--- a/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
+++ b/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
@@ -7,7 +7,8 @@
     <!--<span class="right-box-top-btn-txt">{{$t('overall.delete')}}</span>-->
     <!--</button>-->
     <!--所有属性-->
-    <el-tabs v-model="tab" type="card" v-if="selection.pen" @tab-click="tabClick">
+    <keep-alive>
+      <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-->
@@ -772,8 +773,10 @@
         </el-collapse>
       </el-tab-pane>
     </el-tabs>
+    </keep-alive>
     <!--选中多个-->
-    <div v-else-if="selection.pens" class="">
+    <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">
@@ -840,8 +843,10 @@
         </el-collapse-item>
       </el-collapse>
     </div>
+    </keep-alive>
     <!-- 选中为空 -->
-    <div v-else style="height: 100%">
+    <keep-alive>
+      <div v-if="!selection.pens&&!selection.pen" style="height: 100%">
       <div class="project-title">
         Project
       </div>
@@ -1104,7 +1109,7 @@
 
       </div>
     </div>
-
+    </keep-alive>
   </div>
 </template>