提交 d91b2c60 作者: 龚洪江

功能:租赁后台订单流程

上级 1c98dcec
......@@ -15,6 +15,7 @@ type PropsType = {
const DetailPurchaser: React.FC<PropsType> = (props) => {
const { detail } = props;
const [logisticsStepModalShow, setLogisticsStepModalShow] = useState<boolean>(false);
const [currentKdnExpDTO, setCurrentKdnExpDTO] = useState<DataType[0]['kdnExpDTO']>();
// 物流列表
const [expressList, setExpressList] = React.useState<{ label: string; value: string }[]>([]);
// 获取物流信息
......@@ -29,7 +30,8 @@ const DetailPurchaser: React.FC<PropsType> = (props) => {
return expressList.find((item) => item.value === code)?.label || code;
};
// 物流弹窗
const logisticsStepModalShowClick = () => {
const logisticsStepModalShowClick = (kdnExpDTO: DataType[0]['kdnExpDTO']) => {
setCurrentKdnExpDTO(kdnExpDTO);
setLogisticsStepModalShow(true);
};
const logisticsStepModalCancel = () => {
......@@ -83,7 +85,7 @@ const DetailPurchaser: React.FC<PropsType> = (props) => {
/>
</div>
<div>
<Button type='link' onClick={logisticsStepModalShowClick}>
<Button type='link' onClick={() => logisticsStepModalShowClick(detail?.kdnExpDTO)}>
查看详情
</Button>
</div>
......@@ -110,18 +112,31 @@ const DetailPurchaser: React.FC<PropsType> = (props) => {
) : (
''
)}
{detail?.returnKdnExpDTO ? (
<>
<div className='detail-title'>归还信息</div>
<div className='detail-text'>物流单号:{detail?.returnKdnExpDTO?.logisticCode}</div>
<div className='detail-text'>
物流公司:{getExpressInfo(detail?.returnKdnExpDTO?.shipperCode)}
</div>
<div className='detail-text'>
物流进度:-- <Button type={'link'}>查看详情</Button>
物流进度:
<Button
type='link'
onClick={() => logisticsStepModalShowClick(detail?.returnKdnExpDTO)}
>
查看详情
</Button>
</div>
</>
) : (
''
)}
<LogisticsStepModal
open={logisticsStepModalShow}
onCancel={logisticsStepModalCancel}
logisticsStep={detail?.kdnExpDTO}
logisticsStep={currentKdnExpDTO}
/>
</div>
);
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论