"use client"; import React, { useState, useEffect } from "react"; import { redirect, useRouter, useSearchParams } from "next/navigation"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faAngleLeft } from "@fortawesome/free-solid-svg-icons"; import { TextArea, Divider, Button, Toast } from "antd-mobile"; import requireAPI from "@/utils/requireAPI"; import { getSpaceData } from "@/api/space"; export default function SpaceRefund() { //页面数据 const [data, setData] = useState(); //联系人 const [name, setName] = useState(); //联系方式 const [contact, setContact] = useState(); //备注 const [remark, setRemark] = useState(); //提交中 const [isSubmitting, setIsSubmitting] = useState(false); const router = useRouter(); const searchParams = useSearchParams(); useEffect(() => { getSpaceData(Number(id)).then((res) => { if (res) { const { isRefunding, noRole } = res; isRefunding && router.push("/"); noRole && router.replace("person_space_introduce/" + id); } }); getData(); }, []); //提交退款 const handleSubmit = async () => { if (!name || !contact || !remark) { Toast.show({ type: "error", text1: "请完善信息后提交", topOffset: 60, }); return; } if (remark.length < 15) { Toast.show({ type: "error", text1: "请填写15字以上退款原因", topOffset: 60, }); return; } //提交数据 if (isSubmitting) return; setIsSubmitting(true); try { const _data = await requireAPI("POST", "/api/zone/refund", { body: { zid: Number(searchParams.get("id")), contact_name: name, contact_phone: contact, note: remark, }, }); if (_data.ret === -1) { Toast.show({ type: "error", text1: _data.msg, topOffset: 60, }); return; } Toast.show({ icon: "success", content: "提交成功,请关注原支付渠道通知", position: "top", }); redirect("/"); } catch (error) { console.error(error); } finally { setIsSubmitting(false); } }; //获取页面数据 const getData = async () => { try { const _data = await requireAPI("POST", "/api/zone/refund_page", { body: { zid: Number(searchParams.get("id")) }, }); if (_data.ret === -1) { Toast.show({ icon: "fail", content: _data.msg, position: "top", }); return; } setData(_data.data); } catch (error) { console.error(error); } }; return (
{ router.back(); }} />

空间退款

* 退款商品

{data?.name}

* 退款价格

¥{data?.price / 100}

* 联系人