|
|
@@ -2717,15 +2717,16 @@ export default function WorkJobDetail() {
|
|
|
</div>
|
|
|
|
|
|
{/* 任务详情和执行记录区域 - 左右两栏布局 */}
|
|
|
- <div className="flex-1 flex gap-8 mb-6 min-h-0">
|
|
|
- {/* 左侧:作业流程 */}
|
|
|
+ <div className="flex-1 flex gap-8 mb-6 min-h-0 overflow-hidden">
|
|
|
+ {/* 左侧:作业流程 - 最大 1400px,随屏幕缩小可收缩 */}
|
|
|
<div
|
|
|
className="bg-white rounded-xl shadow-sm border border-gray-200 flex flex-col min-h-0"
|
|
|
style={{
|
|
|
marginLeft: '20px',
|
|
|
maxHeight: '790px',
|
|
|
- width: '1400px',
|
|
|
- flexShrink: 0
|
|
|
+ maxWidth: '1400px',
|
|
|
+ flex: '0 1 1400px',
|
|
|
+ minWidth: 0
|
|
|
}}
|
|
|
>
|
|
|
<div className="px-6 py-4 border-b border-gray-200">
|
|
|
@@ -2795,10 +2796,10 @@ export default function WorkJobDetail() {
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- {/* 右侧:作业信息 + 当前任务 */}
|
|
|
+ {/* 右侧:作业信息 + 当前任务 - 固定最小宽度,小屏时仍能完整看到 */}
|
|
|
<div
|
|
|
- className="flex-1 flex gap-4 min-h-0 flex-shrink-0 overflow-hidden"
|
|
|
- style={{ marginRight: '20px', maxHeight: '790px', flexDirection: 'column' }}
|
|
|
+ className="flex-1 flex gap-4 min-h-0 overflow-hidden"
|
|
|
+ style={{ marginRight: '20px', maxHeight: '790px', flexDirection: 'column', minWidth: 380 }}
|
|
|
>
|
|
|
{/* 作业信息 + 当前任务 组合区域 */}
|
|
|
<div
|