feat: 解决关闭编辑页面但是没有关闭左侧面板

frontend/src/components/canvas/components/Toolbar.vue

@@ -87,7 +87,10 @@ export default {
   },
   methods: {
     closePanelEdit() {
-      bus.$emit('PanelSwitchComponent', { name: 'PanelMain' })
+      this.$emit('close-left-panel')
+      this.$nextTick(() => {
+        bus.$emit('PanelSwitchComponent', { name: 'PanelMain' })
+      })
     },
     goFile() {
       this.$refs.files.click()

frontend/src/views/panel/edit/index.vue

@@ -6,7 +6,7 @@
           名称：{{ panelInfo.name || '测试仪表板' }}
         </span>
         <!--横向工具栏-->
-        <Toolbar />
+        <Toolbar @close-left-panel="closeLeftPanel" />
       </el-row>
     </el-header>
     <de-container>
@@ -44,10 +44,10 @@
         </div>
         <div ref="leftPanel" :class="{show:show}" class="leftPanel-container">
           <div />
-          <div v-show="show" class="leftPanel">
+          <div v-if="show" class="leftPanel">
 
             <div class="leftPanel-items">
-              <view-select v-show=" showIndex===0" />
+              <view-select v-show="show && showIndex===0" />
               <filter-group v-show="show && showIndex===1" />
             </div>
           </div>
@@ -349,6 +349,10 @@ export default {
       this.currentWidget = ApplicationContext.getService(serviceName)
       this.currentFilterCom = this.curComponent
       this.openFilterDiolog()
+    },
+    closeLeftPanel() {
+      this.show = false
+      this.beforeDestroy()
     }
   }
 }

frontend/src/views/panel/index.vue

 <template>
-  <de-container v-loading="$store.getters.loadingMap[$store.getters.currentPath]" style="background-color: #f7f8fa">
+  <de-container v-loading="$store.getters.loadingMap[$store.getters.currentPath]">
     <de-main-container>
       <component :is="component" :param="param" />
     </de-main-container>