diff --git a/src/App.vue b/src/App.vue index af930a3..2161288 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,16 +1,10 @@ @@ -67,19 +58,8 @@ export default { } #app { - padding-top: 56.26%; + width: 100vw; + height: 100vh; position: relative; } - -.wrapper { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-image: url('@/assets/img/bg.png'); - background-size: cover; - background-repeat: no-repeat; - background-position: center; -} diff --git a/src/assets/svg/Wait/footText.svg b/src/assets/svg/Wait/footText.svg new file mode 100644 index 0000000..abf0aff --- /dev/null +++ b/src/assets/svg/Wait/footText.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/svg/Wait/logo.svg b/src/assets/svg/Wait/logo.svg new file mode 100644 index 0000000..dc5e627 --- /dev/null +++ b/src/assets/svg/Wait/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/router/index.js b/src/router/index.js index 15f0d2e..46e1676 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -7,31 +7,44 @@ const routes = [ { path: '/', name: 'home', - redirect: '/monitor', - }, - { - path: '/monitor', - name: 'monitor', - meta: { title: '运营监控数据可视化' }, - component: () => import('@/views/pageMonitor/index.vue'), + redirect: '/waitList', }, { - path: '/scheduling', - name: 'scheduling', - meta: { title: '运营监控数据可视化' }, - component: () => import('@/views/pageScheduling/index.vue'), - }, - { - path: '/operation', - name: 'operation', - meta: { title: '首台率数据可视化' }, - component: () => import('@/views/pageOperation/index.vue'), + path: '/pageBox', + component: () => import('@/views/pageBox/index.vue'), + redirect: '/monitor', + children: [ + { + path: '/monitor', + name: 'monitor', + meta: { title: '运营监控数据可视化' }, + component: () => import('@/views/pageMonitor/index.vue'), + }, + { + path: '/scheduling', + name: 'scheduling', + meta: { title: '运营监控数据可视化' }, + component: () => import('@/views/pageScheduling/index.vue'), + }, + { + path: '/operation', + name: 'operation', + meta: { title: '首台率数据可视化' }, + component: () => import('@/views/pageOperation/index.vue'), + }, + { + path: '/room', + name: 'room', + meta: { title: '手术间利用率数据可视化' }, + component: () => import('@/views/pageRoom/index.vue'), + }, + ], }, { - path: '/room', - name: 'room', - meta: { title: '手术间利用率数据可视化' }, - component: () => import('@/views/pageRoom/index.vue'), + path: '/waitList', + name: 'waitList', + meta: { title: '家属等候大屏' }, + component: () => import('@/views/waitList/index.vue'), }, ]; diff --git a/src/views/pageBox/index.vue b/src/views/pageBox/index.vue new file mode 100644 index 0000000..3874eca --- /dev/null +++ b/src/views/pageBox/index.vue @@ -0,0 +1,42 @@ + + + + + diff --git a/src/views/waitList/index.scss b/src/views/waitList/index.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/views/waitList/index.vue b/src/views/waitList/index.vue new file mode 100644 index 0000000..39ed4c9 --- /dev/null +++ b/src/views/waitList/index.vue @@ -0,0 +1,30 @@ + + + + +