提交 d91b2c60 作者: 龚洪江

功能:租赁后台订单流程

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