fix(partner): drop store-create SMS verify; keep qualification aspect ratio
CI / verify (pull_request) Has been cancelled
CI / verify (pull_request) Has been cancelled
Partner H5 no longer requires store phone SMS on create; qualification overlay uses height auto with widthFix. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -6,7 +6,6 @@ export type StoreDraftForm = {
|
|||||||
district: string;
|
district: string;
|
||||||
name: string;
|
name: string;
|
||||||
phone: string;
|
phone: string;
|
||||||
storeSmsCode: string;
|
|
||||||
address: string;
|
address: string;
|
||||||
/** 门店坐标(定位或地理编码) */
|
/** 门店坐标(定位或地理编码) */
|
||||||
latitude: string;
|
latitude: string;
|
||||||
@@ -50,7 +49,6 @@ export const defaultStoreForm = (): StoreDraftForm => ({
|
|||||||
cityId: '',
|
cityId: '',
|
||||||
name: '',
|
name: '',
|
||||||
phone: '',
|
phone: '',
|
||||||
storeSmsCode: '',
|
|
||||||
address: '',
|
address: '',
|
||||||
latitude: '',
|
latitude: '',
|
||||||
longitude: '',
|
longitude: '',
|
||||||
@@ -218,7 +216,7 @@ export function patchEnvPhotoAt(urls: string[], index: number, url: string): str
|
|||||||
export function validateStoreStep3(
|
export function validateStoreStep3(
|
||||||
form: Pick<
|
form: Pick<
|
||||||
StoreDraftForm,
|
StoreDraftForm,
|
||||||
'bankAccountName' | 'bankAccountNo' | 'bankBranch' | 'phone' | 'storeSmsCode'
|
'bankAccountName' | 'bankAccountNo' | 'bankBranch' | 'phone'
|
||||||
>,
|
>,
|
||||||
): string | null {
|
): string | null {
|
||||||
if (!form.bankAccountName.trim()) return '请填写户主姓名';
|
if (!form.bankAccountName.trim()) return '请填写户主姓名';
|
||||||
@@ -227,7 +225,5 @@ export function validateStoreStep3(
|
|||||||
if (!form.bankBranch.trim()) return '请填写开户支行';
|
if (!form.bankBranch.trim()) return '请填写开户支行';
|
||||||
if (!form.phone.trim()) return '请填写联系电话';
|
if (!form.phone.trim()) return '请填写联系电话';
|
||||||
if (!PHONE_RE.test(form.phone.trim())) return '联系电话须为11位手机号';
|
if (!PHONE_RE.test(form.phone.trim())) return '联系电话须为11位手机号';
|
||||||
if (!form.storeSmsCode.trim()) return '请输入门店手机号验证码';
|
|
||||||
if (!/^\d{4,6}$/.test(form.storeSmsCode.trim())) return '验证码格式不正确';
|
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -8,12 +8,4 @@ export function checkStorePhoneAvailable(phone: string) {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
export function sendStorePhoneSms(phone: string) {
|
|
||||||
return request<{ ok: boolean; maskedPhone: string }>('PARTNER_H5', '/partner/stores/send-phone-sms', {
|
|
||||||
method: 'POST',
|
|
||||||
body: JSON.stringify({ phone: phone.trim() }),
|
|
||||||
silent: true,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export type { PartnerStorePhoneAvailableResponse };
|
export type { PartnerStorePhoneAvailableResponse };
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ import { toastError, toastSuccess } from '../lib/toast';
|
|||||||
|
|
||||||
import { resolveRegionBinding } from '../lib/china-region';
|
import { resolveRegionBinding } from '../lib/china-region';
|
||||||
|
|
||||||
import { checkStorePhoneAvailable, sendStorePhoneSms } from '../lib/storePhone';
|
import { checkStorePhoneAvailable } from '../lib/storePhone';
|
||||||
|
|
||||||
import { formatStoreCoords, locateStorePosition } from '../lib/storeLocate';
|
import { formatStoreCoords, locateStorePosition } from '../lib/storeLocate';
|
||||||
|
|
||||||
@@ -55,7 +55,6 @@ type StoreCategoryNode = {
|
|||||||
|
|
||||||
type FieldErrors = {
|
type FieldErrors = {
|
||||||
phone?: string;
|
phone?: string;
|
||||||
storeSmsCode?: string;
|
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
@@ -70,7 +69,7 @@ function isPhoneConflictMessage(message: string) {
|
|||||||
|
|
||||||
function isPhoneValidationMessage(message: string) {
|
function isPhoneValidationMessage(message: string) {
|
||||||
|
|
||||||
return message.includes('联系电话') || message.includes('手机号') || message.includes('验证码');
|
return message.includes('联系电话') || message.includes('手机号');
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -100,10 +99,6 @@ export default function StoreCreatePage() {
|
|||||||
|
|
||||||
const [citiesError, setCitiesError] = useState('');
|
const [citiesError, setCitiesError] = useState('');
|
||||||
|
|
||||||
const [smsCooldown, setSmsCooldown] = useState(0);
|
|
||||||
|
|
||||||
const [smsHint, setSmsHint] = useState('');
|
|
||||||
|
|
||||||
const [categoryTree, setCategoryTree] = useState<StoreCategoryNode[]>([]);
|
const [categoryTree, setCategoryTree] = useState<StoreCategoryNode[]>([]);
|
||||||
|
|
||||||
const [locating, setLocating] = useState(false);
|
const [locating, setLocating] = useState(false);
|
||||||
@@ -230,25 +225,13 @@ export default function StoreCreatePage() {
|
|||||||
|
|
||||||
setSubmitError('');
|
setSubmitError('');
|
||||||
|
|
||||||
let nextPatch = patch;
|
|
||||||
|
|
||||||
if ('phone' in patch) {
|
if ('phone' in patch) {
|
||||||
|
|
||||||
setFieldErrors((prev) => ({ ...prev, phone: undefined, storeSmsCode: undefined }));
|
setFieldErrors((prev) => ({ ...prev, phone: undefined }));
|
||||||
|
|
||||||
setSmsHint('');
|
|
||||||
|
|
||||||
nextPatch = { ...patch, storeSmsCode: '' };
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if ('storeSmsCode' in patch) {
|
setForm((prev) => ({ ...prev, ...patch }));
|
||||||
|
|
||||||
setFieldErrors((prev) => ({ ...prev, storeSmsCode: undefined }));
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
setForm((prev) => ({ ...prev, ...nextPatch }));
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -308,72 +291,6 @@ export default function StoreCreatePage() {
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
async function sendStorePhoneCode() {
|
|
||||||
|
|
||||||
const phone = form.phone.trim();
|
|
||||||
|
|
||||||
if (!/^1\d{10}$/.test(phone)) {
|
|
||||||
|
|
||||||
setFieldErrors({ phone: '请先填写正确的11位手机号' });
|
|
||||||
|
|
||||||
return;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
setSmsHint('');
|
|
||||||
|
|
||||||
setFieldErrors((prev) => ({ ...prev, phone: undefined }));
|
|
||||||
|
|
||||||
try {
|
|
||||||
|
|
||||||
const phoneCheck = await checkStorePhoneAvailable(phone);
|
|
||||||
|
|
||||||
if (!phoneCheck.available) {
|
|
||||||
|
|
||||||
setFieldErrors({ phone: phoneCheck.message ?? '该手机号不可用于门店账号' });
|
|
||||||
|
|
||||||
return;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
const res = await sendStorePhoneSms(phone);
|
|
||||||
|
|
||||||
setSmsHint(`验证码已发送至 ${res.maskedPhone}`);
|
|
||||||
|
|
||||||
setSmsCooldown(60);
|
|
||||||
|
|
||||||
const timer = setInterval(() => {
|
|
||||||
|
|
||||||
setSmsCooldown((s) => {
|
|
||||||
|
|
||||||
if (s <= 1) {
|
|
||||||
|
|
||||||
clearInterval(timer);
|
|
||||||
|
|
||||||
return 0;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
return s - 1;
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
}, 1000);
|
|
||||||
|
|
||||||
} catch (e) {
|
|
||||||
|
|
||||||
const msg = e instanceof Error ? e.message : '验证码发送失败';
|
|
||||||
|
|
||||||
setFieldErrors({ phone: msg });
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
async function handleNext() {
|
async function handleNext() {
|
||||||
|
|
||||||
if (step === 1) {
|
if (step === 1) {
|
||||||
@@ -410,11 +327,7 @@ export default function StoreCreatePage() {
|
|||||||
|
|
||||||
if (msg) {
|
if (msg) {
|
||||||
if (isPhoneValidationMessage(msg)) {
|
if (isPhoneValidationMessage(msg)) {
|
||||||
if (msg.includes('验证码')) {
|
|
||||||
setFieldErrors({ storeSmsCode: msg });
|
|
||||||
} else {
|
|
||||||
setFieldErrors({ phone: msg });
|
setFieldErrors({ phone: msg });
|
||||||
}
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
reportFormError(msg);
|
reportFormError(msg);
|
||||||
@@ -510,8 +423,6 @@ export default function StoreCreatePage() {
|
|||||||
|
|
||||||
phone: form.phone.trim(),
|
phone: form.phone.trim(),
|
||||||
|
|
||||||
smsCode: form.storeSmsCode.trim(),
|
|
||||||
|
|
||||||
district: form.district.trim(),
|
district: form.district.trim(),
|
||||||
|
|
||||||
address: form.address.trim(),
|
address: form.address.trim(),
|
||||||
@@ -561,7 +472,6 @@ export default function StoreCreatePage() {
|
|||||||
setForm(defaultStoreForm());
|
setForm(defaultStoreForm());
|
||||||
setFieldErrors({});
|
setFieldErrors({});
|
||||||
setSubmitError('');
|
setSubmitError('');
|
||||||
setSmsHint('');
|
|
||||||
setParams({ step: '1' }, { replace: true });
|
setParams({ step: '1' }, { replace: true });
|
||||||
toastSuccess('门店录入成功');
|
toastSuccess('门店录入成功');
|
||||||
navigate(`/stores/${result.store.id}`);
|
navigate(`/stores/${result.store.id}`);
|
||||||
@@ -571,11 +481,6 @@ export default function StoreCreatePage() {
|
|||||||
setFieldErrors({ phone: message });
|
setFieldErrors({ phone: message });
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
if (/验证码/.test(message)) {
|
|
||||||
setFieldErrors({ storeSmsCode: message });
|
|
||||||
goStep(3);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
setSubmitError(message);
|
setSubmitError(message);
|
||||||
toastError(message);
|
toastError(message);
|
||||||
} finally {
|
} finally {
|
||||||
@@ -1201,74 +1106,11 @@ export default function StoreCreatePage() {
|
|||||||
|
|
||||||
<p className="label-md text-muted" style={{ marginTop: 8 }}>
|
<p className="label-md text-muted" style={{ marginTop: 8 }}>
|
||||||
|
|
||||||
该手机号将作为门店端登录账号,验证码发送至该号确认后方可提交。
|
该手机号将作为门店端登录账号。
|
||||||
|
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="partner-field">
|
|
||||||
|
|
||||||
<label>门店账号验证码 <span className="text-primary">*</span></label>
|
|
||||||
|
|
||||||
<div className="partner-input-row">
|
|
||||||
|
|
||||||
<div className="partner-input-wrap" style={{ flex: 1 }}>
|
|
||||||
|
|
||||||
<span className="material-symbols-outlined partner-input-icon">shield</span>
|
|
||||||
|
|
||||||
<input
|
|
||||||
|
|
||||||
className="partner-input"
|
|
||||||
|
|
||||||
type="text"
|
|
||||||
|
|
||||||
inputMode="numeric"
|
|
||||||
|
|
||||||
maxLength={6}
|
|
||||||
|
|
||||||
placeholder="请输入短信验证码"
|
|
||||||
|
|
||||||
value={form.storeSmsCode}
|
|
||||||
|
|
||||||
onChange={(e) => patchForm({ storeSmsCode: e.target.value.replace(/\D/g, '') })}
|
|
||||||
|
|
||||||
/>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<button
|
|
||||||
|
|
||||||
type="button"
|
|
||||||
|
|
||||||
className="partner-code-btn"
|
|
||||||
|
|
||||||
disabled={smsCooldown > 0 || submitting}
|
|
||||||
|
|
||||||
onClick={() => void sendStorePhoneCode()}
|
|
||||||
|
|
||||||
>
|
|
||||||
|
|
||||||
{smsCooldown > 0 ? `${smsCooldown}s` : '获取验证码'}
|
|
||||||
|
|
||||||
</button>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{smsHint && (
|
|
||||||
|
|
||||||
<p className="label-md text-muted" style={{ marginTop: 8 }}>{smsHint}</p>
|
|
||||||
|
|
||||||
)}
|
|
||||||
|
|
||||||
{fieldErrors.storeSmsCode && (
|
|
||||||
|
|
||||||
<p className="partner-field-error" role="alert">{fieldErrors.storeSmsCode}</p>
|
|
||||||
|
|
||||||
)}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
</>
|
</>
|
||||||
|
|||||||
@@ -527,7 +527,7 @@
|
|||||||
.mine-qualification-img {
|
.mine-qualification-img {
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-height: 100%;
|
height: auto;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -260,9 +260,6 @@ export class StoreService {
|
|||||||
async createStore(partnerAccountId: bigint, body: Record<string, unknown>) {
|
async createStore(partnerAccountId: bigint, body: Record<string, unknown>) {
|
||||||
const { primaryId } = await this.resolvePartnerScope(partnerAccountId);
|
const { primaryId } = await this.resolvePartnerScope(partnerAccountId);
|
||||||
const normalizedPhone = String(body.phone).trim();
|
const normalizedPhone = String(body.phone).trim();
|
||||||
const smsCode = body.smsCode ? String(body.smsCode).trim() : '';
|
|
||||||
if (!smsCode) throw new BadRequestException('请输入门店手机号验证码');
|
|
||||||
await this.authService.verifySmsCode(normalizedPhone, smsCode, SmsScene.PARTNER_STORE_OPEN);
|
|
||||||
const confirmBindExisting = body.confirmBindExisting === true || body.confirmBindExisting === 'true';
|
const confirmBindExisting = body.confirmBindExisting === true || body.confirmBindExisting === 'true';
|
||||||
await this.assertStorePhoneAvailable(normalizedPhone, confirmBindExisting);
|
await this.assertStorePhoneAvailable(normalizedPhone, confirmBindExisting);
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user