缓存(默认 false)
+ breadcrumb: false // 如果设置为false，则不会在breadcrumb面包屑中显示(默认 true)
+ affix: true // 如果设置为true，它则会固定在tags-view中(默认 false)
+
+ // 当路由设置了该属性，则会高亮相对应的侧边栏。
+ // 这在某些场景非常有用，比如：一个文章的列表页路由为：/article/list
+ // 点击文章进入文章详情页，这时候路由为/article/1，但你想在侧边栏高亮文章列表的路由，就可以进行如下设置
+ activeMenu: '/article/list'
+}
+*/
+
+/**
+ * 路由集合
+ */
+import homeRoute from './modules/homeRoute'
+// 运营
+import operateRouter from './modules/operateRoute'
+// 资源
+import resourceRouter from './modules/resourceRoute'
+// 监控
+import monitorRoute from './modules/monitorRoute'
+// 外部云
+import externalCloud from './modules/externalCloud'
+// 可靠中心
+import reliableCenter from './modules/reliableCenter'
+export const constantRoutes = [
+ {
+ path: '/login',
+ pagekey: '',
+ // routeKey: 'login',
+ component: () => import('@/views/login/index'),
+ hidden: true
+ },
+
+ {
+ path: '/404',
+ pagekey: '',
+ // routeKey: '404',
+ component: () => import('@/views/404'),
+ hidden: true
+ },
+ {
+ name: 'home',
+ pagekey: '',
+ // routeKey: 'home',
+ path: '/home',
+ component: () => import('@/layout/index'),
+ hidden: true
+ },
+ ...homeRoute,
+ ...operateRouter,
+ ...resourceRouter,
+ ...monitorRoute,
+ ...externalCloud,
+ ...reliableCenter,
+ // 404 page must be placed at the end !!!
+ { path: '*', redirect: '/login', hidden: true }
+]
+
+const createRouter = () => new Router({
+ // mode: 'history', // require service support
+ scrollBehavior: () => ({ y: 0 }),
+ routes: constantRoutes
+})
+
+const router = createRouter()
+
+export function resetRouter() {
+ const newRouter = createRouter()
+ router.matcher = newRouter.matcher // reset router
+}
+
+export default router
diff --git a/src/router/modules/externalCloud.js b/src/router/modules/externalCloud.js
new file mode 100644
index 0000000000000000000000000000000000000000..f4682392a428f72349b64d0e5cde2aaceeaa9b49
--- /dev/null
+++ b/src/router/modules/externalCloud.js
@@ -0,0 +1,63 @@
+// 资源
+import Layout from '@/layout'
+import i18n from '@/assets/common/lang/index'
+const externalCloudRouter = [
+ {
+ path: '/externalCloud',
+ component: Layout,
+ meta: {
+ title: i18n.t('common.route.vcenter'), // '外部云'
+ },
+ redirect: '/externalCloud/vcenter',
+ pagekey: 'externalCloud',
+ routeKey: 'externalCloud',
+ hidden: false,
+ children: [
+ {
+ path: '/externalCloud/vcenter',
+ name: 'vcenter',
+ routeKey: 'vcenter',
+ hidden: false,
+ noRedirect: '',
+ component: () => import('@/views/externalCloud/vcenter/vcenter.vue'),
+ meta: {
+ title: i18n.t('common.route.vcenter'), // '纳管vcenter',
+ icon: 'kyq-icon',
+ default: true,
+ routeKey: 'vcenter'
+ }
+ },
+ {
+ path: 'detail/:id/:type/:pageName',
+ name: 'vCenterDetail',
+ routeKey: 'vCenterDetail',
+ hidden: true,
+ noRedirect: '',
+ component: () => import('@/views/externalCloud/vcenter/detail.vue'),
+ meta: {
+ title: i18n.t('common.route.vcenterDetail'), // 'vcenter详情',
+ icon: 'kyq-icon',
+ default: false,
+ routeKey: 'vCenterDetail',
+ useDetailName:true,//是否开启使用详情名称代替页面名称
+ },
+ },
+ {
+ path: 'cloudServerDetail/:vcenterId/:name/:pageName',
+ name: 'cloudServerDetail',
+ routeKey: 'cloudServerDetail',
+ hidden: true,
+ noRedirect: '',
+ component: () => import('@/views/externalCloud/vcenter/cloudServerDetail/index.vue'),
+ meta: {
+ title: i18n.t('common.route.servervmDetail'), //云服务器详情
+ icon: 'kyq-icon',
+ default: false,
+ routeKey: 'zone',
+ useDetailName:true,//是否开启使用详情名称代替页面名称
+ },
+ }
+ ]
+ },
+]
+export default externalCloudRouter
diff --git a/src/router/modules/homeRoute.js b/src/router/modules/homeRoute.js
new file mode 100644
index 0000000000000000000000000000000000000000..5ddb34206970fae88600b5231f613cb3f6c27e96
--- /dev/null
+++ b/src/router/modules/homeRoute.js
@@ -0,0 +1,32 @@
+// 首页
+import Layout from '@/layout'
+import i18n from '@/assets/common/lang/index'
+const homeRoute = [
+ {
+ name: 'homePage',
+ component: Layout,
+ pagekey: '',
+ // routeKey: 'home',
+ path: '/homePage',
+ hidden: true,
+ children: [
+ {
+ path: 'pageHome/index',
+ name: 'pageHome',
+ routeKey: 'pageHome',
+ hidden: false,
+ redirect: '',
+ component: () => import('@/layout/homePage/index'),
+ meta: {
+ title: '首页',
+ icon: 'gjsj-icon'
+ },
+ breadcrumb: true // 如果设置为false，则不会在breadcrumb面包屑中显示(默认 true)
+ },
+ ]
+ },
+
+
+
+]
+export default homeRoute
diff --git a/src/router/modules/monitorRoute.js b/src/router/modules/monitorRoute.js
new file mode 100644
index 0000000000000000000000000000000000000000..2a0dde11e6fe7d65b4c5a621c63a390bd473442e
--- /dev/null
+++ b/src/router/modules/monitorRoute.js
@@ -0,0 +1,111 @@
+// 监控
+import Layout from '@/layout'
+import i18n from '@/assets/common/lang/index'
+const monitorRoute = [
+ {
+ path: '/alarmevent',
+ component: Layout,
+ meta: {
+ title: i18n.t('common.route.alarmEvent'), // '告警事件',
+ icon: 'gjsj-icon'
+ },
+ redirect: 'noRedirect',
+ pagekey: 'monitor',
+ routeKey: 'alarmEvent',
+ hidden: false,
+ children: [
+ {
+ path: 'monitor/alarmevent/alarmLog/index',
+ name: 'alarmLog',
+ routeKey: 'alarmLog',
+ hidden: false,
+ redirect: '',
+ component: () => import('@/views/monitor/alarmevent/alarmLog/index'),
+ meta: {
+ title: i18n.t('common.route.alarmLog'), // '告警日志',
+ icon: 'gjrz-icon', default: false, routeKey: 'alarmLog'
+ },
+ breadcrumb: true // 如果设置为false，则不会在breadcrumb面包屑中显示(默认 true)
+ },
+ {
+ path: 'monitor/alarmevent/alarmSet/index',
+ name: 'settingAlarm',
+ routeKey: 'settingAlarm',
+ hidden: false,
+ redirect: '',
+ component: () => import('@/views/monitor/alarmevent/alarmSet/index'),
+ meta: {
+ title: i18n.t('common.route.settingAlarm'), // '告警设置',
+ icon: 'gjsz-icon', default: false, routeKey: 'settingAlarm'
+ },
+ breadcrumb: true // 如果设置为false，则不会在breadcrumb面包屑中显示(默认 true)
+ },
+ ]
+ },
+ {
+ path: '/operationLog',
+ component: Layout,
+ meta: {
+ title: i18n.t('common.route.operateLog'), // '操作日志',
+ icon: 'czrz-icon'
+ },
+ redirect: 'noRedirect',
+ pagekey: 'monitor',
+ routeKey: 'operateLog',
+ hidden: false,
+ children: [
+ {
+ path: 'monitor/operationLog/physicalHostevents/index',
+ name: 'serverEvent',
+ routeKey: 'serverEvent',
+ hidden: false,
+ redirect: '',
+ component: () => import('@/views/monitor/operationLog/physicalHostevents/index'),
+ meta: {
+ title: i18n.t('common.route.serverEvent'), // '物理主机事件',
+ icon: 'wlzjsj-icon', default: false, routeKey: 'serverEvent'
+ },
+ breadcrumb: true // 如果设置为false，则不会在breadcrumb面包屑中显示(默认 true)
+ },
+ {
+ path: 'monitor/operationLog/cloudServerevents/index',
+ name: 'cloudServerEvent',
+ routeKey: 'cloudServerEvent',
+ hidden: false,
+ redirect: '',
+ component: () => import('@/views/monitor/operationLog/cloudServerevents/index'),
+ meta: {
+ title: i18n.t('common.route.cloudServerEvent'), // '云服务器事件',
+ icon: 'yfwqsj-icon', default: false, routeKey: 'cloudServerEvent'
+ },
+ breadcrumb: true // 如果设置为false，则不会在breadcrumb面包屑中显示(默认 true)
+ },
+ ]
+ },
+ {
+ path: '/taskcenter',
+ component: Layout,
+ meta: {
+ title: i18n.t('common.route.taskcenter'), // '任务中心'
+ },
+ redirect: '/monitor/taskcenter/index',
+ pagekey: 'monitor',
+ routeKey: 'taskcenter',
+ hidden: false,
+ children: [
+ {
+ path: '/monitor/taskcenter/index',
+ name: 'taskcenter',
+ routeKey: 'taskcenter',
+ hidden: false,
+ noRedirect: '',
+ component: () => import('@/views/monitor/taskcenter/index.vue'),
+ meta: {
+ title: i18n.t('common.route.taskcenter'), // '任务中心'
+ icon: 'gdgl-icon', default: true, routeKey: 'taskcenter'
+ }
+ }
+ ]
+ },
+]
+export default monitorRoute
diff --git a/src/router/modules/operateRoute.js b/src/router/modules/operateRoute.js
new file mode 100644
index 0000000000000000000000000000000000000000..5b5bb047e78acb15f1cd8487824e9ce9354935c0
--- /dev/null
+++ b/src/router/modules/operateRoute.js
@@ -0,0 +1,141 @@
+// 运营
+import Layout from '@/layout'
+import i18n from '@/assets/common/lang/index'
+const operateRouter = [
+ {
+ path: '/organization',
+ component: Layout,
+ meta: {
+ title: i18n.t('common.route.org'), // '组织管理'
+ },
+ redirect: '/operate/organizationMgr/index',
+ pagekey: 'operator',
+ routeKey: 'org',
+ hidden: false,
+ children: [
+ {
+ path: '/operate/organizationMgr/index',
+ name: 'organization',
+ routeKey: 'org',
+ hidden: false,
+ redirect: '',
+ component: () => import('@/views/operate/organizationMgr/index'),
+ meta: {
+ title: i18n.t('common.route.org'), // '组织管理',
+ icon: 'zzgl-icon', default: true, routeKey: 'org',
+ },
+ breadcrumb: true // 如果设置为false，则不会在breadcrumb面包屑中显示(默认 true)
+ },
+ {
+ path: 'detail/:id/:type',
+ name: 'organizationDetail',
+ routeKey: 'org',
+ hidden: true,
+ redirect: '',
+ component: () => import('@/views/operate/organizationMgr/detail'),
+ meta: {
+ title: i18n.t('common.route.orgDetail'), // '组织详情',
+ icon: 'el-icon-s-order', default: false, routeKey: 'org',
+ },
+ breadcrumb: true // 如果设置为false，则不会在breadcrumb面包屑中显示(默认 true)
+ }
+ ]
+ },
+ {
+ path: '/authority',
+ component: Layout,
+ meta: {
+ title: i18n.t('common.route.permission'), // '权限管理',
+ icon: 'qxgl-icon'
+ },
+ redirect: 'noRedirect',
+ pagekey: 'operator',
+ routeKey: 'permission',
+ hidden: false,
+ children: [
+ {
+ path: '/operate/authorityMgr/userMgr/index',
+ name: 'userMgr',
+ routeKey: 'user',
+ hidden: false,
+ redirect: '',
+ component: () => import('@/views/operate/authorityMgr/userMgr/index'),
+ meta: {
+ title: i18n.t('common.route.userMgr'), // '用户管理',
+ icon: 'yhgl-icon', default: false, routeKey: 'user'
+ },
+ breadcrumb: true // 如果设置为false，则不会在breadcrumb面包屑中显示(默认 true)
+ },
+ {
+ path: '/operate/authorityMgr/roleMgr/index',
+ name: 'roleMgr',
+ routeKey: 'role',
+ hidden: false,
+ redirect: '',
+ component: () => import('@/views/operate/authorityMgr/roleMgr/index'),
+ meta: {
+ title: i18n.t('common.route.roleMgr'), // '角色管理',
+ icon: 'jsgl-icon', default: false, routeKey: 'role'
+ },
+ breadcrumb: true // 如果设置为false，则不会在breadcrumb面包屑中显示(默认 true)
+ },
+ ]
+ },
+
+ {
+ path: '/workorder',
+ component: Layout,
+ meta: {
+ title: i18n.t('common.route.workorder'), // '工单管理',
+ icon: 'gdgl-icon'
+ },
+ redirect: 'noRedirect',
+ pagekey: 'operator',
+ routeKey: 'workorder',
+ hidden: false,
+ children: [
+ {
+ path: '/workorder/index',
+ name: 'workorder',
+ routeKey: 'check_workorder',
+ hidden: false,
+ redirect: '',
+ component: () => import('@/views/workorder/index'),
+ meta: {
+ title: i18n.t('common.route.WorkorderReview'), // '工单审核',
+ icon: 'gdsh-icon', default: false, routeKey: 'check_workorder'
+ },
+ breadcrumb: true // 如果设置为false，则不会在breadcrumb面包屑中显示(默认 true)
+ },
+ {
+ path: 'detail/:id/:type',
+ name: 'workDetail',
+ routeKey: 'check_workorder',
+ hidden: true,
+ redirect: '',
+ component: () => import('@/views/workorder/detail'),
+ meta: {
+ title: i18n.t('common.route.workorderDetail'), // '工单详情',
+ icon: 'gdsh-icon', default: false, routeKey: 'check_workorder'
+ },
+ breadcrumb: true // 如果设置为false，则不会在breadcrumb面包屑中显示(默认 true)
+ },
+
+ {
+ path: '/network/index',
+ name: 'network',
+ routeKey: 'networkconfig',
+ hidden: false,
+ redirect: '',
+ component: () => import('@/views/network/index'),
+ meta: {
+ title: i18n.t('common.route.networkconfig'), // '网络设置',
+ icon: 'wlsz-icon', default: false, routeKey: 'networkconfig'
+ },
+ breadcrumb: true // 如果设置为false，则不会在breadcrumb面包屑中显示(默认 true)
+ },
+ ]
+ }
+
+]
+export default operateRouter
diff --git a/src/router/modules/reliableCenter.js b/src/router/modules/reliableCenter.js
new file mode 100644
index 0000000000000000000000000000000000000000..5c076e0e0aac2b92cc4752c953f1d8db5a90d17d
--- /dev/null
+++ b/src/router/modules/reliableCenter.js
@@ -0,0 +1,79 @@
+import Layout from '@/layout'
+import i18n from '@/assets/common/lang/index'
+const reliableCenter = [
+ {
+ path: '/reliableCenter',
+ component: Layout,
+ meta: {
+ title: i18n.t('common.route.remoteDisasterRecovery'), // '异地容灾'
+ },
+ redirect: '/reliableCenter/remoteDisasterRecovery/index',
+ pagekey: 'reliableCenter',
+ routeKey: 'remoteDisasterRecovery',
+ hidden: false,
+ children: [
+ {
+ path: '/reliableCenter/remoteDisasterRecovery/index',
+ name: 'remoteDisasterRecovery',
+ routeKey: 'remoteDisasterRecovery',
+ pagekey: 'reliableCenter',
+ hidden: false,
+ noRedirect: '',
+ component: () => import('@/views/reliableCenter/remoteDisasterRecovery/index.vue'),
+ meta: {
+ title: i18n.t('common.route.remoteDisasterRecovery'), // '异地容灾',
+ icon: 'rzbf',
+ default: true,
+ routeKey: 'remoteDisasterRecovery',
+ pagekey: 'reliableCenter'
+ }
+ },
+ {
+ path: '/reliableCenter/linkManagement/index',
+ name: 'linkManagement',
+ routeKey: 'linkManagement',
+ pagekey: 'reliableCenter',
+ hidden: true,
+ noRedirect: '',
+ component: () => import('@/views/reliableCenter/remoteDisasterRecovery/linkManagement/index.vue'),
+ meta: {
+ title: i18n.t('common.route.linkManagement'), // '异地容灾',
+ icon: 'rzbf',
+ default: false,
+ pagekey: 'reliableCenter',
+ routeKey: 'linkManagement'
+ }
+ },
+ ]
+ },
+ {
+ path: '/mainAndBackupKcp',
+ component: Layout,
+ meta: {
+ title: i18n.t('common.route.mainAndBackupKcp'), // '主备kcp'
+ },
+ redirect: '/mainAndBackupKcp/index',
+ pagekey: 'reliableCenter',
+ routeKey: 'kcpha',
+ hidden: false,
+ children: [
+ {
+ path: '/mainAndBackupKcp/index',
+ name: 'kcpha',
+ routeKey: 'kcpha',
+ hidden: false,
+ noRedirect: '',
+ component: () => import('@/views/reliableCenter/kcpha/index.vue'),
+ meta: {
+ title: i18n.t('common.route.mainAndBackupKcp'), // '主备kcp',
+ icon: 'zbkcp',
+ pagekey: 'reliableCenter',
+ default: true,
+ routeKey: 'kcpha',
+ breadcrumb: true
+ }
+ },
+ ]
+ },
+]
+export default reliableCenter
\ No newline at end of file
diff --git a/src/router/modules/resourceRoute.js b/src/router/modules/resourceRoute.js
new file mode 100644
index 0000000000000000000000000000000000000000..27615c1ea182666cad35af19d9d86cd7c0cd184f
--- /dev/null
+++ b/src/router/modules/resourceRoute.js
@@ -0,0 +1,326 @@
+// 资源
+import Layout from '@/layout'
+import i18n from '@/assets/common/lang/index'
+const resourceRouter = [
+ {
+ path: '/availabilityZone',
+ component: Layout,
+ meta: {
+ title: i18n.t('common.route.zone'), // '可用区'
+ },
+ redirect: '/resource/availabilityZone/index',
+ pagekey: 'resource',
+ routeKey: 'zone',
+ hidden: false,
+ children: [
+ {
+ path: '/resource/availabilityZone/index',
+ name: 'availabilityZone',
+ routeKey: 'zone',
+ hidden: false,
+ noRedirect: '',
+ component: () => import('@/views/resource/availabilityZone/index.vue'),
+ meta: {
+ title: i18n.t('common.route.zone'), // '可用区',
+ icon: 'kyq-icon',
+ pagekey: 'resource',
+ default: true,
+ routeKey: 'zone'
+ }
+ },
+ {
+ path: 'detail/:id/:type',
+ name: 'availabilityZoneDetail',
+ routeKey: 'zone',
+ hidden: true,
+ noRedirect: '',
+ component: () => import('@/views/resource/availabilityZone/detail.vue'),
+ meta: {
+ title: i18n.t('common.route.zoneDetail'), // '可用区详情',
+ icon: 'kyq-icon',
+ pagekey: 'resource',
+ default: false,
+ routeKey: 'zone'
+ }
+ }
+ ]
+ },
+ {
+ path: '/physicalCluster',
+ component: Layout,
+ meta: {
+ title: i18n.t('common.route.cluster'), // '物理集群'
+ },
+ redirect: '/resource/physicalCluster/index',
+ pagekey: 'resource',
+ routeKey: 'cluster',
+ hidden: false,
+ children: [
+ {
+ path: '/resource/physicalCluster/index',
+ name: 'physicalCluster',
+ routeKey: 'cluster',
+ hidden: false,
+ noRedirect: '',
+ component: () => import('@/views/resource/physicalCluster/index.vue'),
+ meta: {
+ title: i18n.t('common.route.cluster'), // '物理集群',
+ icon: 'wljq-icon',
+ pagekey: 'resource',
+ default: true,
+ routeKey: 'cluster',
+ breadcrumb: true
+ }
+ },
+ {
+ path: 'detail/:id/:type',
+ name: 'physicalDetail',
+ routeKey: 'cluster',
+ hidden: true,
+ noRedirect: '',
+ component: () => import('@/views/resource/physicalCluster/detail.vue'),
+ meta: {
+ title: i18n.t('common.route.clusterDetail'), // '物理集群详情',
+ icon: 'wljq-icon',
+ pagekey: 'resource',
+ default: false,
+ routeKey: 'cluster',
+ breadcrumb: true
+ }
+ }
+ ]
+ },
+ {
+ path: '/vdcPage',
+ component: Layout,
+ meta: {
+ title: i18n.t('common.route.vdc'), // '虚拟数据中心（VDC）'
+ },
+ redirect: '/resource/vdcPage/index',
+ pagekey: 'resource',
+ routeKey: 'vdc',
+ hidden: false,
+ children: [
+ {
+ path: '/resource/vdcPage/index',
+ name: 'vdcPage',
+ routeKey: 'vdc',
+ hidden: false,
+ noRedirect: '',
+ component: () => import('@/views/resource/vdcPage/index.vue'),
+ meta: {
+ title: i18n.t('common.route.vdc'), // '虚拟数据中心（VDC）',
+ icon: 'xnsjzx-icon',
+ pagekey: 'resource',
+ default: true,
+ routeKey: 'vdc'
+ }
+ },
+ {
+ path: 'detail/:id/:type',
+ name: 'vdcPageDetail',
+ routeKey: 'vdc',
+ hidden: true,
+ noRedirect: '',
+ component: () => import('@/views/resource/vdcPage/detail.vue'),
+ meta: {
+ title: i18n.t('common.route.vdcDetail'), // '虚拟数据中心（VDC）详情',
+ icon: 'xnsjzx-icon',
+ pagekey: 'resource',
+ default: false,
+ routeKey: 'vdc'
+ }
+ }
+ ]
+ },
+ {
+ path: '/escPage',
+ component: Layout,
+ meta: {
+ title: i18n.t('common.route.servervm'), // '云服务器'
+ },
+ redirect: '/resource/esc/index',
+ pagekey: 'resource',
+ routeKey: 'servervm',
+ hidden: false,
+ children: [
+ {
+ path: '/resource/esc/index',
+ name: 'escPage',
+ routeKey: 'servervm',
+ hidden: false,
+ noRedirect: '',
+ component: () => import('@/views/resource/ecs/index.vue'),
+ meta: {
+ title: i18n.t('common.route.servervm'), // '云服务器',
+ icon: 'yfwq-icon',
+ pagekey: 'resource',
+ default: true,
+ routeKey: 'servervm'
+ }
+ },
+ {
+ path: 'detail/:id/:type/:cid',
+ name: 'escPageDetail',
+ routeKey: 'servervm',
+ hidden: true,
+ noRedirect: '',
+ component: () => import('@/views/resource/ecs/components/detail/index.vue'),
+ meta: {
+ title: i18n.t('common.route.servervmDetail'), // '云服务器详情',
+ icon: 'yfwq-icon',
+ default: false,
+ pagekey: 'resource',
+ routeKey: 'servervm'
+ }
+ }
+ ]
+ },
+ {
+ path: '/vMwareMgr',
+ component: Layout,
+ meta: {
+ title: i18n.t('common.route.vMwareMgr'), // 'VMware纳管'
+ },
+ redirect: '/resource/vMwareMgr/index',
+ pagekey: 'resource',
+ routeKey: 'vMwareMgr',
+ hidden: false,
+ children: [
+ {
+ path: '/resource/vMwareMgr/index',
+ name: 'vMwareMgrPage',
+ routeKey: 'vMwareMgr',
+ hidden: false,
+ noRedirect: '',
+ component: () => import('@/views/resource/vMwareMgr/index.vue'),
+ meta: {
+ title: i18n.t('common.route.vMwareMgr'), // 'VMware纳管',
+ icon: 'wljq-icon',
+ default: true,
+ pagekey: 'resource',
+ routeKey: 'vMwareMgr'
+ }
+ },
+ {
+ path: 'detail/:id/:name/:type',
+ name: 'vMwareMgrPageDetail',
+ routeKey: 'vMwareMgr',
+ hidden: true,
+ noRedirect: '',
+ component: () => import('@/views/resource/vMwareMgr/detail.vue'),
+ meta: {
+ title: i18n.t('common.route.vMwareMgrDetail'), // 'VMware纳管详情',
+ icon: 'wljq-icon',
+ default: false,
+ pagekey: 'resource',
+ routeKey: 'vMwareMgr'
+ }
+ }
+ ]
+ },
+ {
+ path: '/imageMgr',
+ component: Layout,
+ meta: {
+ title: i18n.t('common.route.imageMgr'), // // '镜像管理'
+ },
+ redirect: '/resource/imageMgr/index',
+ pagekey: 'resource',
+ routeKey: 'image',
+ hidden: false,
+ children: [
+ {
+ path: '/resource/imageMgr/index',
+ name: 'imageMgr',
+ routeKey: 'image',
+ hidden: false,
+ noRedirect: '',
+ component: () => import('@/views/resource/imageMgr/index.vue'),
+ meta: {
+ title: i18n.t('common.route.imageMgr'), // 镜像管理'
+ icon: 'jxgl-icon',
+ pagekey: 'resource',
+ default: true,
+ routeKey: 'image'
+ }
+ },
+ {
+ path: '/resource/imageMgr/components/imageupload/:type',
+ name: 'imageupload',
+ routeKey: 'image',
+ hidden: true,
+ noRedirect: '',
+ component: () => import('@/views/resource/imageMgr/components/imageupload.vue'),
+ meta: {
+ title: i18n.t('common.route.imageMgrUpload'), // 上传镜像',
+ icon: 'jxgl-icon',
+ default: false,
+ pagekey: 'resource',
+ routeKey: 'image'
+ }
+ },
+ {
+ path: '/resource/imageMgr/components/imageuploading',
+ name: 'imageuploading',
+ routeKey: 'image',
+ hidden: true,
+ noRedirect: '',
+ component: () => import('@/views/resource/imageMgr/components/imageuploading.vue'),
+ meta: {
+ title: i18n.t('common.route.imageMgrUpload'), // 上传镜像',
+ icon: 'jxgl-icon',
+ pagekey: 'resource',
+ default: false,
+ routeKey: 'image'
+ }
+ },
+ {
+ path: 'detail/:id/:type',
+ name: 'imageDetail',
+ routeKey: 'image',
+ hidden: true,
+ noRedirect: '',
+ component: () => import('@/views/resource/imageMgr/components/imageDetail.vue'),
+ meta: {
+ title: i18n.t('common.route.imageMgrDetail'), // 镜像详情',
+ icon: 'jxgl-icon',
+ default: false,
+ pagekey: 'resource',
+ routeKey: 'image'
+ }
+ },
+ ]
+ },
+ // 主机纳管
+ {
+ path: '/bareMetal',
+ component: Layout,
+ meta: {
+ title: i18n.t('common.route.bareMetal'), // '主机纳管'
+ },
+ redirect: '/resource/hostTube/index',
+ pagekey: 'resource',
+ routeKey: 'bareMetal',
+ hidden: false,
+ children: [
+ {
+ path: '/resource/hostTube/index',
+ name: 'bareMetal',
+ routeKey: 'bareMetal',
+ hidden: false,
+ noRedirect: '',
+ component: () => import('@/views/resource/hostTube/index.vue'),
+ meta: {
+ title: i18n.t('common.route.bareMetal'), // '主机纳管',
+ icon: 'ljs',
+ default: true,
+ pagekey: 'resource',
+ routeKey: 'bareMetal',
+ breadcrumb: true
+ }
+ },
+ ]
+ },
+]
+export default resourceRouter
diff --git a/src/settings.js b/src/settings.js
new file mode 100644
index 0000000000000000000000000000000000000000..def2e13290f7b0eb597ba139192614ddcba436e4
--- /dev/null
+++ b/src/settings.js
@@ -0,0 +1,22 @@
+module.exports = {
+
+ title: '云管平台',
+
+ /**
+ * @type {boolean} true | false
+ * @description Whether fix the header
+ */
+ fixedHeader: false,
+
+ /**
+ * @type {boolean} true | false
+ * @description Whether show the logo in sidebar
+ */
+ sidebarLogo: false,
+
+ /**
+ * @type {boolean} true | false
+ * @description 侧边栏是否使用路由
+ */
+ routeSidebar: true
+}
diff --git a/src/store/getters.js b/src/store/getters.js
new file mode 100644
index 0000000000000000000000000000000000000000..5ab7b4c8ba23fe62a23208cafeca2b9a3a5a2a40
--- /dev/null
+++ b/src/store/getters.js
@@ -0,0 +1,8 @@
+const getters = {
+ sidebar: state => state.app.sidebar,
+ device: state => state.app.device,
+ token: state => state.user.token,
+ avatar: state => state.user.avatar,
+ name: state => state.user.name
+}
+export default getters
diff --git a/src/store/index.js b/src/store/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..6be466a5d2a89799b809407f360556360e8f5f83
--- /dev/null
+++ b/src/store/index.js
@@ -0,0 +1,19 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+import getters from './getters'
+import app from './modules/app'
+import settings from './modules/settings'
+import user from './modules/user'
+
+Vue.use(Vuex)
+
+const store = new Vuex.Store({
+ modules: {
+ app,
+ settings,
+ user
+ },
+ getters
+})
+
+export default store
diff --git a/src/store/modules/app.js b/src/store/modules/app.js
new file mode 100644
index 0000000000000000000000000000000000000000..7ea7e33228290b58942fddac8cef5ac1d23153dd
--- /dev/null
+++ b/src/store/modules/app.js
@@ -0,0 +1,48 @@
+import Cookies from 'js-cookie'
+
+const state = {
+ sidebar: {
+ opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true,
+ withoutAnimation: false
+ },
+ device: 'desktop'
+}
+
+const mutations = {
+ TOGGLE_SIDEBAR: state => {
+ state.sidebar.opened = !state.sidebar.opened
+ state.sidebar.withoutAnimation = false
+ if (state.sidebar.opened) {
+ Cookies.set('sidebarStatus', 1)
+ } else {
+ Cookies.set('sidebarStatus', 0)
+ }
+ },
+ CLOSE_SIDEBAR: (state, withoutAnimation) => {
+ Cookies.set('sidebarStatus', 0)
+ state.sidebar.opened = false
+ state.sidebar.withoutAnimation = withoutAnimation
+ },
+ TOGGLE_DEVICE: (state, device) => {
+ state.device = device
+ }
+}
+
+const actions = {
+ toggleSideBar({ commit }) {
+ commit('TOGGLE_SIDEBAR')
+ },
+ closeSideBar({ commit }, { withoutAnimation }) {
+ commit('CLOSE_SIDEBAR', withoutAnimation)
+ },
+ toggleDevice({ commit }, device) {
+ commit('TOGGLE_DEVICE', device)
+ }
+}
+
+export default {
+ namespaced: true,
+ state,
+ mutations,
+ actions
+}
diff --git a/src/store/modules/settings.js b/src/store/modules/settings.js
new file mode 100644
index 0000000000000000000000000000000000000000..b3f33f8325ecab51b781c7318e7826a4a4476569
--- /dev/null
+++ b/src/store/modules/settings.js
@@ -0,0 +1,32 @@
+import defaultSettings from '@/settings'
+
+const { showSettings, fixedHeader, sidebarLogo } = defaultSettings
+
+const state = {
+ showSettings: showSettings,
+ fixedHeader: fixedHeader,
+ sidebarLogo: sidebarLogo
+}
+
+const mutations = {
+ CHANGE_SETTING: (state, { key, value }) => {
+ // eslint-disable-next-line no-prototype-builtins
+ if (state.hasOwnProperty(key)) {
+ state[key] = value
+ }
+ }
+}
+
+const actions = {
+ changeSetting({ commit }, data) {
+ commit('CHANGE_SETTING', data)
+ }
+}
+
+export default {
+ namespaced: true,
+ state,
+ mutations,
+ actions
+}
+
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
new file mode 100644
index 0000000000000000000000000000000000000000..e7e56058feb4eb5ca6ae269f53762aa8e3601b9e
--- /dev/null
+++ b/src/store/modules/user.js
@@ -0,0 +1,90 @@
+import { login, logout, getInfo } from '@/api/user'
+import { getToken, setToken, removeToken } from '@/utils/auth'
+import { resetRouter } from '@/router'
+import md5 from 'js-md5'
+const getDefaultState = () => {
+ return {
+ token: getToken(),
+ name: '',
+ avatar: ''
+ }
+}
+
+const state = getDefaultState()
+
+const mutations = {
+ RESET_STATE: (state) => {
+ Object.assign(state, getDefaultState())
+ },
+ SET_TOKEN: (state, token) => {
+ state.token = token
+ },
+ SET_NAME: (state, name) => {
+ state.name = name
+ },
+ SET_AVATAR: (state, avatar) => {
+ state.avatar = avatar
+ }
+}
+
+const actions = {
+ // user login
+ login({ commit }, userInfo) {
+ const { name, password } = userInfo
+ return new Promise((resolve, reject) => {
+ login({ userName: name.trim(), password: md5(password) }).then(response => {
+ const { token } = response
+ commit('SET_TOKEN', token)
+ setToken(token)
+ resolve()
+ }).catch(error => {
+ reject(error)
+ })
+ })
+ },
+
+ // // get user info
+ // getInfo({ commit, state }) {
+ // return new Promise((resolve, reject) => {
+ // getInfo().then(data => {
+ // if (!data) {
+ // return reject('验证失败，请重新登录。')
+ // }
+
+ // const { name, avatar } = data
+
+ // commit('SET_NAME', name)
+ // commit('SET_AVATAR', avatar)
+ // resolve(data)
+ // }).catch(error => {
+ // reject(error)
+ // })
+ // })
+ // },
+
+ // user logout
+ logout({ commit, state }) {
+ return logout().then(() => {
+ removeToken() // must remove token first
+ resetRouter()
+ commit('RESET_STATE')
+ })
+ },
+
+ // remove token
+ resetToken({ commit }) {
+ return new Promise(resolve => {
+ removeToken() // must remove token first
+ commit('RESET_STATE')
+ resolve()
+ })
+ }
+}
+
+export default {
+ namespaced: true,
+ state,
+ mutations,
+ actions
+}
+
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
new file mode 100644
index 0000000000000000000000000000000000000000..6cf3f3bc9f1cada1b93147a9ffc887b7b9760dda
--- /dev/null
+++ b/src/styles/element-ui.scss
@@ -0,0 +1,335 @@
+// cover some element-ui styles
+
+.el-breadcrumb__inner,
+.el-breadcrumb__inner a {
+ font-weight: 400 !important;
+}
+
+.el-breadcrumb__inner a:hover,
+.el-breadcrumb__inner.is-link:hover {
+ color: #409EFF !important;
+ cursor: pointer;
+}
+
+.el-upload {
+ input[type="file"] {
+ display: none !important;
+ }
+}
+
+.el-upload__input {
+ display: none;
+}
+
+
+// to fixed https://github.com/ElemeFE/element/issues/2461
+.el-dialog {
+ transform: none;
+ left: 0;
+ position: relative;
+ margin: 0 auto;
+}
+
+// refine element ui upload
+.upload-container {
+ .el-upload {
+ width: 100%;
+
+ .el-upload-dragger {
+ width: 100%;
+ height: 200px;
+ }
+ }
+}
+
+// dropdown
+.el-dropdown-menu {
+ a {
+ display: block
+ }
+
+ .el-link--inner {
+ width: max-content;
+ display: block;
+ }
+}
+
+// to fix el-date-picker css style
+.el-range-separator {
+ box-sizing: content-box;
+}
+
+
+.el-form-item {
+ .el-form-item__label-wrap {
+ margin-left: 0 !important;
+ }
+}
+
+
+// form labe 粗细
+.el-form-item .el-form-item__label {
+ font-weight: normal;
+}
+
+// 确定/取消 交换位置，确定在左边
+.el-message-box__btns {
+ display: flex;
+ flex-flow: row-reverse;
+
+ >button {
+ margin-left: 15px;
+ }
+}
+
+
+// 表单中样式统一
+.el-form {
+
+ // icon
+ [class*="el-icon-"] {
+ cursor: pointer;
+ margin-left: 10px;
+ font-size: 20px;
+ color: #C0C4CC;
+ }
+
+ [class*="el-icon-"]:hover {
+ color: #409eff;
+ }
+
+ .el-select .el-tag__close[class*="el-icon-"] {
+ cursor: pointer;
+ margin-left: 0px;
+ font-size: 10px;
+ color: #909399;
+ }
+
+ .el-select .el-tag__close[class*="el-icon-"]:hover {
+ color: #FFF;
+ background-color: #909399;
+ }
+
+ .el-input.is-disabled .el-input__inner,
+ .el-input-group input[qlinput-readonly] {
+ // background-color: transparent;
+ border-color: #E4E7ED;
+ // color: #C0C4CC;
+ cursor: not-allowed;
+ }
+
+ .el-form-item.is-error .el-input__inner,
+ .el-form-item.is-error .el-input__inner:focus,
+ .el-form-item.is-error .el-textarea__inner,
+ .el-form-item.is-error .el-textarea__inner:focus,
+ .el-message-box__input input.invalid,
+ .el-message-box__input input.invalid:focus {
+ border-color: #F56C6C !important;
+ }
+
+
+ .el-input-group__append .el-input--suffix .el-input__inner,
+ .el-input-group__prepend .el-input--suffix .el-input__inner {
+ border-color: transparent !important;
+ }
+
+ .input-with-select {
+ .el-input-group__append {
+ background-color: #fff;
+ padding: 0;
+ width: 70px;
+ height: 30px;
+ overflow: hidden;
+ }
+
+ .el-input-group__append button.el-button {
+ background-color: #fff;
+ padding: 0;
+ margin: 0;
+ width: 100%;
+ height: 100%;
+ border-radius: 0
+ }
+
+ .el-input-group__append button.el-button:hover {
+ background-color: #e9f5ff;
+ }
+
+ .el-input-group__append .el-button.is-disabled,
+ .el-input-group__append .el-button.is-disabled:hover {
+ background-color: #F5F7FA;
+ }
+ }
+}
+
+.el-input-group__append,
+.el-input-group__prepend {
+ background-color: #fff;
+}
+
+.el-button--primary {
+
+ // icon
+ [class*="el-icon-"] {
+ cursor: pointer;
+ margin: 0px;
+ font-size: 12px;
+ color: #fff;
+ }
+
+ [class*="el-icon-"]:hover {
+ color: #fff;
+ }
+}
+
+.el-input-number {
+
+ .el-input-number__decrease,
+ .el-input-number__increase {
+
+ // icon
+ [class*="el-icon-"] {
+ cursor: pointer;
+ margin: 0px;
+ font-size: 12px;
+ color: #909399;
+ }
+
+ [class*="el-icon-"]:hover {
+ color: #909399;
+ }
+ }
+
+}
+
+// 统一弹窗宽度
+.el-dialog {
+ width: 600px;
+}
+
+.lg-dialog {
+ .el-dialog {
+ width: 1000px;
+ }
+}
+
+.sm-dialog {
+ .el-dialog {
+ width: 450px;
+ }
+}
+
+.el-tabs {
+ .el-tabs__header {
+ margin: 0px;
+ margin-bottom: 20px;
+ }
+
+ .el-tabs__item {
+ padding: 0;
+ font-size: 16px;
+ min-width: 200px;
+ text-align: center;
+ }
+
+ .el-tabs__active-bar {
+ height: 1px;
+ }
+
+ .el-tabs__nav-wrap::after {
+ height: 1px;
+ }
+}
+
+.divider-title {
+ font-weight: bold;
+}
+
+.el-divider--horizontal {
+ margin: 0px;
+}
+
+.el-input-group__append {
+
+ .el-button.is-disabled,
+ .el-button.is-disabled:focus,
+ .el-button.is-disabled:hover {
+ color: inherit;
+ background-color: transparent;
+ border-color: transparent;
+ }
+}
+
+// tree
+.el-tree {
+
+ background-color: transparent !important;
+
+ .custom-tree-node {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ span {
+ margin: 0 4px;
+ font-size: 14px;
+ line-height: 1;
+ }
+
+ // icon
+ [class*="el-icon-"] {
+ font-size: 16px;
+ cursor: pointer;
+ color: #909399;
+ }
+
+ // [class*="el-icon-"]:hover {
+ // color: #409eff;
+ // }
+ }
+
+ .el-tree-node__expand-icon.is-leaf {
+ color: transparent !important;
+ cursor: default;
+ }
+}
+
+// .el-step
+.el-step {
+ $step-color: #409EFF;
+
+ .el-step__head.is-process {
+ color: $step-color;
+ border-color: $step-color;
+ }
+
+ .el-step__title.is-process {
+ color: $step-color;
+ }
+
+ .el-step__head.is-finish {
+ .el-step__line {
+ position: absolute;
+ border-color: inherit;
+ background-color: $step-color;
+ }
+ }
+}
+
+.el-tooltip__popper {
+ max-width: 200px;
+}
+
+
+.el-dialog__body {
+ padding: 20px;
+ line-height: 20px;
+}
+
+.el-dialog__footer {
+ .dialog-footer {
+ .el-button+.el-button {
+ margin-left: 15px;
+ }
+ }
+}
diff --git a/src/styles/iconBg.scss b/src/styles/iconBg.scss
new file mode 100644
index 0000000000000000000000000000000000000000..571691859d48223209ac9c7eb268939ebec6f1e9
--- /dev/null
+++ b/src/styles/iconBg.scss
@@ -0,0 +1,31 @@
+.kcp-infoQues {
+ width: 20px;
+ height: 20px;
+ display: inline-block;
+ vertical-align: baseline;
+ font-style: normal;
+ margin-left: 15px;
+ cursor: pointer;
+}
+
+.icon-infoQues::after {
+ content: '';
+ display: block;
+ width: 20px;
+ height: 20px;
+ // background-image无法引用本地资源，故需要用网络地址
+ background: url('~@/styles/images/infoQues.png') no-repeat center;
+ background-size: cover;
+ margin-top: 3px;
+}
+
+.icon-infoQues:hover::after {
+ content: '';
+ display: block;
+ width: 20px;
+ height: 20px;
+ // background-image无法引用本地资源，故需要用网络地址
+ background: url('~@/styles/images/infoQuesHover.png') no-repeat center;
+ background-size: cover;
+ margin-top: 3px;
+}
\ No newline at end of file
diff --git a/src/styles/images/infoQues.png b/src/styles/images/infoQues.png
new file mode 100644
index 0000000000000000000000000000000000000000..45af931a0616b175d8bf508b6e5de864f2660b88
Binary files /dev/null and b/src/styles/images/infoQues.png differ
diff --git a/src/styles/images/infoQuesHover.png b/src/styles/images/infoQuesHover.png
new file mode 100644
index 0000000000000000000000000000000000000000..b99af1646eb318f621651e8446c923779cc52712
Binary files /dev/null and b/src/styles/images/infoQuesHover.png differ
diff --git a/src/styles/index.scss b/src/styles/index.scss
new file mode 100644
index 0000000000000000000000000000000000000000..b2c6886ed52a4c4a558c885e265ce7f99c14aa96
--- /dev/null
+++ b/src/styles/index.scss
@@ -0,0 +1,217 @@
+@import './variables.scss';
+@import './transition.scss';
+@import './element-ui.scss';
+@import './sidebar.scss';
+@import './iconBg.scss';
+
+// 深色主题
+@import './themeDark/index.scss';
+// 浅色主题
+@import './themeLight/index.scss';
+@import './newTheme.scss';
+
+html,
+body {
+ height: 100%;
+}
+
+body {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ text-rendering: optimizeLegibility;
+ font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
+ font-size: 14px;
+}
+
+label {
+ font-weight: 700;
+}
+
+html {
+ height: 100%;
+ box-sizing: border-box;
+}
+
+#app {
+ height: 100%;
+}
+
+*,
+*:before,
+*:after {
+ box-sizing: inherit;
+
+}
+
+:focus {
+ outline: none;
+}
+
+a:focus,
+a:active {
+ outline: none;
+}
+
+a,
+a:focus,
+a:hover {
+ cursor: pointer;
+ color: inherit;
+ text-decoration: none;
+}
+
+div:focus {
+ outline: none;
+}
+
+.clearfix {
+ &:after {
+ visibility: hidden;
+ display: block;
+ font-size: 0;
+ content: " ";
+ clear: both;
+ height: 0;
+ }
+}
+
+// main-container global css
+.app-container {
+ display: flex;
+ flex-direction: column;
+ flex: 1;
+ overflow: auto;
+ padding: 20px;
+ border-radius: 15px;
+}
+
+.flex {
+ display: flex;
+}
+
+@for $i from 1 to 4 {
+ .flex#{$i} {
+ flex: #{$i}
+ }
+}
+
+.align-center {
+ align-items: center;
+}
+
+.justify-center {
+ justify-content: center;
+}
+
+.justify-between {
+ justify-content: space-between;
+}
+
+// 表格操作列
+.tableoperation {
+ .el-link:first-child {
+ margin-left: 0px;
+ }
+
+ .el-link {
+ margin-left: 20px;
+ }
+
+ .tableoperation-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ }
+}
+
+// 表格背景色
+.el-table,
+.el-table__expanded-cell,
+.el-table th,
+.el-table tr {
+ background-color: transparent;
+}
+
+// 表格 el-tooltip
+.el-table .cell .el-tooltip {
+ max-width: 100%;
+ width: max-content;
+ display: block;
+ display: block;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+
+
+
+// el 树组件自动出滚动条
+.kcp-el-tree {
+ overflow: auto;
+
+ >.el-tree {
+ >.el-tree-node {
+ min-width: 100%;
+ display: inline-block;
+ }
+
+ >.el-tree-node__content {
+ display: none;
+ }
+ }
+}
+
+// 统一el-drawer__body 里文本颜色
+.el-drawer__body {
+
+ // 下选择
+ .el-select-dropdown__item,
+ // form表单标题
+ .el-form-item__label,
+ // 输入框
+ .el-input__inner,
+ .el-textarea__inner,
+ .el-checkbox,
+ .el-radio__label,
+ .el-tree-node__label {
+ color: $fontColor;
+ }
+}
+
+// 统一table滚动条样式
+.el-table__body-wrapper::-webkit-scrollbar {
+ width: 8px;
+ height: 8px;
+}
+
+/* 滚动轨道 */
+.el-table__body-wrapper::-webkit-scrollbar-track {
+ border-radius: 5px;
+}
+
+/* 滚动条 */
+.el-table__body-wrapper::-webkit-scrollbar-thumb {
+ width: 8px;
+ background-color: #CBCDD1;
+ opacity: 0.88;
+ border-radius: 5px
+}
+
+// 统一滚动条样式
+::-webkit-scrollbar {
+ width: 8px;
+ height: 8px;
+}
+
+/* 滚动轨道 */
+::-webkit-scrollbar-track {
+ border-radius: 5px;
+}
+
+/* 滚动条 */
+::-webkit-scrollbar-thumb {
+ width: 8px;
+ background-color: #CBCDD1;
+ opacity: 0.88;
+ border-radius: 5px
+}
diff --git a/src/styles/mixin.scss b/src/styles/mixin.scss
new file mode 100644
index 0000000000000000000000000000000000000000..d1b0a4e901d8c537f904b79ff481eb0df3722697
--- /dev/null
+++ b/src/styles/mixin.scss
@@ -0,0 +1,99 @@
+@mixin clearfix {
+ &:after {
+ content: "";
+ display: table;
+ clear: both;
+ }
+}
+
+@mixin scrollBar {
+ &::-webkit-scrollbar-track-piece {
+ background: #d3dce6;
+ }
+
+ &::-webkit-scrollbar {
+ width: 6px;
+ }
+
+ &::-webkit-scrollbar-thumb {
+ background: #99a9bf;
+ border-radius: 20px;
+ }
+}
+
+@mixin relative {
+ position: relative;
+ width: 100%;
+ height: 100%;
+}
+
+// 类似账号页面的表单样式
+@mixin formStyle {
+ margin-left: 30px;
+ margin-right: 30px;
+
+ .el-form {
+ .el-form-item__label {
+ text-align: left;
+ min-width: 70px;
+ }
+
+ >.el-form-item {
+ // 留出间隙给表单错误提示
+ margin-bottom: 18px !important;
+ color: $fontColor;
+ }
+ }
+
+}
+
+// 九宫格
+@mixin nineStyle($num: 3) {
+ display: grid;
+ grid-template-columns: repeat($num, 1fr);
+ grid-gap: 10px;
+ // margin: auto;
+}
+
+// 表格头部组件样式
+@mixin headerBarStyle {
+ display: flex;
+ border: 1px solid $headerBarBorder;
+ border-radius: 6px;
+ padding: 10px 20px;
+ height: 62px;
+ background: rgba(227, 239, 255, 0.3);
+
+ .header-left {}
+
+ .header-right {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ line-height: 1;
+
+ .setting-icon {
+ cursor: pointer;
+ font-size: 18px;
+ font-weight: bold;
+ color: #909399;
+ }
+
+ .setting-icon:hover {
+ color: #409eff;
+ }
+
+ .el-button {
+ margin-left: 10px;
+ }
+ }
+
+ .el-date-editor.el-input,
+ .el-date-editor.el-input__inner {
+ width: 240px;
+ }
+
+ .el-date-editor .el-range-separator {
+ line-height: 28px;
+ }
+}
diff --git a/src/styles/newTheme.scss b/src/styles/newTheme.scss
new file mode 100644
index 0000000000000000000000000000000000000000..b97fe77ec7acd7b7db883fbe9d680c2575f7d2f9
--- /dev/null
+++ b/src/styles/newTheme.scss
@@ -0,0 +1,287 @@
+// 按照规范修改页面 规范地址 http://10.0.0.10:5080/wiki/#/team/6B7ew4b7/space/Nh57eCn2/page/41kGz4v2
+
+// 列表相关(非弹窗里列表)
+
+.mc-table {
+ .el-table .sort-caret {
+ border: 4px solid transparent;
+ }
+
+ .el-table .sort-caret.ascending {
+ border-bottom-color: #C0C4CC;
+ top: 1px;
+ }
+
+ .el-table .sort-caret.descending {
+ border-top-color: #C0C4CC;
+ bottom: 2px;
+ }
+
+ .el-table .caret-wrapper {
+ height: 22px;
+ }
+
+ .el-table--border .el-table__cell,
+ .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
+ border-right: 0 !important;
+ }
+
+ .el-table--small {
+ font-size: 14px;
+ }
+
+ // 表格分页
+ .el-pagination {
+
+ .el-pagination__total,
+ .el-pagination__jump,
+ .el-pager .btn-quicknext,
+ .el-pager .btn-quickprev,
+ .btn-next,
+ .btn-prev,
+ .el-pager li,
+ .el-pager li.active,
+ .el-pager li:hover {
+ color: $light_paginationColor;
+
+ }
+
+
+
+ button:disabled {
+ color: #C0C4CC !important;
+ }
+
+ .el-pager li.active {
+ color: $light_paginationColor;
+ background-color: $light_paginationactiveBgColor;
+ }
+
+ .el-pager li:hover {
+ color: $light_paginationColor;
+ background-color: $light_paginationHoverBgColor;
+ }
+
+ .el-pager>.btn-quicknext,
+ .el-pager>.btn-quickprev,
+ .btn-next,
+ .btn-prev,
+ .el-pager .number {
+ width: 32px;
+ height: 32px;
+ line-height: 32px;
+ background-color: $light_paginationBgColor;
+ background: $light_paginationBgColor;
+ border: 1px solid #F2F6FC;
+ border-radius: 4px;
+ }
+
+ .el-pagination__sizes .el-input__inner,
+ .el-pagination__jump .el-input__inner {
+ height: 32px;
+ }
+
+ .el-pagination__total {
+ line-height: 32px;
+ font-size: 14px;
+ font-weight: 700;
+ }
+
+ }
+
+}
+
+// 按钮
+.el-button--small:not(.el-dropdown-menu__item>.el-button--small, .el-button--text) {
+ font-size: 13px;
+ border-radius: 4px;
+ min-width: 80px;
+}
+
+//禁用
+.el-button.is-disabled:not(.el-dropdown-menu__item>.el-button--small),
+.el-button.is-disabled:focus:not(.el-dropdown-menu__item>.el-button--small),
+.el-button.is-disabled:hover:not(.el-dropdown-menu__item>.el-button--small) {
+ color: #F2F6FC;
+ background: rgba(204, 204, 204, 1);
+}
+
+// .el-button {
+// line-height: 1.1;
+// }
+
+// 弹窗
+
+.el-message {
+ background: #fff !important;
+ border-color: #fff !important;
+ box-shadow: 0 0 6px rgba(204, 204, 204, 1);
+ max-width: 640px;
+ top: 40px !important;
+}
+
+.el-message-box {
+ padding-bottom: 0px;
+
+ .el-message-box__header {
+ padding: 20px
+ }
+
+ .el-message-box__content {
+ padding: 0px 15px 20px 15px;
+ }
+
+ .el-message-box__container {
+ min-height: 40px;
+ display: flex;
+ align-items: center;
+ }
+
+ .el-message-box__status+.el-message-box__message {
+ padding-left: 50px;
+ }
+
+ .el-message-box__status {
+ font-size: 40px !important
+ }
+
+ .el-message-box__btns {
+ justify-content: start;
+ padding: 15px;
+ border-top: 1px solid #eee;
+ padding: 15px 15px 15px 10px;
+ }
+}
+
+.kcp-steps {
+ .el-step {
+ position: relative;
+ }
+
+ :not(:first-child).el-step {
+ margin-left: -10%;
+ }
+
+ .el-step__main {
+ min-width: 64px;
+ }
+
+ .el-step__main {
+ position: absolute;
+ position: absolute;
+ top: -7px;
+ left: 32px;
+ }
+
+ :not(:last-child).el-step {
+ flex: 1;
+ }
+
+ .el-step:last-of-type.is-flex {
+ width: 150px;
+ }
+
+ .el-step__description {
+ padding-right: 10%;
+ margin-top: -5px;
+ font-size: 12px;
+ line-height: 20px;
+ font-weight: 400;
+ }
+
+ .el-step.is-horizontal .el-step__line {
+ height: 1px;
+ top: 11px;
+ left: 110px;
+ right: 0;
+ width: calc(90% - 165px);
+ }
+}
+
+.el-drawer__header {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ height: 70px;
+ padding: 20px;
+ margin: 0;
+ color: #333333;
+ background-color: #f2f8fe;
+
+ span {
+ font-size: 20px;
+ }
+}
+
+.el-drawer__body {
+ flex: 1;
+ overflow: auto;
+ position: relative;
+ display: flex;
+ flex-direction: column;
+
+ .drawer-content {
+ display: flex;
+ flex: 1;
+ flex-direction: column;
+ height: 100%;
+ font-size: 14px;
+ color: #333333;
+ // box-sizing: border-box;
+ }
+
+ .drawer-foot {
+ display: flex;
+ padding: 15px 30px;
+ border-top: 1px #d7d7d7 dashed;
+ }
+}
+
+
+.drawer-body-content {
+ $input-width: 375px;
+ margin: 30px 30px 0;
+ display: flex;
+ flex: 1;
+ overflow: auto;
+ flex-direction: column;
+
+ .el-form-item__content {
+
+ .el-input,
+ .el-input-number,
+ .el-select,
+ .el-textarea {
+ width: $input-width;
+ }
+
+ }
+
+ .el-input-group {
+
+ .el-input,
+ .el-input-number,
+ .el-select,
+ .el-textarea {
+ width: 20%;
+ }
+ }
+
+}
+
+.el-switch__core {
+ background: rgba(153, 153, 153, 1);
+}
+
+.el-switch.is-disabled {
+ .el-switch__core {
+ background: rgba(236, 236, 236, 1);
+ }
+}
+
+.el-switch.is-disabled.is-checked {
+ .el-switch__core {
+ border-color: rgba(198, 226, 255, 1);
+ background-color: rgba(198, 226, 255, 1);
+ }
+}
diff --git a/src/styles/sidebar.scss b/src/styles/sidebar.scss
new file mode 100644
index 0000000000000000000000000000000000000000..9ac1c92fba2975113ecf7416c65bf8cc84c8a844
--- /dev/null
+++ b/src/styles/sidebar.scss
@@ -0,0 +1,245 @@
+#app {
+
+ .main-container {
+ min-height: 100%;
+ transition: margin-left .28s;
+ margin-left: $sideBarWidth;
+ position: relative;
+ }
+
+ .sidebar-container {
+ transition: width 0.28s;
+ width: $sideBarWidth !important;
+ padding: 10px 0;
+ height: 100%;
+ overflow: hidden;
+
+ // reset element-ui css
+ .horizontal-collapse-transition {
+ transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
+ }
+
+ .scrollbar-wrapper {
+ overflow-x: hidden !important;
+ }
+
+ .el-scrollbar__bar.is-vertical {
+ right: 0px;
+ }
+
+ .el-scrollbar {
+ height: 100%;
+ }
+
+ &.has-logo {
+ .el-scrollbar {
+ height: calc(100% - 50px);
+ }
+ }
+
+ .is-horizontal {
+ display: none;
+ }
+
+ a {
+ display: inline-block;
+ width: 100%;
+ overflow: hidden;
+ }
+
+ .svg-icon {
+ margin-right: 16px;
+ }
+
+ .sub-el-icon {
+ margin-right: 12px;
+ margin-left: -2px;
+ }
+
+ .el-menu {
+ border: none;
+ height: 100%;
+ width: 100% !important;
+ }
+
+ .el-menu,
+ .el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
+ .el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,
+ .el-menu--horizontal>.el-submenu .el-submenu__title:hover {
+ background: transparent;
+ }
+
+ .el-menu--horizontal>.el-menu-item {
+ height: 50px;
+ line-height: 50px;
+ }
+
+ // menu hover
+ .submenu-title-noDropdown,
+ .el-submenu__title {
+ height: 60px;
+ line-height: 60px;
+ border-left: 4px solid transparent;
+
+ &.is-active,
+ &:hover {
+
+ border-left: 4px solid $menuHoverRightBorder;
+ }
+ }
+
+
+
+ & .nest-menu .el-submenu>.el-submenu__title,
+ & .el-submenu .el-submenu__title,
+ & .el-submenu .el-menu-item {
+ min-width: $sideBarWidth !important;
+ height: 60px;
+ line-height: 60px;
+ margin-bottom: 5px;
+ border-left: 4px solid transparent;
+
+ &.is-active,
+ &:hover,
+ &.is-active>.el-submenu__title {
+ border-left: 4px solid $menuHoverRightBorder;
+ }
+ }
+
+ // & .el-submenu {
+ // margin-bottom: 5px;
+
+ // &.is-active>.el-submenu__title {
+ // border-right: 2px solid $menuHoverRightBorder;
+ // }
+ // }
+ }
+
+ .hideSidebar {
+ .sidebar-container {
+ width: 54px !important;
+ }
+
+ .main-container {
+ margin-left: 54px;
+ }
+
+ .submenu-title-noDropdown {
+ padding: 0 !important;
+ position: relative;
+
+ .el-tooltip {
+ padding: 0 !important;
+
+ .svg-icon {
+ margin-left: 20px;
+ }
+
+ .sub-el-icon {
+ margin-left: 19px;
+ }
+ }
+ }
+
+ .el-submenu {
+ overflow: hidden;
+
+ &>.el-submenu__title {
+ padding: 0 !important;
+
+ .svg-icon {
+ margin-left: 20px;
+ }
+
+ .sub-el-icon {
+ margin-left: 19px;
+ }
+
+ .el-submenu__icon-arrow {
+ display: none;
+ }
+ }
+ }
+
+ .el-menu--collapse {
+ .el-submenu {
+ &>.el-submenu__title {
+ &>span {
+ height: 0;
+ width: 0;
+ overflow: hidden;
+ visibility: hidden;
+ display: inline-block;
+ }
+ }
+ }
+ }
+ }
+
+ .el-menu--collapse .el-menu .el-submenu {
+ min-width: $sideBarWidth !important;
+ }
+
+ // mobile responsive
+ .mobile {
+ .main-container {
+ margin-left: 0px;
+ }
+
+ .sidebar-container {
+ transition: transform .28s;
+ width: $sideBarWidth !important;
+ }
+
+ &.hideSidebar {
+ .sidebar-container {
+ pointer-events: none;
+ transition-duration: 0.3s;
+ transform: translate3d(-$sideBarWidth, 0, 0);
+ }
+ }
+ }
+
+ .withoutAnimation {
+
+ .main-container,
+ .sidebar-container {
+ transition: none;
+ }
+ }
+}
+
+// when menu collapsed
+.el-menu--vertical {
+ &>.el-menu {
+ .svg-icon {
+ margin-right: 16px;
+ }
+
+ .sub-el-icon {
+ margin-right: 12px;
+ margin-left: -2px;
+ }
+ }
+
+
+
+ // the scroll bar appears when the subMenu is too long
+ >.el-menu--popup {
+ max-height: 100vh;
+ overflow-y: auto;
+
+ &::-webkit-scrollbar-track-piece {
+ background: #d3dce6;
+ }
+
+ &::-webkit-scrollbar {
+ width: 6px;
+ }
+
+ &::-webkit-scrollbar-thumb {
+ background: #99a9bf;
+ border-radius: 20px;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/styles/themeDark/iconBg.scss b/src/styles/themeDark/iconBg.scss
new file mode 100644
index 0000000000000000000000000000000000000000..40247ec86bf0f507df4de3fc347b51fb316de47f
--- /dev/null
+++ b/src/styles/themeDark/iconBg.scss
@@ -0,0 +1,141 @@
+.homePage-bannerbg {
+ background: url('~@/styles/themeDark/images/banner.png') no-repeat center;
+ background-size: 100%;
+}
+
+.vdcList-icon-zone {
+ background: url('~@/styles/themeDark/images/zone.png') no-repeat center;
+}
+
+.vdcList-icon-cluster {
+ background: url('~@/styles/themeDark/images/cluster.png') no-repeat center;
+}
+
+.vdcList-icon-physicalHost {
+ background: url('~@/styles/themeDark/images/physicalHost.png') no-repeat center;
+}
+
+.vdcList-icon-VDC {
+ background: url('~@/styles/themeDark/images/VDC.png') no-repeat center;
+}
+
+.vdcList-icon-serverVm {
+ background: url('~@/styles/themeDark/images/serverVm.png') no-repeat center;
+}
+
+.alerts-icon {
+ background: url('~@/styles/themeDark/images/alerts.png') no-repeat center;
+}
+
+.workorder-icon {
+ background: url('~@/styles/themeDark/images/workorder.png') no-repeat center;
+}
+
+.kyq-icon {
+ background: url('~@/styles/themeDark/images/kyq.png') no-repeat center;
+}
+
+.wljq-icon {
+ background: url('~@/styles/themeDark/images/wljq.png') no-repeat center;
+}
+
+.xnsjzx-icon {
+ background: url('~@/styles/themeDark/images/xnsjzx.png') no-repeat center;
+}
+
+.yfwq-icon {
+ background: url('~@/styles/themeDark/images/yfwq.png') no-repeat center;
+}
+
+.xjzx-icon {
+ background: url('~@/styles/themeDark/images/xjzx.png') no-repeat center;
+}
+
+
+// 告警事件
+.gjsj-icon {
+ background: url('~@/styles/themeDark/images/gjsj.png') no-repeat center;
+}
+
+// 告警日志
+.gjrz-icon {
+ background: url('~@/styles/themeDark/images/gjrz.png') no-repeat center;
+}
+
+// 告警设置
+.gjsz-icon {
+ background: url('~@/styles/themeDark/images/gjsz.png') no-repeat center;
+}
+
+// 操作日志
+.czrz-icon {
+ background: url('~@/styles/themeDark/images/czrz.png') no-repeat center;
+}
+
+// 物理主机事件
+.wlzjsj-icon {
+ background: url('~@/styles/themeDark/images/wlzjsj.png') no-repeat center;
+}
+
+// 云服务器事件
+.yfwqsj-icon {
+ background: url('~@/styles/themeDark/images/yfwqsj.png') no-repeat center;
+}
+
+// 组织管理
+.zzgl-icon {
+ background: url('~@/styles/themeDark/images/zzgl.png') no-repeat center;
+}
+
+// 权限管理
+.qxgl-icon {
+ background: url('~@/styles/themeDark/images/qxgl.png') no-repeat center;
+}
+
+// 用户管理
+.yhgl-icon {
+ background: url('~@/styles/themeDark/images/yhgl.png') no-repeat center;
+}
+
+// 角色管理
+.jsgl-icon {
+ background: url('~@/styles/themeDark/images/jsgl.png') no-repeat center;
+}
+
+// 工单管理
+.gdgl-icon {
+ background: url('~@/styles/themeDark/images/gdgl.png') no-repeat center;
+}
+
+// 工单审核
+.gdsh-icon {
+ background: url('~@/styles/themeDark/images/gdsh.png') no-repeat center;
+}
+
+// 网络设置
+.wlsz-icon {
+ background: url('~@/styles/themeDark/images/wlsz.png') no-repeat center;
+}
+
+// 镜像管理
+.jxgl-icon {
+ background: url('~@/styles/themeDark/images/jxgl.png') no-repeat center;
+}
+
+// 异地容灾
+.rzbf {
+ background: url('~@/styles/themeDark/images/rzbf.png') no-repeat center;
+ background-size: 18px !important;
+}
+
+// 主备kcp
+.zbkcp {
+ background: url('~@/styles/themeDark/images/zbkcp.png') no-repeat center;
+ background-size: 18px !important;
+}
+
+//裸金属
+.ljs {
+ background: url('~@/styles/themeDark/images/ljsj.png') no-repeat center;
+ background-size: 18px !important;
+}
\ No newline at end of file
diff --git a/src/styles/themeDark/images/VDC.png b/src/styles/themeDark/images/VDC.png
new file mode 100644
index 0000000000000000000000000000000000000000..d3cf3bbbdb40c216a5cb82df30d4cb4b4a3d7532
Binary files /dev/null and b/src/styles/themeDark/images/VDC.png differ
diff --git a/src/styles/themeDark/images/alerts.png b/src/styles/themeDark/images/alerts.png
new file mode 100644
index 0000000000000000000000000000000000000000..9d8e1e2bf6aae241c2b5db180d5dd43c0f2e651a
Binary files /dev/null and b/src/styles/themeDark/images/alerts.png differ
diff --git a/src/styles/themeDark/images/banner.png b/src/styles/themeDark/images/banner.png
new file mode 100644
index 0000000000000000000000000000000000000000..2109d23335da1692ac7409c05275bf764fe73dc6
Binary files /dev/null and b/src/styles/themeDark/images/banner.png differ
diff --git a/src/styles/themeDark/images/cluster.png b/src/styles/themeDark/images/cluster.png
new file mode 100644
index 0000000000000000000000000000000000000000..85d8882609fd5e0eca095cb909cf26915f4cd631
Binary files /dev/null and b/src/styles/themeDark/images/cluster.png differ
diff --git a/src/styles/themeDark/images/czrz.png b/src/styles/themeDark/images/czrz.png
new file mode 100644
index 0000000000000000000000000000000000000000..4373f2ba38e6a714f9e9a508f9d47fe4c43a0ad1
Binary files /dev/null and b/src/styles/themeDark/images/czrz.png differ
diff --git a/src/styles/themeDark/images/gdgl.png b/src/styles/themeDark/images/gdgl.png
new file mode 100644
index 0000000000000000000000000000000000000000..b0e2cd814d41d7da38f7d80644a87c752a47eb86
Binary files /dev/null and b/src/styles/themeDark/images/gdgl.png differ
diff --git a/src/styles/themeDark/images/gdsh.png b/src/styles/themeDark/images/gdsh.png
new file mode 100644
index 0000000000000000000000000000000000000000..0b7771cb79ad8d57638918b211ad5ee23b94613c
Binary files /dev/null and b/src/styles/themeDark/images/gdsh.png differ
diff --git a/src/styles/themeDark/images/gjrz.png b/src/styles/themeDark/images/gjrz.png
new file mode 100644
index 0000000000000000000000000000000000000000..36ac30123d54340079570d7d65af460736ad35cf
Binary files /dev/null and b/src/styles/themeDark/images/gjrz.png differ
diff --git a/src/styles/themeDark/images/gjsj.png b/src/styles/themeDark/images/gjsj.png
new file mode 100644
index 0000000000000000000000000000000000000000..7d95f8de72807928d801863fd20e1aad9747c108
Binary files /dev/null and b/src/styles/themeDark/images/gjsj.png differ
diff --git a/src/styles/themeDark/images/gjsz.png b/src/styles/themeDark/images/gjsz.png
new file mode 100644
index 0000000000000000000000000000000000000000..4c137d4d4cb39a21a1a0aa0e82dafabc02428c40
Binary files /dev/null and b/src/styles/themeDark/images/gjsz.png differ
diff --git a/src/styles/themeDark/images/jsgl.png b/src/styles/themeDark/images/jsgl.png
new file mode 100644
index 0000000000000000000000000000000000000000..3faa36f46518d4f066bfe0f85430442d1948083c
Binary files /dev/null and b/src/styles/themeDark/images/jsgl.png differ
diff --git a/src/styles/themeDark/images/jxgl.png b/src/styles/themeDark/images/jxgl.png
new file mode 100644
index 0000000000000000000000000000000000000000..dc15a1b8a053aaad55f6804c20924f8f3d2fecda
Binary files /dev/null and b/src/styles/themeDark/images/jxgl.png differ
diff --git a/src/styles/themeDark/images/kyq.png b/src/styles/themeDark/images/kyq.png
new file mode 100644
index 0000000000000000000000000000000000000000..18c9a1a14d42a2d8d681655cbcf4db637684a68b
Binary files /dev/null and b/src/styles/themeDark/images/kyq.png differ
diff --git a/src/styles/themeDark/images/ljsj.png b/src/styles/themeDark/images/ljsj.png
new file mode 100644
index 0000000000000000000000000000000000000000..c7af83a95475659e2b28c5ee07ec516792a93523
Binary files /dev/null and b/src/styles/themeDark/images/ljsj.png differ
diff --git a/src/styles/themeDark/images/physicalHost.png b/src/styles/themeDark/images/physicalHost.png
new file mode 100644
index 0000000000000000000000000000000000000000..8493a162edc6b2f466c4a59d13aed41a779bb0c9
Binary files /dev/null and b/src/styles/themeDark/images/physicalHost.png differ
diff --git a/src/styles/themeDark/images/qxgl.png b/src/styles/themeDark/images/qxgl.png
new file mode 100644
index 0000000000000000000000000000000000000000..768eac4914b98658e1e49d9292b13056f3f28189
Binary files /dev/null and b/src/styles/themeDark/images/qxgl.png differ
diff --git a/src/styles/themeDark/images/rzbf.png b/src/styles/themeDark/images/rzbf.png
new file mode 100644
index 0000000000000000000000000000000000000000..dcba4137f0f0eb8f69a00c1ba86bcb014e52e656
Binary files /dev/null and b/src/styles/themeDark/images/rzbf.png differ
diff --git a/src/styles/themeDark/images/serverVm.png b/src/styles/themeDark/images/serverVm.png
new file mode 100644
index 0000000000000000000000000000000000000000..6ed9d0730d437aeb0d01df03c27940847b048554
Binary files /dev/null and b/src/styles/themeDark/images/serverVm.png differ
diff --git a/src/styles/themeDark/images/wljq.png b/src/styles/themeDark/images/wljq.png
new file mode 100644
index 0000000000000000000000000000000000000000..a2414e0c2183e049cd98d53a3e9209694ec4d73b
Binary files /dev/null and b/src/styles/themeDark/images/wljq.png differ
diff --git a/src/styles/themeDark/images/wlsz.png b/src/styles/themeDark/images/wlsz.png
new file mode 100644
index 0000000000000000000000000000000000000000..1d6677ba6f315dbfbd7dac8338924678be202651
Binary files /dev/null and b/src/styles/themeDark/images/wlsz.png differ
diff --git a/src/styles/themeDark/images/wlzjsj.png b/src/styles/themeDark/images/wlzjsj.png
new file mode 100644
index 0000000000000000000000000000000000000000..fff3302983aef0c2af7db8f317d3569df3e2933c
Binary files /dev/null and b/src/styles/themeDark/images/wlzjsj.png differ
diff --git a/src/styles/themeDark/images/workorder.png b/src/styles/themeDark/images/workorder.png
new file mode 100644
index 0000000000000000000000000000000000000000..f888efe9167b3f24146f522e09f5c813941d5b8c
Binary files /dev/null and b/src/styles/themeDark/images/workorder.png differ
diff --git a/src/styles/themeDark/images/xjzx.png b/src/styles/themeDark/images/xjzx.png
new file mode 100644
index 0000000000000000000000000000000000000000..cb555918589f8cef311fe98d8b92a8edbcddecf1
Binary files /dev/null and b/src/styles/themeDark/images/xjzx.png differ
diff --git a/src/styles/themeDark/images/xnsjzx.png b/src/styles/themeDark/images/xnsjzx.png
new file mode 100644
index 0000000000000000000000000000000000000000..736500a98405e3037746046e3d60fa92b35d0641
Binary files /dev/null and b/src/styles/themeDark/images/xnsjzx.png differ
diff --git a/src/styles/themeDark/images/yfwq.png b/src/styles/themeDark/images/yfwq.png
new file mode 100644
index 0000000000000000000000000000000000000000..db3a33c2bd9e667b640a5e49bde762c3ec9c80ab
Binary files /dev/null and b/src/styles/themeDark/images/yfwq.png differ
diff --git a/src/styles/themeDark/images/yfwqsj.png b/src/styles/themeDark/images/yfwqsj.png
new file mode 100644
index 0000000000000000000000000000000000000000..1985f46521bd78ba7377f3fd6fd41f8d4c0d652f
Binary files /dev/null and b/src/styles/themeDark/images/yfwqsj.png differ
diff --git a/src/styles/themeDark/images/yhgl.png b/src/styles/themeDark/images/yhgl.png
new file mode 100644
index 0000000000000000000000000000000000000000..8686338ce27a7f843ef90881bbc8c3a484f05b9e
Binary files /dev/null and b/src/styles/themeDark/images/yhgl.png differ
diff --git a/src/styles/themeDark/images/zbkcp.png b/src/styles/themeDark/images/zbkcp.png
new file mode 100644
index 0000000000000000000000000000000000000000..4f65ebeb6af7b5ba2ccae5e7a682dd71f16cc683
Binary files /dev/null and b/src/styles/themeDark/images/zbkcp.png differ
diff --git a/src/styles/themeDark/images/zone.png b/src/styles/themeDark/images/zone.png
new file mode 100644
index 0000000000000000000000000000000000000000..898c89e895c2dd00944cc6de6e29bd6c28b27989
Binary files /dev/null and b/src/styles/themeDark/images/zone.png differ
diff --git a/src/styles/themeDark/images/zzgl.png b/src/styles/themeDark/images/zzgl.png
new file mode 100644
index 0000000000000000000000000000000000000000..46f18b15f49a71b3e7095605bbc962f4f9bec642
Binary files /dev/null and b/src/styles/themeDark/images/zzgl.png differ
diff --git a/src/styles/themeDark/index.scss b/src/styles/themeDark/index.scss
new file mode 100644
index 0000000000000000000000000000000000000000..fad1b7e81278cdd1acb12d79f903238ec51904a5
--- /dev/null
+++ b/src/styles/themeDark/index.scss
@@ -0,0 +1,231 @@
+[data-theme="dark"] {
+ @import './iconBg.scss';
+
+ .app-wrapper-content {
+ color: $dark_fontColor;
+ background: $dark_contentBg;
+ }
+
+ .commonBox,
+ .page-wrapper-left,
+ .page-wrapper-right .app-container {
+ background: $dark_gray;
+ }
+
+ .page-wrapper-icon {
+ .org-text {
+ color: $dark_fontColor;
+ }
+ }
+
+ // 头部路由文字
+ .app-breadcrumb.el-breadcrumb {
+ .no-redirect {
+ color: $dark_fontColor;
+ }
+ }
+
+ .el-breadcrumb__inner a,
+ .el-breadcrumb__inner.is-link {
+ color: $dark_fontColor;
+ }
+
+
+ // 左侧菜单
+ .sidebar-container {
+
+ .submenu-title-noDropdown,
+ .el-submenu__title,
+ .el-submenu .el-menu-item {
+
+ &.is-active,
+ &:hover {
+ background-color: $dark_menuHover !important;
+ }
+ }
+
+ .el-menu-item,
+ .el-submenu__title {
+ color: $dark_menuColor;
+ }
+
+ .el-menu-item:focus,
+ .el-menu-item:hover {
+ background-color: $dark_menuHover !important;
+ }
+ }
+
+ // 表格
+ .mc-table {
+ .el-table__fixed-right {
+ .el-table th {
+ background-color: $dark_tableBg;
+ }
+
+ background-color: $dark_tableBg;
+ }
+
+ .el-table {
+ color: $dark_fontColor;
+
+ th>.cell,
+ .el-progress__text {
+ color: $dark_fontColor;
+ }
+
+ th,
+ .el-table__fixed-right-patch,
+ .el-table--enable-row-hover .el-table__body tr:hover>td {
+ background-color: $dark_tableheaderBg;
+ }
+
+ th.is-leaf .cell::after {
+ background-color: $dark_tableheadersplit;
+ }
+
+ .el-table__body tr.hover-row.current-row>td,
+ .el-table__body tr.hover-row.el-table__row--striped.current-row>td,
+ .el-table__body tr.hover-row.el-table__row--striped>td,
+ .el-table__body tr.hover-row>td {
+ background-color: $dark_tablecellhoverBg;
+ }
+
+
+ }
+
+ .el-table--enable-row-hover .el-table__body tr:hover>td {
+ background-color: $dark_tablecellhoverBg;
+ }
+
+ .el-table td,
+ .el-table th.is-leaf {
+ border-bottom: 1px solid $dark_tableBorderColor !important;
+ }
+
+ // 表格分页
+ // .el-pagination {
+
+ // .el-pagination__total,
+ // .el-pagination__jump,
+ // .el-pager li.btn-quicknext,
+ // .el-pager li.btn-quickprev,
+ // .btn-next,
+ // .btn-prev,
+ // .el-pager li,
+ // .el-pager li.active,
+ // .el-pager li:hover {
+ // color: $dark_paginationColor;
+ // }
+
+ // button:disabled {
+ // color: #C0C4CC !important;
+ // }
+
+ // .el-pager li.active {
+ // color: $dark_paginationColor;
+ // background-color: $dark_paginationactiveBgColor;
+ // }
+
+ // .el-pager li:hover {
+ // color: $dark_paginationColor;
+ // background-color: $dark_paginationHoverBgColor;
+ // }
+
+ // .btn-next,
+ // .btn-prev,
+ // .el-pager li {
+ // background-color: $dark_paginationBgColor;
+ // background: $dark_paginationBgColor;
+ // margin: 0 2px;
+ // }
+ // }
+ }
+
+
+
+ .el-drawer__body {
+ .el-table {
+ color: $light_fontColor;
+
+ th>.cell,
+ .el-progress__text {
+ color: $light_fontColor;
+ }
+
+ th,
+ .el-table__fixed-right-patch,
+ .el-table--enable-row-hover .el-table__body tr:hover>td {
+ background-color: $light_tableheaderBg;
+ }
+
+ th.is-leaf .cell::after {
+ background-color: $light_tableheadersplit;
+ }
+
+ .el-table__body tr.hover-row.current-row>td,
+ .el-table__body tr.hover-row.el-table__row--striped.current-row>td,
+ .el-table__body tr.hover-row.el-table__row--striped>td,
+ .el-table__body tr.hover-row>td {
+ background-color: $light_tableheaderBg;
+ }
+
+
+ }
+
+ .el-table--enable-row-hover .el-table__body tr:hover>td {
+ background-color: $light_tableheaderBg;
+ }
+
+
+ .el-table td,
+ .el-table th.is-leaf {
+ border-bottom: 1px solid $light_tableBorderColor !important;
+ }
+
+ .el-tree {
+ color: $light_fontColor;
+
+ .el-tree-node__content:hover,
+ .el-tree-node:focus>.el-tree-node__content {
+ background: $light_tablecellhoverBg;
+ }
+ }
+ }
+
+ .title-box,
+ .basicInfo-title,
+ .panel-setting>span,
+ .workDetail h3 {
+ color: $dark_fontColor;
+ }
+
+ .el-tree {
+ color: $dark_fontColor;
+
+ .el-tree-node.is-current>.el-tree-node__content,
+ .el-tree-node__content:hover,
+ .el-tree-node:focus>.el-tree-node__content {
+ background: $dark_tree_nodebg;
+ }
+ }
+
+ .el-tabs {
+ .el-tabs__item {
+ color: $dark_fontColor;
+ }
+
+ .el-tabs__item.is-active {
+ color: #409EFF;
+ }
+ }
+
+ // 详情页面
+ .basicInfo-content {
+ color: $dark_fontColor;
+ }
+
+ // form表单
+ .el-form-item__label {
+ color: $dark_fontColor;
+ }
+}
diff --git a/src/styles/themeLight/iconBg.scss b/src/styles/themeLight/iconBg.scss
new file mode 100644
index 0000000000000000000000000000000000000000..0c73f4df7ce2e54bb6ec0bd53a5390f32d93b06b
--- /dev/null
+++ b/src/styles/themeLight/iconBg.scss
@@ -0,0 +1,141 @@
+.homePage-bannerbg {
+ background: url('~@/styles/themeLight/images/banner.png') no-repeat center;
+ background-size: 100%;
+}
+
+.vdcList-icon-zone {
+ background: url('~@/styles/themeLight/images/zone.png') no-repeat center;
+}
+
+.vdcList-icon-cluster {
+ background: url('~@/styles/themeLight/images/cluster.png') no-repeat center;
+}
+
+.vdcList-icon-physicalHost {
+ background: url('~@/styles/themeLight/images/physicalHost.png') no-repeat center;
+}
+
+.vdcList-icon-VDC {
+ background: url('~@/styles/themeLight/images/VDC.png') no-repeat center;
+}
+
+.vdcList-icon-serverVm {
+ background: url('~@/styles/themeLight/images/serverVm.png') no-repeat center;
+}
+
+.alerts-icon {
+ background: url('~@/styles/themeLight/images/alerts.png') no-repeat center;
+}
+
+.workorder-icon {
+ background: url('~@/styles/themeLight/images/workorder.png') no-repeat center;
+}
+
+.kyq-icon {
+ background: url('~@/styles/themeLight/images/kyq.png') no-repeat center;
+}
+
+.wljq-icon {
+ background: url('~@/styles/themeLight/images/wljq.png') no-repeat center;
+}
+
+.xnsjzx-icon {
+ background: url('~@/styles/themeLight/images/xnsjzx.png') no-repeat center;
+}
+
+.yfwq-icon {
+ background: url('~@/styles/themeLight/images/yfwq.png') no-repeat center;
+}
+
+.xjzx-icon {
+ background: url('~@/styles/themeLight/images/sjzx.png') no-repeat center;
+}
+
+// 告警事件
+.gjsj-icon {
+ background: url('~@/styles/themeLight/images/gjsj.png') no-repeat center;
+}
+
+// 告警日志
+.gjrz-icon {
+ background: url('~@/styles/themeLight/images/gjrz.png') no-repeat center;
+}
+
+// 告警设置
+.gjsz-icon {
+ background: url('~@/styles/themeLight/images/gjsz.png') no-repeat center;
+}
+
+// 操作日志
+.czrz-icon {
+ background: url('~@/styles/themeLight/images/czrz.png') no-repeat center;
+}
+
+// 物理主机事件
+.wlzjsj-icon {
+ background: url('~@/styles/themeLight/images/wlzjsj.png') no-repeat center;
+}
+
+// 云服务器事件
+.yfwqsj-icon {
+ background: url('~@/styles/themeLight/images/yfwqsj.png') no-repeat center;
+}
+
+// 组织管理
+.zzgl-icon {
+ background: url('~@/styles/themeLight/images/zzgl.png') no-repeat center;
+}
+
+// 权限管理
+.qxgl-icon {
+ background: url('~@/styles/themeLight/images/qxgl.png') no-repeat center;
+}
+
+// 用户管理
+.yhgl-icon {
+ background: url('~@/styles/themeLight/images/yhgl.png') no-repeat center;
+}
+
+// 角色管理
+.jsgl-icon {
+ background: url('~@/styles/themeLight/images/jsgl.png') no-repeat center;
+}
+
+// 工单管理
+.gdgl-icon {
+ background: url('~@/styles/themeLight/images/gdgl.png') no-repeat center;
+}
+
+// 工单审核
+.gdsh-icon {
+ background: url('~@/styles/themeLight/images/gdsh.png') no-repeat center;
+}
+
+// 网络设置
+.wlsz-icon {
+ background: url('~@/styles/themeLight/images/wlsz.png') no-repeat center;
+}
+
+// 镜像管理
+.jxgl-icon {
+ background: url('~@/styles/themeLight/images/jxgl.png') no-repeat center;
+}
+
+// 异地容灾
+.rzbf {
+ background: url('~@/styles/themeDark/images/rzbf.png') no-repeat center;
+ background-size: 18px !important;
+}
+
+// 主备kcp
+.zbkcp {
+ background: url('~@/styles/themeDark/images/zbkcp.png') no-repeat center;
+ background-size: 18px !important;
+}
+
+
+//裸金属
+.ljs {
+ background: url('~@/styles/themeDark/images/ljsj.png') no-repeat center;
+ background-size: 18px !important;
+}
\ No newline at end of file
diff --git a/src/styles/themeLight/images/VDC.png b/src/styles/themeLight/images/VDC.png
new file mode 100644
index 0000000000000000000000000000000000000000..d3cf3bbbdb40c216a5cb82df30d4cb4b4a3d7532
Binary files /dev/null and b/src/styles/themeLight/images/VDC.png differ
diff --git a/src/styles/themeLight/images/alerts.png b/src/styles/themeLight/images/alerts.png
new file mode 100644
index 0000000000000000000000000000000000000000..9d8e1e2bf6aae241c2b5db180d5dd43c0f2e651a
Binary files /dev/null and b/src/styles/themeLight/images/alerts.png differ
diff --git a/src/styles/themeLight/images/banner.png b/src/styles/themeLight/images/banner.png
new file mode 100644
index 0000000000000000000000000000000000000000..4d7e1b03658b024841eca53575f9438f22bf5887
Binary files /dev/null and b/src/styles/themeLight/images/banner.png differ
diff --git a/src/styles/themeLight/images/cluster.png b/src/styles/themeLight/images/cluster.png
new file mode 100644
index 0000000000000000000000000000000000000000..85d8882609fd5e0eca095cb909cf26915f4cd631
Binary files /dev/null and b/src/styles/themeLight/images/cluster.png differ
diff --git a/src/styles/themeLight/images/czrz.png b/src/styles/themeLight/images/czrz.png
new file mode 100644
index 0000000000000000000000000000000000000000..c1372dbf1d78d5fb572041117bc25394ec749b85
Binary files /dev/null and b/src/styles/themeLight/images/czrz.png differ
diff --git a/src/styles/themeLight/images/gdgl.png b/src/styles/themeLight/images/gdgl.png
new file mode 100644
index 0000000000000000000000000000000000000000..ae1efbc1ac23ef964858fe1c2c3b4cf568bb8267
Binary files /dev/null and b/src/styles/themeLight/images/gdgl.png differ
diff --git a/src/styles/themeLight/images/gdsh.png b/src/styles/themeLight/images/gdsh.png
new file mode 100644
index 0000000000000000000000000000000000000000..5dafd4b2bbc6dac291b48a36f17d7e554c7e38b2
Binary files /dev/null and b/src/styles/themeLight/images/gdsh.png differ
diff --git a/src/styles/themeLight/images/gjrz.png b/src/styles/themeLight/images/gjrz.png
new file mode 100644
index 0000000000000000000000000000000000000000..7a1f0b72e64496ab77f5b43a30e0981e64975b33
Binary files /dev/null and b/src/styles/themeLight/images/gjrz.png differ
diff --git a/src/styles/themeLight/images/gjsj.png b/src/styles/themeLight/images/gjsj.png
new file mode 100644
index 0000000000000000000000000000000000000000..79ff96ee9cc1c27d1091c5890c153eb317f2f1f2
Binary files /dev/null and b/src/styles/themeLight/images/gjsj.png differ
diff --git a/src/styles/themeLight/images/gjsz.png b/src/styles/themeLight/images/gjsz.png
new file mode 100644
index 0000000000000000000000000000000000000000..275cf245900acb851978a7d57a89977d3ea4a46c
Binary files /dev/null and b/src/styles/themeLight/images/gjsz.png differ
diff --git a/src/styles/themeLight/images/jsgl.png b/src/styles/themeLight/images/jsgl.png
new file mode 100644
index 0000000000000000000000000000000000000000..03c394735f4d35b4418555605fab440d4a4383f0
Binary files /dev/null and b/src/styles/themeLight/images/jsgl.png differ
diff --git a/src/styles/themeLight/images/jxgl.png b/src/styles/themeLight/images/jxgl.png
new file mode 100644
index 0000000000000000000000000000000000000000..8d5c73f91efb9de8aca6fdc641edb0e8cf7de854
Binary files /dev/null and b/src/styles/themeLight/images/jxgl.png differ
diff --git a/src/styles/themeLight/images/kyq.png b/src/styles/themeLight/images/kyq.png
new file mode 100644
index 0000000000000000000000000000000000000000..e7c6d4422d6381c640b7fac4e627250ffc4f9f56
Binary files /dev/null and b/src/styles/themeLight/images/kyq.png differ
diff --git a/src/styles/themeLight/images/physicalHost.png b/src/styles/themeLight/images/physicalHost.png
new file mode 100644
index 0000000000000000000000000000000000000000..8493a162edc6b2f466c4a59d13aed41a779bb0c9
Binary files /dev/null and b/src/styles/themeLight/images/physicalHost.png differ
diff --git a/src/styles/themeLight/images/qxgl.png b/src/styles/themeLight/images/qxgl.png
new file mode 100644
index 0000000000000000000000000000000000000000..6ef89d7bdce0355cc5a5666b1d77a565138bf1e8
Binary files /dev/null and b/src/styles/themeLight/images/qxgl.png differ
diff --git a/src/styles/themeLight/images/serverVm.png b/src/styles/themeLight/images/serverVm.png
new file mode 100644
index 0000000000000000000000000000000000000000..6ed9d0730d437aeb0d01df03c27940847b048554
Binary files /dev/null and b/src/styles/themeLight/images/serverVm.png differ
diff --git a/src/styles/themeLight/images/sjzx.png b/src/styles/themeLight/images/sjzx.png
new file mode 100644
index 0000000000000000000000000000000000000000..1320dc1247ffba89a5c1cb243d66f3c845e26bff
Binary files /dev/null and b/src/styles/themeLight/images/sjzx.png differ
diff --git a/src/styles/themeLight/images/wljq.png b/src/styles/themeLight/images/wljq.png
new file mode 100644
index 0000000000000000000000000000000000000000..a614d7dda87d18f89851b9346f0272a371a7f186
Binary files /dev/null and b/src/styles/themeLight/images/wljq.png differ
diff --git a/src/styles/themeLight/images/wlsz.png b/src/styles/themeLight/images/wlsz.png
new file mode 100644
index 0000000000000000000000000000000000000000..4f093d202526072f48846dd46ca2b375a2373962
Binary files /dev/null and b/src/styles/themeLight/images/wlsz.png differ
diff --git a/src/styles/themeLight/images/wlzjsj.png b/src/styles/themeLight/images/wlzjsj.png
new file mode 100644
index 0000000000000000000000000000000000000000..f07f44a15f166441bf6c41821e72d5589a248d9e
Binary files /dev/null and b/src/styles/themeLight/images/wlzjsj.png differ
diff --git a/src/styles/themeLight/images/workorder.png b/src/styles/themeLight/images/workorder.png
new file mode 100644
index 0000000000000000000000000000000000000000..f888efe9167b3f24146f522e09f5c813941d5b8c
Binary files /dev/null and b/src/styles/themeLight/images/workorder.png differ
diff --git a/src/styles/themeLight/images/xnsjzx.png b/src/styles/themeLight/images/xnsjzx.png
new file mode 100644
index 0000000000000000000000000000000000000000..15e6fca6110145c07022239153251caf713cb298
Binary files /dev/null and b/src/styles/themeLight/images/xnsjzx.png differ
diff --git a/src/styles/themeLight/images/yfwq.png b/src/styles/themeLight/images/yfwq.png
new file mode 100644
index 0000000000000000000000000000000000000000..24359f05748e6573e4bb71e74eda3162e5a69923
Binary files /dev/null and b/src/styles/themeLight/images/yfwq.png differ
diff --git a/src/styles/themeLight/images/yfwqsj.png b/src/styles/themeLight/images/yfwqsj.png
new file mode 100644
index 0000000000000000000000000000000000000000..c0c5ddb2f8aab62b61b4cbe623aa539160bb601d
Binary files /dev/null and b/src/styles/themeLight/images/yfwqsj.png differ
diff --git a/src/styles/themeLight/images/yhgl.png b/src/styles/themeLight/images/yhgl.png
new file mode 100644
index 0000000000000000000000000000000000000000..52dd8ff402b556c67391a59a9562b5d1f5c11928
Binary files /dev/null and b/src/styles/themeLight/images/yhgl.png differ
diff --git a/src/styles/themeLight/images/zone.png b/src/styles/themeLight/images/zone.png
new file mode 100644
index 0000000000000000000000000000000000000000..898c89e895c2dd00944cc6de6e29bd6c28b27989
Binary files /dev/null and b/src/styles/themeLight/images/zone.png differ
diff --git a/src/styles/themeLight/images/zzgl.png b/src/styles/themeLight/images/zzgl.png
new file mode 100644
index 0000000000000000000000000000000000000000..5eb90e231caa3c44027200d12f2286feac662588
Binary files /dev/null and b/src/styles/themeLight/images/zzgl.png differ
diff --git a/src/styles/themeLight/index.scss b/src/styles/themeLight/index.scss
new file mode 100644
index 0000000000000000000000000000000000000000..6af92dc7383ae10e5eef4d244f028b316bf75aa2
--- /dev/null
+++ b/src/styles/themeLight/index.scss
@@ -0,0 +1,140 @@
+[data-theme="light"] {
+ @import './iconBg.scss';
+
+ .app-wrapper-content {
+ color: $light_fontColor;
+ background: $light_contentBg;
+ }
+
+ .commonBox,
+ .page-wrapper-left,
+ .page-wrapper-right .app-container {
+ background: $light_gray;
+ }
+
+ .page-wrapper-icon {
+ .org-text {
+ color: $light_fontColor;
+ }
+ }
+
+ // 头部路由文字
+ .app-breadcrumb.el-breadcrumb {
+ .no-redirect {
+ color: $light_fontColor;
+ }
+ }
+
+ .el-breadcrumb__inner a,
+ .el-breadcrumb__inner.is-link {
+ color: $light_fontColor;
+ }
+
+ // 左侧菜单
+ .sidebar-container {
+
+ .submenu-title-noDropdown,
+ .el-submenu__title,
+ .el-submenu .el-menu-item {
+
+ &.is-active,
+ &:hover {
+ background-color: $light_menuHover !important;
+ color: $menuHoverRightBorder;
+ }
+ }
+
+ .el-menu-item,
+ .el-submenu__title {
+ color: $light_menuColor;
+ }
+
+ .el-menu-item:focus,
+ .el-menu-item:hover {
+ background-color: $light_menuHover !important;
+ }
+ }
+
+ // 表格
+ .mc-table {
+ .el-table {
+
+ .el-table__fixed-right {
+ background-color: $light_tableBg;
+ }
+
+ color: $light_fontColor;
+
+ th>.cell,
+ .el-progress__text {
+ color: $light_fontColor;
+ }
+
+ th,
+ .el-table__fixed-right-patch,
+ .el-table--enable-row-hover .el-table__body tr:hover>td {
+ background-color: $light_tableheaderBg;
+ }
+
+ th.is-leaf .cell::after {
+ background-color: $light_tableheadersplit;
+ }
+
+ .el-table__body tr.hover-row.current-row>td,
+ .el-table__body tr.hover-row.el-table__row--striped.current-row>td,
+ .el-table__body tr.hover-row.el-table__row--striped>td,
+ .el-table__body tr.hover-row>td {
+ background-color: $light_tableheaderBg;
+ }
+
+
+ }
+
+ .el-table--enable-row-hover .el-table__body tr:hover>td {
+ background-color: $light_tableheaderBg;
+ }
+
+ .el-table td,
+ .el-table th.is-leaf {
+ border-bottom: 1px solid $light_tableBorderColor !important;
+ }
+
+ }
+
+ .title-box,
+ .basicInfo-title,
+ .panel-setting>span,
+ .workDetail h3 {
+ color: $light_fontColor;
+ }
+
+ .el-tree {
+ color: $light_fontColor;
+
+ .el-tree-node.is-current>.el-tree-node__content,
+ .el-tree-node__content:hover,
+ .el-tree-node:focus>.el-tree-node__content {
+ background: $light_tree_nodebg;
+ }
+ }
+
+ .el-tabs {
+ .el-tabs__item {
+ color: $light_fontColor;
+ }
+
+ .el-tabs__item.is-active {
+ color: #409EFF;
+ }
+ }
+
+ // 详情页面
+ .basicInfo-content {
+ color: $light_fontColor;
+ }
+
+ // form表单
+ .el-form-item__label {
+ color: $light_fontColor;
+ }
+}
diff --git a/src/styles/transition.scss b/src/styles/transition.scss
new file mode 100644
index 0000000000000000000000000000000000000000..4cb27cc811e28605bb6d0657a6257f0c901f6809
--- /dev/null
+++ b/src/styles/transition.scss
@@ -0,0 +1,48 @@
+// global transition css
+
+/* fade */
+.fade-enter-active,
+.fade-leave-active {
+ transition: opacity 0.28s;
+}
+
+.fade-enter,
+.fade-leave-active {
+ opacity: 0;
+}
+
+/* fade-transform */
+.fade-transform-leave-active,
+.fade-transform-enter-active {
+ transition: all .5s;
+}
+
+.fade-transform-enter {
+ opacity: 0;
+ transform: translateX(-30px);
+}
+
+.fade-transform-leave-to {
+ opacity: 0;
+ transform: translateX(30px);
+}
+
+/* breadcrumb transition */
+.breadcrumb-enter-active,
+.breadcrumb-leave-active {
+ transition: all .5s;
+}
+
+.breadcrumb-enter,
+.breadcrumb-leave-active {
+ opacity: 0;
+ transform: translateX(20px);
+}
+
+.breadcrumb-move {
+ transition: all .5s;
+}
+
+.breadcrumb-leave-active {
+ position: absolute;
+}
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
new file mode 100644
index 0000000000000000000000000000000000000000..0e4010219d48131351b2956e239bcb11eb209593
--- /dev/null
+++ b/src/styles/variables.scss
@@ -0,0 +1,107 @@
+@import './mixin.scss';
+
+// sidebar
+$menuText: #000;
+$menuActiveText: #000;
+$subMenuActiveText: #000; //https://github.com/ElemeFE/element/issues/12951
+
+$menuBg: #ffffff;
+$dark_menuHover: #2f394c; // 菜单（暗色）
+$light_menuHover: #F5F7FA; // 菜单（亮色）
+
+$dark_menuColor: #eaeaeb; // 菜单字体（暗色）
+$light_menuColor: #2f394c; // 菜单字体（暗色）
+
+$menuHoverRightBorder: #409EFF;
+$name_avatarBg: #409EFF;
+$subMenuBg: #1f2d3d;
+$subMenuHover: #001528;
+
+$loginBg: #34333c; //登录首页背景色
+
+$dark_gray: #172238; //表单背景色（暗色）
+$light_gray: #fff; //表单背景色（亮色）
+
+$dark_contentBg: #0d1421; // 页面整体背景颜色（暗色）
+$light_contentBg: #F5F7FA; // 页面整体背景颜色（亮色）
+
+$btnBg: #409EFF; //按钮背景色
+
+$fontColor: #333333; // 字体颜色
+$dark_fontColor: #eaeaeb; // 字体颜色
+$light_fontColor: #333333; // 字体颜色
+
+$fontLightColr: #999; // 浅色
+$borderColor: #d7d7d7; // 边框颜色
+$boxShadow: 0px 0px 4px 3px #ededed; // 描边
+
+$msgSuccess: #67C23A; //成功消息颜色
+$msgWarning: #E6A23C; //警告消息颜色
+$msgInfo: #409EFF; //提示消息颜色
+$msgDanger: #F56C6C; //严重消息颜色
+$msgNotice: #303133; //通知消息颜色
+
+$headerBg: #172238; // 页面头部背景
+$headerColor: #ffffff; // 页面头部字体颜色
+
+
+$headerBarBorder: #409EFF; // 页面整体背景颜色
+$sideBarWidth: 230px;
+
+// 表格颜色
+// 表头颜色
+
+$light_tableBg: #fff; // 表格背景（亮色）
+$dark_tableBg: #172238; // 表格背景（暗色）
+$dark_tableheaderBg: #232d42; // 表格行鼠标划过颜色（暗色）
+$light_tableheaderBg: #f5f7fa; // 表格行鼠标划过颜色（亮色）
+// 行鼠标滑过
+$dark_tablecellhoverBg: #232d42; // 表格行鼠标划过颜色（暗色）
+$light_tablecellhoverBg: #fafafa; // 表格行鼠标划过颜色（亮色）
+// 行分割线
+$dark_tableBorderColor: #394255; // 表格行边框颜色（暗色）
+$light_tableBorderColor: #e8e8e8; // 表格行边框颜色（亮色）
+// 表头分割线
+$dark_tableheadersplit: #394255; // 表格行鼠标划过颜色（暗色）
+$light_tableheadersplit: #ebeef5; // 表格行鼠标划过颜色（亮色）
+
+// 表格分页
+$dark_paginationColor: #fff; // 表格分页字体颜色（暗色）
+$light_paginationColor: rgba(0, 0, 0, 0.65); // 表格分页字体颜色（亮色）
+
+$dark_paginationBgColor: #262c38; // 表格分页背景颜色（暗色）
+$light_paginationBgColor: #fff; // 表格分页背景颜色（亮色）
+
+
+$dark_paginationactiveBgColor: #409EFF; // 表格分页背景颜色（暗色）.active
+$light_paginationactiveBgColor: #409EFF; // 表格分页背景颜色（亮色）.active
+
+
+$dark_paginationHoverBgColor: #454a54; // 表格分页背景颜色（暗色）:hover
+$light_paginationHoverBgColor: #ebeef5; // 表格分页背景颜色（亮色）:hover
+
+$dark_tree_nodebg: #232d42; // 树组件选中项颜色（暗色）
+$light_tree_nodebg: #f0f7ff; // 树组件选中项颜色（亮色）
+
+
+// the :export directive is the magic sauce for webpack
+
+// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
+:export {
+ menuText: $menuText;
+ menuActiveText: $menuActiveText;
+ subMenuActiveText: $subMenuActiveText;
+ menuBg: $menuBg;
+ dark_gray: $loginBg;
+ loginBg: $dark_gray;
+ light_gray: $light_gray;
+ btnBg: $btnBg;
+ subMenuBg: $subMenuBg;
+ subMenuHover: $subMenuHover;
+ sideBarWidth: $sideBarWidth;
+ msgSuccess: $msgSuccess;
+ msgWarning: $msgWarning;
+ msgInfo: $msgInfo;
+ msgDanger: $msgDanger;
+ msgNotice: $msgNotice;
+}
diff --git a/src/utils/auth.js b/src/utils/auth.js
new file mode 100644
index 0000000000000000000000000000000000000000..bb878ac6dd2073523691ee78d4991da59f1fc4d1
--- /dev/null
+++ b/src/utils/auth.js
@@ -0,0 +1,15 @@
+import Cookies from 'js-cookie'
+
+const TokenKey = 'ACCESS_TOKEN-KCP'
+
+export function getToken() {
+ return Cookies.get(TokenKey)
+}
+
+export function setToken(token) {
+ return Cookies.set(TokenKey, token)
+}
+
+export function removeToken() {
+ return Cookies.remove(TokenKey)
+}
diff --git a/src/utils/dealtree.js b/src/utils/dealtree.js
new file mode 100644
index 0000000000000000000000000000000000000000..55b0874251b9be0df475143c577241b231fed9ff
--- /dev/null
+++ b/src/utils/dealtree.js
@@ -0,0 +1,69 @@
+export default {
+ /**
+ * 将list装换成tree
+ * @param {Object} myId 数据主键id
+ * @param {Object} pId 数据关联的父级id
+ * @param {Object} list list集合
+ */
+ listToTree(myId, pId, list) {
+ function exists(list, parentId) {
+ for (var i = 0; i < list.length; i++) {
+ if (list[i][myId] == parentId) return true;
+ }
+ return false;
+ }
+
+ var nodes = [];
+ // get the top level nodes
+ for (var i = 0; i < list.length; i++) {
+ var row = list[i];
+ if (!exists(list, row[pId])) {
+ nodes.push(row);
+ }
+ }
+
+ var toDo = [];
+ for (var i = 0; i < nodes.length; i++) {
+ toDo.push(nodes[i]);
+ }
+ while (toDo.length) {
+ var node = toDo.shift(); // the parent node
+ // get the children nodes
+ for (var i = 0; i < list.length; i++) {
+ var row = list[i];
+ if (row[pId] == node[myId]) {
+ //var child = {id:row.id,text:row.name};
+ if (node.children) {
+ node.children.push(row);
+ } else {
+ node.children = [row];
+ }
+ toDo.push(row);
+ }
+ }
+ }
+ return nodes;
+ },
+
+ /**
+ * 树转list
+ */
+ treeToList(treeList) {
+ let list = [];
+ function handleTreeList(treeList, list) {
+ if (!treeList || !treeList.length) {
+ return;
+ }
+ for (let i = 0; i < treeList.length; i++) {
+ let currentRow = treeList[i];
+ let newRow = JSON.parse(JSON.stringify(currentRow));
+ newRow.children = undefined;
+ newRow.isfather = currentRow.children.length > 0;
+ list.push(newRow);
+ handleTreeList(currentRow.children, list);
+ }
+ }
+ handleTreeList(treeList, list);
+ return list;
+ },
+};
diff --git a/src/utils/equalsObj.js b/src/utils/equalsObj.js
new file mode 100644
index 0000000000000000000000000000000000000000..2250af6bdf45ff7d8177d842c9065eb4eca90ac7
--- /dev/null
+++ b/src/utils/equalsObj.js
@@ -0,0 +1,54 @@
+/**
+ * 判断此对象是否是Object类型
+ * @param {Object} obj
+ */
+function isObject(obj) {
+ return Object.prototype.toString.call(obj) === '[object Object]';
+};
+/**
+ * 判断此类型是否是Array类型
+ * @param {Array} arr
+ */
+function isArray(arr) {
+ return Object.prototype.toString.call(arr) === '[object Array]';
+};
+/**
+ * 深度比较两个对象是否相同
+ * @param {Object} oldData
+ * @param {Object} newData
+ */
+function equalsObj(oldData, newData) {
+ // 类型为基本类型时,如果相同,则返回true
+ if (oldData === newData) return true;
+ if (isObject(oldData) && isObject(newData) && Object.keys(oldData).length === Object.keys(newData).length) {
+ // 类型为对象并且元素个数相同
+
+ // 遍历所有对象中所有属性,判断元素是否相同
+ for (const key in oldData) {
+ if (oldData.hasOwnProperty(key)) {
+ if (!equalsObj(oldData[key], newData[key]))
+ // 对象中具有不相同属性 返回false
+ return false;
+ }
+ }
+ } else if (isArray(oldData) && isArray(oldData) && oldData.length === newData.length) {
+ // 类型为数组并且数组长度相同
+
+ for (let i = 0, length = oldData.length; i < length; i++) {
+ if (!equalsObj(oldData[i], newData[i]))
+ // 如果数组元素中具有不相同元素,返回false
+ return false;
+ }
+ } else {
+ // 其它类型,均返回false
+ return false;
+ }
+
+ // 走到这里,说明数组或者对象中所有元素都相同,返回true
+ return true;
+};
+export default {
+ equalsArrObj(oldData, newData) {
+ return equalsObj(oldData, newData)
+ }
+}
diff --git a/src/utils/eventBus.js b/src/utils/eventBus.js
new file mode 100644
index 0000000000000000000000000000000000000000..f9ef51b6aa25960d30926264b2fc366d7c88bb58
--- /dev/null
+++ b/src/utils/eventBus.js
@@ -0,0 +1,2 @@
+import Vue from 'vue'
+export default new Vue()
\ No newline at end of file
diff --git a/src/utils/get-page-title.js b/src/utils/get-page-title.js
new file mode 100644
index 0000000000000000000000000000000000000000..115a1c107cb59f8cceb441161e819acb023636cc
--- /dev/null
+++ b/src/utils/get-page-title.js
@@ -0,0 +1,10 @@
+import defaultSettings from '@/settings'
+
+const title = defaultSettings.title || ''
+
+export default function getPageTitle(pageTitle) {
+ if (pageTitle) {
+ return `${title}：${pageTitle}`
+ }
+ return `${title}`
+}
diff --git a/src/utils/index.js b/src/utils/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..f826ec29e1cb6ac5d129466035a0968da5fcbc0c
--- /dev/null
+++ b/src/utils/index.js
@@ -0,0 +1,47 @@
+/**
+ * @param {string} url
+ * @returns {Object}
+ */
+export function param2Obj(url) {
+ const search = decodeURIComponent(url.split("?")[1]).replace(/\+/g, " ");
+ if (!search) {
+ return {};
+ }
+ const obj = {};
+ const searchArr = search.split("&");
+ searchArr.forEach((v) => {
+ const index = v.indexOf("=");
+ if (index !== -1) {
+ const name = v.substring(0, index);
+ const val = v.substring(index + 1, v.length);
+ obj[name] = val;
+ }
+ });
+ return obj;
+}
+
+/**
+ * 传入中文的时候直接生成编码过的url
+ * @param {sting} url
+ * @param {sting} key
+ * @param {sting} value
+ * @returns
+ */
+export function getUrlWithParam(url, key, value) {
+ // 使用URL对象解析URL
+ let urlObj = new URL(url);
+
+ // 获取搜索参数对象
+ let params = urlObj.searchParams;
+
+ // 遍历已有参数,先解码再编码
+ params.forEach((value, key) => {
+ params.set(key, encodeURIComponent(decodeURIComponent(value)));
+ });
+
+ // 设置新的参数
+ params.set(key, encodeURIComponent(value));
+
+ // 拼接成新的URL
+ return urlObj.origin + urlObj.pathname + "?" + params;
+}
diff --git a/src/utils/loading.js b/src/utils/loading.js
new file mode 100644
index 0000000000000000000000000000000000000000..cf107b97565a099ffae783a29b7e6b5b31e25e96
--- /dev/null
+++ b/src/utils/loading.js
@@ -0,0 +1,30 @@
+import Vue from 'vue' // loading框设置局部刷新，且所有请求完成后关闭loading框
+import i18n from '@/assets/common/lang/index' // 国际化
+let loading
+function startLoading(targetdq) {
+ let text = i18n.t("common.loadingText")
+ loading = Vue.prototype.$loading({
+ lock: true,
+ text: text,
+ background: 'rgba(0,0,0,0.2)',
+ spinner: "el-icon-loading",
+ target: document.querySelector(targetdq) // 设置加载动画区域
+ })
+}
+function endLoading() {
+ if (loading) {
+ loading.close()
+ }
+
+}
+export function showFullScreenLoading(targetdq) {
+ endLoading()
+ startLoading(targetdq)
+}
+export function hideFullScreenLoading() {
+ endLoading()
+}
+export default {
+ showFullScreenLoading,
+ hideFullScreenLoading
+}
\ No newline at end of file
diff --git a/src/utils/message.js b/src/utils/message.js
new file mode 100644
index 0000000000000000000000000000000000000000..c3160795d5c63f516c0ed9ebc4d18a52a7a57695
--- /dev/null
+++ b/src/utils/message.js
@@ -0,0 +1,31 @@
+// message.js
+import { Message } from 'element-ui'
+
+// 为了实现Class的私有属性
+const showMessage = Symbol('showMessage')
+/**
+ * 重写ElementUI的Message
+ * single默认值true，因为项目需求，默认只弹出一个，可以根据实际需要设置
+ */
+let messageInstance = null
+class ReMessage {
+ success(options, single = true) {
+ this[showMessage]('success', options, single)
+ }
+ warning(options, single = true) {
+ this[showMessage]('warning', options, single)
+ }
+ info(options, single = true) {
+ this[showMessage]('info', options, single)
+ }
+ error(options, single = true) {
+ this[showMessage]('error', options, single)
+ }
+ [showMessage](type, options, single) {
+ if (messageInstance && single) {
+ messageInstance.close()// 先把原来的关闭
+ }
+ messageInstance = Message[type](options)// 再创建新的消息
+ }
+}
+export default new ReMessage()
diff --git a/src/utils/request.js b/src/utils/request.js
new file mode 100644
index 0000000000000000000000000000000000000000..e6e84fc27fea6b3a85f3a61f72712d189b183052
--- /dev/null
+++ b/src/utils/request.js
@@ -0,0 +1,87 @@
+import axios from 'axios'
+import ReMessage from '@/utils/message'
+import { MessageBox } from 'element-ui'
+import store from '@/store'
+import { getToken } from '@/utils/auth'
+
+// create an axios instance
+const service = axios.create({
+ baseURL: process.env.VUE_APP_BASE_API // url = base url + request url
+ // withCredentials: true, // send cookies when cross-domain requests
+ // timeout: 5000
+})
+
+axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
+// request interceptor
+service.interceptors.request.use(
+ config => {
+ // config.headers['Content-Type'] = 'application/json;charset=UTF-8'
+ config.headers['KYLIN_LANGUAGE'] = localStorage.getItem("kcp-lang") || 'zh'
+ if (store.getters.token) {
+ config.headers['KYLIN_ACCESS_TOKEN'] = getToken()
+ }
+ return config
+ },
+ error => {
+ return Promise.reject(error)
+ }
+)
+
+// response interceptor
+service.interceptors.response.use(
+ response => {
+ const res = response.data
+ if (res.code !== 200) {
+ // TODO 缺少其他状态，例如token过期，token不合法等
+ // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
+ if (res.code === 401) {
+ // MessageBox.confirm('登录信息过期,请重新登录', '重新登录', {
+ // confirmButtonText: '确定',
+ // cancelButtonText: '取消',
+ // type: 'warning'
+ // }).then(() => {
+ // store.dispatch('user/resetToken').then(() => {
+ // location.reload()
+ // })
+ // })
+
+ store.dispatch('user/resetToken').then(() => {
+ location.reload()
+ })
+
+ } else {
+ ReMessage.error({
+ message: res.desc || '网络延迟，请稍后重试！',
+ type: 'error',
+ duration: 5 * 1000,
+ showClose: true
+ })
+ }
+ return Promise.reject(res.desc)
+ } else {
+ //后端有时直接返回bol
+ if (isBoolean(res.data)) {
+ return res.data
+ }else {
+ return res.data || res.desc
+ }
+
+ }
+ },
+ error => {
+ console.error('err' + error) // for debug
+ ReMessage.error({
+ message: error.message,
+ type: 'error',
+ duration: 5 * 1000,
+ showClose: true
+ })
+ return Promise.reject(error)
+ }
+)
+
+function isBoolean(data) {
+ return typeof data === 'boolean';
+}
+
+export default service
diff --git a/src/utils/transformat.js b/src/utils/transformat.js
new file mode 100644
index 0000000000000000000000000000000000000000..f0b9a5dda1cd09e4feb860bdb4b17083dd808619
--- /dev/null
+++ b/src/utils/transformat.js
@@ -0,0 +1,94 @@
+/**
+ * 公共数据转换方法.
+ */
+
+export default {
+ // 时间戳转换
+ transTime(timestamp) {
+ if (timestamp) {
+ timestamp = Number(timestamp)
+ const time = new Date(timestamp)
+ return time.getFullYear() + "/" + (time.getMonth() + 1) + "/" + time.getDate() + "/ " + time.getHours() + ":" + time.getMinutes() + ":" + time.getSeconds() + "." + time.getMilliseconds();
+ }
+ return 0
+ },
+
+ // 文件大小转换
+ transFileSize(limit) {
+ let size = "";
+ if (limit < 0.1 * 1024) { //如果小于0.1KB转化成B
+ size = limit.toFixed(2) + "B";
+ } else if (limit < 0.1 * 1024 * 1024) {//如果小于0.1MB转化成KB
+ size = (limit / 1024).toFixed(2) + "KB";
+ } else if (limit < 0.1 * 1024 * 1024 * 1024) { //如果小于0.1GB转化成MB
+ size = (limit / (1024 * 1024)).toFixed(2) + "MB";
+ } else { //其他转化成GB
+ size = (limit / (1024 * 1024 * 1024)).toFixed(2) + "GB";
+ }
+
+ let sizestr = size + "";
+ let len = sizestr.indexOf("\.");
+ let dec = sizestr.substr(len + 1, 2);
+ if (dec == "00") {//当小数点后为00时 去掉小数部分
+ return sizestr.substring(0, len) + sizestr.substr(len + 3, 2);
+ }
+ return sizestr;
+ },
+ getPercent(num, total) {
+ ///
+ /// 求百分比
+ ///
+ /// 当前数
+ /// 总数
+ num = parseFloat(num);
+ total = parseFloat(total);
+ if (isNaN(num) || isNaN(total)) {
+ return 0;
+ }
+ return total <= 0 ? 0 : Math.round((num / total) * 10000) / 100.00;
+ },
+
+ formatterData(val) {
+ var timediff = val / 1000
+ // 计算天数
+ var days = Math.floor(timediff / 86400)
+ // 计算小时数
+ var remain = timediff % 86400
+ var hours = Math.floor(remain / 3600)
+ // 计算分钟数
+ remain = remain % 3600
+ var mins = Math.floor(remain / 60)
+ // 计算秒数
+ remain = remain % 60
+ var seconds = Math.ceil(remain)
+ var d = ''
+ var h = ''
+ var m = ''
+ var s = ''
+ if (days > 0) { d = days + '天' }
+ if (hours > 0) { h = hours + '小时' }
+ if (mins > 0) { m = mins + '分钟' }
+ if (seconds > 0) { s = seconds + '秒' }
+ return d || h || m || s ? d + h + m + s : ''
+ },
+ // 保留几位小数
+ keepTwoDecimal(num, dec) {
+ var strNum = num + '';/*把要转换的小数转换成字符串*/
+ var index = strNum.indexOf("."); /*获取小数点的位置*/
+ if (index < 0) {
+ return num;/*如果没有小数点，那么无需四舍五入，返回这个整数*/
+ }
+ var n = strNum.length - index - 1;/*获取当前浮点数，小数点后的位数*/
+ if (dec < n) {
+ /*把小数点向后移动要保留的位数，把需要保留的小数部分变成整数部分，只留下不需要保留的部分为小数*/
+ var e = Math.pow(10, dec);
+ num = num * e;
+ /*进行四舍五入，只保留整数部分*/
+ num = Math.round(num);
+ /*再把原来小数部分还原为小数*/
+ return num / e;
+ } else {
+ return num;/*如果当前小数点后的位数等于或小于要保留的位数，那么无需处理，直接返回*/
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/utils/validate.js b/src/utils/validate.js
new file mode 100644
index 0000000000000000000000000000000000000000..6096efd4ebb12f0674b066ca9dfaf0b39bb85abf
--- /dev/null
+++ b/src/utils/validate.js
@@ -0,0 +1,204 @@
+/**
+ * 公共校验方法.
+ */
+
+const rules = {
+ external: /^(https?:|mailto:|tel:)/, // 是否是外部链接
+ number: /^[0-9]*$/, // 任意数字
+ int: /^-?[1-9]\d*$/, // 整数
+ int_p: /^[1-9]\d*$/, // 正整数
+ int_n: /^-[1-9]\d*$/, // 负整数
+ int_p0: /^[1-9]\d*|0$/, // 非负整数（正整数 + 0）
+ int_n0: /^-[1-9]\d*|0$/, // 非正整数（负整数 + 0）
+ folat: /^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$/, // 匹配浮点数
+ folat_p: /^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$/, // 匹配正浮点数
+ folat_n: /^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$/, // 匹配负浮点数
+ folat_p0: /^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$/, // 匹配非负浮点数（正浮点数 + 0）
+ folat_n0: /^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0+|0$/, // 匹配非正浮点数（负浮点数 + 0）
+ character1: /^[A-Za-z0-9_\-]+$/, // 匹配字母、数字、下划线、中划线、点、@符号
+ password_en_num: /(?!^\d+$)(?!^[a-zA-Z]+$)[0-9a-zA-Z]{4,23}/, // 英文字母、数字的组合
+ en_num: /^[a-z0-9]+$/i, // 英文字母、数字的组合
+ char_zh_en_num: /^[a-zA-Z0-9\u4e00-\u9fa5]+$/, // 中文、英文字母、数字的组合
+ char_num: /^[a-zA-Z0-9_\u4e00-\u9fa5]+$/, // 中文、英文字母、数字和下划线的组合
+ special_char: /[`~!@#$%^&*\+=<>?:"{}()|\\[\]·~@#￥%……&*（）——\+={}|《》“”【】‘’]/, //特殊字符
+ ip: /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/
+}
+
+/**
+ * @param {string} str
+ * @returns {Boolean}
+ */
+const char_en_num = (str) => {
+ const testRule = rules['char_en_num']
+ return testRule.test(str)
+}
+
+/**
+ * @param {string} str
+ * @returns {Boolean}
+ */
+const en_num = (str) => {
+ const testRule = rules['en_num']
+ return testRule.test(str)
+}
+
+/**
+ * @param {string} str
+ * @returns {Boolean}
+ */
+const char_num = (str) => {
+ const testRule = rules['character1']
+ return testRule.test(str)
+}
+/**
+ * @param {string} str
+ * @returns {Boolean}
+ */
+const char_zh_en_num = (str) => {
+ const testRule = rules['char_zh_en_num']
+ return testRule.test(str)
+}
+
+/**
+ * @param {string} str
+ * @returns {Boolean}
+ */
+const special_char = (str) => {
+ const testRule = rules['special_char']
+ return testRule.test(str)
+}
+
+/**
+ * @param {string} path
+ * @returns {Boolean}
+ * 是否是外部链接
+ */
+export function isExternal(path) {
+ const testRule = rules['external']
+ return testRule.test(path)
+}
+/**
+ * @param {string} ip
+ * @returns {Boolean}
+ * 是否为IP
+ */
+export function isIp(ip) {
+ const testRule = rules['ip']
+ return testRule.test(ip)
+}
+// 正则规则
+export function validRule() {
+ return {
+ num_letter_: /^[a-zA-Z0-9_]+$/, // 字母、数字、下划线
+ num_letter_midline: /^[A-Za-z0-9\-]+$/, // 匹配字母、数字、中划线
+ num: /(^[0-9]\d*$)/, // 数字
+ character1: /^[A-Za-z0-9_\-]+$/, // 匹配字母、数字、下划线、中划线、点、@符号
+ character2: /^[A-Za-z0-9_\u4E00-\u9FA5A\-.。；;,，'"]+$/, // 匹配字母、数字、下划线、中文、中划线、点、以及“。；;,，”
+ character3: /^[a-zA-Z0-9_\u4E00-\u9FA5A\-]+$/, // 字母、数字、下划线、中划线、中文
+ ip: /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/
+ }
+}
+// 校验纯数字类型
+export function validNum(value) {
+ const reg = validRule()
+ return reg.num.test(value)
+}
+
+export default {
+ // 校验ip
+ validateIp(rule, value, callback) {
+ if (!value) {
+ callback()
+ return
+ }
+ if (!isIp(value)) {
+ callback(new Error(rule.message))
+ } else {
+ callback()
+ }
+ },
+ // 校验英文、数字
+ validateEnNum(rule, value, callback) {
+ if (!en_num(value)) {
+ callback(new Error(rule.message))
+ } else {
+ callback()
+ }
+ },
+ // 校验中文、英文字母、数字和下划线
+ validateCharNum(rule, value, callback) {
+ if (String(value).length && !char_num(value)) {
+ callback(new Error(rule.message))
+ } else {
+ callback()
+ }
+ },
+ // 校验中文、英文字母、数字
+ validateCharZhEnNum(rule, value, callback) {
+ if (!value) {
+ callback()
+ return
+ }
+ if (!char_zh_en_num(value)) {
+ callback(new Error(rule.message))
+ } else {
+ callback()
+ }
+ },
+ //校验特殊字符
+ special_char(rule, value, callback) {
+ if (special_char(value)) {
+ callback(new Error(rule.message))
+ } else {
+ callback()
+ }
+ },
+ // 校验ip
+ isValidIP(ip) {
+ var reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/
+ return reg.test(ip);
+ },
+
+ // 端口号
+ isPort(port) {
+ if (/^[1-9]\d*|0$/.test(port) && port * 1 >= 0 && port * 1 <= 65535) {
+ return true
+ }
+ return false;
+ },
+ // 校验纯数字类型
+ validNum(value) {
+ const reg = validRule()
+ return reg.num.test(value)
+ },
+ // 校验cpu 1或者偶数
+ validateCpuVal(rule, value, callback) {
+ if (!value) {
+ callback()
+ return
+ }
+ if (value !== 1 || value % 2 !== 0) {
+ callback(new Error(rule.message))
+ } else {
+ callback()
+ }
+ },
+ // 校验ip
+ validIP(rule, value, callback) {
+ var reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/
+ if (reg.test(value)) {
+ callback()
+ } else {
+ callback(new Error(rule.message))
+ }
+ },
+
+ // 端口号
+ validPort(rule, value, callback) {
+ if (/^[1-9]\d*|0$/.test(value) && value * 1 >= 0 && value * 1 <= 65535) {
+ callback()
+ } else {
+ callback(new Error(rule.message))
+ }
+ },
+}
diff --git a/src/views/404.vue b/src/views/404.vue
new file mode 100644
index 0000000000000000000000000000000000000000..287cc2fe0175c09f159638dbb7e743c11cdf665f
--- /dev/null
+++ b/src/views/404.vue
@@ -0,0 +1,262 @@
+
+
+
+
+
+
+
diff --git a/src/views/components/bindVdc/bindVdcBox.vue b/src/views/components/bindVdc/bindVdcBox.vue
new file mode 100644
index 0000000000000000000000000000000000000000..d35952c6205aa8a50f02f2a1b7c333f0dcd99ae0
--- /dev/null
+++ b/src/views/components/bindVdc/bindVdcBox.vue
@@ -0,0 +1,188 @@
+
+
+
+
+
+ {{ $t("resourceMgr.vdc.nomatchingVDC") }}
+
+ {{ $t("common.create") }}
+
+
+
+
+
+
+
+ CPU：{{ row.allocationCpu + $t("authorityMgr.cpu") }}；
+ {{ $t("authorityMgr.mem") }}：{{ row.allocationMem }}GB；
+ {{ $t("authorityMgr.disk") }}：{{ row.allocationDisk }}GB；
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.network.permissionresouse") }}
+
+
+
+ {{ item.label }}
+
+
+
+
+
+
+
+ {{ btniconLeft }}
+
+
+
+
+ {{ btniconRight }}
+
+
+
+
+
+
+ {{ $t("resourceMgr.network.effectivepermission") }}
+
+
+
+ {{ item.label }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/components/vdcBindVdc/bindVdcBox.vue b/src/views/components/vdcBindVdc/bindVdcBox.vue
new file mode 100644
index 0000000000000000000000000000000000000000..0aee6a6ed5759616f57d234a61f501794b211384
--- /dev/null
+++ b/src/views/components/vdcBindVdc/bindVdcBox.vue
@@ -0,0 +1,173 @@
+
+
+
+
+
+
+
+
+
+ CPU：{{ row.vcpu + $t("authorityMgr.cpu") }}；
+ {{ $t("authorityMgr.mem") }}： {{ row.mem + row.memUnit }}；
+ {{ $t("authorityMgr.disk") }}：
+ {{ row.storage + row.storageUnit }}；
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.vdcArchitecture") }}
+
+
+
+
+
+
{{ $t("common.disk") }}
+
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.vdcArchitecture") }}
+
+
+
+
+
+
+
{{ $t("common.disk") }}
+
+
+
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+ {{ $t("common.noMoreOperations") }}
+
+
+
+
+
+
+
diff --git a/src/views/externalCloud/components/main/header-bar.vue b/src/views/externalCloud/components/main/header-bar.vue
new file mode 100644
index 0000000000000000000000000000000000000000..d600ae47e368fb0a1e6d91e291e5e65623806f7d
--- /dev/null
+++ b/src/views/externalCloud/components/main/header-bar.vue
@@ -0,0 +1,437 @@
+
+
+
+
+
+
+
diff --git a/src/views/externalCloud/components/main/index.js b/src/views/externalCloud/components/main/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..89a94ebe00aea6286e68e1c9377412ceb269a392
--- /dev/null
+++ b/src/views/externalCloud/components/main/index.js
@@ -0,0 +1,2 @@
+export { default as headerBar } from './header-bar'
+export { default as btnMore } from './btn-more'
diff --git a/src/views/externalCloud/components/statuscell/index.vue b/src/views/externalCloud/components/statuscell/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..fe7ed45e5ca79fbd2dd2cce09a8a7d6126cc2937
--- /dev/null
+++ b/src/views/externalCloud/components/statuscell/index.vue
@@ -0,0 +1,143 @@
+
+
+
+
+
+
+ {{ $t("externalCloud.statuscell.OVERDUE") }}
+
+
+
+
+ {{ $t("externalCloud.statuscell.AVAILABLE") }}
+
+
+
+
+
+ {{ $t("externalCloud.statuscell.CONNECTED") }}
+
+
+
+
+ {{ $t("externalCloud.statuscell.INSTALLING") }}
+
+
+
+
+ {{ $t("externalCloud.statuscell.SUSPEND") }}
+
+
+
+
+ {{ $t("externalCloud.statuscell.UNKNOWN") }}
+
+
+
+
+
+
+
+ {{ $t("externalCloud.statuscell.ONLINE") }}
+
+
+
+
+ {{ $t("externalCloud.statuscell.OFFLINE") }}
+
+
+
+
+ {{ $t("externalCloud.statuscell.HALT") }}
+
+
+
+
+ {{ $t("externalCloud.statuscell.EXCEPTION") }}
+
+
+
+
+
+ {{ $t("externalCloud.statuscell.NORMAL") }}
+
+
+
+
+ {{ $t("externalCloud.statuscell.WARNING") }}
+
+
+
+
+ {{ $t("externalCloud.statuscell.ERROR") }}
+
+ -
+
+
+
+
+
+ {{ $t("externalCloud.statuscell.AVAILABLE") }}
+
+
+
+
+ {{ $t("externalCloud.statuscell.OFFLINE") }}
+
+
+
+
+ {{ $t("externalCloud.statuscell.TASK_EXECUTION") }}
+
+
+
+
+ {{ $t("externalCloud.statuscell.SUSPEND") }}
+
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.clusterStorage") }}
+
+ {{
+ device[row[item.prop]]
+ }}
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
diff --git a/src/views/externalCloud/vcenter/cloudServerDetail/detail-log.vue b/src/views/externalCloud/vcenter/cloudServerDetail/detail-log.vue
new file mode 100644
index 0000000000000000000000000000000000000000..c255a234afca69dbc9aa828890f9b340b44f2ba3
--- /dev/null
+++ b/src/views/externalCloud/vcenter/cloudServerDetail/detail-log.vue
@@ -0,0 +1,154 @@
+
+
+
+
+
+
+
+ {{ getdetailInfo(row) }}
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/externalCloud/vcenter/cloudServerDetail/detail-monitor.vue b/src/views/externalCloud/vcenter/cloudServerDetail/detail-monitor.vue
new file mode 100644
index 0000000000000000000000000000000000000000..2539b0d03cac6d0070b2d68722bb4c9825c8f14e
--- /dev/null
+++ b/src/views/externalCloud/vcenter/cloudServerDetail/detail-monitor.vue
@@ -0,0 +1,360 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/externalCloud/vcenter/cloudServerDetail/detail-network.vue b/src/views/externalCloud/vcenter/cloudServerDetail/detail-network.vue
new file mode 100644
index 0000000000000000000000000000000000000000..50cd860033b8c61ee507fa01847bd7c54737ca9e
--- /dev/null
+++ b/src/views/externalCloud/vcenter/cloudServerDetail/detail-network.vue
@@ -0,0 +1,89 @@
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.network.networkCard") }}{{ $index + 1 }}
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
diff --git a/src/views/externalCloud/vcenter/cloudServerDetail/detail-summary.vue b/src/views/externalCloud/vcenter/cloudServerDetail/detail-summary.vue
new file mode 100644
index 0000000000000000000000000000000000000000..31c74edef104313978770fbbfd2971e8477d1872
--- /dev/null
+++ b/src/views/externalCloud/vcenter/cloudServerDetail/detail-summary.vue
@@ -0,0 +1,365 @@
+
+
+
+
+
+
+
+
+ {{ $t("common.details.CPUUtilization") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.totalcapacity") }}：
+ {{ resourceUsedInfo.cpuTotalCapacity }}
+ GHZ
+
+
+ {{ $t("common.details.used") }}：
+ {{ resourceUsedInfo.cpuUsedCapacity }}
+ GHZ
+
+
+ {{ $t("common.details.available") }}：
+ {{ resourceUsedInfo.cpuFreeCapacity }}
+ GHZ
+
+
+
+
+
+
+
+ {{ $t("common.details.memoryUtilization") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.totalcapacity") }}：
+ {{ resourceUsedInfo.memoryTotalCapacity }}
+ GB
+
+
+ {{ $t("common.details.used") }}：
+ {{ resourceUsedInfo.memoryUsedCapacity }}
+ GB
+
+
+ {{ $t("common.details.available") }}：
+ {{ resourceUsedInfo.memoryFreeCapacity }}
+ GB
+
+
+
+
+
+
+
+ {{ $t("common.details.storageUtilization") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.totalcapacity") }}：
+ {{ resourceUsedInfo.storageTotalCapacity }}
+ GB
+
+
+ {{ $t("common.details.used") }}：
+ {{ resourceUsedInfo.storageUsedCapacity }}
+ GB
+
+
+ {{ $t("common.details.available") }}：
+ {{ resourceUsedInfo.storageFreeCapacity }}
+ GB
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
![]()
+
+
+
+
+
+
+ {{ $t("resourceMgr.aliasName") }}：
+
+
{{ basicInfo.serverName }}
+
+
+
+
+ {{ $t("resourceMgr.zonestatus") }}：
+
+
+ {{ getstatusLabel(basicInfo.serverStatus) }}
+
+
+
+
+
{{ $t("resourceMgr.type") }}：
+
{{ basicInfo.serverType }}
+
+
+
+
+
+ {{ $t("resourceMgr.zonedescription") }}：
+
+
+ {{ basicInfo.serverDescription }}
+
+
+
+
+
+
+ {{ $t("resourceMgr.zoneos") }}：
+
+
+ {{ basicInfo.operationSystem }}
+
+
+
+
+
+
+ {{ $t("resourceMgr.runMachine") }}：
+
+
{{ basicInfo.runningHost }}
+
+
+
+
+
+ {{ $t("externalCloud.vmOperate.storageLocation") }}：
+
+
+ {{ basicInfo.storageLocation }}
+
+
+
+
+
+
+ {{ $t("resourceMgr.powerOnDate") }}：
+
+
+ {{ basicInfo.runningTime }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.clusterEditPassword") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("externalCloud.statuscell.NORMAL") }}
+
+
+
+ {{ $t("externalCloud.statuscell.HALT") }}
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.clusterBaseInfo") }}
+
+
+
+
+
+ {{ createDataFormData.clusterName }}
+
+
+
+ {{ createDataFormData.clusterDescription }}
+
+
+
+ {{ createDataFormData.clusterURL.toString() }}
+
+
+
+ {{ createDataFormData.vcenterUserName }}
+
+
+
+ **********
+
+
+
+
+
+
+ {{ $t("resourceMgr.clusterStorageInfo") }}
+
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.clusterStorageName") }}：{{
+ item.storageName
+ }}
+
+
+ {{ $t("resourceMgr.storagetotalSize") }}：
+ {{ item.storageTotalCapacity + "GB" }}
+
+
+ {{ $t("resourceMgr.storageUsedSize") }}：
+ {{ item.storageFreeCapacity + "GB" }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("externalCloud.vmList.create") }}
+
+
+ {{ $t("externalCloud.vmList.turnOn") }}
+
+
+
+ {{ $t("externalCloud.vmList.shutDown") }}
+
+
+
+
+
+ {{ $t("resourceMgr.servervmmore") }}
+
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row.serverName }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] || "-" }}
+
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.start_servervm") }}
+
+
+
+ {{ $t("resourceMgr.openVnc") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/externalCloud/vcenter/detailPage/cloudServerCommpoents/cloneVmDetailBox.vue b/src/views/externalCloud/vcenter/detailPage/cloudServerCommpoents/cloneVmDetailBox.vue
new file mode 100644
index 0000000000000000000000000000000000000000..1dc84e5721b1b9398c10fa455c5c2e7310c513b9
--- /dev/null
+++ b/src/views/externalCloud/vcenter/detailPage/cloudServerCommpoents/cloneVmDetailBox.vue
@@ -0,0 +1,311 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.hostName }}
+
+
+
+
+
+ {{
+ $t("externalCloud.vmOperate.choose")
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ $t("externalCloud.vmOperate.choose")
+ }}
+
+
+
+
+
+
+
+ {{
+ $t("externalCloud.vmOperate.choose")
+ }}
+
+
+
+
+
+
+
+
+
+ {{ item }}
+ {{ $t("externalCloud.vmOperate.core") }}
+
+
+ {{
+ $t("externalCloud.vmOperate.custom")
+ }}
+
+
+
+ {{
+ $t("externalCloud.vmOperate.core")
+ }}
+
+
+
+
+
+
+ {{ item }} GB
+
+
+ {{
+ $t("externalCloud.vmOperate.custom")
+ }}
+
+
+
+ GB
+
+
+
+
+
+ GB
+
+
+
+
+
+
+
+
+
+
+ {{ $t("externalCloud.vmOperate.addntCard") }}
+
+
+
+
+
+ {{ $t("externalCloud.vmOperate.basicInfo") }}
+
+
+
+ {{ $t("externalCloud.vmOperate.name") }}：{{
+ finalData.serverName
+ }}
+
+
+ {{ $t("externalCloud.vmOperate.description") }}：{{
+ finalData.serverDescription
+ }}
+
+
+ {{ $t("externalCloud.vmOperate.runningPosition") }}：{{
+ finalData.runningLocationName
+ }}（{{ finalData.runningLocationType }}）
+
+
+ {{ $t("externalCloud.vmOperate.storageLocation") }}：{{
+ finalData.storageName
+ }}
+
+
+ {{ $t("externalCloud.vmOperate.os") }}：{{ finalData.osType }}
+
+
+ {{ $t("externalCloud.vmOperate.MirrorFir") }}：{{
+ finalData.templateName
+ }}
+
+
+
+
+
+ {{ $t("externalCloud.vmOperate.configInfo") }}
+
+
+
CPU：{{ finalData.cpuCores }}
+
+ {{ $t("externalCloud.vmOperate.memory") }}：{{
+ finalData.memorySize
+ }}
+
+
+
+ {{ $t("externalCloud.vmOperate.disk") }}{{ index + 1 }}：{{
+ item
+ }}GB
+
+
+
+
+
+ {{ $t("externalCloud.vmOperate.network") }}{{ index + 1 }}：
+
+
+ {{ $t("externalCloud.vmOperate.networkName") }}：{{
+ item.networkName
+ }}
+ {{ $t("externalCloud.vmOperate.ntAdapter") }}：{{
+ item.adapterName
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item }}
+ {{ $t("externalCloud.vmOperate.core") }}
+
+
+ {{
+ $t("externalCloud.vmOperate.custom")
+ }}
+
+
+
+ {{
+ $t("externalCloud.vmOperate.core")
+ }}
+
+
+
+
+
+
+
+
+
+ {{ item }} GB
+
+
+ {{
+ $t("externalCloud.vmOperate.custom")
+ }}
+
+
+
+ GB
+
+
+
+
+
+
+
+
+
+ GB
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ GB
+
+
+
+
+ {{ $t("externalCloud.vmOperate.addNewDisk") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("externalCloud.vmOperate.addntCard") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("externalCloud.statuscell.NORMAL") }}
+
+
+
+ {{ $t("externalCloud.statuscell.HALT") }}
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.clusterName }}
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ $t("externalCloud.vmOperate.automatic")
+ }}
+
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
+ {{ $t("externalCloud.vmOperate.stopTips") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ form.cpuCore }}{{ $t("externalCloud.vmOperate.core") }}
+
+
+ {{ form.memorySize }}GB
+
+
+ {{ item.diskCapacity }}GB
+
+
+
+ {{ $t("externalCloud.vmOperate.addNicTips") }}
+
+
+
+
+
+
+ {{ $t("common.select") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.loginVcenter") }}
+
+
+
+
+
+
+ {{ $t("resourceMgr.clusterBaseInfo") }}
+
+
+
+
+
+ {{ $t("resourceMgr.clusterName") }}：
+
+
{{ pageInfo.vcenterName }}
+
+
+
+
+ {{ $t("resourceMgr.clusterStatus") }}：
+
+
+ {{ getstatusLabel(pageInfo.vcenterStatus) }}
+
+
+
+
+
+ {{ $t("resourceMgr.clusterRemark") }}：
+
+
+ {{ pageInfo.clusterDescription }}
+
+
+
+
+
+ {{ $t("resourceMgr.clusterVersion") }}：
+
+
+ {{ pageInfo.vcenterVersion }}
+
+
+
+
+
IP：
+
+ {{ pageInfo.clusterURL }}
+
+
+
+
+
+ {{ $t("resourceMgr.clusterUrlprotocol") }}：
+
+
+ {{ pageInfo.clusterHttpProtocol === 1 ? "https" : "http" }}
+
+
+
+
+
+ {{ $t("externalCloud.vMwareMgr.vcenterPort") }}：
+
+
+ {{ pageInfo.clusterPort }}
+
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.clusterAdminName") }}：
+
+
{{ pageInfo.vcenterUserName }}
+
+
+
+
+ {{ $t("resourceMgr.clusterCeateTime") }}：
+
+
+ {{ pageInfo.vcenterCreateTime }}
+
+
+
+
+
+
+
+ {{ $t("common.details.resourceUsage") }}
+
+
+
+
+
+ {{ $t("common.details.CPUUtilization") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.totalcapacity") }}：
+ {{ resourceUsedInfo.cpuTotalCapacity }}
+ GHZ
+
+
+ {{ $t("common.details.used") }}：
+ {{ resourceUsedInfo.cpuUsedCapacity }}
+ GHZ
+
+
+ {{ $t("common.details.available") }}：
+ {{ resourceUsedInfo.cpuFreeCapacity }}
+ GHZ
+
+
+
+
+
+
+
+ {{ $t("common.details.memoryUtilization") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.totalcapacity") }}：
+ {{ resourceUsedInfo.memoryTotalCapacity }}GB
+
+
+ {{ $t("common.details.used") }}：
+ {{ resourceUsedInfo.memoryUsedCapacity }}GB
+
+
+ {{ $t("common.details.available") }}：
+ {{ resourceUsedInfo.memoryFreeCapacity }}GB
+
+
+
+
+
+
+
+ {{ $t("common.details.storageUtilization") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.totalcapacity") }}：
+ {{ resourceUsedInfo.storageTotalCapacity }}GB
+
+
+ {{ $t("common.details.used") }}：
+ {{ resourceUsedInfo.storageUsedCapacity }}GB
+
+
+ {{ $t("common.details.available") }}：
+ {{ resourceUsedInfo.storageFreeCapacity }}GB
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("externalCloud.statuscell.NORMAL") }}
+
+
+
+ {{ $t("externalCloud.statuscell.HALT") }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] || "-" }}
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/externalCloud/vcenter/detailPage/pagePhysicalHost.vue b/src/views/externalCloud/vcenter/detailPage/pagePhysicalHost.vue
new file mode 100644
index 0000000000000000000000000000000000000000..1c12f24e9d15963cffafa9d80beb62eae92fd37b
--- /dev/null
+++ b/src/views/externalCloud/vcenter/detailPage/pagePhysicalHost.vue
@@ -0,0 +1,189 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] || "-" }}
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/externalCloud/vcenter/header-bar.vue b/src/views/externalCloud/vcenter/header-bar.vue
new file mode 100644
index 0000000000000000000000000000000000000000..0e3c3415616918302a563454518b85c3c287173e
--- /dev/null
+++ b/src/views/externalCloud/vcenter/header-bar.vue
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
diff --git a/src/views/externalCloud/vcenter/vcenter.vue b/src/views/externalCloud/vcenter/vcenter.vue
new file mode 100644
index 0000000000000000000000000000000000000000..58297f86b7109c690afab950d3754d26e66c6fd2
--- /dev/null
+++ b/src/views/externalCloud/vcenter/vcenter.vue
@@ -0,0 +1,400 @@
+
+
+
+
+
+
+
+ {{ $t("common.add") }}
+
+
+
+
+
+
+
+
+
+
+ {{ row.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("common.modify") }}
+
+
+ {{ $t("common.delete") }}
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+ {{ row[item.prop] || "-" }}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/homePage/cloudHosting.vue b/src/views/homePage/cloudHosting.vue
new file mode 100644
index 0000000000000000000000000000000000000000..8a0f27a5067385e5d11257272ecf20b056896e4f
--- /dev/null
+++ b/src/views/homePage/cloudHosting.vue
@@ -0,0 +1,127 @@
+
+
+
+
+
+ {{ toggleTit }}
+
+
+
+
+
+
+
+
+
+ {{ homeText }}
+
+
+ {{ homeSubText }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ homeText }}
+
+
+ {{ homeSubText }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{{ option.label }}
+
+ {{ option.percentageNum + unit }}
+
+
+
+
+
+
+
+
+
+
+ {{ workerOrder.number }}
+
+
{{ workerOrder.unit }}
+
+
+
+
+
+
+
+
+
+ {{ alarm.number }}
+
+
{{ alarm.unit }}
+
+
+
+
+
+
+
+
+
+
+ {{ workerOrder.number }}
+
+
{{ workerOrder.unit }}
+
+
+
+
+
+
+
+
+
+ {{ alarm.number }}
+
+
{{ alarm.unit }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("common.details.totalcapacity") }}：
+ {{ cpuUtilization.total }}
+ {{ cpuUtilization.unit }}
+
+
+
+
+
+ {{ $t("resourceMgr.vdcSubAssigned") }}：
+ {{ cpuUtilization.allocateChild }}
+ {{ cpuUtilization.unit }}
+
+
+
+
+
+ {{ $t("resourceMgr.vdcThislevelUsed") }}：
+ {{ cpuUtilization.sameUsed }}
+ {{ cpuUtilization.unit }}
+
+
+
+
+
+ {{ $t("common.details.available") }}：
+ {{ cpuUtilization.usable }}
+ {{ cpuUtilization.unit }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("common.details.totalcapacity") }}：
+ {{ memoryUtilization.total }}
+ {{ memoryUtilization.unit }}
+
+
+
+
+
+ {{ $t("resourceMgr.vdcSubAssigned") }}：
+ {{ memoryUtilization.allocateChild }}
+ {{ memoryUtilization.unit }}
+
+
+
+
+
+ {{ $t("resourceMgr.vdcThislevelUsed") }}：
+ {{ memoryUtilization.sameUsed }}
+ {{ memoryUtilization.unit }}
+
+
+
+
+
+ {{ $t("common.details.available") }}：
+ {{ memoryUtilization.usable }}
+ {{ memoryUtilization.unit }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("common.details.totalcapacity") }}：
+ {{ storageUtilization.total }}
+ {{ storageUtilization.unit }}
+
+
+
+
+
+ {{ $t("resourceMgr.vdcSubAssigned") }}：
+ {{ storageUtilization.allocateChild }}
+ {{ storageUtilization.unit }}
+
+
+
+
+
+ {{ $t("resourceMgr.vdcThislevelUsed") }}：
+ {{ storageUtilization.sameUsed }}
+ {{ storageUtilization.unit }}
+
+
+
+
+
+ {{ $t("common.details.available") }}：
+ {{ storageUtilization.usable }}
+ {{ storageUtilization.unit }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{{ vdcDataPageData.subTitle }}
+
+
+
+
+
+
+
+ {{ $t("common.alreadyAllocate") }}
+
+
+
+ {{ vdcDataPageData.online }}
+
+
+
+
+
+
+
+ {{ $t("common.noAllocate") }}
+
+
+
+ {{ vdcDataPageData.offline }}
+
+
+
+
+
+
+
+
+
+
+
+
+
{{ serverVmDataPageData.subTitle }}
+
+
+
+
+
+
+
+ {{ $t("common.details.online") }}
+
+
+
+ {{ serverVmDataPageData.online }}
+
+
+
+
+
+
+
+ {{ $t("common.details.offline") }}
+
+
+
+ {{ serverVmDataPageData.offline }}
+
+
+
+
+
+
+
+
+
{{ option.label }}
+
+ {{ option.percentageNum + unit }}
+
+
+
+
+
+
+ {{ toggleTit }}
+
+
+
+
+
+
+
+
+
+
+ {{ workerOrder.number }}
+
+
{{ workerOrder.unit }}
+
+
+
+
+
+
+
+
+
+ {{ alarm.number }}
+
+
{{ alarm.unit }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("common.home.totalCpu") }}：
+ {{ cpuUtilization.totalCpu }}GHZ
+
+
+
+
+
+
+
+ {{ $t("common.home.used") }}： {{ cpuUtilization.usedCpu }}GHZ
+
+
+
+
+
+
+ {{ $t("common.home.usable") }}：
+ {{ cpuUtilization.usableCpu }}GHZ
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("common.home.totalMem") }}：
+ {{ memoryUtilization.totalMem }}GB
+
+
+
+
+
+
+
+ {{ $t("common.home.used") }}：
+ {{ memoryUtilization.usedMem }}GB
+
+
+
+
+
+
+ {{ $t("common.home.usable") }}：
+ {{ memoryUtilization.usableMem }}GB
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("common.home.totalStorage") }}：
+ {{ storageUtilization.totalStorage }}GB
+
+
+
+
+
+
+
+
+ {{ $t("common.home.used") }}：
+ {{ storageUtilization.usedStorage }}GB
+
+
+
+
+
+
+ {{ $t("common.home.usable") }}：
+ {{ storageUtilization.usableStorage }}GB
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{{ zoneDataPageData.subTitle }}
+
+
+
+
+
+
+
+ {{ $t("common.details.total") }}
+
+
+
+ {{ zoneDataPageData.total }}
+
+
+
+
+
+
+
+
+
+
+
+
{{ clusterDataPageData.subTitle }}
+
+
+
+
+
+
+
+ {{ $t("common.details.online") }}
+
+
+
+ {{ clusterDataPageData.online }}
+
+
+
+
+
+
+
+ {{ $t("common.details.offline") }}
+
+
+
+ {{ clusterDataPageData.offline }}
+
+
+
+
+
+
+
+
+
+
+
+
{{ physicalHostDataPageData.subTitle }}
+
+
+
+
+
+
+
+ {{ $t("common.details.online") }}
+
+
+
+ {{ physicalHostDataPageData.online }}
+
+
+
+
+
+
+
+ {{ $t("common.details.offline") }}
+
+
+
+ {{ physicalHostDataPageData.offline }}
+
+
+
+
+
+
+
+
+
+
+
+
{{ vdcDataPageData.subTitle }}
+
+
+
+
+
+
+
+ {{ $t("common.alreadyAllocate") }}
+
+
+
+ {{ vdcDataPageData.online }}
+
+
+
+
+
+
+
+ {{ $t("common.noAllocate") }}
+
+
+
+ {{ vdcDataPageData.offline }}
+
+
+
+
+
+
+
+
+
+
+
+
+
{{ serverVmDataPageData.subTitle }}
+
+
+
+
+
+
+
+ {{ $t("common.details.online") }}
+
+
+
+ {{ serverVmDataPageData.online }}
+
+
+
+
+
+
+
+ {{ $t("common.details.offline") }}
+
+
+
+ {{ serverVmDataPageData.offline }}
+
+
+
+
+
+
+
+
+
+
+
KCP云管理平台
+
KCP云管理平台针对私有云环境的云基础设施等资源管理，提供“云管理+云服务+云运营”三位一体的私有云管理服务。以统一化的服务交付，精细化和可视化的成本运营分析，帮助企业从传统环境平滑迁移到多云环境，保持企业云架构系统的持续优化
+
+
+
+
+
+
+ 版权所有 © 2006-2022 湖南麒麟. 保留所有权利。
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
diff --git a/src/views/monitor/alarmevent/alarmLog/clusterAlarmlogHeader.vue b/src/views/monitor/alarmevent/alarmLog/clusterAlarmlogHeader.vue
new file mode 100644
index 0000000000000000000000000000000000000000..c79c296e9f862e0d12f45e790ab7f1d51240cf5d
--- /dev/null
+++ b/src/views/monitor/alarmevent/alarmLog/clusterAlarmlogHeader.vue
@@ -0,0 +1,228 @@
+
+
+
+
+
+
+
diff --git a/src/views/monitor/alarmevent/alarmLog/index.vue b/src/views/monitor/alarmevent/alarmLog/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..f2226b283a74b7dae1f17b4b12cb963a7782fbb0
--- /dev/null
+++ b/src/views/monitor/alarmevent/alarmLog/index.vue
@@ -0,0 +1,46 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/monitor/alarmevent/alarmLog/platformAlarmlogHeader.vue b/src/views/monitor/alarmevent/alarmLog/platformAlarmlogHeader.vue
new file mode 100644
index 0000000000000000000000000000000000000000..fb18bd551d5c969db830950c3f5e3cc5e7b922c1
--- /dev/null
+++ b/src/views/monitor/alarmevent/alarmLog/platformAlarmlogHeader.vue
@@ -0,0 +1,237 @@
+
+
+
+
+
+
+
diff --git a/src/views/monitor/alarmevent/alarmSet/cloudServerAlarmPolicy.vue b/src/views/monitor/alarmevent/alarmSet/cloudServerAlarmPolicy.vue
new file mode 100644
index 0000000000000000000000000000000000000000..127a1b19df0bc503724ba365c9d69863bff75d49
--- /dev/null
+++ b/src/views/monitor/alarmevent/alarmSet/cloudServerAlarmPolicy.vue
@@ -0,0 +1,224 @@
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+ {{ $t("common.confirm") }}
+
+
+ {{ $t("common.cancel") }}
+
+
+
+ {{
+ $t("common.modify")
+ }}
+
+
+
+
+
+
+
+ ≥
+
+
+
+
+
+
+
+
+
+
+ {{ $t("alarmSetting.interval") }}
+
+
+
+ {{ $t("common.save") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+ {{ $t("common.confirm") }}
+
+
+ {{ $t("common.cancel") }}
+
+
+
+ {{
+ $t("common.modify")
+ }}
+
+
+
+
+
+
+
+ ≥
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+ {{ $t("common.confirm") }}
+
+
+ {{ $t("common.cancel") }}
+
+
+
+ {{
+ $t("common.modify")
+ }}
+
+
+
+
+
+
+
+ ≥
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
diff --git a/src/views/monitor/operationLog/physicalHostevents/header-bar.vue b/src/views/monitor/operationLog/physicalHostevents/header-bar.vue
new file mode 100644
index 0000000000000000000000000000000000000000..1e2bf9d8fff1e56947e74bed45c103637dcfea41
--- /dev/null
+++ b/src/views/monitor/operationLog/physicalHostevents/header-bar.vue
@@ -0,0 +1,203 @@
+
+
+
+
+
+
+
diff --git a/src/views/monitor/operationLog/physicalHostevents/index.vue b/src/views/monitor/operationLog/physicalHostevents/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..8a9a42dd2300cda104d2266e832eda0f0818f2b1
--- /dev/null
+++ b/src/views/monitor/operationLog/physicalHostevents/index.vue
@@ -0,0 +1,212 @@
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
diff --git a/src/views/monitor/taskcenter/index.vue b/src/views/monitor/taskcenter/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..9506ee5fef21afc1badda6e3a7e2a341f9926510
--- /dev/null
+++ b/src/views/monitor/taskcenter/index.vue
@@ -0,0 +1,277 @@
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("common.view") }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/monitor/taskcenter/taskcenterHeader.vue b/src/views/monitor/taskcenter/taskcenterHeader.vue
new file mode 100644
index 0000000000000000000000000000000000000000..61d818a63271f703a321f8cdeca938dc0a381f66
--- /dev/null
+++ b/src/views/monitor/taskcenter/taskcenterHeader.vue
@@ -0,0 +1,258 @@
+
+
+
+
+
+
+
diff --git a/src/views/monitor/taskcenter/taskcenterModal/taskcenterBox.vue b/src/views/monitor/taskcenter/taskcenterModal/taskcenterBox.vue
new file mode 100644
index 0000000000000000000000000000000000000000..17778e3ba192d3da75d08e9e8943cc2563aa6d50
--- /dev/null
+++ b/src/views/monitor/taskcenter/taskcenterModal/taskcenterBox.vue
@@ -0,0 +1,254 @@
+
+
+
+
+
+
+
+
+
+ {{ $t("common.view") }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+ {{ $t("taskcenter.taskDesk") }}
+
+
+
+
+ {{ $t("taskcenter.viewHistoricalTasks") }}
+
+
+
+
+
+
+
+
+
+
+ {{ teskDetail.type }}
+
+
+
+ {{ teskDetail.action }}
+
+
+
+ {{ teskDetail.objName }}
+
+
+
+ {{ teskDetail.statusDesc }}
+
+
+
+ {{ teskDetail.startTime }}
+
+
+
+ {{ teskDetail.endTime }}
+
+
+
+ {{ teskDetail.operateUser }}
+
+
+
+ {{ teskDetail.clientIp }}
+
+
+
+ {{ teskDetail.orgName }}
+
+
+
+ {{ teskDetail.zoneName }}
+
+
+
+ {{ teskDetail.detail }}
+
+
+
+ {{ teskDetail.result }}
+
+
+
+
+
+
+
+
+
+ {{ statusDesc }}
+
+
+
+
+ {{ statusDesc }}
+
+
+
+
+
+
+
+
{{ percentageDesc }}
+
+
+
+
+ {{ statusDesc }}
+
+
+
+
+ {{ statusDesc }}
+
+
+
+
+ {{ statusDesc }}
+
+
+
+
+ {{ statusDesc }}
+
+
+
+
+ {{ statusDesc }}
+
+
+
+
+
+
{{ percentageDesc }}
+
+
{{ status }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/operate/authorityMgr/roleMgr/createRole/createRoleBox.vue b/src/views/operate/authorityMgr/roleMgr/createRole/createRoleBox.vue
new file mode 100644
index 0000000000000000000000000000000000000000..1e56b9c03e4798bb2ae3af618f1c871a9590fd5e
--- /dev/null
+++ b/src/views/operate/authorityMgr/roleMgr/createRole/createRoleBox.vue
@@ -0,0 +1,495 @@
+
+
+
+
+
+
+
+
+ {{ getroleTypeLabel("ORG") }}
+
+ {{ getroleTypeLabel("SELF_SERVICE") }}
+
+
+ {{ getroleTypeLabel("PLATFORM") }}
+
+
+
+
+ {{ getroleTypeLabel("PLATFORM") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("authorityMgr.optionalPermissions") }}
+
+
+
+
+
+
+
+
+
+ {{ btniconLeft }}
+
+
+
+
+ {{ btniconRight }}
+
+
+
+
+
+ {{ $t("authorityMgr.selectedPermissions") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ getroleTypeLabel(createDataFormData.roleType) }}
+
+
+ {{ createDataFormData.roleName }}
+
+
+
+
+
+
+ {{ createDataFormData.remark }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("authorityMgr.createRole") }}
+
+
+
+
+
+
+
+
+
+ {{ $t("common.view") }}
+
+
+ {{ $t("common.modify") }}
+
+
+ {{ $t("common.delete") }}
+
+
+
+
+
+
+ {{ getroleTypeLabel(row.roleType) }}
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("authorityMgr.editpassword") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("common.select") }}
+
+
+
+
+
+ {{ $t("authorityMgr.noorgName") }}
+
+ {{ $t("common.create") }}
+
+
+
+
+
+
+
+ {{ $t("common.select") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{{ $t("authorityMgr.orgList") }}
+
+
+
+
+ {{ node.label }}
+ {{ "(" + data.statisticNum + ")" }}
+
+
+
+
+
+
{{ $t("authorityMgr.userList") }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("common.modify") }}
+
+
+ {{ $t("common.delete") }}
+
+
+
+
+
+ {{ getroleTypeLabel(row.roleType) }}
+
+
+
+
+
+ {{ getstatusLabel(row.status) }}
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("common.select") }}
+
+
+
+
+
+
+
+
+ {{ $t("common.select") }}
+
+
+
+
+
+
+
+ {{ $t("authorityMgr.createLeaderis") }}
+
+
+ {{ $t("authorityMgr.createLeadernot") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/operate/organizationMgr/index.vue b/src/views/operate/organizationMgr/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..735c16b9275349b0fe6d2c2437d6b33ac8363103
--- /dev/null
+++ b/src/views/operate/organizationMgr/index.vue
@@ -0,0 +1,432 @@
+
+
+
+
+
+
+
+ {{ $t("authorityMgr.createOrg") }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ row.organizationName }}
+
+ {{ row.organizationName }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("common.modify") }}
+
+
+
+ {{ $t("authorityMgr.editOrgName") }}
+
+
+ {{ $t("common.delete") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/operate/organizationMgr/modifyOrgName/modifyOrgNameBox.vue b/src/views/operate/organizationMgr/modifyOrgName/modifyOrgNameBox.vue
new file mode 100644
index 0000000000000000000000000000000000000000..086e94945605392780b77ed0be179bbdaf9efa84
--- /dev/null
+++ b/src/views/operate/organizationMgr/modifyOrgName/modifyOrgNameBox.vue
@@ -0,0 +1,142 @@
+
+
+
+
+
+
diff --git a/src/views/operate/organizationMgr/modifyOrgName/modifyOrgNameModal.vue b/src/views/operate/organizationMgr/modifyOrgName/modifyOrgNameModal.vue
new file mode 100644
index 0000000000000000000000000000000000000000..b65cbe6fd7563489e24624555362344215cf8a84
--- /dev/null
+++ b/src/views/operate/organizationMgr/modifyOrgName/modifyOrgNameModal.vue
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/operate/organizationMgr/orgdetail/outline.vue b/src/views/operate/organizationMgr/orgdetail/outline.vue
new file mode 100644
index 0000000000000000000000000000000000000000..6728a622472f964ae0090f3d66ab97e600142280
--- /dev/null
+++ b/src/views/operate/organizationMgr/orgdetail/outline.vue
@@ -0,0 +1,534 @@
+
+
+
+
+
+
{{ $t("resourceMgr.zoneBaseInfo") }}
+
+
+
+
+ {{ $t("authorityMgr.organizationName") }}：
+
+
{{ pageInfo.orgName }}
+
+
+
+
+ {{ $t("authorityMgr.userNum") }}：
+
+
{{ pageInfo.totalUser }}
+
+
+
+
+ {{ $t("authorityMgr.serverVmNum") }}：
+
+
{{ pageInfo.machineTotal }}
+
+
+
+
VDC：
+
{{ pageInfo.vdcName }}
+
+
+
+
+
+ {{ $t("authorityMgr.parentName") }}：
+
+
{{ pageInfo.parentOrgName }}
+
+
+
+
+ {{ $t("authorityMgr.remark") }}：
+
+
{{ pageInfo.remark }}
+
+
+
+
+ {{ $t("authorityMgr.createTime") }}：
+
+
{{ pageInfo.createTime }}
+
+
+
+
+
+
+ {{ $t("common.details.resourceAllocation") }}
+
+
+
+
+
+ {{ $t("common.details.CPUallocationRatio") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.totalcapacity") }}：
+ {{ pageInfo.totalCpu }}
+ {{ $t("common.cpu") }}
+
+
+ {{ $t("common.details.used") }}：
+ {{ pageInfo.allocationCpu }}
+ {{ $t("common.cpu") }}
+
+
+ {{ $t("common.details.available") }}：
+ {{ pageInfo.surplusCpu }}
+ {{ $t("common.cpu") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.memoryAllocationRatio") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.totalcapacity") }}：
+ {{ pageInfo.totalMem + pageInfo.memUnit }}
+
+
+ {{ $t("common.details.used") }}：
+ {{ pageInfo.allocationMem + pageInfo.memUnit }}
+
+
+ {{ $t("common.details.available") }}：
+ {{ pageInfo.surplusMem + pageInfo.memUnit }}
+
+
+
+
+
+
+
+ {{ $t("common.details.storageAllocationRatio") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.totalcapacity") }}：
+ {{ pageInfo.totalStorage + pageInfo.storageUnit }}
+
+
+ {{ $t("common.details.used") }}：
+ {{ pageInfo.allocationStorage + pageInfo.storageUnit }}
+
+
+ {{ $t("common.details.available") }}：
+ {{ pageInfo.surplusStorage + pageInfo.storageUnit }}
+
+
+
+
+
+
+
+
+
+ {{ $t("common.details.resourceStatistics") }}
+
+
+
+
+
+ {{ $t("authorityMgr.userNum") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.total") }}：
+ {{ pageInfo.totalUser }}
+ {{ $t("common.people") }}
+
+
+ {{ $t("common.details.activated") }}：
+ {{ pageInfo.activeUser }}
+ {{ $t("common.people") }}
+
+
+ {{ $t("common.details.inactivated") }}：
+ {{ pageInfo.noActiveUser }}
+ {{ $t("common.people") }}
+
+
+
+
+
+
+
+ {{ $t("authorityMgr.serverVmNum") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.total") }}：
+ {{ pageInfo.machineTotal }}
+
+
+ {{ $t("common.details.online") }}：
+ {{ pageInfo.machineOnline }}
+
+
+ {{ $t("common.details.offline") }}：
+ {{ pageInfo.machineOffline }}
+
+
+
+
+
+
+
+
+
+
{{ $t("reliableCenter.configurationGuide") }}
+
{{ $t("reliableCenter.configurationGuideStep1") }}
+
{{ $t("reliableCenter.configurationGuideStep2") }}
+
{{ $t("reliableCenter.configurationGuideStep3") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ $t("reliableCenter.addStandyAdd")
+ }}
+
+
+
+
+
+
+ {{ getTypeText(row) }}
+
+
+
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.deleteconfirmTit") }}
+
+
+ {{ $t("reliableCenter.Switch") }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ row.networkLevelType === "LAYER_2_NETWORK"
+ ? $t("reliableCenter.net2")
+ : $t("reliableCenter.net3")
+ }}
+
+
+
+
+ {{ getStorageType(row.type) }}
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ getStorageType(row.type) }}
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ convertSize(row[item.prop]) }}
+
+
+
+
+
+
+ {{
+ row[item.prop] === "FULL_BACKUP"
+ ? $t("reliableCenter.fullBackup")
+ : $t("reliableCenter.incBackup")
+ }}
+
+
+
+
+
+
+
+
+ {{
+ $t("reliableCenter.synTo") +
+ (type === "master"
+ ? $t("reliableCenter.secSite")
+ : $t("reliableCenter.primarySite"))
+ }}
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ $t("reliableCenter.startTest")
+ }}
+ {{
+ $t("reliableCenter.endTest")
+ }}
+
+
+
+
+
+ {{ $t("reliableCenter.startDrNote") }}
+
+
+ {{ $t("reliableCenter.endDrNote")
+ }}{{
+ $t("reliableCenter.endDrNote2")
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
{{ node.label }}
+
+
+
+
+
+
+
+ {{
+ $t("reliableCenter.DRTest")
+ }}
+ {{
+ $t("reliableCenter.mainSiteDRRecovery")
+ }}
+ {{
+ $t("reliableCenter.backupSiteDRRecovery")
+ }}
+ {{ $t("reliableCenter.revertToMainSite") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("reliableCenter.differencesCheck") }}
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+ 
+
+
+
+
+ {{ getstatusLabel(row.status, "status") }}
+
+
+
+
+
+
+ {{ getstatusLabel(row.checkStatus, "checkStatus") }}
+
+
+
+
+
+
+ {{ convertSize(row[item.prop]) }}
+
+
+ {{ $t("reliableCenter.underDete") }} ...
+
+
+
+
+
+ {{ getBackupText(row[item.prop]) }}
+
+
+
+
+ {{ convertSize(row[item.prop]) }}
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("reliableCenter.cloudServer") }}：{{ vmName }}
+
+
+
+
+
+
+ {{ convertSize(row[item.prop]) }}
+
+
+
+
+
+
+ {{
+ row[item.prop] === "FULL_BACKUP"
+ ? $t("reliableCenter.fullBackup")
+ : $t("reliableCenter.incBackup")
+ }}
+
+
+
+
+
+
+
+
+ {{ $t("reliableCenter.synTo")
+ }}{{
+ type === "master"
+ ? $t("reliableCenter.secSite")
+ : $t("reliableCenter.primarySite")
+ }}
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("reliableCenter.revertNote") }}
+
+ {{
+ $t("reliableCenter.revertNote1")
+ }}
+ {{ $t("reliableCenter.revertNote2") }}
+
+
+
+
+
+
+
+
+
+
+ {{ convertSize(row[item.prop]) }}
+
+
+
+
+
+
+ {{
+ row[item.prop] === "FULL_BACKUP"
+ ? $t("reliableCenter.fullBackup")
+ : $t("reliableCenter.incBackup")
+ }}
+
+
+
+
+
+
+
+ {{
+ row[item.prop] === "NORMAL"
+ ? $t("reliableCenter.normal")
+ : $t("reliableCenter.deleting")
+ }}
+
+
+
+
+
+
+
+ {{ getOtherText(row[item.prop]) }}
+
+
+
+
+
+
+
+ {{ $t("reliableCenter.synTo")
+ }}{{
+ type === "master"
+ ? $t("reliableCenter.secSiteList")
+ : $t("reliableCenter.primarySite")
+ }}
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+ {{
+ $t("reliableCenter.plannedRecovery")
+ }}
+ {{
+ $t("reliableCenter.DRRecovery")
+ }}
+
+
+
+
+
+
+
+ {{ $t("reliableCenter.startTestNote") }}
+ {{
+ $t("reliableCenter.startTestNote1")
+ }}
+ {{ $t("reliableCenter.startTestNote2") }}
+
+
+ {{ $t("reliableCenter.endTestNote") }}
+ {{
+ $t("reliableCenter.endTestNote2")
+ }}
+
+
+
+
+
+
+
+
+ {{
+ type === "masterSiteId"
+ ? $t("reliableCenter.primarySite") + "："
+ : $t("reliableCenter.secondarySite") + "："
+ }}
+ {{ siteName }}
+
+
+
+
+
+
+
+ {{
+ row["mountStatus"] ? "挂载" : "未挂载"
+ }}
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ node.label + "" }}
+
+
+
+
+
+
+
+
{{ $t("reliableCenter.cloudServerList") }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+ {{ row.canNotSelectReason }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("reliableCenter.cloudServerSelected") }}({{
+ selectData.length
+ }})
+
+
+
+ {{ $t("reliableCenter.clear") }}
+
+
+
+
+
+ {{ item.aliasName }}
+
+
+
+
+ {{ $t("reliableCenter.noDataSelected") }}
+
+
+
+
+
+
+
+
+
+
+ {{
+ $t("reliableCenter.createDrPolicy")
+ }}
+ {{
+ $t("reliableCenter.executeDrPolicyImmediately")
+ }}
+ {{
+ $t("reliableCenter.enable")
+ }}
+ {{ $t("reliableCenter.disable") }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+ {{ getBackupText(row) }}
+
+
+
+
+ {{
+ row[item.prop]
+ ? $t("reliableCenter.compressedTransmission")
+ : $t("reliableCenter.uncompressedTransmission")
+ }}
+
+
+
+
+ {{
+ row.backupCycleType === "HOUR"
+ ? secToHour(row.hourDetail.rpoCycle) + $t("reliableCenter.hour")
+ : $t("reliableCenter.immediately")
+ }}
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+ {{ $t("common.modify") }}
+
+
+
+
+ {{ $t("resourceMgr.servervmmore") }}
+
+
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("reliableCenter.choose") }}
+
+
+
+ {{ $t("reliableCenter.schematicDiagram") }}
+
+
+
+
+
+
+
+ {{ $t("reliableCenter.primarySiteLocalBackup") }}
+
+
+
+
+
+
+ {{ $t("reliableCenter.choose") }}
+
+
+
+
+ {{
+ $t("reliableCenter.hour")
+ }}
+ {{ $t("reliableCenter.day") }}
+ {{
+ $t("reliableCenter.weeks")
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
+
+
+
+
+ （{{ $t("reliableCenter.nextDay") }}）
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ $t("reliableCenter.hour")
+ }}
+
+
+
+
+
+
+
+
+
+ {{
+ $t("reliableCenter.hour")
+ }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("reliableCenter.secondarySiteRemoteDr") }}
+
+
+
+
+
+ {{ $t("reliableCenter.choose") }}
+
+
+
+
+
+
+
+ {{
+ $t("reliableCenter.compressedTransmission")
+ }}
+
+
+
+
+
+
+
+
+
+ {{ $t("reliableCenter.basicInfo") }}
+
+
+
+ {{ $t("reliableCenter.drPolicyName") }}：{{ createForm.planName }}
+
+
{{ $t("reliableCenter.primarySite") }}：{{ site1Name }}
+
{{ $t("reliableCenter.secondarySite") }}：{{ site2Name }}
+
+ {{ $t("reliableCenter.selectCloudServer") }}：{{
+ getVmtext(selectMachineList)
+ }}
+
+
+
+
+
+ {{ $t("reliableCenter.primarySiteBackupMethod") }}
+
+
+
+ {{ $t("reliableCenter.backupLoc") }}:{{
+ createForm2.masterBackupServerPath
+ }}
+
+
+ {{ $t("reliableCenter.backupCycle") }}:{{ getCycleData() }}
+
+
+ {{ $t("reliableCenter.backupPeriod") }}:{{
+ createForm2.dayStartTime
+ }}{{ $t("common.to") }}{{ createForm2.dayEndTime
+ }}{{ this.nextDay ? `(${$t("reliableCenter.nextDay")})` : "" }}
+
+
+ {{ $t("reliableCenter.backupStartTime") }}:{{
+ createForm2.startTime
+ }}
+
+
+ {{ $t("reliableCenter.policyDuration") }}:{{ createForm2.duration
+ }}{{ $t("reliableCenter.hour") }}
+
+
+ {{ $t("reliableCenter.singleServerTimeoutDuration") }}:{{
+ createForm2.singleBackupTimeout + $t("reliableCenter.hour")
+ }}
+
+
+ {{ $t("reliableCenter.backupCopy") }}:{{ createForm2.retain }}
+
+
+
+
+
+ {{ $t("reliableCenter.secondarySiteDrMethod") }}
+
+
+
+ {{ $t("reliableCenter.drLocation") }}:{{
+ createForm2.slaveBackupServerPath
+ }}
+
+
+ {{ $t("reliableCenter.drRpoPeriod") }}:{{
+ secToHour(createForm2.proCycle) + $t("reliableCenter.hour")
+ }}
+
+
+ {{ $t("reliableCenter.transmissionMode") }}：{{
+ createForm2.rpoCompress
+ ? $t("reliableCenter.compressedTransmission")
+ : $t("reliableCenter.uncompressedTransmission")
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/reliableCenter/remoteDisasterRecovery/linkManagement/addLinkBox.vue b/src/views/reliableCenter/remoteDisasterRecovery/linkManagement/addLinkBox.vue
new file mode 100644
index 0000000000000000000000000000000000000000..38f7952e011d78dc4ef922b05e9df52460327a35
--- /dev/null
+++ b/src/views/reliableCenter/remoteDisasterRecovery/linkManagement/addLinkBox.vue
@@ -0,0 +1,426 @@
+
+
+
+
+
+
+
+ {{ $t("reliableCenter.sectionDescri") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.key }}
+
+
+
+ Mbps
+
+
+
+
+
+
+
+
+
+
+ {{ $t("reliableCenter.sectionDescri") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.key }}
+
+
+
+ Mbps
+
+
+
+
+
+
+
+
+
+ {{
+ $t("reliableCenter.addLink")
+ }}
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ row["broadbandLimit"] + "Mbps" || "-"
+ }}
+ {{ $t("reliableCenter.unlimited") }}
+
+
+
+
+
+
+
+ {{ getStatus(row.linkStatus, 2) }}
+
+
+
+
+
+ {{ getStatus(row.linkStatus, 2) }}
+
+
+
+
+
+
+
+
+
{{ $t("reliableCenter.probeObj") }}
+
+
{{ targetLink.masterSiteName }}
+
+
+
+
+
+
{{ targetLink.slaveSiteName }}
+
+
+
+
{{ $t("reliableCenter.detectionRes") }}
+
+
+ {{ $t("reliableCenter.underDete") }}
+
+
+ {{ $t("reliableCenter.probObjectCom") }}
+
+
+
+ {{ $t("reliableCenter.communicationError") }}
+
+
+
+
+
+
+
+
+
+ {{
+ $t("reliableCenter.createDrPolicy")
+ }}
+ {{
+ $t("reliableCenter.executeDrPolicy")
+ }}
+ {{
+ $t("reliableCenter.enable")
+ }}
+ {{
+ $t("reliableCenter.disable")
+ }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/reliableCenter/remoteDisasterRecovery/siteManagement/addSiteBox.vue b/src/views/reliableCenter/remoteDisasterRecovery/siteManagement/addSiteBox.vue
new file mode 100644
index 0000000000000000000000000000000000000000..e9f186d63325fd1d581cb71203a15789ac107c2a
--- /dev/null
+++ b/src/views/reliableCenter/remoteDisasterRecovery/siteManagement/addSiteBox.vue
@@ -0,0 +1,169 @@
+
+
+
+
+ {{ $t("resourceMgr.zoneNoClusterTo") }}
+
+ {{ $t("resourceMgr.clusterAdd") }}
+
+
+
+
+
+
+
+ {{ row[item.prop] || "-" }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ $t("reliableCenter.addSite")
+ }}
+ {{
+ $t("reliableCenter.linkManage")
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] || "-" }}
+
+
+
+
+
+
+ {{ $t("common.delete") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.zoneNoClusterTo") }}
+
+ {{ $t("resourceMgr.clusterAdd") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] || "-" }}
+
+ {{ row[item.prop] || "-" }}
+
+
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.zoneBaseInfo") }}
+
+
+
+
+ {{ createDataFormData.name }}
+
+
+
+ {{ createDataFormData.remark }}
+
+
+
+ {{ createDataFormData.type }}
+
+
+
+
+
+ {{ $t("resourceMgr.zoneCluster") }}
+
+
+
+
+
+ {{ $t("resourceMgr.clusterName") }}：{{ item.name }}
+
+
+ {{ $t("resourceMgr.clusterUrl") }}：{{ item.clusterUrl }}
+
+
+
+ {{ $t("resourceMgr.clusterRemark") }}：{{ item.remark }}
+
+
+
+
+
+
+
+
+
+
+
{{ $t("resourceMgr.zoneBaseInfo") }}
+
+
+
+
+ {{ $t("resourceMgr.zoneNameDesc") }}：
+
+
{{ pageInfo.name }}
+
+
+
+
+ {{ $t("resourceMgr.zoneType") }}：
+
+
{{ pageInfo.type }}
+
+
+
+
+ {{ $t("resourceMgr.zoneRemark") }}：
+
+
{{ pageInfo.remark }}
+
+
+
+
+ {{ $t("resourceMgr.zoneCreateTime") }}：
+
+
{{ pageInfo.createTime }}
+
+
+
+
+
+
+ {{ $t("common.details.resourceAllocation") }}
+
+
+
+
+
+ {{ $t("common.details.CPUallocationRatio") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.totalcapacity") }}：
+ {{ pageInfo.cpuTotal }}
+ {{ $t("common.cpu") }}
+
+
+ {{ $t("common.alreadyAllocate") }}：
+ {{ pageInfo.cpuUsed }}
+ {{ $t("common.cpu") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.memoryAllocationRatio") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.totalcapacity") }}：
+ {{ pageInfo.memTotal }}
+ GB
+
+
+ {{ $t("common.alreadyAllocate") }}：
+ {{ pageInfo.memUsed }}
+ GB
+
+
+
+
+
+
+
+ {{ $t("common.details.storageAllocationRatio") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.totalcapacity") }}：
+ {{ pageInfo.storageTotal }}
+ GB
+
+
+ {{ $t("common.alreadyAllocate") }}：
+ {{ pageInfo.storageUsed }}
+ GB
+
+
+
+
+
+
+
+
+
+ {{ $t("common.details.resourceStatistics") }}
+
+
+
+
+
+ {{ $t("resourceMgr.zoneClusterDesc") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.total") }}：
+ {{ pageInfo.clusterTotal }}
+
+
+ {{ $t("common.details.online") }}： {{ pageInfo.clusterOnline }}
+
+
+ {{ $t("common.details.offline") }}：
+ {{ pageInfo.clusterOffline }}
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.clusterPhysicalHost") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.total") }}：
+ {{ pageInfo.physicalHostTotal }}
+
+
+ {{ $t("common.details.online") }}：
+ {{ pageInfo.physicalHostOnline }}
+
+
+ {{ $t("common.details.offline") }}：
+ {{ pageInfo.physicalHostOffline }}
+
+
+
+
+
+
+
+ {{ $t("authorityMgr.serverVmNum") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.total") }}：
+ {{ pageInfo.machineTotal }}
+
+
+ {{ $t("common.details.online") }}：
+ {{ pageInfo.machineOnline }}
+
+
+ {{ $t("common.details.offline") }}：
+ {{ pageInfo.machineOffline }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ getStorageType(row.type) }}
+
+
+
+
+ {{ getStorageUsage(row.usage) }}
+
+
+
+
+
+ {{ row[item.prop] || "-" }}
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/resource/availabilityZone/detailPage/pagePhysicalHost.vue b/src/views/resource/availabilityZone/detailPage/pagePhysicalHost.vue
new file mode 100644
index 0000000000000000000000000000000000000000..7bec35344ba8a3cdd80170455d2adfcb122c255d
--- /dev/null
+++ b/src/views/resource/availabilityZone/detailPage/pagePhysicalHost.vue
@@ -0,0 +1,229 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/resource/availabilityZone/header-bar.vue b/src/views/resource/availabilityZone/header-bar.vue
new file mode 100644
index 0000000000000000000000000000000000000000..e08cc1113d9ca3867d5136b071d30da2c81ead24
--- /dev/null
+++ b/src/views/resource/availabilityZone/header-bar.vue
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
diff --git a/src/views/resource/availabilityZone/index.vue b/src/views/resource/availabilityZone/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..67b7a999c4662978c456923cbc8f7add20a05aec
--- /dev/null
+++ b/src/views/resource/availabilityZone/index.vue
@@ -0,0 +1,314 @@
+
+
+
+
+
+
+
+
+
+
+
+ {{ row.name }}
+
+ {{ row.name }}
+
+
+
+
+
+ {{ row[item.prop] + $t("common.cpu") }}
+
+
+
+
+
+ {{ row[item.prop] + "GB" }}
+
+
+
+
+
+ {{ row[item.prop] + "GB" }}
+
+
+
+
+
+
+ {{ $t("common.modify") }}
+
+
+ {{ $t("common.delete") }}
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/resource/components/selectNetSpecList/selectNetSpecList.vue b/src/views/resource/components/selectNetSpecList/selectNetSpecList.vue
new file mode 100644
index 0000000000000000000000000000000000000000..b054c03400a25d1e83dfb56e255e352c93505219
--- /dev/null
+++ b/src/views/resource/components/selectNetSpecList/selectNetSpecList.vue
@@ -0,0 +1,147 @@
+
+
+
+
+
+ {{ $t("resourceMgr.network.addNetTop1") }}
+ {{
+ $t("resourceMgr.zoneClusterDesc")
+ }},
+ {{ $t("resourceMgr.network.addNetTop2") }}
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.task.detail") }}
+
+
+
+
+ {{ row[item.prop] || "-" }}
+
+
+
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.statuscell.OVERDUE") }}
+
+
+
+
+ {{ $t("resourceMgr.statuscell.AVAILABLE") }}
+
+
+
+
+
+ {{ $t("resourceMgr.statuscell.CONNECTED") }}
+
+
+
+
+ {{ $t("resourceMgr.statuscell.INSTALLING") }}
+
+
+
+
+ {{ $t("resourceMgr.statuscell.SUSPEND") }}
+
+
+
+
+ {{ $t("resourceMgr.statuscell.UNKNOWN") }}
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.statuscell.ONLINE") }}
+
+
+
+
+ {{ $t("resourceMgr.statuscell.OFFLINE") }}
+
+
+
+
+ {{ $t("resourceMgr.statuscell.HALT") }}
+
+
+
+
+ {{ $t("resourceMgr.statuscell.EXCEPTION") }}
+
+
+
+
+
+ {{ $t("resourceMgr.statuscell.NORMAL") }}
+
+
+
+
+ {{ $t("resourceMgr.statuscell.WARNING") }}
+
+
+
+
+ {{ $t("resourceMgr.statuscell.ERROR") }}
+
+ -
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.clusterStorage") }}{{ $index + 1 }}
+
+ {{ device[row[item.prop]] }}
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
diff --git a/src/views/resource/ecs/components/detail/detail-log.vue b/src/views/resource/ecs/components/detail/detail-log.vue
new file mode 100644
index 0000000000000000000000000000000000000000..1bc031a70ac34c7f7445245980e4eaf2e7bf1250
--- /dev/null
+++ b/src/views/resource/ecs/components/detail/detail-log.vue
@@ -0,0 +1,158 @@
+
+
+
+
+
+
+
+ {{ getdetailInfo(row) }}
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/resource/ecs/components/detail/detail-monitor.vue b/src/views/resource/ecs/components/detail/detail-monitor.vue
new file mode 100644
index 0000000000000000000000000000000000000000..0460dfc6fab2e89453a4308c7e4b49a9ac606b8a
--- /dev/null
+++ b/src/views/resource/ecs/components/detail/detail-monitor.vue
@@ -0,0 +1,206 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/resource/ecs/components/detail/detail-network.vue b/src/views/resource/ecs/components/detail/detail-network.vue
new file mode 100644
index 0000000000000000000000000000000000000000..00b1507d20dccb892e1a4bb9d1800d97d20beb16
--- /dev/null
+++ b/src/views/resource/ecs/components/detail/detail-network.vue
@@ -0,0 +1,104 @@
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.network.networkCard") }}{{ $index + 1 }}
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
diff --git a/src/views/resource/ecs/components/detail/detail-summary.vue b/src/views/resource/ecs/components/detail/detail-summary.vue
new file mode 100644
index 0000000000000000000000000000000000000000..a6b3e12eddccaaaaccbc73d598f29b8c24ff3f1f
--- /dev/null
+++ b/src/views/resource/ecs/components/detail/detail-summary.vue
@@ -0,0 +1,360 @@
+
+
+
+
+
+
+
+
+ {{ $t("common.details.CPUUtilization") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.cpuCount") }}：
+ {{ resourceUsedInfo.cpuCount }}
+
+
+
+
+
+
+
+ {{ $t("common.details.memoryUtilization") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.totalcapacity") }}：
+ {{ resourceUsedInfo.memoryTotal }}
+ GB
+
+
+ {{ $t("common.details.used") }}：
+ {{ resourceUsedInfo.memoryUsed }}
+ GB
+
+
+ {{ $t("common.details.available") }}：
+ {{ resourceUsedInfo.memorySurplus }}
+ GB
+
+
+
+
+
+
+
+ {{ $t("common.details.storageUtilization") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.totalcapacity") }}：
+ {{ resourceUsedInfo.diskTotal }}
+ GB
+
+
+ {{ $t("common.details.used") }}：
+ {{ resourceUsedInfo.diskTotalUsed }}
+ GB
+
+
+ {{ $t("common.details.available") }}：
+ {{ resourceUsedInfo.diskSurplus }}
+ GB
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
![]()
+
+
+
+ {{ $t("resourceMgr.openVnc") }}
+
+
+
+
+
+
+ {{ $t("resourceMgr.aliasName") }}：
+
+
{{ basicInfo.name }}
+
+
+
+
+ {{ $t("resourceMgr.zonedescription") }}：
+
+
{{ basicInfo.description }}
+
+
+
+
{{ $t("resourceMgr.type") }}：
+
{{ basicInfo.type }}
+
+
+
+
+ {{ $t("resourceMgr.zonestatus") }}：
+
+
+ {{ getstatusLabel(basicInfo.status) }}
+
+
+
+
+
+
+ {{ $t("resourceMgr.zoneos") }}：
+
+
{{ basicInfo.osName }}
+
+
+
+
+ {{ $t("resourceMgr.userName") }}：
+
+
{{ basicInfo.userName }}
+
+
+
+
+ {{ $t("resourceMgr.vncAddr") }}：
+
+
{{ basicInfo.vncAddr }}
+
+
+
+
+ {{ $t("resourceMgr.zoneorgName") }}：
+
+
{{ basicInfo.orgName }}
+
+
+
+
+
+ {{ $t("resourceMgr.zonecreateDate") }}：
+
+
+ {{ basicInfo.createDate }}
+
+
+
+
+
+ {{ $t("resourceMgr.powerOnDate") }}：
+
+
{{ basicInfo.powerOnDate }}
+
+
+
+
+
+ {{ $t("resourceMgr.operationHours") }}：
+
+
+ {{ getoperationHours() }}
+
+
+
+
+
+
+ {{ $t("resourceMgr.selectCluster") }}：
+
+
{{ basicInfo.selectCluster }}
+
+
+
+
+ {{ $t("resourceMgr.runMachine") }}：
+
+
{{ basicInfo.runMachine }}
+
+
+
UUID：
+
{{ basicInfo.uuid }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("imageMgr.makeImageMsg") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+
![]()
+
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("transferMgr.transferMsg") }}
+
+
+
+
+
+
+
+
+
+ {{ $t("transferMgr.sameOrgTransfer") }}
+
+
+
+ {{ $t("transferMgr.transferAcrossOrg") }}
+
+
+
+
+
+
+
+
+
+ {{ $t("common.select") }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("common.select") }}
+
+
+
+
+
+
+
+
+
+ {{ $t("common.select") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ node.label }}
+ {{ "(" + data.serverVmCount + ")" }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}({{ $t("resourceMgr.zoneerror") }})
+
+
+ {{ row[item.prop] }}({{ $t("resourceMgr.zonewarn") }})
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+ CPU：
+
+
+
+ {{ $t("common.mem") }}：
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.start_servervm") }}
+
+
+
+ {{ $t("resourceMgr.openVnc") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ row.name
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.shutdown_servervm") }}
+
+
+ {{ $t("resourceMgr.start_servervm") }}
+
+
+
+ {{ $t("resourceMgr.servervmmore") }}
+
+
+
+
+
+ {{ $t("common.modify") }}
+
+
+
+
+ {{ $t("common.delete") }}
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+ {{ row[item.prop] || "-" }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/resource/hostTube/vmData.vue b/src/views/resource/hostTube/vmData.vue
new file mode 100644
index 0000000000000000000000000000000000000000..0038dce78b3ac32fcb02f676b933f9c6ecd60160
--- /dev/null
+++ b/src/views/resource/hostTube/vmData.vue
@@ -0,0 +1,303 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
基本信息
+
+
+
+
镜像名称：
+
+ {{ imageDetailInfo.imageName }}
+
+
+
+
+
镜像描述：
+
+ {{ imageDetailInfo.imageRemark }}
+
+
+
+
+
+
+
镜像类型：
+
+ {{ imageDetailInfo.typeDesc }}
+
+
+
+
+
镜像大小：
+
+ {{ imageDetailInfo.imageSize }}
+
+
+
+
+
+
模板镜像详情
+
+
+
+
操作系统：
+
+ {{ templateImageInfo.osMachine }}
+
+
+
+
+
架构：
+
+ {{ templateImageInfo.architecture }}
+
+
+
+
+
+
系统类型：
+
+ {{ templateImageInfo.systemType }}
+
+
+
+
+
cpu大小(核)：
+
+ {{ templateImageInfo.cpu }}
+
+
+
+
+
内存大小(GB)：
+
+ {{ templateImageInfo.mem }}
+
+
+
+
+
磁盘信息(GB)：
+
+ {{ templateImageInfo.disks }}
+
+
+
+
+
+
+
+
+
+
+ {{ row.status }}
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ >
+
+
+
+
+
+ 查看操作详情
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+ {{ key }}：{{ value }}
+
+
+
+
+
+
+
+
+ {{ $t("imageMgr.imgstatus.NORMAL") }}
+
+
+
+
+
+
+
+ {{ $t("imageMgr.imgstatus.ERROR") }}
+
+
+
+
+
+ {{ $t("imageMgr.imgstatus.ERROR") }}
+
+
+
+
+
+ {{ $t("imageMgr.imgstatus.SYNCING") }}
+
+
+
+
+
+ {{ $t("imageMgr.imageupload") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("common.select") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("common.confirmation") }}
+
+
+ {{ $t("common.cancel") }}
+
+
+
+
+ {{ $t("imageMgr.imageupload") }}
+
+
+
+
+
+
+ {{ $t("imageMgr.uploadingFile") }}： {{ flieList.name }}，
+
+ {{ $t("imageMgr.notCloseThisPage") }}
+
+
+
+
+ {{ flieList.upload_status + "%" }}
+
+
+
+
+
+ {{ $t("imageMgr.filetatalSize") }}
+ ：{{ flieList.size }}，
+
+
+
+ {{ $t("imageMgr.uploaded") }}： {{ flieList.loaded }}，
+
+
+
+ {{ $t("imageMgr.uploadSpeed") }}： {{ flieList.speed }}，
+
+
+
+ {{ $t("imageMgr.timeSpent") }}： {{ flieList.time_spent }}，
+
+
+
+ {{ $t("imageMgr.timeRemaining") }}：
+ {{ flieList.time_remaining }}
+
+
+
+
+
+ {{ $t("imageMgr.cancelUpload") }}
+
+
+
+
+
+
+
+
+
{{ percentValue }}%
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("common.modify") }}
+
+
+
+
+ {{ $t("resourceMgr.servervmmore") }}
+
+
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+ {{ $t("common.noMoreOperations") }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ row.imageName }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/resource/imageMgr/publicImage/editImage/createEditBox.vue b/src/views/resource/imageMgr/publicImage/editImage/createEditBox.vue
new file mode 100644
index 0000000000000000000000000000000000000000..ec8f71cea6ae4ef3290885234d1e890969c48155
--- /dev/null
+++ b/src/views/resource/imageMgr/publicImage/editImage/createEditBox.vue
@@ -0,0 +1,184 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("common.modify") }}
+
+
+
+
+ {{ $t("resourceMgr.servervmmore") }}
+
+
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+ {{ $t("common.noMoreOperations") }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ row.imageName }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/resource/imageMgr/sharedMirror/editImage/createEditBox.vue b/src/views/resource/imageMgr/sharedMirror/editImage/createEditBox.vue
new file mode 100644
index 0000000000000000000000000000000000000000..175aa09a4cba8accba5919ead112c50b6b852d86
--- /dev/null
+++ b/src/views/resource/imageMgr/sharedMirror/editImage/createEditBox.vue
@@ -0,0 +1,143 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("common.modify") }}
+
+
+
+
+ {{ $t("resourceMgr.servervmmore") }}
+
+
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+ {{ $t("common.noMoreOperations") }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ row.imageName }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/resource/physicalCluster/createEditModal/createEditBox.vue b/src/views/resource/physicalCluster/createEditModal/createEditBox.vue
new file mode 100644
index 0000000000000000000000000000000000000000..67d5e95f9565ea1db3af43adc4ad0e7bf7dc19ec
--- /dev/null
+++ b/src/views/resource/physicalCluster/createEditModal/createEditBox.vue
@@ -0,0 +1,919 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ getStorageType(row.type) }}
+
+
+
+
+ {{ getStorageUsage(row.usage) }}
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.clusterBaseInfo") }}
+
+
+
+
+
+ {{ createDataFormData.name }}
+
+
+
+ {{ createDataFormData.remark }}
+
+
+
+ {{ createDataFormData.type }}
+
+
+
+ {{ createDataFormData.clusterUrl.toString() }}
+
+
+
+ {{ createDataFormData.clusterAdminName }}
+
+
+
+ **********
+
+
+
+
+
+
+ {{ $t("resourceMgr.clusterStorageInfo") }}
+
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.clusterStorageName") }}：{{ item.name }}
+
+
+ {{ $t("resourceMgr.storagetotalSize") }}：
+ {{ item.totalSize + "GB" }}
+
+
+ {{ $t("resourceMgr.storageUsedSize") }}：
+ {{ item.availableSize + "GB" }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.clusterBaseInfo") }}
+
+
+
+
+
+ {{ $t("resourceMgr.clusterName") }}：
+
+
{{ pageInfo.name }}
+
+
+
+
+ {{ $t("resourceMgr.clustertype") }}：
+
+
{{ pageInfo.type }}
+
+
+
+
+ {{ $t("resourceMgr.zoneName") }}：
+
+
{{ pageInfo.zoneName }}
+
+
+
+
+ {{ $t("resourceMgr.clusterStatus") }}：
+
+
+ {{ getstatusLabel(pageInfo.status) }}
+
+
+
+
+
+ {{ $t("resourceMgr.clusterVersion") }}：
+
+
+ {{ pageInfo.clusterVersion }}
+
+
+
+
+
+ {{ $t("resourceMgr.clusterAdminName") }}：
+
+
+ {{ pageInfo.clusterAdminUser }}
+
+
+
+
+
+ {{ $t("resourceMgr.clusterRemark") }}：
+
+
{{ pageInfo.remark }}
+
+
+
+
+ {{ $t("resourceMgr.clusterUrl") }}：
+
+
{{ pageInfo.clusterUrl }}
+
+
+
+
+ {{ $t("resourceMgr.clusterCeateTime") }}：
+
+
{{ pageInfo.createTime }}
+
+
+
+
+
+
+ {{ $t("common.details.resourceUsage") }}
+
+
+
+
+
+ {{ $t("common.details.CPUUtilization") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.totalcapacity") }}：
+ {{ resourceUsedInfo.cpuTotal }}
+ GHZ
+
+
+ {{ $t("common.details.used") }}：
+ {{ resourceUsedInfo.cpuUsed }}
+ GHZ
+
+
+ {{ $t("common.details.available") }}：
+ {{ resourceUsedInfo.cpuSurplus }}
+ GHZ
+
+
+
+
+
+
+
+ {{ $t("common.details.memoryUtilization") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.totalcapacity") }}：
+ {{ resourceUsedInfo.memTotal }}GB
+
+
+ {{ $t("common.details.used") }}：
+ {{ resourceUsedInfo.memUsed }}GB
+
+
+ {{ $t("common.details.available") }}：
+ {{ resourceUsedInfo.memSurplus }}GB
+
+
+
+
+
+
+
+ {{ $t("common.details.storageUtilization") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.totalcapacity") }}：
+ {{ resourceUsedInfo.storageTotal }}GB
+
+
+ {{ $t("common.details.used") }}：
+ {{ resourceUsedInfo.storageUsed }}GB
+
+
+ {{ $t("common.details.available") }}：
+ {{ resourceUsedInfo.storageSurplus }}GB
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ getStorageType(row.type) }}
+
+
+
+
+ {{ getStorageUsage(row.usage) }}
+
+
+
+
+
+ {{ $t("resourceMgr.storage.enable") }}
+ {{ $t("resourceMgr.storage.disable") }}
+
+
+
+
+
+ {{
+ row.available
+ ? $t("resourceMgr.storage.disable")
+ : $t("resourceMgr.storage.enable")
+ }}
+
+
+
+
+ {{ row[item.prop] || "-" }}
+
+
+
+
+
+
+
+
+
diff --git a/src/views/resource/physicalCluster/detailPage/header-bar.vue b/src/views/resource/physicalCluster/detailPage/header-bar.vue
new file mode 100644
index 0000000000000000000000000000000000000000..015f8cc587dfb6da140e72c1e22cc0caeabd5d50
--- /dev/null
+++ b/src/views/resource/physicalCluster/detailPage/header-bar.vue
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+
diff --git a/src/views/resource/physicalCluster/detailPage/networkDetail/bindVirtualFirewall/bindVirtualFirewallBox.vue b/src/views/resource/physicalCluster/detailPage/networkDetail/bindVirtualFirewall/bindVirtualFirewallBox.vue
new file mode 100644
index 0000000000000000000000000000000000000000..504321d8603291cddcbd7738b41d3abcbe942b70
--- /dev/null
+++ b/src/views/resource/physicalCluster/detailPage/networkDetail/bindVirtualFirewall/bindVirtualFirewallBox.vue
@@ -0,0 +1,150 @@
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ row[item.prop] === "1"
+ ? $t("resourceMgr.pubNet")
+ : $t("resourceMgr.vpcNet")
+ }}
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ $t("resourceMgr.network.netSpecSec")
+ }}
+ {{ $t("resourceMgr.network.netSpec3rd") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.network.permissionresouse") }}
+
+
+
+ {{ item.label }}
+
+
+
+
+
+
+
+ {{ btniconLeft }}
+
+
+
+
+ {{ btniconRight }}
+
+
+
+
+
+
+ {{ $t("resourceMgr.network.effectivepermission") }}
+
+
+
+ {{ item.label }}
+
+
+
+
+
+
+ {{ $t("resourceMgr.network.advacedSetting") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ $t("resourceMgr.addSpec")
+ }}
+ {{ $t("resourceMgr.delSpec") }}
+
+
+
+
+
+
+
+ {{
+ row.networkLevelType === "LAYER_2_NETWORK"
+ ? $t("resourceMgr.layerNet2")
+ : $t("resourceMgr.layerNet3")
+ }}
+
+
+
+
+ {{ getStorageType(row.type) }}
+
+
+
+
+
+
+ {{ $t("common.modify") }}
+
+
+
+ {{ $t("common.view") }}
+
+
+ {{ $t("common.delete") }}
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
{{ $t("resourceMgr.zoneClusterDesc") }}：
+
{{ clusterName }}
+
+
+
{{ $t("resourceMgr.networkName") }}：
+
{{ net.networkName }}
+
+
+
{{ $t("resourceMgr.network.networkHierarchy") }}：
+
+ {{
+ net.networkLevelType === "LAYER_2_NETWORK" ? >{{$t("resourceMgr.network.netSpecSec")}}
+ :>{{ $t("resourceMgr.network.netSpec3rd") }}
+ }}
+
+
+
+
{{ $t("resourceMgr.network.modelType") }}：
+
{{ net.modelType }}
+
+
+
{{ $t("resourceMgr.network.networkType") }}：
+
{{ net.interfaceType }}
+
+
+
{{ $t("resourceMgr.macPool") }}：
+
{{ net.addressPool }}
+
+
+
{{ $t("resourceMgr.network.virtualSwitch") }}：
+
{{ net.virtualSwitch }}
+
+
+
{{ $t("resourceMgr.network.portGroup") }}：
+
{{ net.portGroup }}
+
+
+
{{ $t("resourceMgr.network.securityPolicy") }}:
+
{{ getSecVal() }}
+
+
+
{{ $t("resourceMgr.layerNet3") }}:
+
{{ net.threeLayerNetworkName }}
+
+
+
{{ $t("resourceMgr.ipAcq") }}:
+
{{ $t("resourceMgr.autoDhcp") }}
+
+
+
{{ $t("resourceMgr.network.numberOfQueues") }}：
+
{{ net.queueCount }}
+
+
+
MTU：
+
{{ net.mtuValue }}
+
+
+
{{ $t("resourceMgr.zonecreateDate") }}：
+
{{ net.createTime }}
+
+
+
+
+
+
+
+
+
+ {{ row.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] || "-" }}
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/resource/physicalCluster/header-bar.vue b/src/views/resource/physicalCluster/header-bar.vue
new file mode 100644
index 0000000000000000000000000000000000000000..354814a280fa03af9ead5cbe9e422f427dae725a
--- /dev/null
+++ b/src/views/resource/physicalCluster/header-bar.vue
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+
diff --git a/src/views/resource/physicalCluster/index.vue b/src/views/resource/physicalCluster/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..9386fc281ac0459371b830a6c2fb852ba1c85308
--- /dev/null
+++ b/src/views/resource/physicalCluster/index.vue
@@ -0,0 +1,387 @@
+
+
+
+
+
+
+
+ {{ $t("common.add") }}
+
+
+
+
+
+
+
+
+
+ {{ row.name }}
+
+ {{ row.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.toCluster") }}
+
+
+ {{ $t("common.modify") }}
+
+
+ {{ $t("common.delete") }}
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+ {{ row[item.prop] || "-" }}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/resource/vMwareMgr/createEditModal/createEditBox.vue b/src/views/resource/vMwareMgr/createEditModal/createEditBox.vue
new file mode 100644
index 0000000000000000000000000000000000000000..7cc0b424e8f01fd34572ddc8665a06c8f9f0b814
--- /dev/null
+++ b/src/views/resource/vMwareMgr/createEditModal/createEditBox.vue
@@ -0,0 +1,396 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("common.startSession") }}
+
+
+
+ {{ $t("common.closeSession") }}
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+ {{ row[item.prop] || "-" }}
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/resource/vMwareMgr/detailPage/statuscell.vue b/src/views/resource/vMwareMgr/detailPage/statuscell.vue
new file mode 100644
index 0000000000000000000000000000000000000000..37b288a73254f6775c2a463ab02636221c684ed1
--- /dev/null
+++ b/src/views/resource/vMwareMgr/detailPage/statuscell.vue
@@ -0,0 +1,64 @@
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.statuscell.SUSPEND") }}
+
+
+
+
+ {{ $t("resourceMgr.statuscell.POWERED_ON") }}
+
+
+
+
+ {{ $t("resourceMgr.statuscell.POWERED_OFF") }}
+
+ -
+
+
+
+
+
+
+
+
+
+
+
+ {{ row.name }}
+
+
+
+
+
+
+
+
+ {{ $t("common.modify") }}
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+ {{ row[item.prop] || "-" }}
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/resource/vdcPage/changeSpecModal/createEditBox.vue b/src/views/resource/vdcPage/changeSpecModal/createEditBox.vue
new file mode 100644
index 0000000000000000000000000000000000000000..2008ae3b7ae94d867a2c6d56db99e7c01a3c4824
--- /dev/null
+++ b/src/views/resource/vdcPage/changeSpecModal/createEditBox.vue
@@ -0,0 +1,287 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("common.select") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.vdcBaseInfo") }}
+
+
+
+
+ {{ createDataFormData.vdcName }}
+
+
+
+ {{ createDataFormData.zoneName }}
+
+
+
+ {{ createDataFormData.parentName }}
+
+
+
+
+
+
{{ $t("resourceMgr.vdcResouse") }}
+
+
+
+ {{ item.architectureType }}
+ （ {{ item.applyCpu }}{{ $t("common.cpu") }}）；
+
+
+
+
+ {{ item.architectureType }}
+ （ {{ item.applyMem + item.memUnit }}）；
+
+
+
+
+ {{ storageDataForm.applyStorage + storageDataForm.storageUnit }}
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.vdcnetworkNum") }}
+
+
+
+
+ {{ $t("resourceMgr.vdcClusterDesc") }}（{{ item.clusterName }}）；
+ {{ $t("resourceMgr.vdcNetWorkDesc") }}（{{ item.networkName }}）
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/resource/vdcPage/detailPage/clusterSummary.vue b/src/views/resource/vdcPage/detailPage/clusterSummary.vue
new file mode 100644
index 0000000000000000000000000000000000000000..6d8a0a764b4023f18a6282f8614e5f8a0dde7eb1
--- /dev/null
+++ b/src/views/resource/vdcPage/detailPage/clusterSummary.vue
@@ -0,0 +1,622 @@
+
+
+
+
+
+
{{ $t("resourceMgr.vdcBaseInfo") }}
+
+
+
+
+ {{ $t("resourceMgr.vdcName") }}：
+
+
{{ pageInfo.vdcName }}
+
+
+
+
+ {{ $t("resourceMgr.vdcparentName") }}：
+
+
{{ pageInfo.parentName }}
+
+
+
+
+ {{ $t("resourceMgr.vdcorgName") }}：
+
+
{{ pageInfo.orgName }}
+
+
+
+
+ {{ $t("resourceMgr.vdcnetworkNum") }}：
+
+
{{ pageInfo.networkNum }}
+
+
+
+
+ {{ $t("resourceMgr.zoneName") }}：
+
+
{{ pageInfo.zoneName }}
+
+
+
+
+ {{ $t("resourceMgr.vdccreateTime") }}：
+
+
{{ pageInfo.createTime }}
+
+
+
+
+
+
+ {{ $t("common.details.resourceAllocation") }}
+
+
+
+
+
+ 总{{ $t("common.details.CPUallocationRatio") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.totalcapacity") }}：
+ {{ pageInfo.totalCpu }}
+ {{ $t("common.cpu") }}
+
+
+
+ {{ $t("resourceMgr.vdcSubAssigned") }}：
+ {{ pageInfo.allocationCpu }}
+ {{ $t("common.cpu") }}
+
+
+
+ {{ $t("resourceMgr.vdcThislevelUsed") }}：
+ {{ pageInfo.sameUserUsedCpu }}
+ {{ $t("common.cpu") }}
+
+
+ {{ $t("common.details.available") }}：
+ {{ pageInfo.surplusCpu }}
+ {{ $t("common.cpu") }}
+
+
+
+
+
+
+
+ 总{{ $t("common.details.memoryAllocationRatio") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.totalcapacity") }}：
+ {{ pageInfo.totalMem + pageInfo.memUnit }}
+
+
+
+ {{ $t("resourceMgr.vdcSubAssigned") }}：
+ {{ pageInfo.allocationMem + pageInfo.memUnit }}
+
+
+
+ {{ $t("resourceMgr.vdcThislevelUsed") }}：
+ {{ pageInfo.sameUserUsedMem + pageInfo.memUnit }}
+
+
+ {{ $t("common.details.available") }}：
+ {{ pageInfo.surplusMem + pageInfo.memUnit }}
+
+
+
+
+
+
+
+ {{ $t("common.details.storageAllocationRatio") }}
+
+
+
+
+
+
+
+ {{ $t("common.details.totalcapacity") }}：
+ {{ pageInfo.totalStorage + pageInfo.storageUnit }}
+
+
+
+ {{ $t("resourceMgr.vdcSubAssigned") }}：
+ {{ pageInfo.allocationStorage + pageInfo.storageUnit }}
+
+
+
+ {{ $t("resourceMgr.vdcThislevelUsed") }}：
+ {{ pageInfo.sameUserUsedStorage + pageInfo.storageUnit }}
+
+
+ {{ $t("common.details.available") }}：
+ {{ pageInfo.surplusStorage + pageInfo.storageUnit }}
+
+
+
+
+
+
+
+ {{ item.title }}
+
+
+
+
+
+
+
+ {{ $t("common.details.totalcapacity") }}：
+ {{ item.total }}
+ {{ item.unit }}
+
+
+
+ {{ $t("resourceMgr.vdcSubAssigned") }}：
+ {{ item.allocation }}
+ {{ item.unit }}
+
+
+
+ {{ $t("resourceMgr.vdcThislevelUsed") }}：
+ {{ item.sameUserUsed }}
+ {{ item.unit }}
+
+
+ {{ $t("common.details.available") }}：
+ {{ item.surplus }}
+ {{ item.unit }}
+
+
+
+
+
+
+
+
+
{{ $t("common.details.network") + (index + 1) }}
+
+ {{ $t("resourceMgr.network.networkName") }}:
+ {{ item.networkName }}
+
+
+
+
+
+ {{ $t("resourceMgr.network.cluster") }}：
+ {{ item.clusterName }}
+
+
+
+ {{ $t("resourceMgr.network.modelType") }}：
+ {{ item.modelType }}
+
+
+
+ {{ $t("resourceMgr.network.addressPool") }}：
+ {{ item.addressPool }}
+
+
+
+ {{ $t("resourceMgr.network.portGroup") }}：
+ {{ item.portGroup || "-" }}
+
+
+
+ MTU：
+ {{ item.mtuValue }}
+
+
+
+ {{ $t("resourceMgr.zonecreateDate") }}：
+ {{ item.createTime }}
+
+
+
+
+
+ {{ $t("resourceMgr.network.networkHierarchy") }}：
+ {{
+ item.networkLevelType === "LAYER_2_NETWORK" ? "2层" : "3层"
+ }}
+
+
+
+ {{ $t("resourceMgr.network.networkType") }}：
+ {{ item.interfaceType || "-" }}
+
+
+
+ {{ $t("resourceMgr.network.virtualSwitch") }}：
+ {{ item.virtualSwitch || "-" }}
+
+
+
+ {{ $t("resourceMgr.network.numberOfQueues") }}：
+ {{ item.queueCount || "-" }}
+
+
+
+ {{ $t("resourceMgr.network.securityPolicy") }}：
+
+ {{ getsecurityPolicy(item) }}
+
+
+
+
+
+
+
+
+
+
+ {{ $t("common.create") }}
+
+
+
+
+
+
+
+
+
+
+ {{ row.vdcName }}
+
+
+ {{ row.vdcName }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("common.modify") }}
+
+
+
+ {{ $t("common.changeSpec") }}
+
+
+ {{ $t("common.delete") }}
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+ {{ row[item.prop] || "-" }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/resource/vdcPage/vdcEditModal/createEditBox.vue b/src/views/resource/vdcPage/vdcEditModal/createEditBox.vue
new file mode 100644
index 0000000000000000000000000000000000000000..3b552b4f9579cf3c3c0ee6fea8df9b7b33588050
--- /dev/null
+++ b/src/views/resource/vdcPage/vdcEditModal/createEditBox.vue
@@ -0,0 +1,423 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("common.select") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.vdcBaseInfo") }}
+
+
+
+
+ {{ createDataFormData.vdcName }}
+
+
+
+ {{ createDataFormData.zoneName }}
+
+
+
+ {{ createDataFormData.parentName }}
+
+
+
+
+
+
+ {{ $t("resourceMgr.vdcnetworkNum") }}
+
+
+
+
+ {{ $t("resourceMgr.vdcClusterDesc") }}（{{ item.clusterName }}）；
+ {{ $t("resourceMgr.vdcNetWorkDesc") }}（{{ item.networkName }}）
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
基本信息
+
+
+
+ {{ modifyServerVM.workOrderTypeDesc }}
+
+
+ {{ modifyServerVM.workOrderTarget }}
+
+
+ {{ modifyServerVM.statusDesc }}
+
+
+ {{ modifyServerVM.osMachine }}
+
+
+ {{ modifyServerVM.architecture }}
+
+
+
+
+ CPU：{{ modifyServerVM.cpu }}核
+
+
+ CPU：{{ modifyServerVM.originalCpu }}核 ->
+ {{ modifyServerVM.cpu }}核
+
+
+ 内存：{{ modifyServerVM.mem }}{{ modifyServerVM.menUtil }}
+
+
+ 内存：{{ modifyServerVM.originalMem }}
+ {{ modifyServerVM.menUtil }}->
+ {{ modifyServerVM.mem }}
+ {{ modifyServerVM.menUtil }}
+
+
+ 磁盘{{ modifyServerVM.disks.length > 1 ? index + 1 : "" }}：{{
+ item.diskSize
+ }}GB,{{ item.purpose
+ }}(新增磁盘)
+ 磁盘{{ modifyServerVM.disks.length > 1 ? index + 1 : "" }}：{{
+ item.diskSize
+ }}GB
+ 磁盘{{ modifyServerVM.disks.length > 1 ? index + 1 : "" }}：
+ {{ item.oldDiskSize }}GB -> {{ item.diskSize }}GB
+
+ 磁盘{{ modifyServerVM.disks.length > 1 ? index + 1 : "" }}：{{
+ item.diskSize
+ }}GB
+
+
+ 网卡{{
+ modifyServerVM.networks.length > 1 ? index + 1 : ""
+ }}：{{ item.purpose }}(新增网卡)
+
+
+
+ 网卡{{
+ modifyServerVM.networks.length > 1 ? index + 1 : ""
+ }}：{{ item.purpose }}
+ 网卡{{
+ modifyServerVM.networks.length > 1 ? index + 1 : ""
+ }}：{{ item.purpose }}
+
+
+
+ 网卡{{
+ modifyServerVM.networks.length > 1 ? index + 1 : ""
+ }}：{{ item.purpose }}
+
+
+
+
+
+
+
+
+ {{ applyServerVmType[applyServerVM.applyServerVmType] }}
+
+
+ {{ applyServerVM.clusterName }}
+
+
+ {{ applyServerVM.workOrderTypeDesc }}
+
+
+ {{ applyServerVM.workOrderTarget }}
+
+
+ {{ applyServerVM.statusDesc }}
+
+
+ {{ applyServerVM.isoList[0].isoFile }}
+
+
+ {{ applyServerVM.templateName }}
+
+
+
+
+ {{ applyServerVM.osMachine }}
+
+
+ {{ applyServerVM.architecture }}
+
+
+
+ {{ applyServerVM.applyNum }}
+
+
+ {{ applyServerVM.applyNum }} -> {{ applyServerVM.modifyApplyNum }}
+
+
+
+
+ {{ applyServerVM.description }}
+
+
+
+
+ CPU：{{ applyServerVM.cpu }}核
+
+
+ CPU：{{ applyServerVM.cpu }}核 -> {{ applyServerVM.modifyCpu }}核
+
+
+ 内存：{{ applyServerVM.mem }}{{ applyServerVM.menUtil }}
+
+
+ 内存：{{ applyServerVM.mem }}{{ applyServerVM.menUtil }} ->
+ {{ applyServerVM.modifyMem }}{{ applyServerVM.menUtil }}
+
+
+
+
+ 磁盘{{ applyServerVM.disks.length > 1 ? index + 1 : "" }}：{{
+ item.diskSize
+ }}GB,{{ item.purpose }}
+ (新增磁盘)
+
+
+ 磁盘{{ applyServerVM.disks.length > 1 ? index + 1 : "" }}：{{
+ item.diskSize
+ }}GB
+
+ 磁盘{{ applyServerVM.disks.length > 1 ? index + 1 : "" }}：{{
+ item.oldDiskSize
+ }}GB -> {{ item.diskSize }}GB
+
+ 磁盘{{ applyServerVM.disks.length > 1 ? index + 1 : "" }}：{{
+ item.diskSize
+ }}GB
+
+
+
+ 网卡{{
+ applyServerVM.networks.length > 1 ? index + 1 : ""
+ }}：{{ item.purpose }}(新增网卡)
+
+
+
+ 网卡{{
+ applyServerVM.networks.length > 1 ? index + 1 : ""
+ }}：{{ item.purpose }}
+ 网卡{{
+ applyServerVM.networks.length > 1 ? index + 1 : ""
+ }}：{{ item.purpose }}
+
+
+
+ 网卡{{ applyServerVM.networks.length > 1 ? index + 1 : "" }}：{{
+ item.purpose
+ }}
+
+
+
+
+
+
+
+ {{ applyDeferredDetail.workOrderTypeDesc }}
+
+
+ {{ applyDeferredDetail.workOrderTarget }}
+
+
+ {{ applyDeferredDetail.statusDesc }}
+
+
+ {{ applyDeferredDetail.oldDeadlineTime }}
+
+
+ {{ applyDeferredDetail.newDeadlineTime }}
+
+
+ {{ applyDeferredDetail.applyReason }}
+
+
+ {{ applyDeferredDetail.applyTime }}
+
+
+ {{ applyDeferredDetail.auditionUser }}
+
+
+ {{ applyDeferredDetail.auditionTime }}
+
+
+
+ {{ applyDeferredDetail.auditOpinion }}
+
+
+
+
+
+ {{ registerUserDetail.workOrderTypeDesc }}
+
+
+ {{ registerUserDetail.workOrderTarget }}
+
+
+ {{ registerUserDetail.statusDesc }}
+
+
+ {{ registerUserDetail.realName }}
+
+
+ *********
+
+
+ {{ registerUserDetail.organizationName }}
+
+
+ {{ registerUserDetail.mobile }}
+
+
+ {{ registerUserDetail.applyReason }}
+
+
+ {{ registerUserDetail.auditionUser }}
+
+
+ {{ registerUserDetail.auditionTime }}
+
+
+
+ {{ registerUserDetail.auditOpinion }}
+
+
+
+
+
+ {{ updateUserDetail.workOrderTypeDesc }}
+
+
+ {{ updateUserDetail.workOrderTarget }}
+
+
+ {{ updateUserDetail.statusDesc }}
+
+
+ {{ updateUserDetail.realName }}
+
+
+ {{ updateUserDetail.newRealName }}
+
+
+ *********
+
+
+
+ {{ updateUserDetail.mobile }}
+
+
+ {{ updateUserDetail.applyReason }}
+
+
+ {{ updateUserDetail.auditionUser }}
+
+
+ {{ updateUserDetail.auditionTime }}
+
+
+
+ {{ updateUserDetail.auditOpinion }}
+
+
+
+
+
+
+
+
+
+ {{ modifyServerVM.workOrderTypeDesc }}
+
+
+
+ {{ modifyServerVM.workOrderTarget }}
+
+
+
+ {{ modifyServerVM.orgName }}
+
+
+
+ {{ modifyServerVM.statusDesc }}
+
+
+
+ {{ modifyServerVM.osMachine }}
+
+
+
+ {{ modifyServerVM.architecture }}
+
+
+
+
+
+ CPU：{{ modifyServerVM.cpu }}{{ $t("common.cpu") }}
+
+
+ CPU：{{ modifyServerVM.originalCpu }}{{ $t("common.cpu") }} ->
+ {{ modifyServerVM.cpu }}{{ $t("common.cpu") }}
+
+
+ {{ $t("common.mem") }}：{{ modifyServerVM.mem
+ }}{{ modifyServerVM.menUtil }}
+
+
+ {{ $t("common.mem") }}：{{ modifyServerVM.originalMem }}
+ {{ modifyServerVM.menUtil }}->
+ {{ modifyServerVM.mem }}
+ {{ modifyServerVM.menUtil }}
+
+
+ {{ $t("common.hard")
+ }}{{ modifyServerVM.disks.length > 1 ? index + 1 : "" }}：{{
+ item.diskSize
+ }}GB,{{ item.purpose
+ }}({{ $t("common.newDisk") }})
+ {{ $t("common.hard")
+ }}{{ modifyServerVM.disks.length > 1 ? index + 1 : "" }}：{{
+ item.diskSize
+ }}GB
+ {{ $t("common.hard")
+ }}{{ modifyServerVM.disks.length > 1 ? index + 1 : "" }}：
+ {{ item.oldDiskSize }}GB -> {{ item.diskSize }}GB
+
+ {{ $t("common.hard")
+ }}{{ modifyServerVM.disks.length > 1 ? index + 1 : "" }}：{{
+ item.diskSize
+ }}GB
+
+
+ {{ $t("common.network")
+ }}{{ modifyServerVM.networks.length > 1 ? index + 1 : "" }}：{{
+ item.purpose
+ }}({{ $t("common.newnetwork") }})
+
+
+
+ {{ $t("common.network")
+ }}{{ modifyServerVM.networks.length > 1 ? index + 1 : "" }}：{{
+ item.purpose
+ }}
+ {{ $t("common.network")
+ }}{{ modifyServerVM.networks.length > 1 ? index + 1 : "" }}：{{
+ item.purpose
+ }}
+
+
+
+ {{ $t("common.network")
+ }}{{ modifyServerVM.networks.length > 1 ? index + 1 : "" }}：{{
+ item.purpose
+ }}
+
+
+
+
+
+
+
+
+
+ {{ applyServerVmType[applyServerVM.applyServerVmType] }}
+
+
+
+ {{ applyServerVM.clusterName }}
+
+
+
+ {{ applyServerVM.workOrderTypeDesc }}
+
+
+
+ {{ applyServerVM.workOrderTarget }}
+
+
+
+
+ {{ getmcCloneTypeDesc(applyServerVM.mcCloneType) }}
+
+
+
+ {{ applyServerVM.orgName }}
+
+
+
+ {{ applyServerVM.statusDesc }}
+
+
+
+
+ {{ applyServerVM.imageName }}
+
+
+
+
+
+ {{ applyServerVM.isoList[0].isoFile }}
+
+
+
+ {{ applyServerVM.templateName }}
+
+
+
+
+
+
+ {{ applyServerVM.osMachine }}
+
+
+
+ {{ applyServerVM.architecture }}
+
+
+
+
+ {{ applyServerVM.applyNum }}
+
+
+ {{ applyServerVM.applyNum }} -> {{ applyServerVM.modifyApplyNum }}
+
+
+
+
+ {{ applyServerVM.description }}
+
+
+
+
+
+ CPU：{{ applyServerVM.cpu }}{{ $t("common.cpu") }}
+
+
+ CPU：{{ applyServerVM.cpu }}{{ $t("common.cpu") }} ->
+ {{ applyServerVM.modifyCpu }}{{ $t("common.cpu") }}
+
+
+ {{ $t("common.mem") }}：{{ applyServerVM.mem
+ }}{{ applyServerVM.menUtil }}
+
+
+ {{ $t("common.mem") }}：{{ applyServerVM.mem
+ }}{{ applyServerVM.menUtil }} -> {{ applyServerVM.modifyMem
+ }}{{ applyServerVM.menUtil }}
+
+
+
+
+ {{ $t("common.hard")
+ }}{{ applyServerVM.disks.length > 1 ? index + 1 : "" }}：{{
+ item.diskSize
+ }}GB,{{ item.purpose }}
+ ({{ $t("common.newDisk") }})
+
+
+ {{ $t("common.hard")
+ }}{{ applyServerVM.disks.length > 1 ? index + 1 : "" }}：{{
+ item.diskSize
+ }}GB
+
+ {{ $t("common.hard")
+ }}{{ applyServerVM.disks.length > 1 ? index + 1 : "" }}：{{
+ item.oldDiskSize
+ }}GB -> {{ item.diskSize }}GB
+
+ {{ $t("common.hard")
+ }}{{ applyServerVM.disks.length > 1 ? index + 1 : "" }}：{{
+ item.diskSize
+ }}GB
+
+
+
+ {{ $t("common.network")
+ }}{{ applyServerVM.networks.length > 1 ? index + 1 : "" }}：{{
+ item.purpose
+ }}({{ $t("common.newnetwork") }})
+
+
+
+ {{ $t("common.network")
+ }}{{ applyServerVM.networks.length > 1 ? index + 1 : "" }}：{{
+ item.purpose
+ }}
+ {{ $t("common.network")
+ }}{{ applyServerVM.networks.length > 1 ? index + 1 : "" }}：{{
+ item.purpose
+ }}
+
+
+
+ {{ $t("common.network")
+ }}{{ applyServerVM.networks.length > 1 ? index + 1 : "" }}：{{
+ item.purpose
+ }}
+
+
+
+
+
+
+
+
+ {{ applyDeferredDetail.workOrderTypeDesc }}
+
+
+
+ {{ applyDeferredDetail.workOrderTarget }}
+
+
+
+ {{ applyDeferredDetail.orgName }}
+
+
+
+ {{ applyDeferredDetail.statusDesc }}
+
+
+
+ {{ applyDeferredDetail.oldDeadlineTime }}
+
+
+
+ {{ applyDeferredDetail.newDeadlineTime }}
+
+
+
+ {{ applyDeferredDetail.applyReason }}
+
+
+
+ {{ applyDeferredDetail.applyTime }}
+
+
+
+ {{ applyDeferredDetail.auditionUser }}
+
+
+
+ {{ applyDeferredDetail.auditionTime }}
+
+
+
+ {{ applyDeferredDetail.auditOpinion }}
+
+
+
+
+
+
+ {{ registerUserDetail.workOrderTypeDesc }}
+
+
+
+ {{ registerUserDetail.workOrderTarget }}
+
+
+
+ {{ registerUserDetail.statusDesc }}
+
+
+
+ {{ registerUserDetail.realName }}
+
+
+
+ *********
+
+
+
+ {{ registerUserDetail.organizationName }}
+
+
+
+ {{ registerUserDetail.mobile }}
+
+
+
+ {{ registerUserDetail.applyReason }}
+
+
+
+ {{ registerUserDetail.auditionUser }}
+
+
+
+ {{ registerUserDetail.auditionTime }}
+
+
+
+ {{ registerUserDetail.auditOpinion }}
+
+
+
+
+
+
+ {{ updateUserDetail.workOrderTypeDesc }}
+
+
+
+ {{ updateUserDetail.workOrderTarget }}
+
+
+
+ {{ updateUserDetail.orgName }}
+
+
+
+ {{ updateUserDetail.statusDesc }}
+
+
+
+ {{ updateUserDetail.realName }}
+
+
+
+ {{ updateUserDetail.newRealName }}
+
+
+
+ *********
+
+
+
+
+ {{ updateUserDetail.mobile }}
+
+
+
+ {{ updateUserDetail.applyReason }}
+
+
+
+ {{ updateUserDetail.auditionUser }}
+
+
+
+ {{ updateUserDetail.auditionTime }}
+
+
+
+ {{ updateUserDetail.auditOpinion }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("workOrder.ipSet.ipBindMac") }}：
+ {{ $t("workOrder.ipSet.ip") }}
+ ({{ pageInfo.ip }});
+
+
+
+
+ {{ $t("workOrder.ipSet.ipBindMac") }}+
+ {{ $t("workOrder.ipSet.manualSetIp") }}：
+ {{ $t("workOrder.ipSet.ip") }}
+ ({{ pageInfo.ip }});
+
+
+
+ {{ $t("workOrder.ipSet.manualSetIp") }}：
+ {{ $t("workOrder.ipSet.ip") }}
+ ({{ pageInfo.ip }});
+
+
+
+
+ {{ $t("workOrder.ipSet.mask") }}:({{ pageInfo.mask }});
+
+
+
+ {{ $t("workOrder.ipSet.gw") }}:({{ pageInfo.gw }});
+
+
+
+ {{ $t("workOrder.ipSet.dns1") }}:({{ pageInfo.dns1 }});
+
+
+
+ {{ $t("workOrder.ipSet.dns2") }}:({{ pageInfo.dns2 }});
+
+
+
+
+
+
+ {{ $t("workOrder.ipSet.ipMethod") }}:
+ {{ $t("workOrder.ipSet.automaticDHCP") }}
+
+
+
+
+
+
+
diff --git a/src/views/workorder/detail/modifyVdcDetail.vue b/src/views/workorder/detail/modifyVdcDetail.vue
new file mode 100644
index 0000000000000000000000000000000000000000..40207a79dd6852055cd3398c03d4d3e0f65b1ee6
--- /dev/null
+++ b/src/views/workorder/detail/modifyVdcDetail.vue
@@ -0,0 +1,171 @@
+
+
+
+
+
+ {{ modifyVdcVMDetail.vdcName }}
+
+
+
+ {{ modifyVdcVMDetail.orgName }}
+
+
+
+ {{ modifyVdcVMDetail.statusDesc }}
+
+
+
+
+
+ {{ item.architectureType }}
+
+
+
+
+ vCPU
+
+
+ {{ $t("workOrder.oldResouse") + "：" + item.oldCpu }}
+ {{ $t("common.cpu") }} ->
+ {{ $t("workOrder.applyResouse") + "：" + item.applyCpu }}
+ {{ $t("common.cpu") }}
+
+
+ ->
+ {{ $t("workOrder.realResouse") + "：" + item.realCpu }}
+ {{ $t("common.cpu") }}
+
+
+
+ {{ $t("common.mem") }}
+
+ {{ $t("workOrder.oldResouse") + "：" + item.oldMem }}
+ {{ item.memUnit }} ->
+ {{ $t("workOrder.applyResouse") + "：" + item.applyMem }}
+ {{ item.memUnit }}
+
+
+ -> {{ $t("workOrder.realResouse") + "：" + item.realMem }}
+ {{ item.memUnit }}
+
+
+
+
+
+
+
+
+
+
+ {{
+ applyServerVmType[passApplyServervmFormData.applyServerVmType]
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ passApplyServervmFormData.templateName }}
+
+
+
+ {{ passApplyServervmFormData.osMachine }}
+
+
+
+ {{ passApplyServervmFormData.architecture }}
+
+
+
+ {{ passApplyServervmFormData.systemType }}
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ GB
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ applyServerVmType[passApplyServervmFormData.applyServerVmType] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ GB
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ passModifyServervmFormData.osMachine }}
+
+
+
+ {{ passModifyServervmFormData.architecture }}
+
+
+
+ {{ passModifyServervmFormData.systemType }}
+
+
+
+
+
+
+
+
+
+
+
+
+ GB
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.isoFile }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+
+
+ {{ $t("common.select") }}
+
+
+
+
+
+
+
+ {{ $t("common.select") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/workorder/drawer/pass-apply-servervm-drawer.vue b/src/views/workorder/drawer/pass-apply-servervm-drawer.vue
new file mode 100644
index 0000000000000000000000000000000000000000..6d123819a885246e34d8104c602fa207e4f0d808
--- /dev/null
+++ b/src/views/workorder/drawer/pass-apply-servervm-drawer.vue
@@ -0,0 +1,129 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/workorder/drawer/pass-drawer.vue b/src/views/workorder/drawer/pass-drawer.vue
new file mode 100644
index 0000000000000000000000000000000000000000..10d25daf44acbe157feb40cde7e99bbde91b1ec4
--- /dev/null
+++ b/src/views/workorder/drawer/pass-drawer.vue
@@ -0,0 +1,148 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/workorder/drawer/pass-modify-servervm-drawer.vue b/src/views/workorder/drawer/pass-modify-servervm-drawer.vue
new file mode 100644
index 0000000000000000000000000000000000000000..767d58be32835de6f8407579e3c4ed704b208f0b
--- /dev/null
+++ b/src/views/workorder/drawer/pass-modify-servervm-drawer.vue
@@ -0,0 +1,62 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/views/workorder/drawer/refuse-drawer.vue b/src/views/workorder/drawer/refuse-drawer.vue
new file mode 100644
index 0000000000000000000000000000000000000000..50c91c88a991fc0d69e9d7329f757ffc68dbaef6
--- /dev/null
+++ b/src/views/workorder/drawer/refuse-drawer.vue
@@ -0,0 +1,133 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/workorder/drawer/selectCluster-drawer.vue b/src/views/workorder/drawer/selectCluster-drawer.vue
new file mode 100644
index 0000000000000000000000000000000000000000..4fed277661165fd3bf80dedc61374d4609b9ea92
--- /dev/null
+++ b/src/views/workorder/drawer/selectCluster-drawer.vue
@@ -0,0 +1,202 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("resourceMgr.task.detail") }}
+
+
+
+
+
+ {{ row[item.prop] }}
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("common.addhardMsg") }}
+
+
+
+
+
+
+
+ GB
+
+
+
+ GB
+
+
+
+
+
+
+ ({{ $t("common.applyDelete") }})
+
+
+
+ ({{ $t("common.originalSize") }}:{{ item.oldDiskSize }}GB)
+
+
+
+
+
+
+
+
+
+ {{ $t("common.addnetworkMsg") }}
+
+
+
+
+
+
+
+
+
+ {{ $t("common.select") }}
+
+
+
+
+
+
+
+ ({{ $t("common.applyDelete") }})
+
+
+
+ {{ item.purpose }}
+
+
+
+
+
+
+
+ ({{ $t("common.applyDelete") }})
+
+
+
+
+
+
+
+ {{ $t("workOrder.ipSet.ipBindMac") }}
+
+
+
+ {{ $t("workOrder.ipSet.manual") }}
+
+
+
+ {{ $t("workOrder.ipSet.auto") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row[item.prop] }}
+
+
+
+
+
+
+
+
+
+ {{ $t("common.pass") }}
+
+
+
+ {{ $t("common.pass") }}
+
+
+
+ {{ $t("common.pass") }}
+
+
+
+ {{ $t("common.pass") }}
+
+
+ {{ $t("common.refuse") }}
+
+
+
+ {{ $t("common.detailsInfo") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("workOrder.ipSet.ipBindMac") }}：
+ {{ $t("workOrder.ipSet.ip") }}
+ ({{ pageInfo.ip }});
+
+
+
+
+ {{ $t("workOrder.ipSet.ipBindMac") }}+
+ {{ $t("workOrder.ipSet.manualSetIp") }}：
+ {{ $t("workOrder.ipSet.ip") }}
+ ({{ pageInfo.ip }});
+
+
+
+ {{ $t("workOrder.ipSet.manualSetIp") }}：
+ {{ $t("workOrder.ipSet.ip") }}
+ ({{ pageInfo.ip }});
+
+
+
+
+ {{ $t("workOrder.ipSet.mask") }}:({{ pageInfo.mask }});
+
+
+
+ {{ $t("workOrder.ipSet.gw") }}:({{ pageInfo.gw }});
+
+
+
+ {{ $t("workOrder.ipSet.dns1") }}:({{ pageInfo.dns1 }});
+
+
+
+ {{ $t("workOrder.ipSet.dns2") }}:({{ pageInfo.dns2 }});
+
+
+
+
+
+
+ {{ $t("workOrder.ipSet.ipMethod") }}:
+ {{ $t("workOrder.ipSet.automaticDHCP") }}
+
+
+
+
+
+
+
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000000000000000000000000000000000000..6670daee7d8702e83cd2390c33f7681c124b422f
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,5 @@
+{
+ "vueCompilerOptions": {
+ "target": 2.7,
+ },
+}
\ No newline at end of file
diff --git a/vue.config.js b/vue.config.js
new file mode 100644
index 0000000000000000000000000000000000000000..ebc492f47bc9ae01084c257f1d0e5d7ed0950841
--- /dev/null
+++ b/vue.config.js
@@ -0,0 +1,130 @@
+'use strict'
+const path = require('path')
+const defaultSettings = require('./src/settings.js')
+
+function resolve(dir) {
+ return path.join(__dirname, dir)
+}
+
+const name = defaultSettings.title || '' // page title
+
+// If your port is set to 80,
+// use administrator privileges to execute the command line.
+// For example, Mac: sudo npm run
+// You can change the port by the following methods:
+// port = 9528 npm run dev OR npm run dev --port = 9528
+const port = process.env.port || process.env.npm_config_port || 8081 // dev port
+
+// All configuration item explanations can be find in https://cli.vuejs.org/config/
+module.exports = {
+ /**
+ * You will need to set publicPath if you plan to deploy your site under a sub path,
+ * for example GitHub Pages. If you plan to deploy your site to https://foo.github.io/bar/,
+ * then publicPath should be set to "/bar/".
+ * In most cases please use '/' !!!
+ * Detail: https://cli.vuejs.org/config/#publicpath
+ */
+ publicPath: '/kcp',
+ outputDir: 'dist',
+ assetsDir: 'static',
+ lintOnSave: false,
+ productionSourceMap: false,
+ css: {
+ loaderOptions: {
+ sass: {
+ prependData: `
+ @import "@/styles/variables.scss";
+ `
+ }
+ }
+ },
+ devServer: {
+ hot: true
+ // port: port,
+ // open: true,
+ // overlay: {
+ // warnings: false,
+ // errors: true
+ // },
+ // before: require('./mock/mock-server.js')
+ },
+ configureWebpack: {
+ // provide the app's title in webpack's name field, so that
+ // it can be accessed in index.html to inject the correct title.
+ name: name,
+ resolve: {
+ alias: {
+ '@': resolve('src')
+ }
+ },
+ // 部分vue文件名都是index.vue 会覆盖导致source-map失效
+ devtool: process.env.NODE_ENV === 'development' ? 'module-eval-source-map' : 'source-map'
+ },
+ chainWebpack(config) {
+ // it can improve the speed of the first screen, it is recommended to turn on preload
+ config.plugin('preload').tap(() => [
+ {
+ rel: 'preload',
+ // to ignore runtime.js
+ // https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/cli-service/lib/config/app.js#L171
+ fileBlacklist: [/\.map$/, /hot-update\.js$/, /runtime\..*\.js$/],
+ include: 'initial'
+ }
+ ])
+
+ // when there are many pages, it will cause too many meaningless requests
+ config.plugins.delete('prefetch')
+
+ // set svg-sprite-loader
+ config.module.rule('svg').exclude.add(resolve('src/icons')).end()
+ config.module
+ .rule('icons')
+ .test(/\.svg$/)
+ .include.add(resolve('src/icons'))
+ .end()
+ .use('svg-sprite-loader')
+ .loader('svg-sprite-loader')
+ .options({
+ symbolId: 'icon-[name]'
+ })
+ .end()
+
+ config.when(process.env.NODE_ENV !== 'development', (config) => {
+ config
+ .plugin('ScriptExtHtmlWebpackPlugin')
+ .after('html')
+ .use('script-ext-html-webpack-plugin', [
+ {
+ // `runtime` must same as runtimeChunk name. default is `runtime`
+ inline: /runtime\..*\.js$/
+ }
+ ])
+ .end()
+ config.optimization.splitChunks({
+ chunks: 'all',
+ cacheGroups: {
+ libs: {
+ name: 'chunk-libs',
+ test: /[\\/]node_modules[\\/]/,
+ priority: 10,
+ chunks: 'initial' // only package third parties that are initially dependent
+ },
+ elementUI: {
+ name: 'chunk-elementUI', // split elementUI into a single package
+ priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
+ test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
+ },
+ commons: {
+ name: 'chunk-commons',
+ test: resolve('src/components'), // can customize your rules
+ minChunks: 3, // minimum common number
+ priority: 5,
+ reuseExistingChunk: true
+ }
+ }
+ })
+ // https:// webpack.js.org/configuration/optimization/#optimizationruntimechunk
+ config.optimization.runtimeChunk('single')
+ })
+ }
+}
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+