feat: 修复未登录的测试结果页逻辑

src/components/refundPopup/index.tsx

@@ -1,31 +1,48 @@
-import React, { useState, useRef, forwardRef, useImperativeHandle } from 'react';
-import { View, Text, Button, Image } from '@tarojs/components'
-import Taro from '@tarojs/taro';
-import dayjs from 'dayjs'
-import { CommonPopup } from '@/components';
-import orderService from '@/services/orderService';
-import styles from './index.module.scss'
-import closeIcon from '@/static/order/orderListClose.svg'
+import React, {
+  useState,
+  useRef,
+  forwardRef,
+  useImperativeHandle,
+} from "react";
+import { View, Text, Button, Image } from "@tarojs/components";
+import Taro from "@tarojs/taro";
+import dayjs from "dayjs";
+import { CommonPopup } from "@/components";
+import orderService from "@/services/orderService";
+import styles from "./index.module.scss";
+import closeIcon from "@/static/order/orderListClose.svg";
 
-function genRefundNotice (refund_policy) {
+function genRefundNotice(refund_policy) {
   if (refund_policy.length === 0) {
-    return {}
+    return {};
   }
-  const now = dayjs()
-  const deadlines = refund_policy.map(item => dayjs(item.deadline_formatted))
-  let matchPolicyIndex = deadlines.findIndex(d => d.isAfter(now))
+  const now = dayjs();
+  const deadlines = refund_policy.map((item) => dayjs(item.deadline_formatted));
+  let matchPolicyIndex = deadlines.findIndex((d) => d.isAfter(now));
   if (matchPolicyIndex === -1) {
-    matchPolicyIndex = refund_policy.length - 1
+    matchPolicyIndex = refund_policy.length - 1;
   }
-  const { deadline_formatted, price, refund_rate } = refund_policy[matchPolicyIndex]
+  const { deadline_formatted, price, refund_rate } =
+    refund_policy[matchPolicyIndex];
   if (refund_rate === 1) {
-    return { refundPrice: price, notice: `本次可全额退款， ¥${price} 将原路退回，请查收` }
+    return {
+      refundPrice: price,
+      notice: `本次可全额退款， ¥${price} 将原路退回，请查收`,
+    };
   } else if (refund_rate === 0) {
-    return { refundPrice: 0, notice: `当前退出不可退款，后续流程未明确，@麻真瑜` }
+    return {
+      refundPrice: 0,
+      notice: `当前退出不可退款，后续流程未明确，@麻真瑜`,
+    };
   }
-  const refundPrice = price * refund_rate
-  const leftHours = dayjs(deadline_formatted).diff(dayjs(), 'hour')
-  return { refundPrice, notice: `距活动开始已不足${leftHours}h，当前退出您需扣除${price - refundPrice}元` }
+  const refundPrice = Number(Math.ceil(price * refund_rate * 100) / 100);
+  const leftHours = dayjs(deadline_formatted).diff(dayjs(), "hour");
+  return {
+    refundPrice,
+    notice: `距活动开始已不足${leftHours}h，当前退出您需扣除${
+      Math.floor((price - refundPrice) * 100) / 100
+    }元`,
+  };
 }
 
 function renderCancelContent(checkOrderInfo) {
@@ -42,7 +59,7 @@ function renderCancelContent(checkOrderInfo) {
       };
     }),
   ];
-  const { notice } = genRefundNotice(refund_policy)
+  const { notice } = genRefundNotice(refund_policy);
   return (
     <View className={styles.refundPolicy}>
       {/* <View className={styles.moduleTitle}>
@@ -63,37 +80,35 @@ function renderCancelContent(checkOrderInfo) {
 }
 
 export type RefundRef = {
-  show: (item: any, callback: (result: boolean) => void) => void
-}
+  show: (item: any, callback: (result: boolean) => void) => void;
+};
 
 export default forwardRef<RefundRef>(function RefundPopup(_props, ref) {
-  const [visible, setVisible] = useState(false)
-  const [checkOrderInfo, setCheckOrderInfo] = useState({})
-  const [orderData, setOrderData] = useState({})
-  const onDown = useRef<((result: boolean) => void) | null>(null)
+  const [visible, setVisible] = useState(false);
+  const [checkOrderInfo, setCheckOrderInfo] = useState({});
+  const [orderData, setOrderData] = useState({});
+  const onDown = useRef<((result: boolean) => void) | null>(null);
 
   useImperativeHandle(ref, () => ({
     show: onShow,
-  }))
+  }));
 
-  async function onShow (orderItem, onFinish: (result: boolean) => void) {
-    const {
-      game_info,
-    } = orderItem
-    onDown.current = onFinish
-    setOrderData(orderItem)
+  async function onShow(orderItem, onFinish: (result: boolean) => void) {
+    const { game_info } = orderItem;
+    onDown.current = onFinish;
+    setOrderData(orderItem);
     const res = await orderService.getCheckOrderInfo(game_info.id);
     setCheckOrderInfo(res.data);
-    setVisible(true)
+    setVisible(true);
   }
 
-  function onClose () {
-    setVisible(false)
-    onDown.current?.(false)
+  function onClose() {
+    setVisible(false);
+    onDown.current?.(false);
   }
 
-  async function handleConfirmQuit () {
-    const { order_no, amount } = orderData
+  async function handleConfirmQuit() {
+    const { order_no, amount } = orderData;
     try {
       const refundRes = await orderService.applicateRefund({
         order_no,
@@ -106,15 +121,15 @@ export default forwardRef<RefundRef>(function RefundPopup(_props, ref) {
       Taro.showToast({
         title: "退出成功",
         icon: "none",
-      })
-      onDown.current?.(true)
+      });
+      onDown.current?.(true);
     } catch (e) {
       Taro.showToast({
         title: e.message,
         icon: "error",
       });
     } finally {
-      onClose()
+      onClose();
     }
   }
   return (
@@ -129,11 +144,17 @@ export default forwardRef<RefundRef>(function RefundPopup(_props, ref) {
       <View className={styles.container}>
         <View className={styles.header}>
           <Text className={styles.title}>退出活动</Text>
-          <Image className={styles.closeIcon} src={closeIcon} onClick={onClose} />
+          <Image
+            className={styles.closeIcon}
+            src={closeIcon}
+            onClick={onClose}
+          />
         </View>
         {renderCancelContent(checkOrderInfo)}
-        <Button className={styles.action} onClick={handleConfirmQuit}>确认并退出</Button>
+        <Button className={styles.action} onClick={handleConfirmQuit}>
+          确认并退出
+        </Button>
       </View>
     </CommonPopup>
-  )
-})
+  );
+});