feat(admin): HQ手机号编辑、合伙人子账号日志与子账号H5体验

支持 HQ 账户改手机号（格式校验）、合伙人日志包含子账号且子账号不显示主账号信息；改手机号时清除微信绑定。合伙人 H5 子账号页签与我的页、录入门店底部按钮及上传失败提示。 Co-authored-by: Cursor <cursoragent@cursor.com>
2026-07-12 13:29:09 +08:00
parent b8623f59f0
commit 63af3321dd
16 changed files with 259 additions and 40 deletions
@@ -0,0 +1,102 @@
+import { useEffect, useState } from 'react';
+import { PARTNER_STAFF_ROLE_LABELS, type PartnerStaffRole } from '@dukang/shared-types';
+import { request } from '../lib/api';
+import { usePartnerSession } from '../contexts/PartnerSessionContext';
+import { toastError, toastSuccess } from '../lib/toast';
+
+export default function PartnerMePage() {
+  const { account, refresh, logout } = usePartnerSession();
+  const [name, setName] = useState(account?.name ?? '');
+  const [saving, setSaving] = useState(false);
+
+  useEffect(() => {
+    setName(account?.name ?? '');
+  }, [account?.name]);
+
+  const roleLabel = account?.staffRole
+    ? PARTNER_STAFF_ROLE_LABELS[account.staffRole as PartnerStaffRole] || account.staffRole
+    : '拓店账号';
+
+  async function handleSave() {
+    const trimmed = name.trim();
+    if (!trimmed) {
+      toastError('请输入姓名');
+      return;
+    }
+    if (trimmed === account?.name) {
+      toastSuccess('已保存');
+      return;
+    }
+    setSaving(true);
+    try {
+      await request('PARTNER_H5', '/partner/me', {
+        method: 'PUT',
+        body: JSON.stringify({ name: trimmed }),
+      });
+      await refresh();
+      toastSuccess('已保存');
+    } catch (e) {
+      toastError(e instanceof Error ? e.message : '保存失败');
+    } finally {
+      setSaving(false);
+    }
+  }
+
+  return (
+    <div className="page partner-me-page">
+      <section className="partner-profile-card" style={{ margin: '16px var(--space-page)' }}>
+        <div className="partner-profile-avatar">
+          <span className="material-symbols-outlined">person</span>
+        </div>
+        <div style={{ flex: 1 }}>
+          <h2 className="headline-lg" style={{ fontSize: 20 }}>{account?.name || '我的'}</h2>
+          <p className="label-md text-muted" style={{ marginTop: 4 }}>{roleLabel}</p>
+          {account?.companyName ? (
+            <p className="body-md text-muted" style={{ marginTop: 4 }}>{account.companyName}</p>
+          ) : null}
+        </div>
+      </section>
+
+      <section className="partner-form-section" style={{ padding: '0 var(--space-page)' }}>
+        <label className="partner-form-label" htmlFor="me-name">姓名</label>
+        <input
+          id="me-name"
+          className="partner-form-input"
+          value={name}
+          onChange={(e) => setName(e.target.value)}
+          placeholder="请输入姓名"
+          maxLength={32}
+        />
+
+        <label className="partner-form-label" style={{ marginTop: 16 }}>手机号</label>
+        <input
+          className="partner-form-input"
+          value={account?.phone ?? ''}
+          readOnly
+          disabled
+        />
+        <p className="label-md text-muted" style={{ marginTop: 4 }}>手机号由管理员维护，如需修改请联系总部</p>
+      </section>
+
+      <div style={{ padding: '24px var(--space-page) 100px' }}>
+        <button
+          type="button"
+          className="partner-btn-primary"
+          style={{ width: '100%' }}
+          disabled={saving}
+          onClick={() => void handleSave()}
+        >
+          {saving ? '保存中…' : '保存'}
+        </button>
+        <button
+          type="button"
+          className="partner-btn-outline"
+          style={{ width: '100%', marginTop: 12 }}
+          onClick={logout}
+        >
+          退出登录
+        </button>
+      </div>
+    </div>
+  );
+}
@@ -20,6 +20,7 @@ import { fetchPartnerCities, type OpenCityOption } from '../lib/upload';
 import { isWechatEnv, weixinSdk } from '../lib/weixin';

 import { usePartnerSession } from '../contexts/PartnerSessionContext';
+import { isSubAccount } from '../lib/partnerAccess';

 import {

@@ -79,6 +80,8 @@ export default function StoreCreatePage() {

  const { account, refresh } = usePartnerSession();

+  const subAccountLayout = isSubAccount(account);
+
  const accountId = account?.id;

  const wechatReady = !!account?.hasWechat;
@@ -499,7 +502,7 @@ export default function StoreCreatePage() {

  return (

-    <div className="partner-page-sticky">
+    <div className={`partner-page-sticky${subAccountLayout ? ' partner-page-sticky--tabbar' : ''}`}>

      <PageHeader title="录入新门店" onBack={() => navigate('/stores')} />

@@ -915,7 +918,7 @@ export default function StoreCreatePage() {



-      <footer className="partner-sticky-footer">
+      <footer className={`partner-sticky-footer${subAccountLayout ? ' partner-sticky-footer--above-tabbar' : ''}`}>

        {step > 1 && (