51 lines
3.1 KiB
TypeScript
51 lines
3.1 KiB
TypeScript
import Banner, { type BannerConfig } from "@/components/Banner";
|
|
import Section from "@/components/layout/Section";
|
|
import styles from "./AuditReport.module.css";
|
|
import { useStore } from "@/store";
|
|
|
|
export default function AuditReport() {
|
|
const appConfig = useStore((s) => s.appConfig);
|
|
const data = appConfig?.others?.auditReport;
|
|
const banner = data?.banner;
|
|
|
|
const content = `
|
|
<p style="font-weight: bold;font-size: 24px;">审计举报</p>
|
|
<p>本网站由银泰集团(以下简称"本公司")运营、管理。使用本网站之前，请仔细阅读下列各项条款与条件（包括但不限于本公司的免责条款及对用户的权利限制条款），请您审阅并接受或不接受本服务条款（未成年人审阅时应得到法定监护人的陪同）。如您不同意本服务条款及/或随时对其的修改，您应不使用或主动取消本公司提供的网站服务。您的使用行为将被视为您对本服务条款全部的完全接受，包括接受本公司对服务条款随时所做的任何修改。</p>
|
|
<p>本网站由银泰集团(以下简称"本公司")运营、管理。使用本网站之前，请仔细阅读下列各项条款与条件（包括但不限于本公司的免责条款及对用户的权利限制条款），请您审阅并接受或不接受本服务条款（未成年人审阅时应得到法定监护人的陪同）。如您不同意本服务条款及/或随时对其的修改，您应不使用或主动取消本公司提供的网站服务。您的使用行为将被视为您对本服务条款全部的完全接受，包括接受本公司对服务条款随时所做的任何修改。</p>
|
|
`;
|
|
const qrCode = "/images/bg-overview.png";
|
|
|
|
return (
|
|
<div>
|
|
<Banner
|
|
title={banner?.title ?? "审计举报"}
|
|
content={(banner as BannerConfig)?.content}
|
|
titleSize={(banner as BannerConfig)?.titleSize ?? "large"}
|
|
backgroundImage={banner?.backgroundImage ?? "/images/bg-overview.png"}
|
|
/>
|
|
|
|
<Section background="" maskBackground="#fff">
|
|
<div className={styles.auditReport}>
|
|
<p
|
|
className={styles.auditReportP}
|
|
dangerouslySetInnerHTML={{ __html: content }}
|
|
/>
|
|
{qrCode && (
|
|
<div className={styles.auditReportQrCodeWrapper}>
|
|
<div className={styles.auditReportQrCode}>
|
|
<span className={styles.auditReportQrCodeTitle}>审计举报</span>
|
|
<img
|
|
className={styles.auditReportQrCodeImg}
|
|
src={qrCode}
|
|
alt=""
|
|
/>
|
|
<span className={styles.auditReportQrCodeText}>打开微信扫一扫</span>
|
|
</div>
|
|
</div>
|
|
)}
|
|
</div>
|
|
</Section>
|
|
</div>
|
|
);
|
|
}
|