diff --git a/src/views/wel/index.vue b/src/views/wel/index.vue index 841c96e..d8601fa 100644 --- a/src/views/wel/index.vue +++ b/src/views/wel/index.vue @@ -411,6 +411,34 @@ export default { .wel-metrics { margin-bottom: 0; } + +/* 图表区:左右面板等高 */ +.wel-charts { + margin-bottom: 0; + + .el-col { + display: flex; + + > .panel { + flex: 1; + display: flex; + flex-direction: column; + } + } +} + +/* 下方区:左右面板等高 */ +.wel-bottom { + .el-col { + display: flex; + + > .panel { + flex: 1; + display: flex; + flex-direction: column; + } + } +} .metric-card { background: #fff; border-radius: 10px; @@ -478,6 +506,14 @@ export default { padding: 18px 20px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); + + // 当面板在 flex 列容器中时,内容区自动撑满 + .trend, + .donut-wrap, + .bar-list, + .alert-list { + flex: 1; + } } .panel__head { display: flex;