From ad4e97381199dc3cec485e55dacf07581e197403 Mon Sep 17 00:00:00 2001 From: "@0Melon0" <576788380@qq.com> Date: Tue, 9 Jul 2024 20:47:44 +0800 Subject: [PATCH] =?UTF-8?q?wip:=E5=AE=B6=E5=B1=9E=E7=AD=89=E5=80=99?= =?UTF-8?q?=E5=A4=A7=E5=B1=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/App.vue | 28 +++------------- src/assets/svg/Wait/footText.svg | 1 + src/assets/svg/Wait/logo.svg | 1 + src/router/index.js | 55 ++++++++++++++++++++------------ src/views/pageBox/index.vue | 42 ++++++++++++++++++++++++ src/views/waitList/index.scss | 0 src/views/waitList/index.vue | 30 +++++++++++++++++ 7 files changed, 112 insertions(+), 45 deletions(-) create mode 100644 src/assets/svg/Wait/footText.svg create mode 100644 src/assets/svg/Wait/logo.svg create mode 100644 src/views/pageBox/index.vue create mode 100644 src/views/waitList/index.scss create mode 100644 src/views/waitList/index.vue 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 @@ + + + + +