From 37ff92879e4aeeac265359fc1368a4d965e0da27 Mon Sep 17 00:00:00 2001
From: gaoshuaixing <gaoshuaixing@bilibili.com>
Date: Tue, 1 Aug 2023 17:47:18 +0800
Subject: [PATCH] =?UTF-8?q?demo=20=E5=8A=A0=E8=BD=BD=E6=9C=AC=E6=9C=BA?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 electron/config/config.default.js  |  2 +-
 electron/controller/os.js          | 18 ++++++++++
 frontend/src/api/main.js           |  1 +
 frontend/src/router/routerMap.js   |  5 +++
 frontend/src/router/subMenu.js     |  8 ++++-
 frontend/src/views/os/file/Pic.vue | 53 ++++++++++++++++++++++++++++++
 6 files changed, 85 insertions(+), 2 deletions(-)
 create mode 100644 frontend/src/views/os/file/Pic.vue

diff --git a/electron/config/config.default.js b/electron/config/config.default.js
index 77a50ed..5ae2766 100644
--- a/electron/config/config.default.js
+++ b/electron/config/config.default.js
@@ -50,7 +50,7 @@ module.exports = (appInfo) => {
     minWidth: 800,
     minHeight: 650,
     webPreferences: {
-      //webSecurity: false, // 跨域问题 -> 打开注释
+      webSecurity: false,
       contextIsolation: false, // false -> 可在渲染进程中使用electron的api，true->需要bridge.js(contextBridge)
       nodeIntegration: true,
       //preload: path.join(appInfo.baseDir, 'preload', 'bridge.js'),
diff --git a/electron/controller/os.js b/electron/controller/os.js
index b84d82d..ca72d3f 100644
--- a/electron/controller/os.js
+++ b/electron/controller/os.js
@@ -93,6 +93,24 @@ class OsController extends Controller {
     return true;
   }
 
+  /**
+   * 选择图片
+   */
+  selectPic() {
+    const filePaths = dialog.showOpenDialogSync({
+      title: 'select pic',
+      properties: ['openFile'],
+      filters: [
+        { name: 'Images', extensions: ['jpg', 'png', 'gif'] },
+      ]
+    });
+    if (_.isEmpty(filePaths)) {
+      return null
+    }
+
+    return filePaths[0];
+  }   
+
   /**
    * 加载视图内容
    */
diff --git a/frontend/src/api/main.js b/frontend/src/api/main.js
index 5c2b93f..6df32c9 100644
--- a/frontend/src/api/main.js
+++ b/frontend/src/api/main.js
@@ -31,6 +31,7 @@ const ipcApiRoute = {
   messageShow: 'controller.os.messageShow',
   messageShowConfirm: 'controller.os.messageShowConfirm',
   selectFolder: 'controller.os.selectFolder',
+  selectPic: 'controller.os.selectPic',
   openDirectory: 'controller.os.openDirectory',
   loadViewContent: 'controller.os.loadViewContent',
   removeViewContent: 'controller.os.removeViewContent',
diff --git a/frontend/src/router/routerMap.js b/frontend/src/router/routerMap.js
index d6ef311..32fabe3 100644
--- a/frontend/src/router/routerMap.js
+++ b/frontend/src/router/routerMap.js
@@ -80,6 +80,11 @@ const constantRouterMap = [
             name: 'OsFileIndex',
             component: () => import('@/views/os/file/Index.vue')
           },
+          {
+            path: '/os/file/pic',
+            name: 'OsFilePic',
+            component: () => import('@/views/os/file/Pic.vue')
+          },
           {
             path: '/os/windowview/index',
             name: 'OsWindowViewIndex',
diff --git a/frontend/src/router/subMenu.js b/frontend/src/router/subMenu.js
index f03ea9b..fd18143 100644
--- a/frontend/src/router/subMenu.js
+++ b/frontend/src/router/subMenu.js
@@ -106,7 +106,13 @@ export default {
 			title: '系统主题',
 			pageName: 'OsThemeIndex',
 			params: {}
-		},   
+		},
+		'menu_110' : {
+			icon: 'profile',
+			title: '图片',
+			pageName: 'OsFilePic',
+			params: {}
+		}, 
 	},  
 	hardware: {
 		'menu_100' : {
diff --git a/frontend/src/views/os/file/Pic.vue b/frontend/src/views/os/file/Pic.vue
new file mode 100644
index 0000000..51fe399
--- /dev/null
+++ b/frontend/src/views/os/file/Pic.vue
@@ -0,0 +1,53 @@
+<template>
+  <div id="os-file-pic">
+    <div class="one-block-1">
+      <span>
+          1. 加载本机图片
+      </span>
+    </div>  
+    <div class="one-block-2">
+      <a-space>
+          <a-button @click="selectPic(0)">选择图片</a-button>
+      </a-space>
+      <p></p>
+      <a-image
+        :width="500"
+        :src=picPath
+      />
+    </div>
+  </div>
+</template>
+<script>
+import { ipcApiRoute } from '@/api/main';
+import { ipc } from '@/utils/ipcRenderer';
+
+export default {
+  data() {
+    return {
+      picPath: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png'
+    };
+  },
+  methods: {
+    selectPic () {
+      ipc.invoke(ipcApiRoute.selectPic, {}).then(r => {      
+        this.picPath = r;
+      })
+    },
+  }
+};
+</script>
+<style lang="less" scoped>
+#os-file-pic {
+padding: 0px 10px;
+text-align: left;
+width: 100%;
+.one-block-1 {
+    font-size: 16px;
+    padding-top: 10px;
+}
+.one-block-2 {
+    padding-top: 10px;
+}
+}
+</style>
+  
\ No newline at end of file