合伙人端登录接口优化

2026-07-07 15:22:55 +08:00
parent 7dd8a6662b
commit 2c74f6a08c
4 changed files with 133 additions and 51 deletions
@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import {
-  Button, Descriptions, Drawer, Form, Input, Modal, Select, Space, Table, Tabs, Tag, Typography, message,
+  Button, Drawer, Form, Input, Modal, Select, Space, Table, Tabs, Tag, Typography, message,
 } from 'antd';
 import type { ColumnsType } from 'antd/es/table';
 import { request, type Paginated } from '../lib/api';
@@ -28,6 +28,7 @@ type Detail = Row & { bills?: BillRow[]; orders?: OrderRow[] };

 export default function PartnerAccountsPage() {
  const [form] = Form.useForm();
+  const [editForm] = Form.useForm();
  const [createForm] = Form.useForm();
  const [filters, setFilters] = useState<Record<string, string>>({});
  const { data, loading, page, pageSize, setPage, setPageSize, reload } = useAdminList<Row>(
@@ -50,6 +51,22 @@ export default function PartnerAccountsPage() {
    setPartners(res.items);
  }

+  async function openAccount(id: string) {
+    const d = await request<Detail>(`/admin/partner-accounts/${id}`);
+    setDetail(d);
+    editForm.setFieldsValue({ name: d.name, phone: d.phone, status: d.status });
+    setDrawerOpen(true);
+  }
+
+  async function saveAccount() {
+    if (!detail) return;
+    const v = await editForm.validateFields();
+    await request(`/admin/partner-accounts/${detail.id}`, { method: 'PUT', body: JSON.stringify(v) });
+    message.success('已保存');
+    setDrawerOpen(false);
+    void reload();
+  }
+
  const columns: ColumnsType<Row> = [
    { title: '姓名', dataIndex: 'name', width: 100 },
    { title: '手机', dataIndex: 'phone', width: 120 },
@@ -58,12 +75,12 @@ export default function PartnerAccountsPage() {
    { title: '状态', dataIndex: 'status', width: 80, render: (s) => <Tag>{ACCOUNT_STATUS_LABELS[s] || s}</Tag> },
    { title: '创建', dataIndex: 'createdAt', width: 160, render: fmtTime },
    {
-      title: '操作', width: 80,
+      title: '操作', width: 120,
      render: (_, row) => (
-        <Button type="link" size="small" onClick={async () => {
-          setDetail(await request<Detail>(`/admin/partner-accounts/${row.id}`));
-          setDrawerOpen(true);
-        }}>详情</Button>
+        <Space>
+          <Button type="link" size="small" onClick={() => void openAccount(row.id)}>详情</Button>
+          <Button type="link" size="small" onClick={() => void openAccount(row.id)}>编辑</Button>
+        </Space>
      ),
    },
  ];
@@ -100,27 +117,41 @@ export default function PartnerAccountsPage() {
      </Form>
      <Table rowKey="id" className="admin-table-nowrap" loading={loading} columns={columns} dataSource={data?.items ?? []} scroll={{ x: 900 }}
        pagination={{ current: page, pageSize, total: data?.total ?? 0, showSizeChanger: true, onChange: (p, ps) => { setPage(p); setPageSize(ps); } }} />
-      <Drawer title="开城合伙人账户" width={720} open={drawerOpen} onClose={() => setDrawerOpen(false)}
-        extra={detail && (
-          <Select defaultValue={detail.status} style={{ width: 100 }}
-            options={Object.entries(ACCOUNT_STATUS_LABELS).map(([value, label]) => ({ value, label }))}
-            onChange={async (status) => {
-              await request(`/admin/partner-accounts/${detail.id}`, { method: 'PUT', body: JSON.stringify({ status }) });
-              message.success('已更新');
-              void reload();
-            }} />
-        )}>
+      <Drawer
+        title="编辑开城合伙人账户"
+        width={720}
+        open={drawerOpen}
+        onClose={() => setDrawerOpen(false)}
+        extra={<Button type="primary" onClick={() => void saveAccount()}>保存</Button>}
+      >
        {detail && (
          <Tabs items={[
            {
              key: 'info',
              label: '基本信息',
              children: (
-                <Descriptions column={1} bordered size="small">
-                  <Descriptions.Item label="姓名">{detail.name}</Descriptions.Item>
-                  <Descriptions.Item label="手机">{detail.phone}</Descriptions.Item>
-                  <Descriptions.Item label="开城合伙人">{detail.partner?.companyName}</Descriptions.Item>
-                </Descriptions>
+                <Form form={editForm} layout="vertical">
+                  <Form.Item label="开城合伙人">
+                    <Input value={detail.partner?.companyName} disabled />
+                  </Form.Item>
+                  <Form.Item name="name" label="姓名" rules={[{ required: true }]}><Input /></Form.Item>
+                  <Form.Item
+                    name="phone"
+                    label="登录手机"
+                    rules={[
+                      { required: true },
+                      { pattern: /^1[3-9]\d{9}$/, message: '请输入正确的手机号码' },
+                    ]}
+                  >
+                    <Input maxLength={11} />
+                  </Form.Item>
+                  <Form.Item name="status" label="状态" rules={[{ required: true }]}>
+                    <Select options={Object.entries(ACCOUNT_STATUS_LABELS).map(([value, label]) => ({ value, label }))} />
+                  </Form.Item>
+                  <Typography.Text type="secondary">
+                    合伙人 H5 登录使用「登录手机」，与开城合伙人主体的「联系电话」可不同。
+                  </Typography.Text>
+                </Form>
              ),
            },
            {
@@ -155,7 +186,16 @@ export default function PartnerAccountsPage() {
            <Select showSearch optionFilterProp="label" options={partners.map((p) => ({ value: p.id, label: p.companyName }))} />
          </Form.Item>
          <Form.Item name="name" label="姓名" rules={[{ required: true }]}><Input /></Form.Item>
-          <Form.Item name="phone" label="手机" rules={[{ required: true }]}><Input /></Form.Item>
+          <Form.Item
+            name="phone"
+            label="登录手机"
+            rules={[
+              { required: true },
+              { pattern: /^1[3-9]\d{9}$/, message: '请输入正确的手机号码' },
+            ]}
+          >
+            <Input maxLength={11} />
+          </Form.Item>
        </Form>
      </Modal>
    </div>
@@ -12,6 +12,24 @@ type Row = {
  storeCount: number; accountCount: number; cityCount: number; createdAt: string;
 };

+type PartnerDetail = Row & {
+  bankAccountName?: string | null;
+  bankAccountNo?: string | null;
+  bankBranch?: string | null;
+  cities?: Array<{ name: string; code: string; status: string }>;
+};
+
+function pickPartnerFormValues(d: PartnerDetail) {
+  return {
+    companyName: d.companyName,
+    contactPhone: d.contactPhone,
+    address: d.address,
+    bankAccountName: d.bankAccountName ?? '',
+    bankAccountNo: d.bankAccountNo ?? '',
+    bankBranch: d.bankBranch ?? '',
+  };
+}
+
 export default function PartnersPage() {
  const [form] = Form.useForm();
  const [editForm] = Form.useForm();
@@ -27,10 +45,26 @@ export default function PartnersPage() {
    },
    [filters],
  );
-  const [detail, setDetail] = useState<Record<string, unknown> | null>(null);
+  const [detail, setDetail] = useState<PartnerDetail | null>(null);
  const [drawerOpen, setDrawerOpen] = useState(false);
  const [createOpen, setCreateOpen] = useState(false);

+  async function openPartner(id: string) {
+    const d = await request<PartnerDetail>(`/admin/partners/${id}`);
+    setDetail(d);
+    editForm.setFieldsValue(pickPartnerFormValues(d));
+    setDrawerOpen(true);
+  }
+
+  async function savePartner() {
+    if (!detail) return;
+    const v = await editForm.validateFields();
+    await request(`/admin/partners/${detail.id}`, { method: 'PUT', body: JSON.stringify(v) });
+    message.success('已保存');
+    setDrawerOpen(false);
+    void reload();
+  }
+
  const columns: ColumnsType<Row> = [
    { title: '公司名', dataIndex: 'companyName' },
    { title: '联系电话', dataIndex: 'contactPhone', width: 130 },
@@ -42,15 +76,8 @@ export default function PartnersPage() {
      title: '操作', width: 120,
      render: (_, row) => (
        <Space>
-          <Button type="link" size="small" onClick={async () => {
-            setDetail(await request(`/admin/partners/${row.id}`));
-            setDrawerOpen(true);
-          }}>详情</Button>
-          <Button type="link" size="small" onClick={() => {
-            editForm.setFieldsValue(row);
-            setDetail(row as unknown as Record<string, unknown>);
-            setDrawerOpen(true);
-          }}>编辑</Button>
+          <Button type="link" size="small" onClick={() => void openPartner(row.id)}>详情</Button>
+          <Button type="link" size="small" onClick={() => void openPartner(row.id)}>编辑</Button>
        </Space>
      ),
    },
@@ -69,30 +96,29 @@ export default function PartnersPage() {
      </Form>
      <Table rowKey="id" className="admin-table-nowrap" loading={loading} columns={columns} dataSource={data?.items ?? []}
        pagination={{ current: page, pageSize, total: data?.total ?? 0, showSizeChanger: true, onChange: (p, ps) => { setPage(p); setPageSize(ps); } }} />
-      <Drawer title="开城合伙人详情" width={560} open={drawerOpen} onClose={() => setDrawerOpen(false)}
-        extra={detail && (
-          <Button type="primary" onClick={async () => {
-            const v = await editForm.validateFields();
-            await request(`/admin/partners/${detail.id}`, { method: 'PUT', body: JSON.stringify(v) });
-            message.success('已保存');
-            void reload();
-          }}>保存</Button>
-        )}>
+      <Drawer
+        title="编辑开城合伙人"
+        width={560}
+        open={drawerOpen}
+        onClose={() => setDrawerOpen(false)}
+        extra={<Button type="primary" onClick={() => void savePartner()}>保存</Button>}
+      >
        {detail && (
          <>
-            {Array.isArray(detail.cities) && (
+            {Array.isArray(detail.cities) && detail.cities.length > 0 && (
              <Descriptions column={1} bordered size="small" style={{ marginBottom: 16 }} title="关联开城城市">
-                {(detail.cities as Array<{ name: string; code: string; status: string }>).map((c) => (
+                {detail.cities.map((c) => (
                  <Descriptions.Item key={c.code} label={c.code}>{c.name} ({c.status})</Descriptions.Item>
                ))}
              </Descriptions>
            )}
-            <Form form={editForm} layout="vertical" initialValues={detail as Record<string, unknown>}>
+            <Form form={editForm} layout="vertical">
              <Form.Item name="companyName" label="公司名" rules={[{ required: true }]}><Input /></Form.Item>
              <Form.Item name="contactPhone" label="联系电话" rules={[{ required: true }]}><Input /></Form.Item>
              <Form.Item name="address" label="地址" rules={[{ required: true }]}><Input /></Form.Item>
              <Form.Item name="bankAccountName" label="户名"><Input /></Form.Item>
              <Form.Item name="bankAccountNo" label="账号"><Input /></Form.Item>
+              <Form.Item name="bankBranch" label="开户行"><Input /></Form.Item>
            </Form>
          </>
        )}