diff --git a/src/layout/header-aside/components/header-fullscreen/index.vue b/src/layout/header-aside/components/header-fullscreen/index.vue
index 8ee8e184..2fda4a5a 100644
--- a/src/layout/header-aside/components/header-fullscreen/index.vue
+++ b/src/layout/header-aside/components/header-fullscreen/index.vue
@@ -11,7 +11,7 @@
 </template>
 
 <script>
-import { mapState, mapMutations } from 'vuex'
+import { mapState, mapActions } from 'vuex'
 export default {
   computed: {
     ...mapState('d2admin/fullscreen', [
@@ -19,7 +19,7 @@ export default {
     ])
   },
   methods: {
-    ...mapMutations('d2admin/fullscreen', [
+    ...mapActions('d2admin/fullscreen', [
       'toggle'
     ])
   }
diff --git a/src/main.js b/src/main.js
index f9c5628b..7e417ae4 100644
--- a/src/main.js
+++ b/src/main.js
@@ -66,7 +66,7 @@ new Vue({
     // 获取并记录用户 UA
     this.$store.commit('d2admin/ua/get')
     // 初始化全屏监听
-    this.$store.commit('d2admin/fullscreen/listen')
+    this.$store.dispatch('d2admin/fullscreen/listen')
   },
   watch: {
     // 监听路由 控制侧边栏显示
diff --git a/src/store/modules/d2admin/modules/fullscreen.js b/src/store/modules/d2admin/modules/fullscreen.js
index ed8dcb53..3a48da54 100644
--- a/src/store/modules/d2admin/modules/fullscreen.js
+++ b/src/store/modules/d2admin/modules/fullscreen.js
@@ -6,31 +6,42 @@ export default {
     // 全屏激活
     active: false
   },
-  mutations: {
+  actions: {
     /**
      * @description 初始化监听
      */
-    listen () {
-      if (screenfull.enabled) {
-        screenfull.on('change', () => {
-          if (!screenfull.isFullscreen) {
-            this.commit('set', false)
-          }
-        })
-      }
+    listen ({ commit }) {
+      return new Promise(resolve => {
+        if (screenfull.enabled) {
+          screenfull.on('change', () => {
+            console.log('1')
+            if (!screenfull.isFullscreen) {
+              commit('set', false)
+            }
+          })
+        }
+        // end
+        resolve()
+      })
     },
     /**
      * @description 切换全屏
      */
-    toggle () {
-      if (screenfull.isFullscreen) {
-        screenfull.exit()
-        this.commit('set', false)
-      } else {
-        screenfull.request()
-        this.commit('set', true)
-      }
-    },
+    toggle ({ commit }) {
+      return new Promise(resolve => {
+        if (screenfull.isFullscreen) {
+          screenfull.exit()
+          commit('set', false)
+        } else {
+          screenfull.request()
+          commit('set', true)
+        }
+        // end
+        resolve()
+      })
+    }
+  },
+  mutations: {
     /**
      * @description 设置 store 里的全屏状态
      * @param {Object} state vuex state