feat: electron 打包 mac app

README.md

@@ -37,7 +37,7 @@ npm run build:package  该指令全是将目前已有的模块分别打包
 | -------- | -------- | ---------------------------------------- |
 | iot      | 物联网   | /iot                                     |
 | rts      | 视联网   | /rts                                     |
-| schedule | 数据中台 | http://124.222.113.37:12345/scheduler/ui |
+| schedule | 数据中台 | /schedule |
 | view     | 可视化   | http://cloudview.jiaolongcloud.com/      |
 | lowcode  | 低代码   | http://49.232.161.110:5556               |
 | user  | 用户群组   | /user             |
@@ -67,11 +67,10 @@ npm run build:package  该指令全是将目前已有的模块分别打包
 
 1. 支持对浏览器标签的信息设置
 2. 打包mac程序
-3. 用户模块
-4. 菜单在移动端下的设置
 5. 区域纯净模式
 6. 登录逻辑封装npm包
 7. 当前项目对状态码的错误处理
+7. 打包的mac app，顶部的状态栏高度有问题
 
 ## 代理
 

package.json

@@ -9,7 +9,8 @@
     "build": "vue-cli-service build",
     "build:package": "node plugins/build.js",
     "start": "yarn run serve",
-    "start:win": "electron .",
+    "start:win": "electron . win",
+    "start:mac": "electron . mac",
     "lint": "vue-cli-service lint"
   },
   "dependencies": {

plugins/electron.js

@@ -1,10 +1,22 @@
-const { app, BrowserWindow, BrowserView, Tray, Menu, nativeImage } = require('electron')
+const {
+  app,
+  BrowserWindow,
+  BrowserView,
+  Tray,
+  Menu,
+  nativeImage,
+  screen
+} = require('electron')
 
 const { resolve } = require('path')
 
 let tray
 
 function createWindow () {
+  const mainScreen = screen.getPrimaryDisplay()
+
+  const menuBarHeight = mainScreen.workArea.y
+
   const mainWindow = new BrowserWindow({
     width: 1000,
     height: 600, // 设置打开的窗口大小
@@ -12,6 +24,7 @@ function createWindow () {
     enableLargerThanScreen: true,
     autoHideMenuBar: true,
     icon: 'logo.png',
+    frame: true, // 显示mac 上顶部的状态栏
     webPreferences: {
       // contextIsolation: false,
       // worldSafeExecuteJavaScript:a flse,
@@ -33,6 +46,12 @@ function createWindow () {
   view.setAutoResize({ width: true, height: true })
   view.useContentSize = true
 
+  // 解决mac 顶部的菜单栏高度显示问题
+  // const marginTopDiv = document.createElement('div')
+  // marginTopDiv.style.height = `${menuBarHeight}px`
+  // marginTopDiv.style.width = '100%'
+  // document.body.appendChild(marginTopDiv)
+
   view.webContents.loadURL('http://cloudlink.jiaolongcloud.com') // wiew载入的页面
 }
 

src/pages/Iot/dashboard/deviceAccess/index.vue

@@ -111,21 +111,21 @@ const sourceList = reactive([
 
 const getStatisList = async () => {
   ModelController.count().then(r => {
-    sourceList[0].value = r.data.TOTAL
+    // sourceList[0].value = r.data.TOTAL
   })
 
   DeviceContriller.count().then(r => {
-    sourceList[3].value = r.data.TOTAL
+    // sourceList[3].value = r.data.TOTAL
     sourceList[4].value = r.data.CONNECT
     sourceList[5].value = r.data.INIT
   })
 
   RuleController.forwardCount().then(r => {
-    sourceList[1].value = r.data.TOTAL
+    // sourceList[1].value = r.data.TOTAL
   })
 
   RuleController.linkCount().then(r => {
-    sourceList[2].value = r.data.TOTAL
+    // sourceList[2].value = r.data.TOTAL
   })
 }