fix：简单流程订单添加发货信息显示

src/pages/orderSystem/orderDetail/components/orderPayTabs/index.tsx

@@ -7,6 +7,7 @@ import StatusColors from '../../../components/StatusColors'
 import { PublicApi } from '@/services/api'
 import { PayOutWorkState } from '@/constants'
 import { Link } from 'umi'
+import moment from 'moment'
 
 export interface OrderPayTabsProps {}
 
@@ -48,6 +49,9 @@ const OrderPayTabs:React.FC<OrderPayTabsProps> = (props) => {
   const { data } = useContext(OrderDetailContext)
   const [payList, setPaylist] = useState<any[]>([])
 
+  // 简单流程为24
+  const processEnum = data.processEnum
+
   useEffect(() => {
     PublicApi.getPayPayWayList({memberId: data.supplyMembersId, memberRoleId: data.supplyMembersRoleId}).then(res => {
       const { code, data } = res
@@ -56,25 +60,55 @@ const OrderPayTabs:React.FC<OrderPayTabsProps> = (props) => {
       }
     })
   }, [])
+
   return (
-    <MellowCard style={{marginTop: 24}} bordered={false}>
-      <Tabs defaultActiveKey='1'>
-        { data.paymentInformationResponses && data.paymentInformationResponses.map(v => <TabPane key={v.id} tab={<TabHeader dataSource={v}/>}>
-            <Row>
-              <Col className={style.fontGray} span={4}>支付环节: </Col>
-              <Col>{v.payNode}</Col>
-            </Row>
-            <Row>
-              <Col className={style.fontGray} span={4}>支付方式: </Col>
-              <Col>{payTextList[v.payWay]}</Col>
-            </Row>
-            <Row>
-              <Col className={style.fontGray} span={4}>支付渠道: </Col>
-              <Col>{payList.find(j => j.id === v.channel)?.way}</Col>
-            </Row>
-        </TabPane>) }
-      </Tabs>
-    </MellowCard>
+    <Row gutter={24} style={{marginTop: 24}}>
+      <Col span={processEnum === 24 ? 12 : 24}>
+        <MellowCard bordered={false} fullHeight>
+        {/* <Row gutter={24}> */}
+          <Tabs defaultActiveKey='1'>
+            { data.paymentInformationResponses && data.paymentInformationResponses.map(v => <TabPane key={v.id} tab={<TabHeader dataSource={v}/>}>
+                <Row>
+                  <Col className={style.fontGray} span={4}>支付环节: </Col>
+                  <Col>{v.payNode}</Col>
+                </Row>
+                <Row>
+                  <Col className={style.fontGray} span={4}>支付方式: </Col>
+                  <Col>{payTextList[v.payWay]}</Col>
+                </Row>
+                <Row>
+                  <Col className={style.fontGray} span={4}>支付渠道: </Col>
+                  <Col>{payList.find(j => j.id === v.channel)?.way || (v.channel === 0 && '积分支付')}</Col>
+                </Row>
+            </TabPane>) }
+          </Tabs>
+        {/* </Row> */}
+        </MellowCard>
+      </Col>
+      {
+        processEnum === 24 && data &&
+        <Col span={12}>
+          <MellowCard title="发货信息" fullHeight>
+            {data.name && <Row className={style['card-list']}>
+              <Col span={6}><p>发货地址: </p></Col>
+              <Col><p>{data.name}</p></Col>
+            </Row>}
+            {data?.deliverTime && <Row className={style['card-list']}>
+              <Col span={6}><p>发货时间: </p></Col>
+              <Col><p>{data?.deliverTime && moment(data.deliverTime).format('YYYY-MM-DD')}</p></Col>
+            </Row>}
+            {data.deliverNo && <Row className={style['card-list']}>
+              <Col span={6}><p>物流单号: </p></Col>
+              <Col><p><a href={`https://www.kuaidi100.com/chaxun?nu=${data.deliverNo}`} target="_blank">{data.deliverNo}</a></p></Col>
+            </Row>}
+            {data.logisticsCompany && <Row className={style['card-list']}>
+              <Col span={6}><p>物流公司: </p></Col>
+              <Col><p>{data.logisticsCompany}</p></Col>
+            </Row>}
+          </MellowCard>
+        </Col>
+      }
+    </Row>
   )
 }