| | |
|---|
| | | flex-direction: column; |
|---|
| | | gap: 20px; |
|---|
| | | min-height: 0; |
|---|
| | | min-width: 0; |
|---|
| | | /* 重要：允许flex子项压缩 */ |
|---|
| | | max-width: 1600px; |
|---|
| | | /* 超宽屏上限：避免描述列表每列过宽、内容稀疏，右侧留出适量空白 */ |
|---|
| | | } |
|---|
| | | |
|---|
| | | .basic-info-section { |
|---|
| | |
|---|
| | | flex-direction: column; |
|---|
| | | min-height: 400px; |
|---|
| | | /* 最小高度 */ |
|---|
| | | min-width: 0; |
|---|
| | | /* 重要：允许 flex 子项收缩 */ |
|---|
| | | /* max-height: 1000px; */ |
|---|
| | | /* 最大高度，可根据需要调整 */ |
|---|
| | | overflow: hidden; |
|---|
| | |
|---|
| | | .stage-content-wrapper { |
|---|
| | | flex: 1; |
|---|
| | | overflow-y: auto; |
|---|
| | | overflow-x: auto; |
|---|
| | | /* 阶段详情内部可滚动 */ |
|---|
| | | margin-top: 20px; |
|---|
| | | padding-right: 8px; |
|---|
| | | min-height: 0; |
|---|
| | | /* 重要 */ |
|---|
| | | min-width: 0; |
|---|
| | | /* 重要：允许 flex 子项收缩，否则固定列宽的表格会把内容撑宽并溢出 */ |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 约束各 Stage 子组件根节点宽度，配合上方 min-width:0， |
|---|
| | | 让 el-table 在自身内部出现横向滚动条，而不是被外层 overflow:hidden 裁掉 */ |
|---|
| | | .stage-content-wrapper :deep(> div) { |
|---|
| | | width: 100%; |
|---|
| | | min-width: 0; |
|---|
| | | box-sizing: border-box; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .stage-content-wrapper::-webkit-scrollbar { |
|---|
