119 lines
5.2 KiB
JavaScript
119 lines
5.2 KiB
JavaScript
"use client";
|
|
|
|
import React, { useState, useEffect } from "react";
|
|
import { useRouter } from "next/navigation";
|
|
import { Toast } from "antd-mobile";
|
|
import { generateSignature } from "@/utils/crypto";
|
|
import webviewBaseRequest from "@/utils/webviewBaseRequest";
|
|
|
|
export default function Pay() {
|
|
const router = useRouter();
|
|
|
|
const handleClick = () => {
|
|
Toast.show({
|
|
content: "支付渠道不可用，请耐心等待",
|
|
});
|
|
};
|
|
|
|
const createOrder = async (type = "alipay_h5") => {
|
|
const body = {
|
|
product_id: "membership",
|
|
pay_type: type,
|
|
from: "app",
|
|
b_did: "test",
|
|
b_mid: 1,
|
|
};
|
|
|
|
//如果是微信jsapi支付直接跳转到中间页
|
|
if (type === "wxpay_jsapi") {
|
|
router.push(`/pay/${encodeURIComponent(JSON.stringify(body))}`);
|
|
return;
|
|
}
|
|
|
|
const signature = generateSignature(body);
|
|
try {
|
|
const response = await fetch(
|
|
`/api/vas/create_order?signature=${signature}`,
|
|
{
|
|
method: "POST",
|
|
headers: {
|
|
"Content-Type": "application/json",
|
|
},
|
|
body: JSON.stringify(body),
|
|
}
|
|
);
|
|
const data = await response.json();
|
|
if (data.ret === -1) {
|
|
Toast.show({
|
|
content: data.msg,
|
|
});
|
|
return;
|
|
}
|
|
switch (type) {
|
|
case "yeepay_alipay_h5":
|
|
router.push(`${data.data.yeepay_alipay_h5_param_str}`);
|
|
break;
|
|
case "yeepay_wxpay_h5":
|
|
router.push(`${data.data.yeepay_wxpay_h5_param_str}`);
|
|
break;
|
|
case "alipay_h5":
|
|
router.push(`${data.data.alipay_h5_param_str}`);
|
|
break;
|
|
case "wxpay_h5":
|
|
router.push(
|
|
`https://shop.tiefen.fun/pay/wxpay_h5/${encodeURIComponent(
|
|
data.data.wxpay_h5_param_str
|
|
)}`
|
|
);
|
|
break;
|
|
default:
|
|
router.push(`${data.data.alipay_h5_param_str}`);
|
|
break;
|
|
}
|
|
} catch (error) {
|
|
console.error(error);
|
|
}
|
|
};
|
|
|
|
return (
|
|
<section className="flex flex-1 justify-center container">
|
|
<div className="flex flex-1 flex-col items-center py-16 p-4">
|
|
<p className="text-secondary text-base font-semibold my-2">
|
|
您的订单价格为
|
|
</p>
|
|
<p className="text-white text-3xl font-semibold my-2">¥10</p>
|
|
<div className="flex flex-col w-full gap-4 mt-4">
|
|
<div className="w-full px-2">
|
|
<button
|
|
onClick={handleClick}
|
|
className="flex flex-row h-12 w-full items-center justify-center bg-primary rounded-full py-2"
|
|
>
|
|
<svg viewBox="0 0 1024 1024" width="18" height="18">
|
|
<path
|
|
d="M1024.0512 701.0304V196.864A196.9664 196.9664 0 0 0 827.136 0H196.864A196.9664 196.9664 0 0 0 0 196.864v630.272A196.9152 196.9152 0 0 0 196.864 1024h630.272a197.12 197.12 0 0 0 193.8432-162.0992c-52.224-22.6304-278.528-120.32-396.4416-176.64-89.7024 108.6976-183.7056 173.9264-325.3248 173.9264s-236.1856-87.2448-224.8192-194.048c7.4752-70.0416 55.552-184.576 264.2944-164.9664 110.08 10.3424 160.4096 30.8736 250.1632 60.5184 23.1936-42.5984 42.496-89.4464 57.1392-139.264H248.064v-39.424h196.9152V311.1424H204.8V267.776h240.128V165.632s2.1504-15.9744 19.8144-15.9744h98.4576V267.776h256v43.4176h-256V381.952h208.8448a805.9904 805.9904 0 0 1-84.8384 212.6848c60.672 22.016 336.7936 106.3936 336.7936 106.3936zM283.5456 791.6032c-149.6576 0-173.312-94.464-165.376-133.9392 7.8336-39.3216 51.2-90.624 134.4-90.624 95.5904 0 181.248 24.4736 284.0576 74.5472-72.192 94.0032-160.9216 150.016-253.0816 150.016z"
|
|
fill="#FFFFFF"
|
|
></path>
|
|
</svg>
|
|
<p className="text-white text-base ml-1">支付宝</p>
|
|
</button>
|
|
</div>
|
|
<div className="w-full px-2">
|
|
<button
|
|
onClick={() => createOrder("yeepay_wxpay_h5")}
|
|
className="flex flex-row h-12 w-full items-center justify-center bg-primary rounded-full py-2"
|
|
>
|
|
<svg viewBox="0 0 1228 1024" width="18" height="18">
|
|
<path
|
|
d="M530.8928 703.1296a41.472 41.472 0 0 1-35.7376-19.8144l-2.7136-5.5808L278.272 394.752a18.7392 18.7392 0 0 1-2.048-8.1408 19.968 19.968 0 0 1 20.48-19.3536c4.608 0 8.8576 1.4336 12.288 3.84l234.3936 139.9296a64.4096 64.4096 0 0 0 54.528 5.9392L1116.2624 204.8C1004.9536 80.896 821.76 0 614.4 0 275.0464 0 0 216.576 0 483.6352c0 145.7152 82.7392 276.8896 212.2752 365.5168a38.1952 38.1952 0 0 1 17.2032 31.488 44.4928 44.4928 0 0 1-2.1504 12.3904l-27.6992 97.4848c-1.3312 4.608-3.328 9.3696-3.328 14.1312 0 10.752 9.216 19.3536 20.48 19.3536 4.4032 0 8.0384-1.536 11.776-3.584l134.5536-73.3184c10.1376-5.5296 20.7872-8.96 32.6144-8.96 6.2976 0 12.288 0.9216 18.0736 2.5088 62.72 17.0496 130.4576 26.5728 200.5504 26.5728C953.7024 967.168 1228.8 750.592 1228.8 483.6352c0-80.9472-25.4464-157.1328-70.0416-224.1024l-604.9792 436.992-4.4544 2.4064a42.1376 42.1376 0 0 1-18.432 4.1984z"
|
|
fill="#FFFFFF"
|
|
></path>
|
|
</svg>
|
|
<p className="text-white text-base ml-1">微信支付</p>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|