订单列表对接

src/components/orderBtns/index.tsx

@@ -8,9 +8,12 @@ import styles  from './index.module.scss'
 type Param = {
     status?: number, //订单状态
     orderId: number, //订单id
+    payModel: number, //支付方式
+    realPayPrice: number, //实付金额
+    pendingPayPrice: number, //待付金额
     onClick?: (val: number) => void //点击后触发的事件，返回订单状态
 }
-export default memo(({status = 0, orderId = 0, onClick}:Param) => {
+export default memo(({status = 0, orderId = 0, onClick, realPayPrice = 0, pendingPayPrice = 0}:Param) => {
     //订单按钮按订单状态归类
     const orderBtnsList = useRef([
         {
@@ -49,15 +52,22 @@ export default memo(({status = 0, orderId = 0, onClick}:Param) => {
             label: '再次购买'
         }
     ])
+    //判断是否显示该按钮
     const orderBtnsShow = useCallback((item, status) => {
+        if(item.id == 1) {
+           return( realPayPrice == 0 && status <= 4) //在代发货之前没有付过款
+        } 
+        if(item.id == 2) {
+            return( pendingPayPrice != 0 && status <= 4) //在代发货之前没有付完款
+        }
         return item.value.includes(status)
+        
     },[])
 
     //点击按钮操作
     const submitBtns = (val) => {
         (val == 1)&&cancelOrder(); //取消订单按钮
         (val == 2)&&onClick?.(val); //去付款按钮
-        
     }
 
     //取消订单