新增：余额支付、微信支付、下单确认功能

src/pages/order/order.tsx

@@ -1,13 +1,25 @@
-import {useEffect, useState} from "react"; // 添加 useCallback 引入
-import Taro from '@tarojs/taro';
+import {useState} from "react"; // 添加 useCallback 引入
+import Taro, {useDidShow} from '@tarojs/taro'
 import {NavBar, Space} from '@nutui/nutui-react-taro'
 import {Search} from '@nutui/icons-react-taro'
-import OrderList from "@/components/OrderList";
+import OrderList from "./components/OrderList";
+import {ShopOrder} from "@/api/shop/shopOrder/model";
+import {pageShopOrder} from "@/api/shop/shopOrder";
 import './order.scss'
+
 function Order() {
   const [statusBarHeight, setStatusBarHeight] = useState<number>()
+  const [list, setList] = useState<ShopOrder[]>([])
 
-  useEffect(() => {
+
+  const reload = async () => {
+    const orders = await pageShopOrder({userId: Taro.getStorageSync('UserId')})
+    if (orders) {
+      setList(orders.list || [])
+    }
+  }
+
+  useDidShow(() => {
     Taro.getSystemInfo({
       success: (res) => {
         setStatusBarHeight(res.statusBarHeight)
@@ -18,7 +30,8 @@ function Order() {
       backgroundColor: '#ffffff', // 状态栏+导航栏背景色
       frontColor: 'black',       // 状态栏文字颜色（仅支持 black/white）
     });
-  }, []); // 新增: 添加滚动事件监听
+    reload().then()
+  }); // 新增: 添加滚动事件监听
 
   return (
     <>
@@ -45,7 +58,7 @@ function Order() {
       >
         <span>订单</span>
       </NavBar>
-      <OrderList/>
+      <OrderList data={list}/>
     </>
   );
 }