38 lines
987 B
38 lines
987 B
import React from "react";
|
|
import {Icon, Steps} from "antd";
|
|
import {stepInfoList} from "./data";
|
|
|
|
const Step = Steps.Step;
|
|
|
|
export default function StepBar({currentStep, auditStatusCode, currentStatusInfo}) {
|
|
if (currentStep <= 3) {
|
|
return (
|
|
<Steps
|
|
current={currentStep}
|
|
status={currentStatusInfo && currentStatusInfo.stepStatus}
|
|
>
|
|
{stepInfoList.map(({title, icon, status}, index) => {
|
|
if (index === 2 && status && status[auditStatusCode]) {
|
|
return (
|
|
<Step
|
|
key={index}
|
|
title={status[auditStatusCode].title}
|
|
icon={<Icon type={status[auditStatusCode].icon}/>}
|
|
/>
|
|
)
|
|
} else {
|
|
return (
|
|
<Step
|
|
key={index}
|
|
title={title}
|
|
icon={<Icon type={icon}/>}
|
|
/>
|
|
)
|
|
}
|
|
})}
|
|
</Steps>
|
|
)
|
|
} else {
|
|
return <></>;
|
|
}
|
|
}
|