|
|
@@ -126,7 +126,7 @@
|
|
|
</el-drawer>
|
|
|
</el-card>
|
|
|
|
|
|
- <el-card shadow="never" class="water-panel home-panel">
|
|
|
+ <el-card shadow="never" class="water-panel home-panel order-panel">
|
|
|
<template #header>
|
|
|
<div class="card-title">
|
|
|
<el-icon><Tickets /></el-icon><span>工单进展</span>
|
|
|
@@ -713,10 +713,12 @@ onBeforeUnmount(() => {
|
|
|
grid-template-columns: minmax(240px, 1fr) minmax(0, 3fr) minmax(240px, 1fr);
|
|
|
gap: 12px;
|
|
|
align-items: stretch;
|
|
|
+ min-height: 520px;
|
|
|
}
|
|
|
|
|
|
.workbench-grid--equal {
|
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
|
+ min-height: auto;
|
|
|
}
|
|
|
|
|
|
.home-panel {
|
|
|
@@ -726,6 +728,24 @@ onBeforeUnmount(() => {
|
|
|
box-shadow: 0 5px 16px rgba(28, 75, 110, 0.05);
|
|
|
}
|
|
|
|
|
|
+/* 让卡片本身纵向弹性布局 */
|
|
|
+.order-panel {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+}
|
|
|
+
|
|
|
+/* 让卡片内容区占满剩余高度，并变成纵向弹性盒子 */
|
|
|
+.order-panel :deep(.el-card__body) {
|
|
|
+ flex: 1;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+}
|
|
|
+
|
|
|
+/* 关键：让底部统计栏自动推到最下方 */
|
|
|
+.order-panel .order-brief {
|
|
|
+ margin-top: auto;
|
|
|
+}
|
|
|
+
|
|
|
.map-panel {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
