fix: 订单详情支付比例没有排序

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

@@ -73,13 +73,15 @@ const OrderPayTabs:React.FC<OrderPayTabsProps> = (props) => {
   //   })
   // }, [])
 
+  const payments = data.payments.sort((a, b) => a.batchNo - b.batchNo)
+
   return (
     <Row gutter={24} style={{marginTop: 24}}>
       <Col span={processEnum === 24 ? 12 : 24}>
         <MellowCard bordered={false} fullHeight>
         {/* <Row gutter={24}> */}
           <Tabs defaultActiveKey='1'>
-            { data.payments && data.payments.map(v => <TabPane key={v.paymentId} tab={<TabHeader dataSource={v}/>}>
+            { payments.length && payments.map(v => <TabPane key={v.paymentId} tab={<TabHeader dataSource={v}/>}>
                 <Row>
                   <Col className={style.fontGray} span={4}>支付环节: </Col>
                   <Col>{v.payNode}</Col>