支付弹窗不使用sse改调用后端接口返回

package.json

@@ -1,6 +1,6 @@
 {
   "name": "lanhu-web",
-  "version": "1.13.1",
+  "version": "1.14.0",
   "private": true,
   "scripts": {
     "dev": "next dev -H 0.0.0.0 --turbopack",

src/actions/resource.ts

@@ -80,12 +80,14 @@ export async function completeResource(props: {
 }) {
   return callByUser('/api/trade/complete', props)
 }
-
+type PayCloseData = {
+  status: 0 | 1 | 2
+}
 export async function payClose(props: {
   trade_no: string
   method: number
 }) {
-  return callByUser('/api/trade/cancel', props)
+  return callByUser<PayCloseData>('/api/trade/finish', props)
 }
 
 export async function getPrice(props: CreateResourceReq) {

src/components/composites/payment/payment-modal.tsx

@@ -8,7 +8,7 @@ import {payClose} from '@/actions/resource'
 import {useEffect} from 'react'
 import {UniversalDesktopPayment} from './universal-desktop-payment'
 import {useAppStore} from '@/components/stores/app'
-
+import {toast} from 'sonner'
 export type PaymentModalProps = {
   onConfirm: (showFail: boolean) => Promise<void>
   onClose: () => void
@@ -17,45 +17,49 @@ export type PaymentModalProps = {
 export function PaymentModal(props: PaymentModalProps) {
   // 手动关闭时的处理
   const handleClose = async () => {
-    // try {
-    //   const res = await payClose({
-    //     trade_no: props.inner_no,
-    //     method: props.method,
-    //   })
-    //   if (!res.success) {
-    //     throw new Error(res.message)
-    //   }
-    // }
-    // catch (error) {
-    //   console.error('关闭订单失败:', error)
-    // }
-    // finally {
-    props.onClose?.()
-    // }
+    try {
+      const res = await payClose({
+        trade_no: props.inner_no,
+        method: props.method,
+      })
+
+      if (!res.success) {
+        throw new Error(res.message || '请求失败')
+      }
+      if (res.data.status === 1) {
+        toast.success('已支付成功！')
+      }
+    }
+    catch (error) {
+      console.error('关闭订单失败:', error)
+    }
+    finally {
+      props.onClose?.()
+    }
   }
 
   // SSE处理方式检查支付状态
-  const apiUrl = useAppStore('apiUrl')
-  useEffect(() => {
-    const eventSource = new EventSource(
-      `${apiUrl}/api/trade/check?trade_no=${props.inner_no}&method=${props.method}`,
-    )
-    eventSource.onmessage = async (event) => {
-      switch (event.data) {
-      case '1':
-        props.onConfirm?.(true)
-      case '2':
-        props.onClose?.()
-      }
-    }
-    eventSource.onerror = (error) => {
-      console.error('SSE 连接错误:', error)
-    }
+  // const apiUrl = useAppStore('apiUrl')
+  // useEffect(() => {
+  //   const eventSource = new EventSource(
+  //     `${apiUrl}/api/trade/check?trade_no=${props.inner_no}&method=${props.method}`,
+  //   )
+  //   eventSource.onmessage = async (event) => {
+  //     switch (event.data) {
+  //     case '1':
+  //       props.onConfirm?.(true)
+  //     case '2':
+  //       props.onClose?.()
+  //     }
+  //   }
+  //   eventSource.onerror = (error) => {
+  //     console.error('SSE 连接错误:', error)
+  //   }
 
-    return () => {
-      eventSource.close()
-    }
-  }, [apiUrl, props])
+  //   return () => {
+  //     eventSource.close()
+  //   }
+  // }, [apiUrl, props])
 
   return (
     <Dialog