feat:修复编辑视图后 原有画布样式还原问题

frontend/src/components/canvas/components/Editor/ContextMenu.vue

@@ -35,11 +35,16 @@ export default {
     'menuTop',
     'menuLeft',
     'menuShow',
-    'curComponent'
+    'curComponent',
+    'componentData',
+    'canvasStyleData'
   ]),
   methods: {
     edit() {
       debugger
+      // 编辑时临时保存 当前修改的画布
+      localStorage.setItem('canvasDataEditTmp', JSON.stringify(this.componentData))
+      localStorage.setItem('canvasStyleEditTmp', JSON.stringify(this.canvasStyleData))
       if (this.curComponent.component === 'user-view') {
         this.$store.dispatch('chart/setViewId', null)
         this.$store.dispatch('chart/setViewId', this.curComponent.propValue.viewId)

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

@@ -164,13 +164,21 @@ export default {
       // 清理原有画布本地数据
       localStorage.setItem('canvasData', null)
       localStorage.setItem('canvasStyle', null)
-      if (panelId) {
+
+      // 如果临时画布有数据 则使用临时画布数据（视图编辑的时候 会保存临时画布数据）
+      if (localStorage.getItem('canvasDataEditTmp') && localStorage.getItem('canvasStyleEditTmp')) {
+        localStorage.setItem('canvasData', localStorage.getItem('canvasDataEditTmp'))
+        localStorage.setItem('canvasStyle', localStorage.getItem('canvasStyleEditTmp'))
+      } else if (panelId) {
         get('panel/group/findOne/' + panelId).then(response => {
           localStorage.setItem('canvasData', response.data.panelData)
           localStorage.setItem('canvasStyle', response.data.panelStyle)
-          this.restore()
         })
       }
+      // 清理临时画布本地数据
+      localStorage.setItem('canvasDataEditTmp', null)
+      localStorage.setItem('canvasStyleEditTmp', null)
+      this.restore()
     },
     save() {
 

frontend/src/views/panel/list/PanelList.vue

@@ -518,6 +518,9 @@ export default {
       this.authVisible = false
     },
     edit(data) {
+      // 清空临时画布
+      localStorage.setItem('canvasDataEditTmp', null)
+      localStorage.setItem('canvasStyleEditTmp', null)
       this.$store.dispatch('panel/setPanelInfo', data)
       bus.$emit('PanelSwitchComponent', { name: 'PanelEdit' })
     },