🎈 perf:将确认收货挪出来在订单详情

src/components/BottomBtns/index.tsx

@@ -12,6 +12,8 @@ interface prosObj {
     cancle?: (any) => void,
     nextBuy?: (any) => void,
     toPay?: (any) => void,
+    handSureGoods?: () => void,
+    showTuiGoods?: boolean
 }
 
 export default memo((props: prosObj) => {
@@ -23,9 +25,11 @@ export default memo((props: prosObj) => {
             payment_method: 0,
             settle_mode: ''
         },
+        showTuiGoods = false,
         cancle,
         nextBuy,
-        toPay
+        toPay,
+        handSureGoods
     } = props
     //判断显示取消订单
 
@@ -75,8 +79,25 @@ export default memo((props: prosObj) => {
         } else return false
     }, [obj])
 
+    //判断显示确认收货
+    const showTake = useMemo(() => {
+        if (
+            (obj.sale_mode === 0 && obj.status == 8 && obj.collect_status == 0) ||
+            (obj.sale_mode === 0 && obj.status == 8 && obj.collect_status == 1) ||
+            (obj.sale_mode === 0 && obj.status == 8 && obj.collect_status == 2) ||
+            (obj.sale_mode === 0 && obj.status == 8 && obj.settle_mode == 3) ||
+            (obj.sale_mode === 1 && obj.status == 8) ||
+            (obj.sale_mode === 2 && obj.status == 8)
+        ) {
+            return true
+        } else return false
+    }, [obj])
+
     return (
         <View className={style.flexBox}>
+            {
+                showTake && showTuiGoods && <View className={style.cancle} onClick={() => handSureGoods?.()}>确认收货</View>
+            }
             {
                 showCancel && <View className={style.cancle} onClick={(e) => cancle?.(e)}>取消订单</View>
             }