功能分类及合并

frontend/src/config/router.config.js

@@ -19,19 +19,14 @@ export const constantRouterMap = [
         component: DemoMenu,
         children: [
           {
-            path: '/demo/file/open-dir',
-            name: 'DemoFileOpenDir',
-            component: () => import('@/views/demo/file/OpenDir')
+            path: '/demo/file/index',
+            name: 'DemoFileIndex',
+            component: () => import('@/views/demo/file/Index')
           },
           {
-            path: '/demo/file/upload-file',
-            name: 'DemoFileUploadFile',
-            component: () => import('@/views/demo/file/UploadFile')
-          },
-          {
-            path: '/demo/socket/ipc',
-            name: 'DemoSocketIpc',
-            component: () => import('@/views/demo/socket/Ipc')
+            path: '/demo/socket/index',
+            name: 'DemoSocketIndex',
+            component: () => import('@/views/demo/socket/Index')
           },
           {
             path: '/demo/shortcut/index',
@@ -40,13 +35,13 @@ export const constantRouterMap = [
           },
           {
             path: '/demo/software/open',
-            name: 'DemoSoftwareOpen',
-            component: () => import('@/views/demo/software/Open')
+            name: 'DemoSoftwareIndex',
+            component: () => import('@/views/demo/software/Index')
           },
           {
-            path: '/demo/system/autoLaunch',
-            name: 'DemoSystemAutoLaunch',
-            component: () => import('@/views/demo/system/AutoLaunch')
+            path: '/demo/system/index',
+            name: 'DemoSystemIndex',
+            component: () => import('@/views/demo/system/Index')
           },
         ]  
       },

frontend/src/layouts/AppSider.vue

@@ -32,7 +32,7 @@ export default {
         'menu_1' : {
           icon: 'home',
           title: '功能',
-          pageName: 'DemoFileUploadFile',
+          pageName: 'DemoFileIndex',
           params: {},
         },
         'menu_2' : {

frontend/src/layouts/DemoMenu.vue

@@ -4,7 +4,7 @@
       theme="light"
       class="layout-sider"
     >
-      <a-menu class="sub-menu-item" theme="light" mode="inline" :default-selected-keys="['menu_1']">
+      <a-menu class="sub-menu-item" theme="light" mode="inline" :default-selected-keys="['menu_100']">
         <a-menu-item v-for="(menuInfo, subIndex) in menu" :key="subIndex">
           <router-link :to="{ name: menuInfo.pageName, params: menuInfo.params}">
             <span>{{ menuInfo.title }}</span>
@@ -24,40 +24,34 @@ export default {
   data() {
     return {
       menu: {
-        'menu_1' : {
+        'menu_100' : {
           icon: 'profile',
-          title: '文件 - 上传文件',
-          pageName: 'DemoFileUploadFile',
+          title: '文件',
+          pageName: 'DemoFileIndex',
           params: {}
         },
-        'menu_2' : {
+        'menu_300' : {
           icon: 'profile',
-          title: '文件 - 打开文件夹',
-          pageName: 'DemoFileOpenDir',
+          title: '通信',
+          pageName: 'DemoSocketIndex',
           params: {}
         },
-        'menu_3' : {
+        'menu_500' : {
           icon: 'profile',
-          title: '通信 - IPC',
-          pageName: 'DemoSocketIpc',
+          title: '软件',
+          pageName: 'DemoSoftwareIndex',
           params: {}
         },
-        'menu_4' : {
+        'menu_600' : {
           icon: 'profile',
-          title: '快捷键 - 注册',
-          pageName: 'DemoShortcutIndex',
+          title: '系统',
+          pageName: 'DemoSystemIndex',
           params: {}
         },
-        'menu_5' : {
+        'menu_900' : {
           icon: 'profile',
-          title: '软件 - 打开第三方软件',
-          pageName: 'DemoSoftwareOpen',
-          params: {}
-        },
-        'menu_6' : {
-          icon: 'profile',
-          title: '系统 - 开机启动',
-          pageName: 'DemoSystemAutoLaunch',
+          title: '快捷键',
+          pageName: 'DemoShortcutIndex',
           params: {}
         },
       }
@@ -66,7 +60,7 @@ export default {
   created () {
   },
   mounted () {
-    this.menuHandle({key: 'menu_1'})
+    this.menuHandle({key: 'menu_100'})
   },
   methods: {
     menuHandle (item) {
@@ -79,7 +73,7 @@ export default {
 <style lang="less" scoped>
 #app-demo-menu {
   height: 100%;
-  text-align: left;
+  text-align: center;
   .layout-sider {
     border-top: 1px solid #e8e8e8;
     border-right: 0px solid #e8e8e8;

frontend/src/views/demo/file/UploadFile.vue → frontend/src/views/demo/file/Index.vue

@@ -1,5 +1,6 @@
 <template>
-  <div id="app-demo-file-upload">
+  <div id="app-demo-file">
+		<!-- 1 -->
     <div class="one-block-1">
       <span>
         上传文件到sm图床
@@ -32,20 +33,71 @@
           <a :href="item.url" target="_blank">{{ item.url }}</a>
         </a-list-item>
       </a-list>
+    </div>
+		<!-- 2 -->
+    <div class="one-block-1">
+      <span>
+        打开文件夹
+      </span>
     </div>  
+    <div class="one-block-2">
+      <a-list :grid="{ gutter: 16, column: 4 }" :data-source="file_list">
+        <a-list-item slot="renderItem" slot-scope="item" @click="openDirectry(item.id)">
+          <a-card :title="item.content">
+            <a-button type="link">
+              打开
+            </a-button>
+          </a-card>
+        </a-list-item>
+      </a-list>
+    </div>
   </div>
 </template>
 <script>
+import { localApi } from '@/api/main'
+
+const fileList = [
+  {
+    content: '【下载】目录',
+    id: 'download'
+  },
+  {
+    content: '【图片】目录',
+    id: 'picture'
+  },
+  {
+    content: '【文档】目录',
+    id: 'doc'
+  },
+  {
+    content: '【音乐】目录',
+    id: 'music'
+  }
+];
+
 export default {
   data() {
     return {
+      file_list: fileList,
       action_url: process.env.VUE_APP_API_BASE_URL + '/api/v1/example/uploadFile',
       image_info: [],
       num: 0
     };
   },
   methods: {
-    handleChange(info) {
+    openDirectry (id) {
+      const params = {
+        'id': id
+      }
+      localApi('openDir', params).then(res => {
+        if (res.code !== 0) {
+          return false
+        }
+      }).catch(err => {
+        console.log('err:', err)
+      })
+    },
+		handleChange(info) {
       const status = info.file.status;
       if (status !== 'uploading') {
         console.log(info.file);
@@ -73,7 +125,7 @@ export default {
 };
 </script>
 <style lang="less" scoped>
-#app-demo-file-upload {
+#app-demo-file {
   padding: 0px 10px;
   text-align: center;
   width: 100%;

frontend/src/views/demo/file/OpenDir.vue

@@ -1,78 +0,0 @@
-<template>
-  <div id="app-demo-open-file">
-    <div class="one-block-1">
-      <span>
-        打开文件夹
-      </span>
-    </div>  
-    <div class="one-block-2">
-      <a-list :grid="{ gutter: 16, column: 4 }" :data-source="data">
-        <a-list-item slot="renderItem" slot-scope="item" @click="openDirectry(item.id)">
-          <a-card :title="item.content">
-            <a-button type="link">
-              打开
-            </a-button>
-          </a-card>
-        </a-list-item>
-      </a-list>
-    </div>
-  </div>
-</template>
-<script>
-import { localApi } from '@/api/main'
-
-const data = [
-  {
-    content: '【下载】目录',
-    id: 'download'
-  },
-  {
-    content: '【图片】目录',
-    id: 'picture'
-  },
-  {
-    content: '【文档】目录',
-    id: 'doc'
-  },
-  {
-    content: '【音乐】目录',
-    id: 'music'
-  }
-];
-
-export default {
-  data() {
-    return {
-      data,
-    };
-  },
-  methods: {
-    openDirectry (id) {
-      const params = {
-        'id': id
-      }
-      localApi('openDir', params).then(res => {
-        if (res.code !== 0) {
-          return false
-        }
-      }).catch(err => {
-        console.log('err:', err)
-      })
-    },
-  }
-};
-</script>
-<style lang="less" scoped>
-#app-demo-open-file {
-  padding: 0px 10px;
-  text-align: center;
-  width: 100%;
-  .one-block-1 {
-    font-size: 16px;
-    padding-top: 10px;
-  }
-  .one-block-2 {
-    padding-top: 10px;
-  }
-}
-</style>

frontend/src/views/demo/system/AutoLaunch.vue → frontend/src/views/demo/system/Index.vue

@@ -1,10 +1,5 @@
 <template>
   <div id="app-demo-system-launch">
-    <!-- <div class="one-block-1">
-      <span>
-        开机启动
-      </span>
-    </div>   -->
     <div class="one-block-2">
       <a-list class="set-auto" itemLayout="horizontal">
         <a-list-item style="text-align: left;">

frontend/src/views/other/Index.vue

@@ -6,7 +6,6 @@
       </span>
     </div>  
     <div class="one-block-2">
-      e
     </div>
   </div>
 </template>