#98 clear logMessageList & resultList after toggling menu (#101)

byzer-org · Feb 28, 2022 · 42b02e4 · 42b02e4
1 parent ebc0689
commit 42b02e4
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 4 deletions.
diff --git a/src/components/Header/HeaderMenu.vue b/src/components/Header/HeaderMenu.vue
@@ -34,7 +34,8 @@
   </el-menu>
 </template>
 <script>
-import { mapState } from 'vuex'
+import { mapMutations, mapState } from 'vuex'
+import { actionsTypes } from '../../store'
 export default {
   data () {
     return {}
@@ -48,7 +49,11 @@ export default {
     }
   },
   methods: {
+    ...mapMutations ({
+      resetList: actionsTypes.RESET_LIST
+    }),
     handleSelect (key) {
+      this.resetList()
       this.$router.push({name: key})
     }
   }

diff --git a/src/page/Workspace/Notebook/LogMessage/index.vue b/src/page/Workspace/Notebook/LogMessage/index.vue
@@ -31,7 +31,7 @@ import { mapState, mapMutations, mapActions } from 'vuex'
   }
 })
 
-export default class ExcuteDetail extends Vue {
+export default class LogMessage extends Vue {
   logList = []
   timer = null
 
@@ -51,15 +51,19 @@ export default class ExcuteDetail extends Vue {
   @Watch('currentNotebook', { immediate: true, deep: true })
   onCurrentNotebookChange (newVal) {
     if (newVal && newVal.active === 'true' && !this.logMessageList.includes(this.cellId)) {
-      this.addLogMessage(this.cellId)
-      this.getLogs()
+      this.initLog()
     }
   }
 
   beforeDestroy () {
     window.clearTimeout(this.timer)
   }
 
+  initLog () {
+    this.addLogMessage(this.cellId)
+    this.getLogs()
+  }
+
   pollingData () {
     window.clearTimeout(this.timer)
     if (this._isDestroyed) {

diff --git a/src/store/module/notebook.js b/src/store/module/notebook.js
@@ -29,6 +29,10 @@ export default {
     [types.SET_LOG_MESSAGE_LIST]: (state, cellId) => {
       state.logMessageList.push(cellId)
     },
+    [types.RESET_LIST]: state => {
+      state.logMessageList = []
+      state.resultList = []
+    },
     [types.SET_RESULT_LIST]: (state, cellId) => {
       state.resultList.push(cellId)
     },

diff --git a/src/store/type.js b/src/store/type.js
@@ -31,6 +31,7 @@ export const SET_OPENED_NOTEBOOK = 'SET_OPENED_NOTEBOOK'
 export const SET_ACTIVE_NOTEBOOK = 'SET_ACTIVE_NOTEBOOK'
 export const SET_DEMO_LIST = 'SET_DEMO_LIST'
 export const SET_LOG_MESSAGE_LIST = 'SET_LOG_MESSAGE_LIST'
+export const RESET_LIST = 'RESET_LIST'
 export const SET_RESULT_LIST = 'SET_RESULT_LIST'
 export const CREATE_FOLDER = 'CREATE_FOLDER'
 export const MOVE_NOTEBOOK = 'MOVE_NOTEBOOK'