feat: 电商页面 KeepAlive 保活机制，切换页面不再丢失生成状态

通过 display:none 模式实现轻量 KeepAlive，电商页面首次访问后保持挂载，切换到其他页面再切回时所有右侧面板状态（上传图片、生成进度、结果）完整保留。同时清理项目中的临时文件和本地冗余图片。 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-06-03 23:20:57 +08:00
parent fdf9c43731
commit 0fc180637c
21 changed files with 2909 additions and 458 deletions
@@ -0,0 +1,98 @@
+import { FileTextOutlined, SafetyOutlined } from "@ant-design/icons";
+
+type ComplianceKind = "agreement" | "privacy";
+
+interface CompliancePageProps {
+  kind: ComplianceKind;
+}
+
+const companyName = "OmniAI";
+const contactPhone = "15155073618";
+const address = "江苏省南京市江北新区扬子江数字视听产业园9栋A楼501";
+
+const agreementSections = [
+  {
+    title: "服务范围",
+    body: "平台提供 AI 图片、视频、脚本、数字人及相关创作辅助服务。具体功能、模型能力、消耗规则以页面展示和平台公告为准。",
+  },
+  {
+    title: "账号与使用",
+    body: "用户应保证注册信息真实有效，妥善保管账号与登录凭证，不得出租、转让账号或以自动化方式恶意占用平台资源。",
+  },
+  {
+    title: "内容合规",
+    body: "用户不得上传、生成、发布违法违规、侵权、涉政敏感、暴恐、色情、赌博、诈骗或侵犯他人合法权益的内容。平台有权对违规内容采取删除、限制功能、封禁账号等措施。",
+  },
+  {
+    title: "积分与付费",
+    body: "积分仅限平台内消费，不支持提现、转让或折现。充值、套餐、赠送积分的有效期、消耗顺序和退费规则以充值页面展示为准。",
+  },
+  {
+    title: "责任限制",
+    body: "AI 生成结果可能存在偏差，用户应自行审核输出内容并承担使用后果。因不可抗力、第三方服务异常、网络故障造成的服务中断，平台将在合理范围内修复。",
+  },
+];
+
+const privacySections = [
+  {
+    title: "收集的信息",
+    body: "我们会收集账号信息、登录状态、联系方式、创作输入、生成结果、用量记录、设备与网络日志，用于提供服务、安全审计和问题排查。",
+  },
+  {
+    title: "Cookie 与本地存储",
+    body: "我们使用 Cookie、localStorage 和 sessionStorage 保存登录状态、偏好设置、Cookie 同意状态、创作草稿和断点续传数据。",
+  },
+  {
+    title: "信息使用",
+    body: "信息用于身份验证、生成任务处理、资产管理、积分计费、客服支持、风控合规、服务优化和法律法规要求的备案审计。",
+  },
+  {
+    title: "第三方处理",
+    body: "为完成 AI 生成、对象存储、短信邮件、支付或错误监控，我们可能向必要的第三方服务提供最小范围数据，并要求其按约定保护数据安全。",
+  },
+  {
+    title: "用户权利",
+    body: "你可以通过平台账号功能或联系方式申请访问、更正、删除个人信息，或撤回非必要授权。法律法规另有要求的记录可能需按规定保留。",
+  },
+];
+
+export default function CompliancePage({ kind }: CompliancePageProps) {
+  const isPrivacy = kind === "privacy";
+  const sections = isPrivacy ? privacySections : agreementSections;
+  const title = isPrivacy ? "隐私政策" : "用户协议";
+  const Icon = isPrivacy ? SafetyOutlined : FileTextOutlined;
+
+  return (
+    <section className="compliance-page">
+      <div className="compliance-page__inner">
+        <header className="compliance-hero">
+          <span className="compliance-hero__icon"><Icon /></span>
+          <div>
+            <span className="compliance-hero__eyebrow">合规文件</span>
+            <h1>{title}</h1>
+            <p>{companyName} 平台服务合规说明。更新日期：2026 年 6 月 3 日。</p>
+          </div>
+        </header>
+
+        <div className="compliance-card">
+          {sections.map((section, index) => (
+            <article key={section.title} className="compliance-section">
+              <span>{String(index + 1).padStart(2, "0")}</span>
+              <div>
+                <h2>{section.title}</h2>
+                <p>{section.body}</p>
+              </div>
+            </article>
+          ))}
+        </div>
+
+        <footer className="compliance-contact">
+          <strong>联系我们</strong>
+          <span>地址：{address}</span>
+          <span>电话：{contactPhone}</span>
+          <span>备案号：苏ICP备2026021747号-1</span>
+        </footer>
+      </div>
+    </section>
+  );
+}