kede-client/js/component/common/orderItemStatus/index.jsx

import React,{Component} from "react";
import {Tag} from "antd";

class OrderItemStatus extends Component{
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <span>
                {/*0正常 1作废 2锁定变更中 3变更中*/}
                {
                    this.props.deleteSign === 0 ? <Tag color="#87d068">正常</Tag> :
                        this.props.deleteSign === 1 ? <Tag color="#f00">作废</Tag> :
                            this.props.deleteSign === 2 ? <Tag color="#f50">变更中</Tag> :
                                this.props.deleteSign === 3? <Tag color="#108ee9">变更中</Tag> : <Tag color="#000">未知</Tag>
                }
            </span>
        )
    }
}

export default OrderItemStatus