From 6e88e670528135b45f0db5018c368bac1e494deb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9C=E6=80=80=E7=A3=8A=E2=80=9D?= <2280131253@qq.com>
Date: Wed, 23 Feb 2022 16:52:46 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat:=20=E6=8B=86=E5=88=86x-pack=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1、运营中心迁移到资产列表，创建按钮右侧增加云导入点击跳转
2、界面设置迁移到系统设置
3、组织管理迁移到系统设置，组织下拉组件快捷跳转待添加。。。
4、系统监控迁移到系统设置里的终端设置下添加一个tab显示，名称修改为组件监控
---
 src/i18n/langs/cn.json                        |   3 +-
 src/i18n/langs/en.json                        |   3 +-
 src/router/console/assets.js                  |   4 +-
 src/router/console/index.js                   |   9 -
 src/router/console/xpack.js                   |  88 ++-------
 src/router/settings/index.js                  |  60 ++++++
 src/views/assets/Asset/AssetList.vue          |   7 +
 .../Cloud/Account/AccountCreateUpdate.vue     |   0
 .../Account/AccountDetail/AccountDetail.vue   |   0
 .../Cloud/Account/AccountDetail/index.vue     |   0
 .../Cloud/Account/AccountList.vue             |   0
 .../SyncInstanceTaskCreateUpdate.vue          |   0
 .../SyncInstanceTaskDetail/AssetList.vue      |   0
 .../SyncInstanceTaskDetail/HistoryList.vue    |   0
 .../SyncInstanceTaskDetail/detail.vue         |   0
 .../SyncInstanceTaskDetail/index.vue          |   0
 .../SyncInstanceTask/SyncInstanceTaskList.vue |   0
 src/views/{xpack => assets}/Cloud/const.js    |   0
 src/views/{xpack => assets}/Cloud/index.vue   |   0
 src/views/settings/Clean.vue                  |  11 +-
 .../Interface.vue}                            |   0
 .../Org/OrganizationCreateUpdate.vue          |   0
 .../OrganizationDetail/OrganizationDetail.vue |   0
 .../OrganizationMembershipList.vue            |   0
 .../Org/OrganizationDetail/index.vue          |   0
 .../Org/OrganizationList.vue                  |   0
 src/views/settings/Other.vue                  |  11 +-
 .../Monitor}/component/MonitorCard.vue        |   0
 .../Terminal/Monitor}/index.vue               |  16 +-
 src/views/settings/Terminal/index.vue         |   6 +
 src/views/xpack/.gitkeep                      |   0
 src/views/xpack/License.vue                   | 163 ----------------
 src/views/xpack/README.md                     |   1 -
 src/views/xpack/Vault/VaultList.vue           | 179 ------------------
 src/views/xpack/api.js                        |  36 ----
 src/views/xpack/index.js                      |   0
 36 files changed, 113 insertions(+), 484 deletions(-)
 rename src/views/{xpack => assets}/Cloud/Account/AccountCreateUpdate.vue (100%)
 rename src/views/{xpack => assets}/Cloud/Account/AccountDetail/AccountDetail.vue (100%)
 rename src/views/{xpack => assets}/Cloud/Account/AccountDetail/index.vue (100%)
 rename src/views/{xpack => assets}/Cloud/Account/AccountList.vue (100%)
 rename src/views/{xpack => assets}/Cloud/SyncInstanceTask/SyncInstanceTaskCreateUpdate.vue (100%)
 rename src/views/{xpack => assets}/Cloud/SyncInstanceTask/SyncInstanceTaskDetail/AssetList.vue (100%)
 rename src/views/{xpack => assets}/Cloud/SyncInstanceTask/SyncInstanceTaskDetail/HistoryList.vue (100%)
 rename src/views/{xpack => assets}/Cloud/SyncInstanceTask/SyncInstanceTaskDetail/detail.vue (100%)
 rename src/views/{xpack => assets}/Cloud/SyncInstanceTask/SyncInstanceTaskDetail/index.vue (100%)
 rename src/views/{xpack => assets}/Cloud/SyncInstanceTask/SyncInstanceTaskList.vue (100%)
 rename src/views/{xpack => assets}/Cloud/const.js (100%)
 rename src/views/{xpack => assets}/Cloud/index.vue (100%)
 rename src/views/{xpack/InterfaceSettings.vue => settings/Interface.vue} (100%)
 rename src/views/{xpack => settings}/Org/OrganizationCreateUpdate.vue (100%)
 rename src/views/{xpack => settings}/Org/OrganizationDetail/OrganizationDetail.vue (100%)
 rename src/views/{xpack => settings}/Org/OrganizationDetail/OrganizationMembershipList.vue (100%)
 rename src/views/{xpack => settings}/Org/OrganizationDetail/index.vue (100%)
 rename src/views/{xpack => settings}/Org/OrganizationList.vue (100%)
 rename src/views/{xpack/SystemMonitor => settings/Terminal/Monitor}/component/MonitorCard.vue (100%)
 rename src/views/{xpack/SystemMonitor => settings/Terminal/Monitor}/index.vue (67%)
 delete mode 100644 src/views/xpack/.gitkeep
 delete mode 100644 src/views/xpack/License.vue
 delete mode 100644 src/views/xpack/README.md
 delete mode 100644 src/views/xpack/Vault/VaultList.vue
 delete mode 100644 src/views/xpack/api.js
 delete mode 100644 src/views/xpack/index.js

