From 4b3fe0bc85ce5968616cd468f8e68d2ef7554f06 Mon Sep 17 00:00:00 2001 From: nicky Date: Tue, 25 Feb 2025 20:22:12 +0800 Subject: [PATCH 1/2] 20250225 --- src/layouts/BasicLayout.less | 282 +++++++++++++++++---------------- src/layouts/BasicLayout.vue | 2 +- src/views/document/index.vue | 104 +++++++----- src/views/statistics/index.vue | 4 +- 4 files changed, 217 insertions(+), 175 deletions(-) diff --git a/src/layouts/BasicLayout.less b/src/layouts/BasicLayout.less index 30264a1..daa8cbb 100644 --- a/src/layouts/BasicLayout.less +++ b/src/layouts/BasicLayout.less @@ -3,6 +3,7 @@ background-color: #f6f6f6; width: 100vw; height: 100vh; + .ant-layout-sider{ flex: 0 0 120px !important; max-width: 120px !important; @@ -81,165 +82,174 @@ } } - .ant-layout-header{ - padding: 0 !important; - height: 5vw !important; - line-height: 5vw !important; - background-color: #FFFFFF !important; - .patient-box{ - display: flex; - justify-content: flex-start; - padding: 0 20px; - box-sizing: border-box; - .paitent-title{ - height: 100%; - display: flex; - flex-direction: column; - align-items: center; - font-size: 1.5rem; - font-weight: bold; - margin-right: 1rem; - } - .patient-info { - height: 100%; + + .ant-layout{ + height: 100vh; + display: flex; + flex-direction: column; + .ant-layout-header{ + padding: 0 !important; + height: 5vw !important; + line-height: 5vw !important; + background-color: #FFFFFF !important; + .patient-box{ display: flex; - align-items: center; - font-size: 1.5rem; - - .lable { - // color: #AAAAAA; - padding: 0 .5rem 0 0.3rem; + justify-content: flex-start; + padding: 0 20px; + box-sizing: border-box; + .paitent-title{ + height: 100%; + display: flex; + flex-direction: column; + align-items: center; + font-size: 1.5rem; + font-weight: bold; + margin-right: 1rem; } - .text { - color: #000000; - // padding: 0 1rem 0 0; - &.text-red{ - color: red; + .patient-info { + height: 100%; + display: flex; + align-items: center; + font-size: 1.5rem; + + .lable { + // color: #AAAAAA; + padding: 0 .5rem 0 0.3rem; } - &.mr-sm{ - margin-right: .5rem; + .text { + color: #000000; + // padding: 0 1rem 0 0; + &.text-red{ + color: red; + } + &.mr-sm{ + margin-right: .5rem; + } } } - } - .patient-action{ - display: flex; - font-size: 1.5rem; - padding: 0 .2rem; - align-items: center; - margin-left: 1rem; - .action{ - padding: 0 .2rem; - font-weight: bold; - color: red; + .patient-action{ display: flex; - flex-direction: column; + font-size: 1.5rem; + padding: 0 .2rem; align-items: center; + margin-left: 1rem; + .action{ + padding: 0 .2rem; + font-weight: bold; + color: red; + display: flex; + flex-direction: column; + align-items: center; + } } - } - - } - .layout-sider-header-row-title{ - background-color: #fff; - height: 5vw; - line-height: 5vw; - flex: 1; - font-size: 0.75rem; - margin-left: 0rem; - padding-left: 20px; + } + + .layout-sider-header-row-title{ + background-color: #fff; + height: 5vw; + line-height: 5vw; + flex: 1; + font-size: 0.75rem; + margin-left: 0rem; + padding-left: 20px; + } } - } - .ant-layout-content{ - position: relative; - - .global-layout-content{ - height: calc(100vh - 56px); - overflow-y: hidden; - padding: 10px; + .ant-layout-content{ position: relative; - } - - .ant-drawer-body{ - padding: 0; - } - .person-drawer{ - // height: 100vh; - display: flex; - flex-direction: column; - .person-header{ - height: 10rem; - width: 100%; - background: linear-gradient(to right, #87c1ff, #b1d7fb); - border-radius: 0 0 2rem 2rem; + flex: 1; + overflow: hidden; + .global-layout-content{ + height: 100%; + overflow-y: auto; + padding: 10px; + position: relative; + } + + .ant-drawer-body{ + padding: 0; + } + .person-drawer{ + // height: 100vh; display: flex; - align-items: center; - padding: 0 2rem; - box-sizing: border-box; - .person-header-avatar{ - height: 3rem; - width: 3rem; - border-radius: 2rem; - border: .2rem solid #FFFFFF; - img{ - width: 100%; - height: 100%; + flex-direction: column; + .person-header{ + height: 10rem; + width: 100%; + background: linear-gradient(to right, #87c1ff, #b1d7fb); + border-radius: 0 0 2rem 2rem; + display: flex; + align-items: center; + padding: 0 2rem; + box-sizing: border-box; + .person-header-avatar{ + height: 3rem; + width: 3rem; + border-radius: 2rem; + border: .2rem solid #FFFFFF; + img{ + width: 100%; + height: 100%; + } } - } - .person-header-name{ - text-align: left; - flex: 1; - margin-left: 1rem; - font-size: 1.4rem; - color: #FFFFFF; - font-weight: bold; - .user-name{ - margin-right: 1rem; + .person-header-name{ + text-align: left; + flex: 1; + margin-left: 1rem; + font-size: 1.4rem; + color: #FFFFFF; + font-weight: bold; + .user-name{ + margin-right: 1rem; + } + } - - } - } - .person-float-info{ - position: absolute; - left: 1.2rem; - right: 1.2rem; - top: 8rem; - padding: .6rem 1rem; - background-color: #FFFFFF; - box-shadow: 5px 5px 6px rgba(238, 238, 238, 1); - border-radius: .6rem; - line-height: 2rem; - font-size: .8rem; - .label{ - color: #8a8c8e; } - - } - .person-content{ - margin-top: 3.5rem; - padding: 1.2rem 1rem; - font-size: .8rem; - flex: 1; - .person-content-row{ - border-bottom: 2px solid #eee; - padding: 1rem; - display: flex; - justify-content: space-between; + .person-float-info{ + position: absolute; + left: 1.2rem; + right: 1.2rem; + top: 8rem; + padding: .6rem 1rem; + background-color: #FFFFFF; + box-shadow: 5px 5px 6px rgba(238, 238, 238, 1); + border-radius: .6rem; + line-height: 2rem; + font-size: .8rem; .label{ color: #8a8c8e; } - } - } - .person-footer{ - padding: 1rem; - .person-footer-button { } - .person-footer-logout{ - margin-top: .5rem; + .person-content{ + margin-top: 3.5rem; + padding: 1.2rem 1rem; + font-size: .8rem; + flex: 1; + .person-content-row{ + border-bottom: 2px solid #eee; + padding: 1rem; + display: flex; + justify-content: space-between; + .label{ + color: #8a8c8e; + } + } } + .person-footer{ + padding: 1rem; + .person-footer-button { + + } + .person-footer-logout{ + margin-top: .5rem; + } + } + } - } + } + } } diff --git a/src/layouts/BasicLayout.vue b/src/layouts/BasicLayout.vue index 200b961..8eadbb1 100644 --- a/src/layouts/BasicLayout.vue +++ b/src/layouts/BasicLayout.vue @@ -24,7 +24,7 @@ - +
卒中急救质控系统
diff --git a/src/views/document/index.vue b/src/views/document/index.vue index 27bb785..730d1f0 100644 --- a/src/views/document/index.vue +++ b/src/views/document/index.vue @@ -13,8 +13,8 @@
- +