剪板流程-倒计时完成

src/pages/order/components/orderState/index.module.scss

@@ -15,7 +15,6 @@
     }
     .order_status_item{
         position: relative;
-        // padding-left: 50px;
         &:nth-last-child(n+2) {
             padding-bottom: 30px;
         }

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

@@ -10,7 +10,8 @@ type List = {
     status: string,
     time: string,
     tag: string,
-    desc: string
+    desc: string,
+    expire_time: string
 }
 
 type Param = {
@@ -19,13 +20,12 @@ type Param = {
         logistics_details:List[], //订单状态列表
         payment_method: 0|PAYMENT_METHOD_PARAM, //支付方式
         status: number, //订单状态
-        expire_time: number 
     }
 }
 
 
 
-export default memo(({orderInfo = {logistics_details: [],payment_method: 0, status: 0, expire_time:0}, onRefresh}:Param) => {
+export default memo(({orderInfo = {logistics_details: [],payment_method: 0, status: 0}, onRefresh}:Param) => {
     
     const [showMore, setShowMore] = useState(false)
     const changeMore = () => {
@@ -46,23 +46,24 @@ export default memo(({orderInfo = {logistics_details: [],payment_method: 0, stat
 
 
     //倒计时
+    const [showTime, setShowTime] = useState('')
     const timeObj:any = useRef()
     useEffect(() => {
-        if(orderInfo.expire_time) {
+        if(orderInfo.status == SaleorderstatusWaitingPrePayment.value && orderInfo.logistics_details.length > 0) {
+            let  expire_time = orderInfo.logistics_details[0].expire_time
             timeObj.current = setInterval(() => {
-                count_down()
+                count_down(expire_time)
             }, 1000)
         }
         return () => {
             clearInterval(timeObj.current)
         }
-    }, [orderInfo.expire_time])
+    }, [orderInfo])
 
     
-    const count_down = () => {
+    const count_down = (time) => {
         var startData = dayjs();
-        var endDate = dayjs(orderInfo.expire_time);
-        console.log('endDate::', endDate.format('YYYY-MM-DD HH:mm'))
+        var endDate = dayjs(time);
         var _dd = endDate.diff(startData,'day');
         var _hh = endDate.diff(startData,'hour');
         var _mm = endDate.diff(startData,'minute');
@@ -71,7 +72,7 @@ export default memo(({orderInfo = {logistics_details: [],payment_method: 0, stat
         var hh = _hh - (_dd*24);
         var mm = _mm - (_hh*60);
         var ss = _ss - (_mm*60);
-        console.log(`${_dd} ${hh} ${mm} ${ss}`)
+        setShowTime(() => ` ${hh}:${mm}:${ss}`)
     }
 
     return (
@@ -88,7 +89,7 @@ export default memo(({orderInfo = {logistics_details: [],payment_method: 0, stat
                         </View>
                         <Text className={classnames(styles.order_status_des, (index == 0)&&styles.order_status_des_select)}>{item.desc}</Text>
                         {(orderInfo.status == SaleorderstatusWaitingPrePayment.value)&&<View className={styles.pay_time}>
-                            剩<Text>23:58:55</Text>支付关闭，订单自动取消
+                            剩<Text>{showTime}</Text>支付关闭，订单自动取消
                         </View>}
                     </View>)}
                 </View>

src/pages/order/index.tsx

@@ -190,7 +190,7 @@ import styles  from './index.module.scss'
 
     return (
         <View className={styles.order_main}>
-            <OrderState orderInfo={{logistics_details:orderDetail?.logistics_details, payment_method: orderDetail?.payment_method, status:orderDetail?.status, expire_time:orderDetail?.expire_time}}/>
+            <OrderState orderInfo={{logistics_details:orderDetail?.logistics_details, payment_method: orderDetail?.payment_method, status:orderDetail?.status}}/>
             <View >
                 <AddressInfoDetail orderInfo={addressInfoDetailData}  onSelect={getAddress} onChangeShipmentMode={getShipmentMode} ref={addressRef} defaultValue={defaultAddress} />
             </View>