diff --git a/src/i18n/langs/cn.json b/src/i18n/langs/cn.json
index 3e7147945..703e55dd0 100644
--- a/src/i18n/langs/cn.json
+++ b/src/i18n/langs/cn.json
@@ -1386,6 +1386,7 @@
       "Reason": "原因"
     },
     "Cloud": {
+      "CloudImport": "云导入",
       "ServerAccountKey": "服务账号密钥",
       "IPNetworkSegment": "IP网段",
       "Aliyun": "阿里云",
@@ -1464,7 +1465,7 @@
     "ImportLicenseTip": "请导入许可证",
     "InterfaceSettings": "界面设置",
     "License": "许可证",
-    "SystemMonitor": "系统监控",
+    "ComponentMonitor": "组件监控",
     "ServiceRatio": "组件负载统计",
     "LoadStatus":"组件状态",
     "NormalLoad":"正常",
diff --git a/src/i18n/langs/en.json b/src/i18n/langs/en.json
index a6c5a52b2..ffef5d66a 100644
--- a/src/i18n/langs/en.json
+++ b/src/i18n/langs/en.json
@@ -1335,6 +1335,7 @@
       "Reason": "Reason"
     },
     "Cloud": {
+      "CloudImport": "Cloud import",
       "ServerAccountKey": "Server Account Key",
       "IPNetworkSegment": "Ip Network Segment",
       "Aliyun": "Ali Cloud",
@@ -1411,7 +1412,7 @@
     "InterfaceSettings": "Interface Setting",
     "License": "License",
     "LicenseDetail": "License detail",
-    "SystemMonitor": "System Monitor",
+    "ComponentMonitor": "System Monitor",
     "ServiceRatio": "Service ratio",
     "LoadStatus":"Status",
     "NormalLoad":"Normal",
diff --git a/src/router/console/assets.js b/src/router/console/assets.js
index 382e42a70..73c828ae8 100644
--- a/src/router/console/assets.js
+++ b/src/router/console/assets.js
@@ -1,5 +1,6 @@
 import i18n from '@/i18n/i18n'
 import empty from '@/layout/empty'
+import XPackRoutes from './xpack'
 
 export default [
   {
@@ -277,5 +278,6 @@ export default [
         meta: { title: i18n.t('route.LabelUpdate') }
       }
     ]
-  }
+  },
+  ...XPackRoutes
 ]
diff --git a/src/router/console/index.js b/src/router/console/index.js
index 66cf45f91..ed41c127d 100644
--- a/src/router/console/index.js
+++ b/src/router/console/index.js
@@ -9,7 +9,6 @@ import PermsRoute from './perms'
 import OpsRoutes from './ops'
 import AclRoutes from './acls'
 import AccountRoutes from './accounts'
-import XPackRoutes from './xpack'
 
 export default {
   path: '/console',
@@ -106,14 +105,6 @@ export default {
         icon: 'coffee'
       },
       children: OpsRoutes
-    },
-    {
-      path: '/console/xpack',
-      component: empty,
-      redirect: '/applications/remote-apps/',
-      name: 'Xpack',
-      meta: { title: 'X-Pack', icon: 'sitemap', licenseRequired: true },
-      children: XPackRoutes
     }
   ]
 }
