From 9fcafcd53e253eafd50e8da5e06347489f2abf48 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Tue, 20 Jan 2026 10:35:14 +0800
Subject: [PATCH] feat:弹窗空白区域不可关闭处理
---
applications/drone-command/src/styles/common/cockpit.scss | 134 +++++++++++++++++++++++++++++---------------
1 files changed, 88 insertions(+), 46 deletions(-)
diff --git a/applications/drone-command/src/styles/common/cockpit.scss b/applications/drone-command/src/styles/common/cockpit.scss
index a720080..e9ae2cb 100644
--- a/applications/drone-command/src/styles/common/cockpit.scss
+++ b/applications/drone-command/src/styles/common/cockpit.scss
@@ -104,6 +104,10 @@
}
}
+.command-input.el-textarea {
+ height: auto;
+}
+
.command-date-picker {
height: 40px !important;
box-shadow: none !important;
@@ -385,6 +389,7 @@
}
.command-select-popper.el-select__popper {
+ min-height: 186px;
border: none;
background: #2E2E48 !important;
@@ -473,6 +478,16 @@
.command-tree-select-popper {
background: #2E2E48 !important;
border: none !important;
+
+ .el-scrollbar {
+
+ .el-scrollbar__wrap {
+
+ .el-select-dropdown__list {
+ min-height: 186px;
+ }
+ }
+ }
.el-popper__arrow::before {
background: #2E2E48 !important;
@@ -568,7 +583,7 @@
font-weight: bold;
font-size: 18px;
color: #FFFFFF;
- line-height: 22px;
+ line-height: 40px;
text-align: left;
font-style: normal;
text-transform: none;
@@ -590,6 +605,8 @@
}
.el-form.command-dialog-history-search {
+ margin-bottom: 20px;
+
.el-form-item {
margin-left: 20px;
}
@@ -652,21 +669,7 @@
}
}
}
-
- .history-search-actions {
- .el-button {
- width: 96px;
- background: transparent !important;
- border-radius: 4px 4px 4px 4px;
- border: 1px solid rgba(255, 255, 255, 0.3);
-
- .el-icon {
- font-size: 16px;
- color: #fff;
- }
- }
- }
-
+
.el-input {
width: 160px;
}
@@ -680,9 +683,17 @@
width: 160px;
}
}
+
+ .history-search-actions {
+ .search-btn {
+ background: #284FE3 !important;
+ }
+ }
}
.command-page-history-search {
+ margin-bottom: 20px;
+
.el-form-item__label {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 500;
@@ -816,16 +827,30 @@
.history-search-actions {
.el-button {
margin-left: 20px;
+ width: 96px;
+ background: transparent !important;
+ border-radius: 4px 4px 4px 4px;
+ border: 1px solid rgba(255, 255, 255, 0.3);
+
+ .el-icon {
+ font-size: 16px;
+ color: #fff;
+ }
&:first-child {
margin-left: 0;
}
}
+
+ .search-btn {
+ background: #1C1C31 !important;
+ border: 1px solid rgba(227, 227, 236, 0.3) !important;
+ }
}
}
.command-table-toolbar {
- margin-top: 30px;
+ margin-bottom: 20px;
.el-button {
min-width: 88px;
@@ -840,8 +865,6 @@
}
.command-table-container {
- margin-top: 20px;
-
height: 0;
flex: 1;
display: flex;
@@ -920,7 +943,7 @@
font-weight: 500;
font-size: 14px;
color: #FFFFFF;
- line-height: 22px;
+ line-height: 40px;
font-style: normal;
text-transform: none;
}
@@ -1056,7 +1079,7 @@
font-weight: bold;
font-size: 18px;
color: #FFFFFF;
- line-height: 22px;
+ line-height: 40px;
text-align: left;
font-style: normal;
text-transform: none;
@@ -1075,7 +1098,7 @@
padding: 0 10px;
.detail-title {
- margin-bottom: 20px;
+ line-height: 40px;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 500;
font-size: 16px;
@@ -1087,7 +1110,7 @@
.el-row {
.el-col {
- margin-bottom: 20px;
+ margin-bottom: 0;
display: flex;
align-items: center;
@@ -1097,7 +1120,7 @@
font-weight: 500;
font-size: 14px;
color: #D4D5D7;
- line-height: 22px;
+ line-height: 40px;
text-align: right;
font-style: normal;
text-transform: none;
@@ -1109,7 +1132,7 @@
font-weight: 400;
font-size: 14px;
color: #9E9EBA;
- line-height: 22px;
+ line-height: 40px;
text-align: left;
font-style: normal;
text-transform: none;
@@ -1128,6 +1151,23 @@
}
.dialog-form {
+ .detail-title {
+ line-height: 40px;
+ font-family: Source Han Sans CN, Source Han Sans CN;
+ font-weight: 500;
+ font-size: 16px;
+ color: #FFFFFF;
+ text-align: left;
+ font-style: normal;
+ text-transform: none;
+ }
+
+ .el-row {
+ .el-col {
+ margin-bottom: 0;
+ }
+ }
+
.el-form-item {
display: flex;
align-items: center;
@@ -1139,7 +1179,7 @@
font-weight: 500;
font-size: 14px;
color: #D4D5D7;
- line-height: 22px;
+ line-height: 40px;
text-align: right;
font-style: normal;
text-transform: none;
@@ -1148,6 +1188,7 @@
.el-form-item__content {
display: flex;
align-items: center;
+ line-height: 40px;
.el-input,
.el-input-number {
@@ -1186,6 +1227,7 @@
}
.el-button {
+ height: 40px;
color: #fff;
background: #2E2E48 !important;
border: none;
@@ -1272,7 +1314,7 @@
font-weight: bold;
font-size: 18px;
color: #FFFFFF;
- line-height: 22px;
+ line-height: 40px;
text-align: left;
font-style: normal;
text-transform: none;
@@ -1372,15 +1414,17 @@
text-transform: none;
}
- .dialog-container {
- padding: 0 16px;
+ .content {
height: 0;
flex: 1;
+ padding: 0 16px;
display: flex;
flex-direction: column;
+ overflow-y: auto;
+
.detail-title {
- margin-bottom: 20px;
+ line-height: 40px;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 500;
font-size: 16px;
@@ -1392,7 +1436,7 @@
.el-row {
.el-col {
- margin-bottom: 20px;
+ margin-bottom: 0;
display: flex;
align-items: center;
@@ -1402,7 +1446,7 @@
font-weight: 500;
font-size: 14px;
color: #D4D5D7;
- line-height: 22px;
+ line-height: 40px;
text-align: right;
font-style: normal;
text-transform: none;
@@ -1425,6 +1469,7 @@
.command-table-container {
+ height: auto;
margin-top: 0;
margin-bottom: 20px;
@@ -1441,6 +1486,14 @@
display: flex;
flex-direction: column;
+ overflow-y: auto;
+
+ .el-row {
+ .el-col {
+ margin-bottom: 0;
+ }
+ }
+
.el-form-item {
display: flex;
align-items: center;
@@ -1452,7 +1505,7 @@
font-weight: 500;
font-size: 14px;
color: #D4D5D7;
- line-height: 22px;
+ line-height: 40px;
text-align: right;
font-style: normal;
text-transform: none;
@@ -1461,6 +1514,7 @@
.el-form-item__content {
display: flex;
align-items: center;
+ line-height: 40px;
.el-input,
.el-input-number {
@@ -1548,8 +1602,6 @@
}
.search-table-container {
- height: 0;
- flex: 1;
display: flex;
flex-direction: column;
@@ -1590,21 +1642,11 @@
}
.el-form-item {
- height: 0;
- flex: 1;
- display: flex;
- flex-direction: column;
-
.el-form-item__content {
width: 100%;
- height: 0;
- flex: 1;
- display: flex;
- flex-direction: column;
.el-table {
- height: 0;
- flex: 1;
+ height: auto;
}
}
}
--
Gitblit v1.9.3