feat: 客户端快捷键关闭窗口先关网页内的弹窗

electron/main.js

@@ -3,6 +3,7 @@ const path = require('path')
 const XLSX = require('xlsx');
 const {app, BrowserWindow, ipcMain, dialog} = require('electron')
 
+let mainWindow = null;
 let willQuitApp = false,
     devloadCachePath = path.resolve(__dirname, ".devload"),
     devloadUrl = "";
@@ -29,7 +30,7 @@ function runNum(str, fixed) {
 }
 
 function createWindow() {
-    const mainWindow = new BrowserWindow({
+    mainWindow = new BrowserWindow({
         width: 1280,
         height: 800,
         webPreferences: {
@@ -52,7 +53,7 @@ function createWindow() {
     mainWindow.on('close', function (e) {
         if (!willQuitApp) {
             e.preventDefault();
-            app.hide();
+            mainWindow.webContents.send("windowClose", {})
         }
     })
 }
@@ -71,7 +72,7 @@ app.on('window-all-closed', function () {
 
 app.on('before-quit', () => {
     willQuitApp = true
-});
+})
 
 ipcMain.on('setDockBadge', (event, arg) => {
     if (runNum(arg) > 0) {
@@ -79,6 +80,22 @@ ipcMain.on('setDockBadge', (event, arg) => {
     } else {
         app.dock.setBadge("")
     }
+})
+
+ipcMain.on('windowMax', function () {
+    if (mainWindow.isMaximized()) {
+        mainWindow.restore();
+    } else {
+        mainWindow.maximize();
+    }
+})
+
+ipcMain.on('windowHidden', () => {
+    app.hide();
+})
+
+ipcMain.on('windowClose', () => {
+    mainWindow.close()
 });
 
 ipcMain.on('saveSheet', (event, data, filename, opts) => {
@@ -93,4 +110,4 @@ ipcMain.on('saveSheet', (event, data, filename, opts) => {
     }).then(o => {
         XLSX.writeFile(data, o.filePath, opts);
     });
-});
+})

package.json

@@ -58,7 +58,7 @@
         "stylus-loader": "^6.2.0",
         "tinymce": "^5.10.2",
         "tui-calendar-hi": "^1.15.1-1",
-        "view-design-hi": "^4.7.0-1",
+        "view-design-hi": "^4.7.0-2",
         "vue": "^2.6.14",
         "vue-clipboard2": "^0.3.3",
         "vue-emoji-picker": "^1.0.3",

resources/assets/js/App.vue

@@ -11,13 +11,21 @@
 
 <script>
 import Spinner from "./components/Spinner";
+import {mapState} from "vuex";
+
 export default {
     components: {Spinner},
+
     data() {
         return {
             transitionName: null,
         }
     },
+
+    created() {
+        this.electronEvents();
+    },
+
     mounted() {
         let hash = window.location.hash;
         if (hash.indexOf("#") === 0) {
@@ -39,9 +47,15 @@
         //
         window.addEventListener('resize', this.windowMax768Listener);
     },
+
     beforeDestroy() {
         window.removeEventListener('resize', this.windowMax768Listener);
     },
+
+    computed: {
+        ...mapState(['taskId']),
+    },
+
     watch: {
         '$route'(To, From) {
             if (this.transitionName === null) {
@@ -54,6 +68,7 @@
             this.slideType(To, From);
         }
     },
+
     methods: {
         slideType(To, From) {
             let isBack = this.$router.isBack;
@@ -69,22 +84,17 @@
                 this.sessionStorage(To.path, this.sessionStorage('::count') + 1);
             }
             //
-                if (To.meta.slide === false || From.meta.slide === false)
+            if (To.meta.slide === false || From.meta.slide === false) {
-                {
                 //取消动画
                 this.transitionName = 'app-slide-no'
-                }
+            } else if (To.meta.slide === 'up' || From.meta.slide === 'up' || To.meta.slide === 'down' || From.meta.slide === 'down') {
-                else if (To.meta.slide === 'up' || From.meta.slide === 'up' || To.meta.slide === 'down' || From.meta.slide === 'down')
-                {
                 //上下动画
                 if (isBack) {
                     this.transitionName = 'app-slide-down'
                 } else {
                     this.transitionName = 'app-slide-up'
                 }
-                }
+            } else {
-                else
-                {
                 //左右动画（默认）
                 if (isBack) {
                     this.transitionName = 'app-slide-right'
@@ -93,6 +103,7 @@
                 }
             }
         },
+
         sessionStorage(path, num) {
             let conut = 0;
             let history = JSON.parse(window.sessionStorage['__history__'] || '{}');
@@ -116,7 +127,11 @@
             }
             if (path === "/") num = 1;
             history[path] = num;
-                for(let key in history){ if (history.hasOwnProperty(key) && key !== '::count') { conut++; } }
+            for (let key in history) {
+                if (history.hasOwnProperty(key) && key !== '::count') {
+                    conut++;
+                }
+            }
             history['::count'] = Math.max(num, conut);
             window.sessionStorage['__history__'] = JSON.stringify(history);
         },
@@ -156,6 +171,19 @@
         windowMax768Listener() {
             this.$store.state.windowMax768 = window.innerWidth <= 768
         },
+
+        electronEvents() {
+            if (!this.isElectron) {
+                return;
+            }
+            const {ipcRenderer} = this.$electron;
+            ipcRenderer.on('windowClose', () => {
+                if (this.$Modal.removeLast()) {
+                    return;
+                }
+                ipcRenderer.send('windowHidden');
+            })
+        }
     }
 }
 </script>