门店账号管理修改

apps/admin-web/src/pages/StoresPage.tsx

@@ -81,6 +81,7 @@ export default function StoresPage() {
   const [createOpen, setCreateOpen] = useState(false);
   const [createStep, setCreateStep] = useState(0);
   const [createError, setCreateError] = useState('');
+  const [smsCooldown, setSmsCooldown] = useState(0);
   const [partners, setPartners] = useState<PartnerOption[]>([]);
   const [cities, setCities] = useState<CityOption[]>([]);
   const [optionsLoading, setOptionsLoading] = useState(false);
@@ -138,9 +139,38 @@ export default function StoresPage() {
     setCreateOpen(false);
     setCreateStep(0);
     setCreateError('');
+    setSmsCooldown(0);
     createForm.resetFields();
   }
 
+  async function sendCreateSms() {
+    const phone = String(createForm.getFieldValue('phone') ?? '').trim();
+    if (!/^1\d{10}$/.test(phone)) {
+      message.error('请先填写正确的11位门店手机号');
+      return;
+    }
+    if (smsCooldown > 0) return;
+    try {
+      await request('/admin/stores/phone/sms/send', {
+        method: 'POST',
+        body: JSON.stringify({ phone }),
+      });
+      message.success('验证码已发送');
+      setSmsCooldown(60);
+      const timer = setInterval(() => {
+        setSmsCooldown((s) => {
+          if (s <= 1) {
+            clearInterval(timer);
+            return 0;
+          }
+          return s - 1;
+        });
+      }, 1000);
+    } catch (e) {
+      message.error(e instanceof Error ? e.message : '发送失败');
+    }
+  }
+
   function openCreateModal() {
     void loadOptions();
     createForm.setFieldsValue({
@@ -160,7 +190,7 @@ export default function StoresPage() {
         return;
       }
       try {
-        await createForm.validateFields(['partnerId', 'regionCodes', 'cityId', 'name', 'phone', 'address']);
+        await createForm.validateFields(['partnerId', 'regionCodes', 'cityId', 'name', 'phone', 'smsCode', 'address']);
       } catch {
         return;
       }
@@ -188,6 +218,7 @@ export default function StoresPage() {
           city: values.city,
           name: values.name.trim(),
           phone: values.phone.trim(),
+          smsCode: values.smsCode.trim(),
           district: values.district.trim(),
           address: values.address.trim(),
           intro: values.intro?.trim() || undefined,
@@ -197,8 +228,6 @@ export default function StoresPage() {
           bankAccountName: values.bankAccountName.trim(),
           bankAccountNo: values.bankAccountNo.replace(/\s/g, ''),
           bankBranch: values.bankBranch.trim(),
-          accountPhone: values.accountPhone?.trim() || undefined,
-          accountName: values.accountName?.trim() || undefined,
         }),
       });
       message.success('门店已创建');
@@ -208,7 +237,7 @@ export default function StoresPage() {
       if (e && typeof e === 'object' && 'errorFields' in e) {
         const fields = e as { errorFields?: Array<{ name: string[] }> };
         const first = fields.errorFields?.[0]?.name?.[0];
-        if (first === 'partnerId' || first === 'cityId' || first === 'regionCodes' || first === 'name' || first === 'phone') {
+        if (first === 'partnerId' || first === 'cityId' || first === 'regionCodes' || first === 'name' || first === 'phone' || first === 'smsCode') {
           setCreateStep(0);
         }
         return;
@@ -370,21 +399,25 @@ export default function StoresPage() {
               <Form.Item name="name" label="门店名称" rules={[{ required: true, message: '请填写门店名称' }]}>
                 <Input placeholder="请输入门店名称" />
               </Form.Item>
-              <Form.Item name="phone" label="联系电话" rules={[{ required: true, message: '请填写联系电话' }]}>
+              <Form.Item name="phone" label="门店手机号（登录账号）" rules={[{ required: true, message: '请填写门店手机号' }]}>
                 <Input placeholder="11位手机号" />
               </Form.Item>
+              <Form.Item label="短信验证" required>
+                <Space.Compact style={{ width: '100%' }}>
+                  <Form.Item name="smsCode" noStyle rules={[{ required: true, message: '请填写验证码' }]}>
+                    <Input placeholder="验证码" maxLength={6} />
+                  </Form.Item>
+                  <Button disabled={smsCooldown > 0} onClick={() => void sendCreateSms()}>
+                    {smsCooldown > 0 ? `${smsCooldown}s` : '获取验证码'}
+                  </Button>
+                </Space.Compact>
+              </Form.Item>
               <Form.Item name="address" label="详细地址" rules={[{ required: true, message: '请填写详细地址' }]}>
                 <Input.TextArea rows={2} placeholder="请输入详细门牌号" />
               </Form.Item>
               <Form.Item name="intro" label="门店简介">
                 <Input.TextArea rows={3} placeholder="选填，10~500字" showCount maxLength={500} />
               </Form.Item>
-              <Form.Item name="accountPhone" label="店长手机">
-                <Input placeholder="默认同门店电话" />
-              </Form.Item>
-              <Form.Item name="accountName" label="店长姓名">
-                <Input placeholder="默认同门店名" />
-              </Form.Item>
           </div>
           <div style={{ display: createStep === 1 ? 'block' : 'none' }}>
               <Typography.Paragraph type="secondary">