From 71d4f35ebaeb9078743d5069c9c3d0779c979ce3 Mon Sep 17 00:00:00 2001 From: nicky Date: Sat, 1 Mar 2025 22:18:49 +0800 Subject: [PATCH] 20250301 --- src/layouts/BasicLayout.less | 258 ++++++----- src/layouts/BasicLayout.vue | 280 ++++++------ .../Patient/components/patient-detail.vue | 2 +- src/views/Patient/components/patient-list.vue | 9 +- src/views/Patient/index.vue | 2 +- src/views/document/index.vue | 125 ++++-- .../thrombolysis/components/throm-before.vue | 17 +- .../thrombolysis/components/throm-ing.vue | 4 +- .../components/throm-interfere.vue | 7 +- .../thrombolysis/components/throm-report.vue | 420 +++++++++++------- .../thrombolysis/components/throm-result.vue | 9 +- 11 files changed, 655 insertions(+), 478 deletions(-) diff --git a/src/layouts/BasicLayout.less b/src/layouts/BasicLayout.less index 76c3c3a..448d3aa 100644 --- a/src/layouts/BasicLayout.less +++ b/src/layouts/BasicLayout.less @@ -1,168 +1,180 @@ .global-layout{ + user-select: none; /* 禁止文本选择 */ + -webkit-user-select: none; /* Safari */ + -moz-user-select: none; /* Firefox */ + -ms-user-select: none; /* IE */ .page-layout{ background-color: #f6f6f6; width: 100vw; height: 100vh; - - .ant-layout-sider{ - flex: 0 0 138px !important; - max-width: 138px !important; - min-width: 138px !important; - width: 138px !important; - background-color: #fff; + .ant-layout-header{ + display: flex; + align-items: center; + padding: 0 !important; + height: 59px !important; + background-color: #FFFFFF !important; + border-bottom: 1px solid #eee; + box-sizing: border-box; .layout-sider-header-row{ display: flex; - // padding: .3rem 1rem; - height: 59px; - line-height: 59px; + align-items: center; box-sizing: border-box; overflow: hidden; justify-content: center; - border-bottom: 1px solid #eee; - + // border-bottom: 1px solid #eee; + padding-left: 28px; .layout-sider-header-row-icon{ display: flex; align-items: center; .sider-header-icon{ display: inline-block; text-align: center; - width: 50px; - height: 50px; - line-height: 50px; - background-color: #659aff; - border-radius: 50px; + width: 44px; + height: 44px; + background-color: #007AFF; + border-radius: 9px; overflow: hidden; color: #FFFFFF; - font-size: 28px; + font-weight: 500; + font-size: 26px; + line-height: 44px; } } .layout-sider-header-row-title{ flex: 1; - font-size: .6rem; - margin-left: 0.2rem; + font-family: Source Han Sans, Source Han Sans; + font-weight: 500; + font-size: 22px; + color: #3D3D3D; + // line-height: 32px; + text-align: left; + font-style: normal; + text-transform: none; } } - .layout-sider-menu{ - padding: 10px; - padding-top: 20px; - user-select: none; /* 禁止文本选择 */ - -webkit-user-select: none; /* Safari */ - -moz-user-select: none; /* Firefox */ - -ms-user-select: none; /* IE */ - .menus{ - .menu-item{ - border-radius: .5rem; - color: #666666; - overflow: hidden; - display: flex; - justify-content: flex-start; - align-items: center; - padding: .4rem .6rem; - margin-bottom: .5rem; - cursor: pointer; - &.active{ - color: #FFFFFF; - box-shadow: 0 1px 6px rgba(238, 238, 238, 1); - background-color: #0576fe; - - } - .menu-item-icon{ - img{ - width: 25px; - height: 25px; - } + + .patient-box{ + flex: 1; + display: flex; + justify-content: center; + // padding: 0 20px; + box-sizing: border-box; + .paitent-title{ + height: 100%; + display: flex; + flex-direction: column; + align-items: center; + font-size: 22px; + font-weight: bold; + margin-right: 1rem; + } + .patient-info { + height: 100%; + display: flex; + align-items: center; + font-size: 22px; + + .lable { + color: #999999; + font-weight: 400; + margin-right: 10px; + } + .text { + color: #333333; + &.text-red{ + color: red; + font-weight: 600; } - .menu-item-name{ - flex: 1; - text-align: left; - margin-left: .5rem; - text-align: center; - font-size: 22px; + &.mr-sm{ + margin-right: 20px; } } - } - - } - - } - - .ant-layout{ - height: 100vh; - display: flex; - flex-direction: column; - .ant-layout-header{ - padding: 0 !important; - height: 59px !important; - line-height: 59px !important; - background-color: #FFFFFF !important; - border-bottom: 1px solid #eee; - box-sizing: border-box; - .patient-box{ + .patient-action{ 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: 22px; + font-size: 22px; + padding: 0 .2rem; + align-items: center; + margin-left: 1rem; + .action{ + padding: 0 .2rem; font-weight: bold; - margin-right: 1rem; - } - .patient-info { - height: 100%; + color: red; display: flex; + flex-direction: column; align-items: center; - font-size: 18px; - - .lable { - // color: #AAAAAA; - padding: 0 .5rem 0 0.3rem; - } - .text { - color: #000000; - // padding: 0 1rem 0 0; - &.text-red{ - color: red; - } - &.mr-sm{ - margin-right: .5rem; - } - } } - .patient-action{ - display: flex; - font-size: 22px; - padding: 0 .2rem; - align-items: center; - margin-left: 1rem; - .action{ - padding: 0 .2rem; - font-weight: bold; - color: red; + } + + } + + .layout-sider-header-row-title{ + background-color: #fff; + height: 59px; + line-height: 59px; + flex: 1; + font-size: 22px; + margin-left: 0rem; + padding-left: 20px; + } + } + + + .ant-layout{ + height: calc(100vh - 60px); + display: flex; + .ant-layout-sider{ + flex: 0 0 92px !important; + max-width: 92px !important; + min-width: 92px !important; + width: 92px !important; + background-color: #fff; + .layout-sider-menu{ + padding: 6px; + padding-top: 20px; + .menus{ + .menu-item{ + width: 80px; + height: 80px; + border-radius: 8px; + color: #666666; + overflow: hidden; display: flex; flex-direction: column; + justify-content: center; align-items: center; + padding: .4rem; + margin-bottom: .5rem; + cursor: pointer; + &.active{ + color: #FFFFFF; + box-shadow: 0 1px 6px rgba(238, 238, 238, 1); + background-color: #007AFF; + + } + .menu-item-icon{ + padding: 5px 0 3px 0; + img{ + width: 37px; + height: 29px; + } + } + .menu-item-name{ + flex: 1; + text-align: center; + font-size: 22px; + line-height: 32px; + } } + } - - } - - .layout-sider-header-row-title{ - background-color: #fff; - height: 59px; - line-height: 59px; - flex: 1; - font-size: 22px; - margin-left: 0rem; - padding-left: 20px; + } + } + .ant-layout-content{ position: relative; flex: 1; diff --git a/src/layouts/BasicLayout.vue b/src/layouts/BasicLayout.vue index 4e51408..09dc6ec 100644 --- a/src/layouts/BasicLayout.vue +++ b/src/layouts/BasicLayout.vue @@ -1,127 +1,121 @@