订单列表对接

src/pages/orderList/components/order/index.tsx

@@ -8,7 +8,7 @@ import { memo, useCallback, useMemo, useRef } from "react";
 import styles  from './index.module.scss'
 
 type Param = {
-    value?: {
+    value: {
         order_no: string,
         sale_mode: number,
         sale_mode_name: string,
@@ -19,7 +19,10 @@ type Param = {
         total_colors: number,
         total_number: number,
         status: 0,
-        id: number
+        id: number,
+        settle_mode: number, //支付方式
+        actual_amount: number, //实付金额
+        wait_pay_amount: number //待付金额
     },
     onClickBtn?: (val:number) => void
 }
@@ -39,6 +42,17 @@ export default memo(({value, onClickBtn}: Param) => {
         onClickBtn?.(status)
     }, [value])
 
+    //按钮所需数据
+    const orderInfo = useMemo(() => {
+        return {
+            status: value?.status, //订单状态
+            orderId: value?.id,
+            settle_mode: value?.settle_mode, //支付方式 -1 还没支付 0：全额现结，1：定期付款，2：货到付款
+            actual_amount: value?.actual_amount, //实付金额
+            wait_pay_amount: value?.wait_pay_amount, //待付金额
+        }
+    }, [value])
+
     return (
         <View className={styles.order_item}>
             <View className={styles.header} onClick={() => goLink('/pages/order/index', {id: value?.id})}>
@@ -83,7 +97,7 @@ export default memo(({value, onClickBtn}: Param) => {
                 </View>
                 <View className={styles.color_count_num}>{`${value?.total_fabrics}种面料，${value?.total_colors}种颜色，共${value?.total_number}条`}</View>
             </View>
-            <OrderBtns status={value?.status} onClick={orderBtnsClick} orderId={value?.id as number}/>
+            <OrderBtns orderInfo={orderInfo} onClick={orderBtnsClick}/>
         </View>
     )
 })