文件柜自适应

src/views/archivesMIOD/‌filingCabinet/index.vue

@@ -534,38 +534,43 @@ export default {
 }
 
 .file-cabinet {
-  // background: linear-gradient(180deg, #f5f5f5 0%, #e8e8e8 100%);
   border-radius: 8px;
   padding: 15px;
   box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
   margin-right: 20px;
+  height: calc(100vh - 180px);
 }
 
 .cabinet-grid {
   display: flex;
   gap: 8px;
+  height: 100%;
 }
 
 .cabinet-column {
   display: flex;
   flex-direction: column;
   gap: 8px;
+  flex: 1;
 }
 
-.cabinet-column:nth-child(1) .cabinet-cell {
-  height: 75px;
+.cabinet-column:nth-child(1) .cabinet-cell:not(.cabinet-cell-big) {
+  flex: 1;
+  min-height: 0;
   width: 100px;
 }
 
-.cabinet-column:nth-child(2) .cabinet-cell,
-.cabinet-column:nth-child(3) .cabinet-cell,
-.cabinet-column:nth-child(4) .cabinet-cell {
-  height: 50px;
+.cabinet-column:nth-child(2) .cabinet-cell:not(.cabinet-cell-big),
+.cabinet-column:nth-child(3) .cabinet-cell:not(.cabinet-cell-big),
+.cabinet-column:nth-child(4) .cabinet-cell:not(.cabinet-cell-big) {
+  flex: 1;
+  min-height: 0;
   width: 100px;
 }
 
 .cabinet-column .cabinet-cell-big {
-  height: 120px !important;
+  height: 140px;
+  width: 100px;
 }
 
 .cabinet-cell {