import { QRCode } from "antd";
import { CheckCircleFill } from "antd-mobile-icons";
import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";

function Success() {
  const query = useGetUrlQuery();

  return (
    <div style={{ padding: "20px" }}>
      <div style={{ textAlign: "center", paddingTop: "30px" }}>
        <CheckCircleFill fontSize={48} color="var(--adm-color-primary)" />
        <div style={{ paddingTop: "10px" }}>信息提交成功！</div>
      </div>
      <div style={{ textAlign: "center", marginTop: "50px" }}>
        <QRCode value={`${window.location.origin}/primeport-h5/container/mobile/firstLevelDoor/personnelApplication/applyList?id=${query.id}&tmpApplyType=${query.tmpApplyType}&tmpMkmjType=${query.tmpMkmjType}`} style={{ margin: "0 auto", marginBottom: 10 }} />
        <div style={{ paddingTop: "20px" }}>扫描识别二维码获取审批进度。</div>
        <div style={{ color: "red", fontSize: 12, paddingTop: "10px" }}>请长按或截屏保存二维码，关闭页面后将无法再获取二维码</div>
      </div>
    </div>
  );
}

export default Success;
