HistoryModal.tsx 1.26 KB
import { postServiceOrderQueryHistoryOrderRecord } from '@/services';
import { Button, Modal, Timeline } from 'antd';

export default ({ subOrders, onClose }) => {
  let subOrderIds = subOrders?.map((subOrder: any) => {
    return subOrder.id;
  });

  const handleOk = () => {
    onClose();
  };

  const getHistory = async () => {
    let res = await postServiceOrderQueryHistoryOrderRecord({
      data: { ids: subOrderIds },
    });
    console.log(res);
  };
  getHistory();

  const handleCancel = () => {
    onClose();
  };

  return (
    <>
      <Modal
        title="订单历史记录"
        open
        onOk={handleOk}
        onCancel={handleCancel}
        footer={() => (
          <>
            <Button onClick={handleCancel}>返回</Button>
          </>
        )}
      >
        <Timeline
          className="pt-10"
          items={[
            {
              children: 'Create a services site 2015-09-01',
            },
            {
              children: 'Solve initial network problems 2015-09-01',
            },
            {
              children: 'Technical testing 2015-09-01',
            },
            {
              children: 'Network problems being solved 2015-09-01',
            },
          ]}
        />
      </Modal>
    </>
  );
};