category: 3 title: FlowGroupStatus subtitle: Flow流水线阶段组件
使用说明
status为INIT的前一项，即为当前状态
API
| 参数 | 类型 | 可选值 | 默认值 | 是否必填 | | :--- | :--- | :--- | :--- | :--- | :--- | | dataSource | Arrar | 无 | 无 | 是 | | showLength | Number | 无 | Infinity | 否 | | style | Object | 无 | 无 | 否 | | className | String | 无 | 无 | 否 |
数据格式
import AtFlowGroupStatus from '@txdfe/at-flow-group-status';
class Demo extends React.Component {
render() {
const dataSource = [
{
"creator": "5da5cbe4fdca29000185d0c2",
"gmtModified": 1571733299000,
"modifier": "5da5cbe4fdca29000185d0c2",
"gmtCreate": 1571733198000,
"flowInstId": 355850,
"resultStatus": "SUCCESS",
"isDeleted": "N",
"name": "测试",
"startTime": 1571733198000,
"endTime": 1571733299000,
"id": 445959,
"idx": 0,
"status": "FINISH"
},
{
"creator": "5da5cbe4fdca29000185d0c2",
"gmtModified": 1571733348000,
"modifier": "5da5cbe4fdca29000185d0c2",
"gmtCreate": 1571733198000,
"flowInstId": 355850,
"resultStatus": "SUCCESS",
"isDeleted": "N",
"name": "构建",
"startTime": 1571733299000,
"endTime": 1571733348000,
"id": 445960,
"idx": 1,
"status": "FINISH"
},
{
"flowInstId": 355850,
"creator": "5da5cbe4fdca29000185d0c2",
"gmtModified": 1571734058000,
"isDeleted": "N",
"modifier": "5da5cbe4fdca29000185d0c2",
"name": "部署",
"startTime": 1571733348000,
"id": 445961,
"gmtCreate": 1571733198000,
"idx": 2,
"status": "WAITING"
},
{
"flowInstId": 355850,
"creator": "5da5cbe4fdca29000185d0c2",
"gmtModified": 1571733198000,
"isDeleted": "N",
"modifier": "5da5cbe4fdca29000185d0c2",
"name": "写基线",
"id": 445962,
"gmtCreate": 1571733198000,
"idx": 3,
"status": "INIT"
}
]
return (
<AtFlowGroupStatus
dataSource={[...dataSource]}
style={{ width: 224 }}
/>
);
}
}
ReactDOM.render(<Demo />, mountNode);