diff --git a/src/router/console/xpack.js b/src/router/console/xpack.js
index a7c5be693..01b2c72e1 100644
--- a/src/router/console/xpack.js
+++ b/src/router/console/xpack.js
@@ -7,16 +7,18 @@ export default [
     component: empty,
     redirect: '',
     meta: {
-      title: i18n.t('xpack.Cloud.Cloud'),
+      title: i18n.t('xpack.Cloud.CloudImport'),
       permissions: ['xpack.view_account']
     },
     children: [
       {
         path: '',
-        component: () => import('@/views/xpack/Cloud/index.vue'),
+        component: () => import('@/views/assets/Cloud'),
         name: 'CloudCenter',
+        hidden: true,
         meta: {
-          title: i18n.t('xpack.Cloud.CloudCenter'),
+          title: i18n.t('xpack.Cloud.CloudImport'),
+          activeMenu: '/console/assets/assets',
           permissions: ['xpack.view_account']
         }
       },
@@ -32,7 +34,7 @@ export default [
         children: [
           {
             path: '',
-            component: () => import('@/views/xpack/Cloud/Account/AccountList'),
+            component: () => import('@/views/assets/Cloud/Account/AccountList'),
             name: 'AccountList',
             hidden: true,
             meta: {
@@ -42,7 +44,7 @@ export default [
           },
           {
             path: 'create',
-            component: () => import('@/views/xpack/Cloud/Account/AccountCreateUpdate'),
+            component: () => import('@/views/assets/Cloud/Account/AccountCreateUpdate'),
             name: 'AccountCreate',
             hidden: true,
             meta: {
@@ -53,7 +55,7 @@ export default [
           },
           {
             path: ':id/update',
-            component: () => import('@/views/xpack/Cloud/Account/AccountCreateUpdate'),
+            component: () => import('@/views/assets/Cloud/Account/AccountCreateUpdate'),
             name: 'AccountUpdate',
             hidden: true,
             meta: {
@@ -64,7 +66,7 @@ export default [
           },
           {
             path: ':id/',
-            component: () => import('@/views/xpack/Cloud/Account/AccountDetail/index'),
+            component: () => import('@/views/assets/Cloud/Account/AccountDetail/index'),
             name: 'AccountDetail',
             hidden: true,
             meta: {
@@ -85,7 +87,7 @@ export default [
         children: [
           {
             path: '',
-            component: () => import('@/views/xpack/Cloud/SyncInstanceTask/SyncInstanceTaskList'),
+            component: () => import('@/views/assets/Cloud/SyncInstanceTask/SyncInstanceTaskList'),
             name: 'SyncInstanceTaskList',
             hidden: true,
             meta: {
@@ -95,7 +97,7 @@ export default [
           },
           {
             path: 'create',
-            component: () => import('@/views/xpack/Cloud/SyncInstanceTask/SyncInstanceTaskCreateUpdate'),
+            component: () => import('@/views/assets/Cloud/SyncInstanceTask/SyncInstanceTaskCreateUpdate'),
             name: 'SyncInstanceTaskCreate',
             hidden: true,
             meta: {
@@ -105,7 +107,7 @@ export default [
           },
           {
             path: ':id/update',
-            component: () => import('@/views/xpack/Cloud/SyncInstanceTask/SyncInstanceTaskCreateUpdate'),
+            component: () => import('@/views/assets/Cloud/SyncInstanceTask/SyncInstanceTaskCreateUpdate'),
             name: 'SyncInstanceTaskUpdate',
             hidden: true,
             meta: {
@@ -115,7 +117,7 @@ export default [
           },
           {
             path: ':id',
-            component: () => import('@/views/xpack/Cloud/SyncInstanceTask/SyncInstanceTaskDetail/index'),
+            component: () => import('@/views/assets/Cloud/SyncInstanceTask/SyncInstanceTaskDetail/index'),
             name: 'SyncInstanceTaskDetail',
             hidden: true,
             meta: {
@@ -125,69 +127,5 @@ export default [
         ]
       }
     ]
-  },
-  {
-    path: 'interface-setting',
-    component: () => import('@/views/xpack/InterfaceSettings.vue'),
-    name: 'InterfaceSetting',
-    meta: {
-      title: i18n.t('xpack.InterfaceSettings'),
-      permissions: ['xpack.view_interface']
-    }
-  },
-  {
-    path: 'orgs',
-    component: empty,
-    redirect: '',
-    meta: { permissions: ['orgs.view_organization'] },
-    children: [
-      {
-        path: '',
-        component: () => import('@/views/xpack/Org/OrganizationList'),
-        name: 'OrganizationList',
-        meta: {
-          title: i18n.t('xpack.Organization.OrganizationList'),
-          permissions: ['orgs.view_organization']
-        }
-      },
-      {
-        path: 'create',
-        component: () => import('@/views/xpack/Org/OrganizationCreateUpdate'),
-        name: 'OrganizationCreate',
-        hidden: true,
-        meta: {
-          title: i18n.t('xpack.Organization.OrganizationCreate'),
-          action: 'create',
-          permissions: ['orgs.add_organization']
-        }
-      },
-      {
-        path: ':id/update',
-        component: () => import('@/views/xpack/Org/OrganizationCreateUpdate'),
-        name: 'OrganizationUpdate',
-        hidden: true,
-        meta: {
-          title: i18n.t('xpack.Organization.OrganizationUpdate'),
-          action: 'update',
-          permissions: ['orgs.change_organization']
-        }
-      },
-      {
-        path: ':id',
-        component: () => import('@/views/xpack/Org/OrganizationDetail/index'),
-        name: 'OrganizationDetail',
-        hidden: true,
-        meta: {
-          title: i18n.t('xpack.Organization.OrganizationDetail'),
-          permissions: ['orgs.view_organization']
-        }
-      }
-    ]
-  },
-  {
-    path: 'system-monitor',
-    component: () => import('@/views/xpack/SystemMonitor/index.vue'),
-    name: 'SystemMonitor',
-    meta: { title: i18n.t('xpack.SystemMonitor'), permissions: ['terminal.view_terminal'] }
   }
 ]
diff --git a/src/router/settings/index.js b/src/router/settings/index.js
index 36e8d3479..4da194dae 100644
--- a/src/router/settings/index.js
+++ b/src/router/settings/index.js
@@ -202,6 +202,66 @@ export default {
         permissions: ['settings.view_setting']
       }
     },
+    {
+      path: '/settings/interface',
+      name: 'Interface',
+      component: () => import('@/views/settings/Interface'),
+      meta: {
+        title: i18n.t('xpack.InterfaceSettings'),
+        icon: 'laptop',
+        permissions: ['xpack.view_interface']
+      }
+    },
+    {
+      path: '/settings/orgs',
+      component: empty,
+      redirect: '',
+      meta: { permissions: ['orgs.view_organization'] },
+      children: [
+        {
+          path: '',
+          component: () => import('@/views/settings/Org/OrganizationList'),
+          name: 'OrganizationList',
+          meta: {
+            title: i18n.t('xpack.Organization.OrganizationList'),
+            icon: 'sitemap',
+            permissions: ['orgs.view_organization']
+          }
+        },
+        {
+          path: 'create',
+          component: () => import('@/views/settings/Org/OrganizationCreateUpdate'),
+          name: 'OrganizationCreate',
+          hidden: true,
+          meta: {
+            title: i18n.t('xpack.Organization.OrganizationCreate'),
+            action: 'create',
+            permissions: ['orgs.add_organization']
+          }
+        },
+        {
+          path: ':id/update',
+          component: () => import('@/views/settings/Org/OrganizationCreateUpdate'),
+          name: 'OrganizationUpdate',
+          hidden: true,
+          meta: {
+            title: i18n.t('xpack.Organization.OrganizationUpdate'),
+            action: 'update',
+            permissions: ['orgs.change_organization']
+          }
+        },
+        {
+          path: ':id',
+          component: () => import('@/views/settings/Org/OrganizationDetail/index'),
+          name: 'OrganizationDetail',
+          hidden: true,
+          meta: {
+            title: i18n.t('xpack.Organization.OrganizationDetail'),
+            permissions: ['orgs.view_organization']
+          }
+        }
+      ]
+    },
     {
       path: '/settings/other',
       name: 'Other',
diff --git a/src/views/assets/Asset/AssetList.vue b/src/views/assets/Asset/AssetList.vue
index 999339f19..2109f499a 100644
--- a/src/views/assets/Asset/AssetList.vue
+++ b/src/views/assets/Asset/AssetList.vue
@@ -171,6 +171,13 @@ export default {
             { label: this.$t('assets.Label'), value: 'label' }
           ]
         },
+        extraActions: [
+          {
+            name: this.$t('xpack.Cloud.CloudImport'),
+            title: this.$t('xpack.Cloud.CloudImport'),
+            callback: () => this.$router.push({ name: 'CloudCenter' })
+          }
+        ],
         extraMoreActions: [
           {
             name: 'DeactiveSelected',
diff --git a/src/views/xpack/Cloud/Account/AccountCreateUpdate.vue b/src/views/assets/Cloud/Account/AccountCreateUpdate.vue
similarity index 100%
rename from src/views/xpack/Cloud/Account/AccountCreateUpdate.vue
rename to src/views/assets/Cloud/Account/AccountCreateUpdate.vue
diff --git a/src/views/xpack/Cloud/Account/AccountDetail/AccountDetail.vue b/src/views/assets/Cloud/Account/AccountDetail/AccountDetail.vue
similarity index 100%
rename from src/views/xpack/Cloud/Account/AccountDetail/AccountDetail.vue
rename to src/views/assets/Cloud/Account/AccountDetail/AccountDetail.vue
diff --git a/src/views/xpack/Cloud/Account/AccountDetail/index.vue b/src/views/assets/Cloud/Account/AccountDetail/index.vue
similarity index 100%
rename from src/views/xpack/Cloud/Account/AccountDetail/index.vue
rename to src/views/assets/Cloud/Account/AccountDetail/index.vue
diff --git a/src/views/xpack/Cloud/Account/AccountList.vue b/src/views/assets/Cloud/Account/AccountList.vue
similarity index 100%
rename from src/views/xpack/Cloud/Account/AccountList.vue
rename to src/views/assets/Cloud/Account/AccountList.vue
diff --git a/src/views/xpack/Cloud/SyncInstanceTask/SyncInstanceTaskCreateUpdate.vue b/src/views/assets/Cloud/SyncInstanceTask/SyncInstanceTaskCreateUpdate.vue
similarity index 100%
rename from src/views/xpack/Cloud/SyncInstanceTask/SyncInstanceTaskCreateUpdate.vue
rename to src/views/assets/Cloud/SyncInstanceTask/SyncInstanceTaskCreateUpdate.vue
diff --git a/src/views/xpack/Cloud/SyncInstanceTask/SyncInstanceTaskDetail/AssetList.vue b/src/views/assets/Cloud/SyncInstanceTask/SyncInstanceTaskDetail/AssetList.vue
similarity index 100%
rename from src/views/xpack/Cloud/SyncInstanceTask/SyncInstanceTaskDetail/AssetList.vue
rename to src/views/assets/Cloud/SyncInstanceTask/SyncInstanceTaskDetail/AssetList.vue
diff --git a/src/views/xpack/Cloud/SyncInstanceTask/SyncInstanceTaskDetail/HistoryList.vue b/src/views/assets/Cloud/SyncInstanceTask/SyncInstanceTaskDetail/HistoryList.vue
similarity index 100%
rename from src/views/xpack/Cloud/SyncInstanceTask/SyncInstanceTaskDetail/HistoryList.vue
rename to src/views/assets/Cloud/SyncInstanceTask/SyncInstanceTaskDetail/HistoryList.vue
diff --git a/src/views/xpack/Cloud/SyncInstanceTask/SyncInstanceTaskDetail/detail.vue b/src/views/assets/Cloud/SyncInstanceTask/SyncInstanceTaskDetail/detail.vue
similarity index 100%
rename from src/views/xpack/Cloud/SyncInstanceTask/SyncInstanceTaskDetail/detail.vue
rename to src/views/assets/Cloud/SyncInstanceTask/SyncInstanceTaskDetail/detail.vue
diff --git a/src/views/xpack/Cloud/SyncInstanceTask/SyncInstanceTaskDetail/index.vue b/src/views/assets/Cloud/SyncInstanceTask/SyncInstanceTaskDetail/index.vue
similarity index 100%
rename from src/views/xpack/Cloud/SyncInstanceTask/SyncInstanceTaskDetail/index.vue
rename to src/views/assets/Cloud/SyncInstanceTask/SyncInstanceTaskDetail/index.vue
diff --git a/src/views/xpack/Cloud/SyncInstanceTask/SyncInstanceTaskList.vue b/src/views/assets/Cloud/SyncInstanceTask/SyncInstanceTaskList.vue
similarity index 100%
rename from src/views/xpack/Cloud/SyncInstanceTask/SyncInstanceTaskList.vue
rename to src/views/assets/Cloud/SyncInstanceTask/SyncInstanceTaskList.vue
diff --git a/src/views/xpack/Cloud/const.js b/src/views/assets/Cloud/const.js
similarity index 100%
rename from src/views/xpack/Cloud/const.js
rename to src/views/assets/Cloud/const.js
diff --git a/src/views/xpack/Cloud/index.vue b/src/views/assets/Cloud/index.vue
similarity index 100%
rename from src/views/xpack/Cloud/index.vue
rename to src/views/assets/Cloud/index.vue
diff --git a/src/views/settings/Clean.vue b/src/views/settings/Clean.vue
index f12c26806..c901b545f 100644
--- a/src/views/settings/Clean.vue
+++ b/src/views/settings/Clean.vue
@@ -1,17 +1,20 @@
 <template>
-  <IBox>
-    <GenericCreateUpdateForm v-bind="$data" />
-  </IBox>
+  <Page>
+    <IBox>
+      <GenericCreateUpdateForm v-bind="$data" />
+    </IBox>
+  </Page>
 </template>
 
 <script>
 import { IBox, CronTab } from '@/components'
-import GenericCreateUpdateForm from '@/layout/components/GenericCreateUpdateForm'
+import { Page, GenericCreateUpdateForm } from '@/layout/components'
 
 export default {
   name: 'Senior',
   components: {
     IBox,
+    Page,
     GenericCreateUpdateForm
   },
   data() {
diff --git a/src/views/xpack/InterfaceSettings.vue b/src/views/settings/Interface.vue
similarity index 100%
rename from src/views/xpack/InterfaceSettings.vue
rename to src/views/settings/Interface.vue
diff --git a/src/views/xpack/Org/OrganizationCreateUpdate.vue b/src/views/settings/Org/OrganizationCreateUpdate.vue
similarity index 100%
rename from src/views/xpack/Org/OrganizationCreateUpdate.vue
rename to src/views/settings/Org/OrganizationCreateUpdate.vue
diff --git a/src/views/xpack/Org/OrganizationDetail/OrganizationDetail.vue b/src/views/settings/Org/OrganizationDetail/OrganizationDetail.vue
similarity index 100%
rename from src/views/xpack/Org/OrganizationDetail/OrganizationDetail.vue
rename to src/views/settings/Org/OrganizationDetail/OrganizationDetail.vue
diff --git a/src/views/xpack/Org/OrganizationDetail/OrganizationMembershipList.vue b/src/views/settings/Org/OrganizationDetail/OrganizationMembershipList.vue
similarity index 100%
rename from src/views/xpack/Org/OrganizationDetail/OrganizationMembershipList.vue
rename to src/views/settings/Org/OrganizationDetail/OrganizationMembershipList.vue
diff --git a/src/views/xpack/Org/OrganizationDetail/index.vue b/src/views/settings/Org/OrganizationDetail/index.vue
similarity index 100%
rename from src/views/xpack/Org/OrganizationDetail/index.vue
rename to src/views/settings/Org/OrganizationDetail/index.vue
diff --git a/src/views/xpack/Org/OrganizationList.vue b/src/views/settings/Org/OrganizationList.vue
similarity index 100%
rename from src/views/xpack/Org/OrganizationList.vue
rename to src/views/settings/Org/OrganizationList.vue
diff --git a/src/views/settings/Other.vue b/src/views/settings/Other.vue
index c94af3d0c..96a78cef3 100644
--- a/src/views/settings/Other.vue
+++ b/src/views/settings/Other.vue
@@ -1,17 +1,20 @@
 <template>
-  <IBox>
-    <GenericCreateUpdateForm v-bind="$data" />
-  </IBox>
+  <Page>
+    <IBox>
+      <GenericCreateUpdateForm v-bind="$data" />
+    </IBox>
+  </Page>
 </template>
 
 <script>
 import { IBox, CronTab } from '@/components'
-import GenericCreateUpdateForm from '@/layout/components/GenericCreateUpdateForm'
+import { Page, GenericCreateUpdateForm } from '@/layout/components'
 
 export default {
   name: 'Senior',
   components: {
     IBox,
+    Page,
     GenericCreateUpdateForm
   },
   data() {
diff --git a/src/views/xpack/SystemMonitor/component/MonitorCard.vue b/src/views/settings/Terminal/Monitor/component/MonitorCard.vue
similarity index 100%
rename from src/views/xpack/SystemMonitor/component/MonitorCard.vue
rename to src/views/settings/Terminal/Monitor/component/MonitorCard.vue
diff --git a/src/views/xpack/SystemMonitor/index.vue b/src/views/settings/Terminal/Monitor/index.vue
similarity index 67%
rename from src/views/xpack/SystemMonitor/index.vue
rename to src/views/settings/Terminal/Monitor/index.vue
index 4ae364f83..dbf32a428 100644
--- a/src/views/xpack/SystemMonitor/index.vue
+++ b/src/views/settings/Terminal/Monitor/index.vue
@@ -1,21 +1,17 @@
 <template>
-  <Page>
-    <el-row v-if="loaded" :gutter="40">
-      <el-col v-for="metric of metricsData" :key="metric.type" :lg="12" :md="24">
-        <MonitorCard :type="metric.type" :component-metric="metric" class="monitorCard" />
-      </el-col>
-    </el-row>
-  </Page>
+  <el-row v-if="loaded" :gutter="40">
+    <el-col v-for="metric of metricsData" :key="metric.type" :lg="12" :md="24">
+      <MonitorCard :type="metric.type" :component-metric="metric" class="monitorCard" />
+    </el-col>
+  </el-row>
 </template>
 
 <script>
-import Page from '@/layout/components/Page/index'
-import MonitorCard from '@/views/xpack/SystemMonitor/component/MonitorCard'
+import MonitorCard from './component/MonitorCard'
 
 export default {
   name: 'SystemMonitor',
   components: {
-    Page,
     MonitorCard
   },
   data() {
diff --git a/src/views/settings/Terminal/index.vue b/src/views/settings/Terminal/index.vue
index 64fde1467..cfa4def97 100644
--- a/src/views/settings/Terminal/index.vue
+++ b/src/views/settings/Terminal/index.vue
@@ -12,11 +12,13 @@ import Basic from './Base'
 import TerminalList from './TerminalList'
 import ReplayStorage from './Storage/ReplayStorage'
 import CommandStorage from './Storage/CommandStorage'
+import Monitor from './Monitor'
 
 export default {
   components: {
     TabPage,
     Basic,
+    Monitor,
     TerminalList,
     ReplayStorage,
     CommandStorage
@@ -41,6 +43,10 @@ export default {
         {
           title: this.$t('sessions.commandStorage'),
           name: 'CommandStorage'
+        },
+        {
+          title: this.$t('xpack.ComponentMonitor'),
+          name: 'Monitor'
         }
       ]
     }
diff --git a/src/views/xpack/.gitkeep b/src/views/xpack/.gitkeep
deleted file mode 100644
index e69de29bb..000000000
diff --git a/src/views/xpack/License.vue b/src/views/xpack/License.vue
deleted file mode 100644
index 5061b0020..000000000
--- a/src/views/xpack/License.vue
+++ /dev/null
@@ -1,163 +0,0 @@
-<template>
-  <div>
-    <GenericDetailPage :object.sync="licenseData" v-bind="config">
-      <div>
-        <el-alert v-if="!hasValidLicense" type="success">
-          {{ this.$t('xpack.ImportLicenseTip') }}
-        </el-alert>
-        <el-row :gutter="20">
-          <el-col :span="14">
-            <DetailCard :title="cardTitle" :items="detailItems" />
-          </el-col>
-          <el-col :span="10">
-            <QuickActions type="primary" :actions="quickActions" />
-          </el-col>
-        </el-row>
-      </div>
-    </GenericDetailPage>
-    <el-dialog :visible.sync="dialogLicenseImport" center>
-      <div slot="title">
-        <h4>{{ this.$t('xpack.ImportLicense') }}</h4>
-      </div>
-      {{ this.$t('xpack.LicenseFile') }}
-      <br>
-      <input type="file" @change="fileChange">
-      <div slot="footer">
-        <el-button @click="dialogLicenseImport = false">{{ $t('common.Cancel') }}</el-button>
-        <el-button type="primary" @click="importLicense">{{ $t('common.Confirm') }}</el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { GenericDetailPage } from '@/layout/components'
-import { QuickActions } from '@/components'
-import DetailCard from '@/components/DetailCard/index'
-import { importLicense } from '@/views/xpack/api'
-import { mapGetters } from 'vuex'
-
-export default {
-  name: 'License',
-  components: {
-    GenericDetailPage,
-    DetailCard,
-    QuickActions
-  },
-  data() {
-    return {
-      dialogLicenseImport: false,
-      licenseData: {},
-      licenseFile: {},
-      config: {
-        activeMenu: 'detail',
-        submenu: [
-          {
-            title: this.$t('xpack.LicenseDetail'),
-            name: 'detail'
-          }
-        ],
-        hasRightSide: false,
-        title: this.$t('xpack.LicenseDetail'),
-        actions: {
-          detailApiUrl: '/api/v1/xpack/license/detail'
-        }
-      },
-      quickActions: [
-        {
-          title: this.$t('xpack.ImportLicense'),
-          attrs: {
-            type: 'primary',
-            label: this.$t('xpack.Import')
-          },
-          callbacks: {
-            click: this.importAction
-
-          }
-        },
-        {
-          title: this.$t('xpack.technologyConsult'),
-          attrs: {
-            type: 'primary',
-            label: this.$t('xpack.consult')
-          },
-          callbacks: {
-            click: this.consultAction
-          }
-        }
-      ]
-    }
-  },
-  computed: {
-    ...mapGetters([
-      'publicSettings', 'hasValidLicense'
-    ]),
-    cardTitle() {
-      return ''
-    },
-    detailItems() {
-      if (!this.publicSettings.XPACK_LICENSE_IS_VALID) {
-        return [
-          {
-            key: this.$t('xpack.License'),
-            value: this.$t('xpack.NoLicense')
-          }
-        ]
-      }
-      return [
-        {
-          key: this.$t('xpack.SubscriptionID'),
-          value: this.licenseData.subscription_id
-        },
-        {
-          key: this.$t('xpack.Corporation'),
-          value: this.licenseData.corporation
-        },
-        {
-          key: this.$t('xpack.Expired'),
-          value: this.licenseData.expired
-        },
-        {
-          key: this.$t('xpack.AssetCount'),
-          value: this.licenseData.asset_count !== null ? this.licenseData.asset_count + '' : ''
-        },
-        {
-          key: this.$t('xpack.Edition'),
-          value: this.licenseData.edition
-        }
-      ]
-    }
-  },
-  methods: {
-    importAction: function() {
-      this.dialogLicenseImport = true
-    },
-    consultAction: function() {
-      const url = 'http://www.jumpserver.org/support/'
-      window.open(url)
-    },
-    importLicense() {
-      if (this.licenseFile['file'] === undefined) {
-        return
-      }
-      const formData = new FormData()
-      formData.append('file', this.licenseFile['file'])
-      importLicense(formData).then(res => {
-        if (res.status) {
-          this.$message.success(res.msg)
-          setTimeout(() => location.reload(), 500)
-        } else {
-          this.$message.error(res.msg)
-        }
-      })
-    },
-    fileChange(e) {
-      this.licenseFile['file'] = e.target.files[0]
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/xpack/README.md b/src/views/xpack/README.md
deleted file mode 100644
index a9a01ade0..000000000
--- a/src/views/xpack/README.md
+++ /dev/null
@@ -1 +0,0 @@
-# js-xpack-web
\ No newline at end of file
diff --git a/src/views/xpack/Vault/VaultList.vue b/src/views/xpack/Vault/VaultList.vue
deleted file mode 100644
index 2db4d2a80..000000000
--- a/src/views/xpack/Vault/VaultList.vue
+++ /dev/null
@@ -1,179 +0,0 @@
-<template>
-  <div>
-    <GenericTreeListPage ref="TreeTablePage" :tree-setting="treeSetting">
-      <template #table>
-        <AssetUserTable ref="table" v-bind="assetUserConfig" />
-      </template>
-    </GenericTreeListPage>
-    <Dialog width="50" :title="this.$t('common.MFAConfirm')" :visible.sync="showMFADialog" :show-confirm="false" :show-cancel="false" :destroy-on-close="true">
-      <el-row :gutter="20">
-        <el-col :span="4">
-          <div style="line-height: 34px;text-align: center">MFA</div>
-        </el-col>
-        <el-col :span="14">
-          <el-input v-model="MFAInput" />
-          <span class="help-tips help-block">{{ $t('common.MFARequireForSecurity') }}</span>
-        </el-col>
-        <el-col :span="4">
-          <el-button size="mini" type="primary" style="line-height:20px " @click="MFAConfirm">{{ this.$t('common.Confirm') }}</el-button>
-        </el-col>
-      </el-row>
-    </Dialog>
-  </div>
-</template>
-
-<script>
-import GenericTreeListPage from '@/layout/components/GenericTreeListPage'
-import { AssetUserTable } from '@/components'
-import Dialog from '@/components/Dialog'
-import { setUrlParam } from '@/utils/common'
-import { mapGetters } from 'vuex'
-
-export default {
-  name: 'VaultList',
-  components: {
-    GenericTreeListPage,
-    AssetUserTable,
-    Dialog
-  },
-  data() {
-    const vm = this
-    return {
-      errorMsg: '',
-      exportOption: '1',
-      meta: {},
-      MfaExpired: 0,
-      showMFADialog: false,
-      MFAInput: '',
-      selectedRows: '',
-      assetUserConfig: {
-        hasLeftActions: true,
-        hasCreate: true,
-        hasClone: false,
-        url: '/api/v1/assets/accounts/'
-      },
-      treeSetting: {
-        showMenu: false,
-        showRefresh: false,
-        showAssets: true,
-        url: '/api/v1/assets/accounts/',
-        treeUrl: '/api/v1/assets/nodes/children/tree/?assets=1',
-        callback: {
-          onSelected: function(event, treeNode) {
-            let url = vm.assetUserConfig.url
-            if (treeNode.meta.type === 'node') {
-              const nodeId = treeNode.meta.data.id
-              url = setUrlParam(url, 'asset_id', '')
-              url = setUrlParam(url, 'node_id', nodeId)
-            } else if (treeNode.meta.type === 'asset') {
-              const assetId = treeNode.meta.data.id
-              url = setUrlParam(url, 'node_id', '')
-              url = setUrlParam(url, 'asset_id', assetId)
-            }
-            setTimeout(() => {
-              vm.assetUserConfig.url = url
-            }, 100)
-          }
-        }
-      }
-    }
-  },
-  computed: {
-    ...mapGetters([
-      'MFA_TTl',
-      'MFAVerifyAt',
-      'publicSettings'
-    ]),
-    needMFAVerify() {
-      if (!this.publicSettings.SECURITY_VIEW_AUTH_NEED_MFA) {
-        return false
-      }
-      const ttl = this.publicSettings.SECURITY_MFA_VERIFY_TTL
-      const now = new Date()
-      return !(this.MFAVerifyAt && (now - this.MFAVerifyAt) < ttl * 1000)
-    },
-    hasSelected() {
-      return this.selectedRows.length > 0
-    },
-    ...mapGetters([
-      'MFAVerifyAt',
-      'MFA_TTl'
-    ])
-  },
-  methods: {
-    performUpdate(item) {
-      this.$axios.put(
-        `/api/v1/assets/accounts/`,
-        item.file,
-        { headers: { 'Content-Type': 'text/csv' }, disableFlashErrorMsg: true }
-      ).then((data) => {
-        const msg = this.$t('common.imExport.updateSuccessMsg', { count: data.length })
-        this.onSuccess(msg)
-      }).catch(error => {
-        this.catchError(error)
-      })
-    },
-    performCreate(item) {
-      this.$axios.post(
-        `/api/v1/assets/accounts/`,
-        item.file,
-        { headers: { 'Content-Type': 'text/csv' }, disableFlashErrorMsg: true }
-      ).then((data) => {
-        const msg = this.$t('common.imExport.createSuccessMsg', { count: data.length })
-        this.onSuccess(msg)
-      }).catch(error => {
-        this.$message.error(this.$t('common.updateErrorMsg') + ' ' + error)
-        this.catchError(error)
-      })
-    },
-    catchError(error) {
-      this.$refs.upload.clearFiles()
-      if (error.response && error.response.status === 400) {
-        const errorData = error.response.data
-        const totalErrorMsg = []
-        errorData.forEach((value, index) => {
-          if (typeof value === 'string') {
-            totalErrorMsg.push(`line ${index}. ${value}`)
-          } else {
-            const errorMsg = [`line ${index}. `]
-            for (const [k, v] of Object.entries(value)) {
-              if (v) {
-                errorMsg.push(`${k}: ${v}`)
-              }
-            }
-            if (errorMsg.length > 1) {
-              totalErrorMsg.push(errorMsg.join(' '))
-            }
-          }
-        })
-        this.errorMsg = totalErrorMsg
-      }
-    },
-    MFAConfirm() {
-      if (this.MFAInput.length !== 6) {
-        return this.$message.error(this.$t('common.MFAErrorMsg'))
-      }
-      this.$axios.post(
-        `/api/v1/authentication/otp/verify/`, {
-          code: this.MFAInput
-        }
-      ).then(
-        res => {
-          this.$store.dispatch('users/setMFAVerify')
-          if (this.dialogStatus === 'import') {
-            this.showMFADialog = false
-            this.showImportDialog = true
-          } else {
-            this.showMFADialog = false
-            this.showExportDialog = true
-          }
-        }
-      )
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/xpack/api.js b/src/views/xpack/api.js
deleted file mode 100644
index 4ef1835aa..000000000
--- a/src/views/xpack/api.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import request from '@/utils/request'
-
-export function postInterface(formData) {
-  return request({
-    url: '/api/v1/xpack/interface/setting',
-    method: 'put',
-    headers: {
-      'Content-Type': 'multipart/form-data'
-    },
-    data: formData
-  })
-}
-export function getInterfaceInfo() {
-  return request({
-    url: '/api/v1/xpack/interface/setting',
-    method: 'get'
-  })
-}
-
-export function restoreInterface() {
-  return request({
-    url: '/api/v1/xpack/interface/restore',
-    method: 'get'
-  })
-}
-
-export function importLicense(formData) {
-  return request({
-    url: '/api/v1/xpack/license/import',
-    method: 'post',
-    headers: {
-      'Content-Type': 'multipart/form-data'
-    },
-    data: formData
-  })
-}
diff --git a/src/views/xpack/index.js b/src/views/xpack/index.js
deleted file mode 100644
index e69de29bb..000000000

From efcd4aa55ce54819475d82b458fe6f3c8f2ff729 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9C=E6=80=80=E7=A3=8A=E2=80=9D?= <2280131253@qq.com>
Date: Wed, 23 Feb 2022 17:05:40 +0800
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=95=8C=E9=9D=A2?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E6=8E=A5=E5=8F=A3=E6=96=87=E4=BB=B6=E6=89=BE?=
 =?UTF-8?q?=E4=B8=8D=E5=88=B0=E6=8A=A5=E9=94=99=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/interface.js             | 36 ++++++++++++++++++++++++++++++++
 src/views/settings/Interface.vue |  2 +-
 2 files changed, 37 insertions(+), 1 deletion(-)
 create mode 100644 src/api/interface.js

diff --git a/src/api/interface.js b/src/api/interface.js
new file mode 100644
index 000000000..4ef1835aa
--- /dev/null
+++ b/src/api/interface.js
@@ -0,0 +1,36 @@
+import request from '@/utils/request'
+
+export function postInterface(formData) {
+  return request({
+    url: '/api/v1/xpack/interface/setting',
+    method: 'put',
+    headers: {
+      'Content-Type': 'multipart/form-data'
+    },
+    data: formData
+  })
+}
+export function getInterfaceInfo() {
+  return request({
+    url: '/api/v1/xpack/interface/setting',
+    method: 'get'
+  })
+}
+
+export function restoreInterface() {
+  return request({
+    url: '/api/v1/xpack/interface/restore',
+    method: 'get'
+  })
+}
+
+export function importLicense(formData) {
+  return request({
+    url: '/api/v1/xpack/license/import',
+    method: 'post',
+    headers: {
+      'Content-Type': 'multipart/form-data'
+    },
+    data: formData
+  })
+}
diff --git a/src/views/settings/Interface.vue b/src/views/settings/Interface.vue
index 612fc8257..425e989e1 100644
--- a/src/views/settings/Interface.vue
+++ b/src/views/settings/Interface.vue
@@ -19,7 +19,7 @@
 import { Page } from '@/layout/components'
 import { IBox, UploadField } from '@/components'
 import GenericCreateUpdateForm from '@/layout/components/GenericCreateUpdateForm'
-import { getInterfaceInfo, postInterface, restoreInterface } from '@/views/xpack/api'
+import { getInterfaceInfo, postInterface, restoreInterface } from '@/api/interface'
 
 export default {
   name: 'InterfaceSettings',