静态页面

src/components/WuYeJiaoFei/index.jsx

@@ -21,37 +21,6 @@ const cancelOrder = outTradeNo => {
   })
 }
 
-const pay = idArray => {
-  return new Promise((resolve, reject) => {
-    // 准备下单
-    request({ ...apis.wxStartPay, data: { type: 'bill', idArray } }).then(res => {
-      const outTradeNo = res.outTradeNo
-      // 下单
-      request({ ...apis.wxUnifiedOrder, args: { outTradeNo }, params: { type: 'bill' } }).then(res => {
-        Taro.requestPayment({
-          timeStamp: res.timeStamp,
-          nonceStr: res.nonceStr,
-          package: res.package,
-          paySign: res.sign,
-          signType: res.signType,
-          success: resp => {
-            console.log('支付结果:', resp)
-            resolve(resp)
-          },
-          fail: err => {
-            console.error('支付失败', err)
-            cancelOrder(outTradeNo)
-            reject(err)
-          }
-        })
-      }).catch(err => {
-        cancelOrder(outTradeNo)
-        reject(err)
-      })
-    }).catch(err => reject(err))
-  })
-}
-
 
 export default function WuYeJiaoFei () {
 
@@ -59,12 +28,45 @@ export default function WuYeJiaoFei () {
   const [BannerList, setBannerList] = useState([])
   const [checkedIds, setCheckedIds] = useState([])
   const [totalPrice, setTotalPrice] = useState(0)
+  const [OrderId, setOrderId] = useState(0)
   const [IsEmpty, setIsEmpty] = useState(false)
 
   useEffect(() => {
     GetBanner()
   }, [])
 
+  const pay = idArray => {
+    return new Promise((resolve, reject) => {
+      // 准备下单
+      request({ ...apis.wxStartPay, data: { type: 'bill', idArray } }).then(res => {
+        const outTradeNo = res.outTradeNo
+        setOrderId(res.outTradeNo)
+        // 下单
+        request({ ...apis.wxUnifiedOrder, args: { outTradeNo }, params: { type: 'bill' } }).then(res => {
+          Taro.requestPayment({
+            timeStamp: res.timeStamp,
+            nonceStr: res.nonceStr,
+            package: res.package,
+            paySign: res.sign,
+            signType: res.signType,
+            success: resp => {
+              console.log('支付结果:', resp)
+              resolve(resp)
+            },
+            fail: err => {
+              console.error('支付失败', err)
+              cancelOrder(outTradeNo)
+              reject(err)
+            }
+          })
+        }).catch(err => {
+          cancelOrder(outTradeNo)
+          reject(err)
+        })
+      }).catch(err => reject(err))
+    })
+  }
+
   const GetBanner = (done = () => { }) => { // 获取轮播图
     request({ ...apis.getBanner, params: { showPosition: `property`, showType: 'banner', pageNum: 1, pageSize: 1 } }).then((res) => {
       setBannerList([...(res || [])])
@@ -105,6 +107,7 @@ export default function WuYeJiaoFei () {
               title: '缴费成功',
               icon: 'success'
             })
+            Taro.navigateTo({ url: `/pages/WuYe/JiaoFeiDetail/index?id=${OrderId}` })
             // 页面刷新
             // todo
           }).catch(err => {