@txdfe/at-flow-group-status v0.1.2

category: 3 title: FlowGroupStatus

subtitle: Flow流水线阶段组件

使用说明

status为INIT的前一项，即为当前状态

API

数据格式

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);