feat: 添加付款信息组件

src/pages/transaction/components/orderDetailSection/index.tsx

@@ -6,6 +6,7 @@ import OrderPayTabs from '../../components/orderPayTabs'
 import OrderMergeInfo from '../../components/orderMergeInfo'
 import OrderDeleveRecord from '../../components/orderDeleveRecord'
 import OrderTransformRecord from '../../components/orderTransformRecord'
+import PaymentInfoCard from '../../components/paymentInfoCard'
 import OrderSaleRecord from '../orderSaleRecord'
 import { OrderKindType } from '@/constants/order'
 
@@ -41,6 +42,14 @@ const OrderDetailSection:React.FC<OrderDetailSectionProps> = ({formContext, type
         }
       ></AuditProcess>
 
+      {/* 付款信息 */}
+      {formContext.data?.orderKind === OrderKindType.SRM_ORDER ? (
+        <PaymentInfoCard
+          currencyTypeName={formContext.data?.currencyTypeName}
+          paymentTypeName={formContext.data?.paymentTypeName}
+        />
+      ) : null}
+
       { type === 'saleOrder' ? <SaleOrderProductTable/> : <OrderProductTable editable /> }
 
       {/* 采购合同下单或请购单不显示 支付信息栏 */}

src/pages/transaction/components/paymentInfoCard/index.tsx

+/**
+ * @Description 付款信息Card
+ */
+import React from 'react';
+import CustomizeColumn, { IProps as CustomizeColumnProps } from '@/components/CustomizeColumn';
+import themeConfig from '@/../config/lingxi.theme.config';
+
+interface PaymentInfoCardProps extends Omit<CustomizeColumnProps, 'data'> {
+  /**
+   * 币别
+   */
+  currencyTypeName: string,
+  /**
+   * 付款方式
+   */
+  paymentTypeName: string,
+}
+
+const PaymentInfoCard: React.FC<PaymentInfoCardProps> = (props) => {
+  const { currencyTypeName, paymentTypeName, ...rest } = props;
+  return (
+    <CustomizeColumn
+      title="付款方式"
+      column={2}
+      data={[
+        {
+          title: '币别',
+          value: currencyTypeName,
+        },
+        {
+          title: '付款方式',
+          value: paymentTypeName,
+        },
+      ]}
+      style={{
+        marginTop: themeConfig['@margin-md'],
+      }}
+      {...rest}
+    />
+  );
+};
+
+export default PaymentInfoCard;