jacy/dukang
1
0
Fork 0
Code Issues Pull Requests Actions 8 Packages Projects Releases Wiki Activity

feat(store): 门店套餐 v3.4.10 全端实现

Browse Source 
新增 StorePackage 与变更审核流，覆盖总部直存、合伙/门店提审、C 端展示与套餐异议工单；同步 PRD/开发文档与 REQ 索引。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
jacy
2026-08-03 19:30:59 +08:00
parent 7e3dc131ad
commit 3c19b7dd97
35 changed files with 2128 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/h5-partner/src/pages/StoreCreatePage.tsx
+59 -10
View File
@@ -42,10 +42,10 @@ import {
patchEnvPhotoAt,
} from '../lib/storeDraft';
import StorePackagesForm from '../components/StorePackagesForm';
import { normalizePackageFormItems, validatePackageFormItems } from '../lib/storePackages';
const STEPS = ['基本信息', '照片上传', '结算资质'] as const;
const STEPS = ['基本信息', '照片上传', '结算资质', '门店套餐'] as const;
type StoreCategoryNode = {
id: string;
@@ -111,7 +111,7 @@ export default function StoreCreatePage() {
const stepFromUrl = Number(params.get('step') || 0);
const step = stepFromUrl >= 1 && stepFromUrl <= 3 ? stepFromUrl : (saved?.step ?? 1);
const step = stepFromUrl >= 1 && stepFromUrl <= 4 ? stepFromUrl : (saved?.step ?? 1);
@@ -318,13 +318,25 @@ export default function StoreCreatePage() {
}
if (step === 3) {
const msg = validateStoreStep3(form);
if (msg) {
if (isPhoneValidationMessage(msg)) {
setFieldErrors({ phone: msg });
return;
}
reportFormError(msg);
return;
}
}
goStep(step + 1);
}
async function submit() {
async function submit(skipPackages = false) {
const msg = validateStoreStep3(form);
@@ -337,6 +349,15 @@ export default function StoreCreatePage() {
return;
}
const packagesToSubmit = skipPackages ? [] : form.packages || [];
if (!skipPackages) {
const pkgMsg = validatePackageFormItems(packagesToSubmit);
if (pkgMsg) {
reportFormError(pkgMsg);
return;
}
}
const step1Msg = validateStoreStep1(form);
if (step1Msg) {
@@ -472,6 +493,15 @@ export default function StoreCreatePage() {
draftSaveDisabledRef.current = true;
clearAllStoreDrafts(accountId);
const packages = normalizePackageFormItems(packagesToSubmit);
if (packages.length) {
await request('PARTNER_H5', `/partner/stores/${result.store.id}/packages`, {
method: 'PUT',
body: JSON.stringify({
packages: packages.map((p) => ({ ...p, price: Number(p.price).toFixed(2) })),
}),
});
}
setForm(defaultStoreForm());
setFieldErrors({});
setSubmitError('');
@@ -496,7 +526,7 @@ export default function StoreCreatePage() {
const progress = step === 1 ? 0 : step === 2 ? 50 : 100;
const progress = step === 1 ? 0 : step === 2 ? 33 : step === 3 ? 66 : 100;
const nextDisabled = submitting;
@@ -1096,6 +1126,20 @@ export default function StoreCreatePage() {
)}
{step === 4 && (
<>
<section className="partner-section">
<h2 className="partner-section-title">门店套餐（可选）</h2>
<p className="partner-form-hint">可不填；提交后将进入总部审核。也可跳过此步。</p>
<StorePackagesForm
items={form.packages?.length ? form.packages : [{ name: '', price: '', dishes: '', usableTime: '', otherNotes: '', sortOrder: 0 }]}
onChange={(packages) => setForm((prev) => ({ ...prev, packages }))}
disabled={submitting}
/>
</section>
</>
)}
<footer className="partner-sticky-footer">
@@ -1110,7 +1154,7 @@ export default function StoreCreatePage() {
)}
{step < 3 ? (
{step < 4 ? (
<button type="button" className="partner-btn-primary" onClick={() => void handleNext()} disabled={nextDisabled}>
@@ -1122,11 +1166,16 @@ export default function StoreCreatePage() {
) : (
<button type="button" className="partner-btn-primary" onClick={() => void submit()} disabled={submitting}>
<>
<button type="button" className="partner-btn-outline" onClick={() => void submit(true)} disabled={submitting}>
跳过
</button>
<button type="button" className="partner-btn-primary" onClick={() => void submit(false)} disabled={submitting}>
{submitting ? '提交中…' : '提交'}
{submitting ? '提交中…' : '提交'}
</button>
</button>
</>
)}
apps/h5-partner/src/pages/StoreDetailPage.tsx
+12
View File
@@ -277,6 +277,18 @@ export default function StoreDetailPage() {
)}
</section>
{canMutate && !auditPending && status !== 'CLOSED' && (
<section className="partner-form-card" style={{ margin: '0 0 16px' }}>
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
<h3 className="label-md text-muted" style={{ textTransform: 'uppercase', letterSpacing: '0.1em' }}>门店套餐</h3>
<button type="button" className="partner-btn-outline" onClick={() => navigate(`/stores/${id}/packages`)}>
编辑套餐
</button>
</div>
<p className="label-md text-muted" style={{ marginTop: 8 }}>维护可核销套餐信息，提交后由总部审核。</p>
</section>
)}
{canMutate && (
<section className="partner-form-card" style={{ margin: '0 0 16px' }}>
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 16 }}>
apps/h5-partner/src/pages/StorePackagesPage.tsx
+113
View File
@@ -0,0 +1,113 @@
import { useEffect, useState } from 'react';
import { useNavigate, useParams } from 'react-router-dom';
import type { StorePackagesResponse } from '@dukang/shared-types';
import StorePackagesForm from '../components/StorePackagesForm';
import { request } from '../lib/api';
import { toastError, toastSuccess } from '../lib/toast';
import {
emptyPackage,
normalizePackageFormItems,
validatePackageFormItems,
type PackageFormItem,
} from '../lib/storePackages';
export default function StorePackagesPage() {
const { id } = useParams();
const navigate = useNavigate();
const [items, setItems] = useState<PackageFormItem[]>([emptyPackage()]);
const [pending, setPending] = useState<StorePackagesResponse['pendingRequest']>(null);
const [loading, setLoading] = useState(true);
const [submitting, setSubmitting] = useState(false);
const [error, setError] = useState('');
useEffect(() => {
if (!id) return;
setLoading(true);
request<StorePackagesResponse>('PARTNER_H5', `/partner/stores/${id}/packages`)
.then((data) => {
const base = data.pendingRequest?.packages?.length
? data.pendingRequest.packages
: data.live?.length
? data.live
: [emptyPackage()];
setItems(base.map((p, i) => ({ ...p, price: String(p.price), sortOrder: i })));
setPending(data.pendingRequest ?? null);
})
.catch((e) => setError(e instanceof Error ? e.message : '加载失败'))
.finally(() => setLoading(false));
}, [id]);
async function submitAudit() {
if (!id) return;
const msg = validatePackageFormItems(items);
if (msg) {
toastError(msg);
return;
}
if (pending?.status === 'PENDING') {
toastError('已有套餐变更审核中，请等待总部处理');
return;
}
setSubmitting(true);
try {
const packages = normalizePackageFormItems(items).map((p) => ({
...p,
price: Number(p.price).toFixed(2),
}));
await request('PARTNER_H5', `/partner/stores/${id}/packages`, {
method: 'PUT',
body: JSON.stringify({ packages }),
});
toastSuccess('已提交审核');
navigate(`/stores/${id}`);
} catch (e) {
toastError(e instanceof Error ? e.message : '提交失败');
} finally {
setSubmitting(false);
}
}
if (loading) {
return (
<div className="partner-page">
<p className="partner-muted">加载中…</p>
</div>
);
}
return (
<div className="partner-page partner-page-sticky">
<header className="partner-subheader">
<button type="button" className="partner-back" onClick={() => navigate(`/stores/${id}`)}>
返回
</button>
<h1 className="partner-subheader-title">门店套餐</h1>
</header>
{error ? <p className="partner-form-error">{error}</p> : null}
{pending?.status === 'PENDING' ? (
<p className="partner-form-hint">套餐变更审核中，C 端仍展示上一版生效套餐。</p>
) : null}
{pending?.status === 'REJECTED' && pending.rejectReason ? (
<p className="partner-form-error">上次驳回：{pending.rejectReason}</p>
) : null}
<StorePackagesForm
items={items}
onChange={setItems}
disabled={pending?.status === 'PENDING' || submitting}
/>
<div className="partner-sticky-footer">
<button
type="button"
className="partner-btn-primary"
disabled={submitting || pending?.status === 'PENDING'}
onClick={() => void submitAudit()}
>
{submitting ? '提交中…' : '提交审核'}
</button>
</div>
</div>
);
}