Group <ugroup2>: Pending job threshold reached. Retrying in 60 seconds...

当遇到Pendingjobthresholdreached错误时,用户应检查LSF作业队列状态、作业提交参数、系统资源使用和日志文件,可能需要调整队列参数、资源限制或联系系统管理员。

问题

Group <ugroup2>: Pending job threshold reached. Retrying in 60 seconds...

使用bsub提交作业时,出现上面的问题提示。

问题解决

参考链接:

Array job submission keep retrying and never succeeds

[root@master ~]# cd $LSF_ENVDIR
[root@master conf]# cd lsbatch/cluster1/configdir/

[root@master configdir]# grep MAX_PEND_JOBS lsb.users -A 10
USER_NAME        MAX_PEND_JOBS
#user1           800            # user1 has pend threshold of 800 
#ugroup1@        500            # each user in ugroup1 has threshold of 100 
#ugroup1         1000           # collectively ugroup1 has threshold of 1000
#default         100            # default, any user/group has threshold of 100
#user1           800            # user1 has pend threshold o
你当前使用的是 Ant Design 的 `Collapse.Panel` 来展示“审批履历”信息,在移动端上,直接使用 `<p>` 标签堆叠内容虽然功能正常,但样式可能显得拥挤、不美观或响应式不佳。下面是对该代码的 **移动端样式优化方案**,包括结构优化、CSS 增强和可读性提升。 --- ### ✅ 优化后的代码(带样式增强) ```jsx import React from 'react'; import { Collapse } from 'antd'; import './ApprovalHistory.css'; // 自定义样式文件 const { Panel } = Collapse; const ApprovalHistoryPanel = ({ historyList }) => { return ( <Collapse.Panel key="7" header="审批履历"> {historyList.length === 0 ? ( <div className="no-data">暂无审批记录</div> ) : ( historyList.map((item) => ( <div className="approval-item" key={item.id || item.createTime}> <div className="approval-row"> <span className="label">节点名:</span> <span className="value">{item.taskName}</span> </div> <div className="approval-row"> <span className="label">审批人:</span> <span className="value">{item.assigneeName || '未指定'}</span> </div> <div className="approval-row"> <span className="label">审批时间:</span> <span className="value">{item.createTime}</span> </div> <div className="approval-row"> <span className="label">审批状态:</span> <span className={`value status ${item.state ? 'approved' : 'pending'}`}> {item.state ? '已审批' : '待审批'} </span> </div> </div> )) )} </Collapse.Panel> ); }; export default ApprovalHistoryPanel; ``` --- ### 🎨 对应的 CSS 样式文件:`ApprovalHistory.css` ```css .approval-item { border: 1px solid #e8e8e8; border-radius: 8px; padding: 12px; margin-bottom: 12px; background-color: #fafafa; font-size: 14px; line-height: 1.6; } .approval-row { display: flex; margin-bottom: 6px; } .label { font-weight: 600; color: #333; width: 70px; flex-shrink: 0; } .value { color: #595959; flex: 1; word-break: break-word; } .status { font-weight: 500; padding: 2px 6px; border-radius: 4px; display: inline-block; } .status.approved { background-color: #f6ffed; color: #52c41a; } .status.pending { background-color: #fffbe6; color: #faad14; } .no-data { text-align: center; color: #999; font-style: italic; padding: 16px; } ``` --- ### 🔍 优化说明: | 优化点 | 说明 | |-------|------| | ✅ 使用 `.approval-item` 包裹每条记录 | 每个审批项独立卡片化,视觉清晰 | | ✅ Flex 布局实现标签对齐 | `.label` 固定宽度 + 左右布局,避免文字错位 | | ✅ 响应式文本与间距 | 字号 `14px` 适合移动端阅读,`padding` 和 `margin` 提升呼吸感 | | ✅ 状态高亮显示 | “已审批”绿色,“待审批”黄色,提升可读性 | | ✅ 支持空数据提示 | 避免空白区域让用户困惑 | | ✅ `word-break: break-word` | 防止长文本溢出容器 | | ✅ 圆角边框 + 背景色差 | 提升 UI 层级和美观度 | --- ### 💡 进阶建议(可选): 1. **添加时间轴效果**: 可替换为 `Timeline` 组件,更符合“履历”的语义。 ```jsx import { Timeline } from 'antd'; ``` 2. **动态适配横屏/竖屏**: 使用 CSS Media Query 动态调整 `.label` 宽度: ```css @media (max-width: 480px) { .label { width: 60px; font-size: 13px; } .approval-item { padding: 10px; } } ``` 3. **点击展开详情**(复杂字段): 如果某条审批有更多字段(如意见),可用嵌套 `Collapse` 实现二级展开。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值