fix: connect remaining sms pages to real backend

src/apps/admin/AdminCustomerFormPage.tsx

@@ -1,82 +1,36 @@
-import { useEffect, useMemo, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
-import { ImagePlus } from 'lucide-react';
-import { Breadcrumb, Button, Input, Select, Textarea } from '@/components/ui';
-import {
-  cityOptionsByProvince,
-  createEnterprise,
-  getEnterpriseRecords,
-  initialEnterpriseForm,
-  provinceOptions,
-  toEnterpriseForm,
-  updateEnterprise,
-  type EnterpriseForm,
-} from './adminEnterpriseMock';
-
-type EnterpriseFormErrors = Partial<Record<keyof EnterpriseForm, string>>;
+import { adminApi } from '@/api/adminApi';
+import { Breadcrumb, Button, Input, Select } from '@/components/ui';
 
 export function AdminCustomerFormPage() {
   const navigate = useNavigate();
   const { enterpriseId } = useParams();
-  const records = useMemo(() => getEnterpriseRecords(), []);
-  const editingRecord = useMemo(
-    () => records.find((record) => record.id === enterpriseId),
-    [enterpriseId, records],
-  );
   const isEdit = Boolean(enterpriseId);
-  const [form, setForm] = useState<EnterpriseForm>(() => (
-    editingRecord ? toEnterpriseForm(editingRecord) : initialEnterpriseForm
-  ));
-  const [errors, setErrors] = useState<EnterpriseFormErrors>({});
+  const [name, setName] = useState('');
+  const [code, setCode] = useState('');
+  const [status, setStatus] = useState('active');
+  const [error, setError] = useState('');
 
   useEffect(() => {
-    setForm(editingRecord ? toEnterpriseForm(editingRecord) : initialEnterpriseForm);
-    setErrors({});
-  }, [editingRecord, enterpriseId]);
-
-  const cityOptions = [
-    { label: '请选择市/区', value: '' },
-    ...(cityOptionsByProvince[form.province] ?? []),
-  ];
-
-  function updateForm<K extends keyof EnterpriseForm>(key: K, value: EnterpriseForm[K]) {
-    setForm((current) => ({
-      ...current,
-      [key]: value,
-      ...(key === 'province' ? { city: '' } : {}),
-    }));
-    setErrors((current) => ({ ...current, [key]: undefined }));
-  }
-
-  function validateForm() {
-    const nextErrors: EnterpriseFormErrors = {};
-    if (!form.name.trim()) {
-      nextErrors.name = '请填写企业名称';
-    }
-    if (!form.creditCode.trim()) {
-      nextErrors.creditCode = '请填写统一社会信用代码';
-    }
-    if (!form.contactName.trim()) {
-      nextErrors.contactName = '请填写联系人姓名';
-    }
-    if (!form.contactPhone.trim()) {
-      nextErrors.contactPhone = '请填写手机号';
-    }
-    setErrors(nextErrors);
-    return Object.keys(nextErrors).length === 0;
-  }
+    if (!enterpriseId) return;
+    adminApi.getTenant(enterpriseId)
+      .then((tenant) => {
+        setName(tenant.name);
+        setCode(tenant.code);
+        setStatus(tenant.status);
+        setError('');
+      })
+      .catch((failure: Error) => setError(failure.message || '企业信息加载失败'));
+  }, [enterpriseId]);
 
   function submitForm() {
-    if (!validateForm()) {
-      return;
-    }
-
-    if (isEdit) {
-      updateEnterprise(form);
-    } else {
-      createEnterprise(form);
-    }
-    navigate('/admin/customers');
+    const action = isEdit && enterpriseId
+      ? adminApi.updateTenant(enterpriseId, { name, code, status })
+      : adminApi.createTenant({ name, code, status });
+    action
+      .then(() => navigate('/admin/customers'))
+      .catch((failure: Error) => setError(failure.message || '企业保存失败'));
   }
 
   return (
@@ -84,126 +38,34 @@ export function AdminCustomerFormPage() {
       <div className="page-heading">
         <div>
           <Breadcrumb items={[isEdit ? '编辑企业' : '创建企业']} />
-          <p>填写企业基本信息和联系人信息，用于运营端企业档案管理。</p>
+          <p>企业档案写入真实租户表，启用后可关联企业管理员和业务数据。</p>
         </div>
       </div>
+      {error ? <p className="form-error">{error}</p> : null}
 
       <div className="surface enterprise-form-card">
         <section className="ui-detail-section">
           <div className="ui-detail-section__header">
             <div>
               <h3>基本信息</h3>
-              <p>企业主体、证照识别和通讯地址。</p>
+              <p>企业名称、企业编码和启用状态。</p>
             </div>
           </div>
-
-          <div className="enterprise-upload-panel">
-            <span>企业照片</span>
-            <button type="button">
-              <ImagePlus size={28} />
-              点击上传
-            </button>
-            <p>上传企业识别图片，支持 JPG、PNG 格式，文件大小不超过 5MB。</p>
-          </div>
-
           <div className="form-grid form-grid--two">
-            <Input
-              error={errors.name}
-              label="企业名称"
-              onChange={(event) => updateForm('name', event.target.value)}
-              placeholder="请填写企业全称"
-              required
-              value={form.name}
-            />
-            <Input
-              error={errors.creditCode}
-              hint="修改此项将同步更新该企业在系统中的所有相关记录。"
-              label="统一社会信用代码"
-              onChange={(event) => updateForm('creditCode', event.target.value)}
-              placeholder="请填写统一社会信用代码或纳税识别号"
-              required
-              value={form.creditCode}
-            />
+            <Input label="企业名称" onChange={(event) => setName(event.target.value)} placeholder="请填写企业全称" required value={name} />
+            <Input label="企业编码" onChange={(event) => setCode(event.target.value)} placeholder="请填写唯一企业编码" required value={code} />
           </div>
-
-          <div className="form-grid form-grid--two">
-            <Select
-              label="省/直辖市"
-              onChange={(event) => updateForm('province', event.target.value)}
-              options={provinceOptions}
-              value={form.province}
-            />
-            <Select
-              label="市/区"
-              onChange={(event) => updateForm('city', event.target.value)}
-              options={cityOptions}
-              value={form.city}
-            />
-          </div>
-
-          <Textarea
-            hint="通讯地址可以与营业执照上的地址不一致。"
-            label="通讯地址"
-            onChange={(event) => updateForm('address', event.target.value)}
-            placeholder="请填写详细通讯地址"
-            rows={4}
-            value={form.address}
+          <Select
+            label="企业状态"
+            onChange={(event) => setStatus(event.target.value)}
+            options={[{ label: '正常', value: 'active' }, { label: '禁用', value: 'disabled' }]}
+            value={status}
           />
         </section>
 
-        <section className="ui-detail-section">
-          <div className="ui-detail-section__header">
-            <div>
-              <h3>联系人信息</h3>
-              <p>建议填写联系人（法人或财务主管）的真实信息。</p>
-            </div>
-          </div>
-
-          <div className="enterprise-info-tip">
-            为方便给企业提供更好的服务，建议填写联系人（法人或财务主管）的真实信息。
-          </div>
-
-          <div className="form-grid form-grid--two">
-            <Input
-              error={errors.contactName}
-              label="联系人姓名"
-              onChange={(event) => updateForm('contactName', event.target.value)}
-              placeholder="请填写企业联系人姓名"
-              required
-              value={form.contactName}
-            />
-            <Input
-              label="身份证号"
-              onChange={(event) => updateForm('contactIdCard', event.target.value)}
-              placeholder="请填写企业联系人身份证号"
-              value={form.contactIdCard}
-            />
-          </div>
-
-          <div className="form-grid form-grid--two">
-            <Input
-              error={errors.contactPhone}
-              label="手机号"
-              onChange={(event) => updateForm('contactPhone', event.target.value)}
-              placeholder="请填写企业联系人手机号"
-              required
-              value={form.contactPhone}
-            />
-            <Input
-              label="电子邮箱"
-              onChange={(event) => updateForm('contactEmail', event.target.value)}
-              placeholder="请填写企业联系人邮箱"
-              type="email"
-              value={form.contactEmail}
-            />
-          </div>
-        </section>
-
         <div className="enterprise-form-footer">
-          <Button onClick={submitForm}>{isEdit ? '保存企业' : '创建企业'}</Button>
-          <Button onClick={() => navigate('/admin/customers')} variant="ghost">
-            取消
-          </Button>
+          <Button disabled={!name || !code} onClick={submitForm}>{isEdit ? '保存企业' : '创建企业'}</Button>
+          <Button onClick={() => navigate('/admin/customers')} variant="ghost">取消</Button>
         </div>
       </div>
     </section>