feat: 【应用】新增应用接入：企业微信、钉钉、公众号、飞书

ui/src/components/icons/index.ts

@@ -1101,5 +1101,51 @@ export const iconMap: any = {
         )
       ])
     }
+  },
+  'app-access': {
+    iconReader: () => {
+      return h('i', [
+        h(
+          'svg',
+          {
+            style: { height: '100%', width: '100%' },
+            viewBox: '0 0 1024 1024',
+            version: '1.1',
+            xmlns: 'http://www.w3.org/2000/svg'
+          },
+          [
+            h('path', {
+              d: 'M490.368 48.554667a42.666667 42.666667 0 0 1 43.264 0l362.666667 213.333333A42.666667 42.666667 0 0 1 917.333333 298.666667v426.666666a42.666667 42.666667 0 0 1-21.034666 36.778667l-362.666667 213.333333a42.666667 42.666667 0 0 1-43.264 0l-362.666667-213.333333A42.666667 42.666667 0 0 1 106.666667 725.333333V298.666667a42.666667 42.666667 0 0 1 21.034666-36.778667l362.666667-213.333333zM192 323.072v377.856L512 889.173333l320-188.245333V323.072L512 134.826667 192 323.072z',
+              fill: 'currentColor'
+            }),
+            h('path', {
+              d: 'M705.194667 441.472a42.666667 42.666667 0 1 0-45.226667-72.362667l-148.096 92.586667L363.946667 369.066667a42.666667 42.666667 0 1 0-45.312 72.362666L469.333333 535.722667V704a42.666667 42.666667 0 1 0 85.333334 0v-168.448l150.528-94.08z',
+              fill: 'currentColor'
+            })
+          ]
+        )
+      ])
+    }
+  },
+  'app-access-active': {
+    iconReader: () => {
+      return h('i', [
+        h(
+          'svg',
+          {
+            style: { height: '100%', width: '100%' },
+            viewBox: '0 0 1024 1024',
+            version: '1.1',
+            xmlns: 'http://www.w3.org/2000/svg'
+          },
+          [
+            h('path', {
+              d: 'M533.632 48.554667a42.666667 42.666667 0 0 0-43.264 0l-362.666667 213.333333A42.666667 42.666667 0 0 0 106.666667 298.666667v426.666666a42.666667 42.666667 0 0 0 21.034666 36.778667l362.666667 213.333333a42.666667 42.666667 0 0 0 43.264 0l362.666667-213.333333A42.666667 42.666667 0 0 0 917.333333 725.333333V298.666667a42.666667 42.666667 0 0 0-21.034666-36.778667l-362.666667-213.333333z m185.130667 334.08a42.666667 42.666667 0 0 1-13.568 58.837333L554.666667 535.552V704a42.666667 42.666667 0 1 1-85.333334 0v-168.277333l-150.613333-94.293334a42.666667 42.666667 0 0 1 45.226667-72.32l147.925333 92.586667 148.053333-92.586667a42.666667 42.666667 0 0 1 58.837334 13.568z',
+              fill: 'currentColor'
+            })
+          ]
+        )
+      ])
+    }
   }
 }

ui/src/router/modules/application.ts

@@ -11,13 +11,6 @@ const applicationRouter = {
       name: 'application',
       component: () => import('@/views/application/index.vue')
     },
-    {
-      path: '/application/create',
-      name: 'CreateApplication',
-      meta: { activeMenu: '/application' },
-      component: () => import('@/views/application/CreateAndSetting.vue'),
-      hidden: true
-    },
     {
       path: '/application/:id/:type',
       name: 'ApplicationDetail',
@@ -51,6 +44,19 @@ const applicationRouter = {
           },
           component: () => import('@/views/application/ApplicationSetting.vue')
         },
+        {
+          path: 'access',
+          name: 'AppAccess',
+          meta: {
+            icon: 'app-access',
+            iconActive: 'app-access-active',
+            title: '应用接入',
+            active: 'access',
+            parentPath: '/application/:id/:type',
+            parentName: 'ApplicationDetail'
+          },
+          component: () => import('@/views/application/ApplicationAccess.vue')
+        },
         {
           path: 'hit-test',
           name: 'AppHitTest',

ui/src/styles/app.scss

@@ -304,6 +304,10 @@ h5 {
   color: var(--el-color-primary);
 }
 
+.border-none {
+  border: none;
+}
+
 .cursor {
   cursor: pointer;
 }