功能：租赁后台订单流程

src/pages/orderManage/equipmentOrder/comp/detailPurchaser/index.tsx

@@ -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) => {
       ) : (
         ''
       )}
-      <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>
-      </div>
+      {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'
+              onClick={() => logisticsStepModalShowClick(detail?.returnKdnExpDTO)}
+            >
+              查看详情
+            </Button>
+          </div>
+        </>
+      ) : (
+        ''
+      )}
+
       <LogisticsStepModal
         open={logisticsStepModalShow}
         onCancel={logisticsStepModalCancel}
-        logisticsStep={detail?.kdnExpDTO}
+        logisticsStep={currentKdnExpDTO}
       />
     </div>
   );