Преглед изворни кода

style(blockingData): 调整模块三和模块四的图表容器高度样式

统一设置图表容器的最小高度和固定高度,确保布局一致性
huoyi пре 1 месец
родитељ
комит
fb752a7950

+ 6 - 2
src/views/blockingData/blockingDataScreen/components/ModuleFour.vue

@@ -386,6 +386,8 @@ onMounted(() => {
386
   flex: 1;
386
   flex: 1;
387
   display: flex;
387
   display: flex;
388
   gap: 10px;
388
   gap: 10px;
389
+  min-height: 350px;
390
+  height: 350px;
389
 }
391
 }
390
 
392
 
391
 .chart-item {
393
 .chart-item {
@@ -395,9 +397,10 @@ onMounted(() => {
395
   background: #fff;
397
   background: #fff;
396
   border-radius: 6px;
398
   border-radius: 6px;
397
   padding: 8px;
399
   padding: 8px;
398
-
399
   border: 1px solid #eee;
400
   border: 1px solid #eee;
400
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
401
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
402
+  min-height: 300px;
403
+  height: 100%;
401
 }
404
 }
402
 
405
 
403
 .chart-title {
406
 .chart-title {
@@ -410,6 +413,7 @@ onMounted(() => {
410
 .echarts {
413
 .echarts {
411
   flex: 1;
414
   flex: 1;
412
   width: 100%;
415
   width: 100%;
413
-  min-height: 0;
416
+  min-height: 250px;
417
+  height: 250px;
414
 }
418
 }
415
 </style>
419
 </style>

+ 4 - 1
src/views/blockingData/blockingDataScreen/components/ModuleThree.vue

@@ -142,6 +142,8 @@ onMounted(() => {
142
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
142
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
143
   display: flex;
143
   display: flex;
144
   flex-direction: column;
144
   flex-direction: column;
145
+  min-height: 300px;
146
+  height: 100%;
145
 }
147
 }
146
 
148
 
147
 .chart-title {
149
 .chart-title {
@@ -154,6 +156,7 @@ onMounted(() => {
154
 .echarts {
156
 .echarts {
155
   flex: 1;
157
   flex: 1;
156
   width: 100%;
158
   width: 100%;
157
-  min-height: 0;
159
+  min-height: 250px;
160
+  height: 250px;
158
 }
161
 }
159
 </style>
162
 </style>