span{
+ cursor: pointer;
+ }
+}
.timelineBox {
margin-top: 30px;
width: 100%;
- height: 19vh;
+ height: 24vh;
display: flex;
- justify-content: space-around;
border: 1px solid #d1d1d1;
- > div {
- width: 50%;
- }
- > :nth-child(1) {
- border-right: 1px solid #d1d1d1;
- }
}
.timelineBoxTitle {
- text-align: center;
- height: 40px;
line-height: 40px;
background: #e5e5e5;
+ display: flex;
+ justify-content: space-between;
+ padding: 0 30px 0 24px;
+ > span {
+ cursor: pointer;
+ }
}
.timelineBoxContent {
display: flex;
flex-direction: column;
- align-items: center;
overflow: auto;
- height: 132px;
+ height: 170px;
+ padding: 10px 0 0 53px;
+}
+/deep/ .basic-container__card {
+ height: 100%;
}
+
+
diff --git a/src/page/opsVisualization/tuobu.vue b/src/page/opsVisualization/tuobu.vue
new file mode 100644
index 0000000..3e9841f
--- /dev/null
+++ b/src/page/opsVisualization/tuobu.vue
@@ -0,0 +1,396 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/router/page/index.js b/src/router/page/index.js
index fcebb37..aabfcf6 100644
--- a/src/router/page/index.js
+++ b/src/router/page/index.js
@@ -11,76 +11,115 @@ export default [{
isAuth: false
}
},
- {
- path: '/lock',
- name: '锁屏页',
- component: () =>
- import( /* webpackChunkName: "page" */ '@/page/lock/index'),
- meta: {
- keepAlive: true,
- isTab: false,
- isAuth: false
- }
- },
- {
- path: '/404',
- component: () =>
- import( /* webpackChunkName: "page" */ '@/components/error-page/404'),
- name: '404',
- meta: {
- keepAlive: true,
- isTab: false,
- isAuth: false
- }
+{
+ path: '/lock',
+ name: '锁屏页',
+ component: () =>
+ import( /* webpackChunkName: "page" */ '@/page/lock/index'),
+ meta: {
+ keepAlive: true,
+ isTab: false,
+ isAuth: false
+ }
+},
+{
+ path: '/404',
+ component: () =>
+ import( /* webpackChunkName: "page" */ '@/components/error-page/404'),
+ name: '404',
+ meta: {
+ keepAlive: true,
+ isTab: false,
+ isAuth: false
+ }
- },
- {
- path: '/403',
- component: () =>
- import( /* webpackChunkName: "page" */ '@/components/error-page/403'),
- name: '403',
- meta: {
- keepAlive: true,
- isTab: false,
- isAuth: false
- }
- },
- {
- path: '/500',
+},
+{
+ path: '/403',
+ component: () =>
+ import( /* webpackChunkName: "page" */ '@/components/error-page/403'),
+ name: '403',
+ meta: {
+ keepAlive: true,
+ isTab: false,
+ isAuth: false
+ }
+},
+{
+ path: '/500',
+ component: () =>
+ import( /* webpackChunkName: "page" */ '@/components/error-page/500'),
+ name: '500',
+ meta: {
+ keepAlive: true,
+ isTab: false,
+ isAuth: false
+ }
+},
+{
+ path: '/',
+ name: '主页',
+ redirect: '/garden'
+},
+{
+ path: '/equipment',
+ name: '设备管理',
+ redirect: '/equipment'
+},
+{
+ path: '/myiframe',
+ component: Layout,
+ redirect: '/myiframe',
+ children: [{
+ path: ":routerPath",
+ name: 'iframe',
component: () =>
- import( /* webpackChunkName: "page" */ '@/components/error-page/500'),
- name: '500',
- meta: {
- keepAlive: true,
- isTab: false,
- isAuth: false
- }
- },
- {
- path: '/',
- name: '主页',
- redirect: '/garden'
- },
- {
- path: '/equipment',
- name: '设备管理',
- redirect: '/equipment'
- },
- {
- path: '/myiframe',
- component: Layout,
- redirect: '/myiframe',
- children: [{
- path: ":routerPath",
- name: 'iframe',
- component: () =>
- import( /* webpackChunkName: "page" */ '@/components/iframe/main'),
- props: true
- }]
+ import( /* webpackChunkName: "page" */ '@/components/iframe/main'),
+ props: true
+ }]
+},
+{
+ path: '*',
+ redirect: '/404'
+},
+{
+ path: '/opsVisualization',
+ name: '系统监控',
+ component: Layout,
+ meta: {
+ keepAlive: true,
+ isTab: false,
+ isAuth: false
},
- {
- path: '*',
- redirect: '/404'
- }
+ children: [
+ {
+ path: "alarmProcess",
+ name: '系统监控1',
+ component: () =>
+ import( /* webpackChunkName: "page" */ '@/page/opsVisualization/alarmProcess'),
+ },
+ {
+ path: "systemMonitoring",
+ name: '服务监控',
+ component: () =>
+ import( /* webpackChunkName: "page" */ '@/page/opsVisualization/systemMonitoring'),
+ },
+ {
+ path: "serviceDataOAM",
+ name: '业务数据监控',
+ component: () =>
+ import( /* webpackChunkName: "page" */ '@/page/opsVisualization/systemMonitoring'),
+ },
+ {
+ path: 'tuobu',
+ name: 'tuobu',
+ meta: {
+ i18n: 'dashboard'
+ },
+ component: () =>
+ import( /* webpackChunkName: "views" */ '@/views/opsVisualization/tuobu')
+ }
+ ]
+},
]
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+