feat: wire admin workflows to real APIs

src/apps/client/ClientEnterpriseAuthPage.tsx

@@ -1,10 +1,8 @@
 import { useState } from 'react';
 import {
   AlertCircle,
-  Building2,
   Check,
   ChevronRight,
-  CreditCard,
   Landmark,
   ShieldCheck,
   Upload,
@@ -12,8 +10,9 @@ import {
 } from 'lucide-react';
 import { Button, Input, Select, Textarea } from '@/components/ui';
 
-type AuthStep = 'overview' | 'profile' | 'method' | 'recharge' | 'face' | 'faceScan' | 'success' | 'failed';
+type AuthStep = 'overview' | 'profile' | 'method' | 'recharge' | 'face' | 'faceScan' | 'pending' | 'success' | 'failed';
 type AuthMethod = 'face' | 'recharge';
+type CertificationStatus = 'uncertified' | 'pending' | 'approved' | 'rejected';
 
 const companyInfo = {
   name: '上海闪联九玖信息通信技术有限公司',
@@ -56,14 +55,21 @@ function EnterpriseStepper({ current }: { current: number }) {
   );
 }
 
-function AuthHeader({ onCertified }: { onCertified: () => void }) {
+function AuthHeader({ status }: { status: CertificationStatus }) {
+  const statusText: Record<CertificationStatus, string> = {
+    uncertified: '未认证',
+    pending: '审核中',
+    approved: '已通过',
+    rejected: '未通过',
+  };
+
   return (
     <div className="system-page-toolbar">
       <div className="sms-send-title">
         <span className="sms-send-title__icon"><ShieldCheck size={22} /></span>
         <h1>企业认证</h1>
       </div>
-      <Button onClick={onCertified} variant="secondary">设为已认证（测试）</Button>
+      <span className={`enterprise-review-status enterprise-review-status--${status}`}>{statusText[status]}</span>
     </div>
   );
 }
@@ -71,26 +77,39 @@ function AuthHeader({ onCertified }: { onCertified: () => void }) {
 export function ClientEnterpriseAuthPage() {
   const [step, setStep] = useState<AuthStep>('overview');
   const [method, setMethod] = useState<AuthMethod>('face');
+  const [status, setStatus] = useState<CertificationStatus>('uncertified');
 
-  const currentStep = step === 'profile' ? 1 : step === 'method' ? 2 : step === 'recharge' || step === 'face' || step === 'faceScan' ? 3 : step === 'success' || step === 'failed' ? 4 : 1;
+  const currentStep = step === 'profile' ? 1 : step === 'method' ? 2 : step === 'recharge' || step === 'face' || step === 'faceScan' ? 3 : step === 'pending' || step === 'success' || step === 'failed' ? 4 : 1;
 
   if (step === 'overview') {
+    const overviewCopy = status === 'approved'
+      ? '企业认证已审核通过，可正常使用发送、签名报备等能力。'
+      : status === 'pending'
+        ? '企业认证资料已提交，平台运营将在 1 个工作日内完成审核。'
+        : status === 'rejected'
+          ? '企业认证未通过，请根据驳回原因修改资料后重新提交。'
+          : '您还未进行企业认证';
+
     return (
       <section className="page-stack enterprise-page">
-        <AuthHeader onCertified={() => setStep('success')} />
+        <AuthHeader status={status} />
 
-        <div className="surface enterprise-status-card">
-          <strong>您还未进行企业认证</strong>
-          <button type="button" onClick={() => setStep('profile')}>企业认证 &gt;</button>
+        <div className={`surface enterprise-status-card enterprise-status-card--${status}`}>
+          <strong>{overviewCopy}</strong>
+          {status === 'approved' ? null : (
+            <button type="button" onClick={() => setStep(status === 'pending' ? 'pending' : 'profile')}>
+              {status === 'pending' ? '查看审核进度 >' : '企业认证 >'}
+            </button>
+          )}
         </div>
 
         <div className="surface enterprise-info-card">
           <dl>
-            <div><dt>企业名称：</dt><dd>未知</dd></div>
-            <div><dt>认证时间：</dt><dd>未知</dd></div>
-            <div><dt>统一社会信用代码：</dt><dd>未知</dd></div>
-            <div><dt>通讯地址：</dt><dd>未知</dd></div>
-            <div><dt>法定代表人：</dt><dd>未知</dd></div>
+            <div><dt>企业名称：</dt><dd>{status === 'approved' ? companyInfo.name : '待认证'}</dd></div>
+            <div><dt>认证时间：</dt><dd>{status === 'approved' ? companyInfo.certifiedAt : '待审核完成'}</dd></div>
+            <div><dt>统一社会信用代码：</dt><dd>{status === 'approved' ? companyInfo.code : '待认证'}</dd></div>
+            <div><dt>通讯地址：</dt><dd>{status === 'approved' ? companyInfo.address : '待认证'}</dd></div>
+            <div><dt>法定代表人：</dt><dd>{status === 'approved' ? companyInfo.legalPerson : '待认证'}</dd></div>
           </dl>
         </div>
       </section>
@@ -202,7 +221,7 @@ export function ClientEnterpriseAuthPage() {
             </div>
 
             <div className="enterprise-actions enterprise-actions--center">
-              <Button onClick={() => setStep('success')}>确认并充值</Button>
+                <Button onClick={() => { setStatus('pending'); setStep('pending'); }}>确认并充值</Button>
               <Button onClick={() => setStep('method')} variant="secondary">返回选择认证方式</Button>
             </div>
           </div>
@@ -235,20 +254,36 @@ export function ClientEnterpriseAuthPage() {
               <h2>扫码认证</h2>
               <p>为了验证您的身份，请使用支付宝扫码进行人脸识别，剩余有效时间：<em>59分57秒</em></p>
               <div className="enterprise-qr">二维码</div>
-              <span>完成扫描操作后，实名将立即成功</span>
+              <span>完成扫描操作后，资料将提交至运营端审核。</span>
               <div className="enterprise-actions enterprise-actions--center">
                 <Button onClick={() => setStep('face')} variant="secondary">重新填写法人信息</Button>
-                <Button onClick={() => setStep('success')} className="enterprise-success-test">测试：认证成功</Button>
-                <Button onClick={() => setStep('failed')} variant="danger">测试：认证失败</Button>
+                <Button onClick={() => { setStatus('pending'); setStep('pending'); }}>提交审核</Button>
               </div>
             </div>
           </div>
         ) : null}
 
+        {step === 'pending' ? (
+          <div className="enterprise-result enterprise-result--pending">
+            <span><ShieldCheck size={70} /></span>
+            <h2>认证资料已提交，等待运营审核</h2>
+            <p>当前状态：运营端审核中。审核通过后将自动解锁短信发送、签名报备等能力；未通过时可根据驳回原因重新提交。</p>
+            <dl>
+              <div><dt>企业名称：</dt><dd>{companyInfo.name}</dd></div>
+              <div><dt>提交时间：</dt><dd>2026年07月02日 09:58:00</dd></div>
+              <div><dt>审核时效：</dt><dd>1 个工作日内</dd></div>
+              <div><dt>当前节点：</dt><dd>运营端资料审核</dd></div>
+            </dl>
+            <div className="enterprise-actions enterprise-actions--center">
+              <Button onClick={() => setStep('overview')} variant="secondary">返回概览</Button>
+            </div>
+          </div>
+        ) : null}
+
         {step === 'success' ? (
           <div className="enterprise-result enterprise-result--success">
             <span><Check size={70} /></span>
-            <h2>恭喜您，认证成功！</h2>
+            <h2>认证审核通过</h2>
             <dl>
               <div><dt>企业名称：</dt><dd>{companyInfo.name}</dd></div>
               <div><dt>统一社会信用代码：</dt><dd>{companyInfo.code}</dd></div>
@@ -256,19 +291,18 @@ export function ClientEnterpriseAuthPage() {
               <div><dt>认证时间：</dt><dd>{companyInfo.certifiedAt}</dd></div>
               <div><dt>通讯地址：</dt><dd>{companyInfo.address}</dd></div>
             </dl>
-            <Button onClick={() => setStep('overview')} variant="secondary">关闭页面</Button>
+            <Button onClick={() => setStep('overview')} variant="secondary">返回概览</Button>
           </div>
         ) : null}
 
         {step === 'failed' ? (
           <div className="enterprise-result enterprise-result--failed">
             <span>!</span>
-            <h2>很遗憾，认证失败！</h2>
-            <p>相同方式认证时限倒计时：</p>
-            <strong>2天23小时59分</strong>
-            <button type="button" onClick={() => setStep('method')}>选其他认证方式 <ChevronRight size={18} /></button>
+            <h2>认证审核未通过</h2>
+            <p>驳回原因：营业执照照片不清晰，企业联系人手机号无法核验。请修改资料后重新提交。</p>
+            <button type="button" onClick={() => setStep('profile')}>重新提交资料 <ChevronRight size={18} /></button>
             <div className="enterprise-actions enterprise-actions--center">
-              <Button onClick={() => setStep('method')} variant="secondary">选择其他认证方式</Button>
+              <Button onClick={() => setStep('profile')}>重新提交</Button>
               <Button onClick={() => setStep('overview')} variant="secondary">关闭页面</Button>
             </div>
           </div>