root/rax-medical
1
0
Fork 0
mirror of https://gitee.com/xiongmao1988/rax-medical.git synced 2026-06-13 01:51:45 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

远程控制适配小分辨率

This commit is contained in:
mouse 2024-01-06 14:34:01 +08:00
parent 5f4a963751
commit c44cb6a945
2 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/assets/css/global.scss
View File

@ -268,6 +268,13 @@ body {
display: none !important; display: none !important;
} }
} }
.remote-manage-page {
.content-box {
.message-box {
display: none;
}
}
}
} }
@media screen and (max-width: 1670px) { @media screen and (max-width: 1670px) {
.remote-part .info-box .row-item { .remote-part .info-box .row-item {

17
src/views/remote-manage/remote-manage.vue
View File

@ -126,21 +126,23 @@ const breakRemote = (e: RemoteItem) => {
width: 100%; width: 100%;
height: 100%; height: 100%;
padding-top: 15px; padding-top: 15px;
overflow-y: auto;
overflow-x: hidden;
.header-box { .header-box {
width: 100%; width: 100%;
height: 190px; min-height: 180px;
background: white; background: white;
padding: 10px 50px; padding: 0 30px;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between;
align-items: center;
.task-btn-item { .task-btn-item {
cursor: pointer; cursor: pointer;
flex-grow: 1;
width: 17%; width: 17%;
min-width: 200px;
height: 70px; height: 70px;
margin: 10px 20px;
border: 2px solid $main-color; border: 2px solid $main-color;
color: $main-color; color: $main-color;
border-radius: 5px; border-radius: 5px;
@ -178,7 +180,8 @@ const breakRemote = (e: RemoteItem) => {
.content-box { .content-box {
width: 100%; width: 100%;
height: calc(100% - 205px); height: calc(100% - 195px);
min-height: 400px;
margin-top: 15px; margin-top: 15px;
background: white; background: white;
padding: 20px 50px; padding: 20px 50px;
@ -187,12 +190,14 @@ const breakRemote = (e: RemoteItem) => {
.remote-box { .remote-box {
width: calc(100% - 370px); width: calc(100% - 370px);
flex-grow: 1;
height: 100%; height: 100%;
} }
.message-box { .message-box {
width: 350px; width: 350px;
height: 100%; height: 100%;
margin-left: 20px;
} }
} }
} }