Compare commits
49 Commits
aca3df4bf2
...
v3.4.13
| Author | SHA1 | Date | |
|---|---|---|---|
| 0181af09c5 | |||
| 9cd0c9508a | |||
| 4f363fa9e7 | |||
| 291137a15d | |||
| e2a5f21f9d | |||
| 3ef4432b2f | |||
| 33b868dfac | |||
| 5c4ad1d8db | |||
| a346fae7a4 | |||
| 37bc297d1a | |||
| bc1616c3f7 | |||
| 46a200e0ba | |||
| 429eaabe6b | |||
| 607a0224cd | |||
| 53e0db6a98 | |||
| 456b3af461 | |||
| 1f7ecffe4c | |||
| 8df0a2bea7 | |||
| 672a995c59 | |||
| 69f52921a7 | |||
| 9cb88dc181 | |||
| 345d5db9c9 | |||
| 7c9240fc84 | |||
| 2610288df0 | |||
| 62652cd072 | |||
| 9d49ed5e70 | |||
| bdbd135318 | |||
| 8ca893efab | |||
| d0ab838da6 | |||
| 50ab0f1748 | |||
| fa6fb80d19 | |||
| bd1930f6b1 | |||
| dc4295d1bd | |||
| 256526c5ec | |||
| 1c4b986924 | |||
| bf501d2374 | |||
| 442500b1a1 | |||
| 490c26a7e1 | |||
| b40eb83f27 | |||
| f80a0f2c27 | |||
| 528669f662 | |||
| f5e523a425 | |||
| 16fa07ceaf | |||
| b21403a47c | |||
| 02d89e6385 | |||
| f9a5b6e81a | |||
| 16c386f165 | |||
| 1c787ed576 | |||
| 4372018c09 |
@@ -11,6 +11,7 @@
|
|||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@ant-design/icons": "^5.5.1",
|
"@ant-design/icons": "^5.5.1",
|
||||||
"@dukang/shared-types": "workspace:*",
|
"@dukang/shared-types": "workspace:*",
|
||||||
|
"@dukang/shared-ui": "workspace:*",
|
||||||
"antd": "^5.22.0",
|
"antd": "^5.22.0",
|
||||||
"dayjs": "^1.11.13",
|
"dayjs": "^1.11.13",
|
||||||
"echarts": "^6.1.0",
|
"echarts": "^6.1.0",
|
||||||
|
|||||||
@@ -1,14 +1,14 @@
|
|||||||
import { useEffect, useState } from 'react';
|
import { useEffect, useState } from 'react';
|
||||||
import { Alert, Button, Form, Input, InputNumber, Space, Typography, message } from 'antd';
|
import { Alert, Button, Form, Input, InputNumber, Modal, Space, Typography, message } from 'antd';
|
||||||
import { DownOutlined, UpOutlined } from '@ant-design/icons';
|
import { DownOutlined, UpOutlined } from '@ant-design/icons';
|
||||||
import type { StorePackageItemDto } from '@dukang/shared-types';
|
import type { StorePackageItemDto } from '@dukang/shared-types';
|
||||||
import { STORE_PACKAGE_MAX_COUNT } from '@dukang/shared-types';
|
import { STORE_PACKAGE_MAX_COUNT } from '@dukang/shared-types';
|
||||||
import { request } from '../lib/api';
|
import { request } from '../lib/api';
|
||||||
|
import OssUpload from './OssUpload';
|
||||||
type PackageRow = StorePackageItemDto;
|
type PackageRow = StorePackageItemDto;
|
||||||
|
|
||||||
function emptyRow(index = 0): PackageRow {
|
function emptyRow(index = 0): PackageRow {
|
||||||
return { name: '', price: '0', dishes: '', usableTime: '', otherNotes: '', sortOrder: index };
|
return { name: '', price: '0', dishes: '', usableTime: '', otherNotes: '', imageUrl: '', sortOrder: index };
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function AdminStorePackagesSection({ storeId }: { storeId: string }) {
|
export default function AdminStorePackagesSection({ storeId }: { storeId: string }) {
|
||||||
@@ -41,18 +41,33 @@ export default function AdminStorePackagesSection({ storeId }: { storeId: string
|
|||||||
}
|
}
|
||||||
|
|
||||||
function removeAt(index: number) {
|
function removeAt(index: number) {
|
||||||
setItems((prev) => prev.filter((_, i) => i !== index).map((item, i) => ({ ...item, sortOrder: i })));
|
const run = () => {
|
||||||
setCollapsed((prev) => {
|
setItems((prev) => {
|
||||||
const next: Record<number, boolean> = {};
|
const next = prev.filter((_, i) => i !== index).map((item, i) => ({ ...item, sortOrder: i }));
|
||||||
Object.entries(prev).forEach(([k, v]) => {
|
return next.length ? next : [];
|
||||||
const i = Number(k);
|
|
||||||
if (i < index) next[i] = v;
|
|
||||||
else if (i > index) next[i - 1] = v;
|
|
||||||
});
|
});
|
||||||
return next;
|
setCollapsed((prev) => {
|
||||||
});
|
const next: Record<number, boolean> = {};
|
||||||
|
Object.entries(prev).forEach(([k, v]) => {
|
||||||
|
const i = Number(k);
|
||||||
|
if (i < index) next[i] = v;
|
||||||
|
else if (i > index) next[i - 1] = v;
|
||||||
|
});
|
||||||
|
return next;
|
||||||
|
});
|
||||||
|
};
|
||||||
|
if (items.length === 1) {
|
||||||
|
Modal.confirm({
|
||||||
|
title: '清空门店套餐',
|
||||||
|
content: '删除最后一条套餐后,该门店将无展示套餐,确认继续?',
|
||||||
|
okText: '确认删除',
|
||||||
|
cancelText: '取消',
|
||||||
|
onOk: run,
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
run();
|
||||||
}
|
}
|
||||||
|
|
||||||
function toggleCollapse(index: number) {
|
function toggleCollapse(index: number) {
|
||||||
setCollapsed((prev) => ({ ...prev, [index]: !prev[index] }));
|
setCollapsed((prev) => ({ ...prev, [index]: !prev[index] }));
|
||||||
}
|
}
|
||||||
@@ -65,6 +80,7 @@ export default function AdminStorePackagesSection({ storeId }: { storeId: string
|
|||||||
dishes: item.dishes.trim(),
|
dishes: item.dishes.trim(),
|
||||||
usableTime: item.usableTime?.trim() || null,
|
usableTime: item.usableTime?.trim() || null,
|
||||||
otherNotes: item.otherNotes?.trim() || null,
|
otherNotes: item.otherNotes?.trim() || null,
|
||||||
|
imageUrl: item.imageUrl?.trim() || null,
|
||||||
sortOrder: index,
|
sortOrder: index,
|
||||||
}))
|
}))
|
||||||
.filter((item) => item.name || item.dishes || item.price);
|
.filter((item) => item.name || item.dishes || item.price);
|
||||||
@@ -106,8 +122,21 @@ export default function AdminStorePackagesSection({ storeId }: { storeId: string
|
|||||||
return <Typography.Text type="secondary">加载套餐中…</Typography.Text>;
|
return <Typography.Text type="secondary">加载套餐中…</Typography.Text>;
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
if (!items.length) {
|
||||||
<Form layout="vertical" requiredMark={false}>
|
return (
|
||||||
|
<Form layout="vertical" requiredMark={false}>
|
||||||
|
<Alert type="info" showIcon style={{ marginBottom: 16 }} message="该门店暂无套餐,可添加或保存为空。" />
|
||||||
|
<Button onClick={addRow} style={{ marginBottom: 16 }}>
|
||||||
|
添加套餐
|
||||||
|
</Button>
|
||||||
|
<Button type="primary" loading={saving} onClick={() => void save()}>
|
||||||
|
保存套餐
|
||||||
|
</Button>
|
||||||
|
</Form>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return ( <Form layout="vertical" requiredMark={false}>
|
||||||
<Alert
|
<Alert
|
||||||
type="info"
|
type="info"
|
||||||
showIcon
|
showIcon
|
||||||
@@ -140,12 +169,11 @@ export default function AdminStorePackagesSection({ storeId }: { storeId: string
|
|||||||
{displayName}
|
{displayName}
|
||||||
</Typography.Title>
|
</Typography.Title>
|
||||||
</Button>
|
</Button>
|
||||||
{items.length > 1 ? (
|
{items.length > 0 ? (
|
||||||
<Button type="link" danger onClick={() => removeAt(index)}>
|
<Button type="link" danger onClick={() => removeAt(index)}>
|
||||||
删除
|
删除
|
||||||
</Button>
|
</Button>
|
||||||
) : null}
|
) : null} </Space>
|
||||||
</Space>
|
|
||||||
|
|
||||||
{!isCollapsed ? (
|
{!isCollapsed ? (
|
||||||
<>
|
<>
|
||||||
@@ -186,8 +214,16 @@ export default function AdminStorePackagesSection({ storeId }: { storeId: string
|
|||||||
/>
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|
||||||
<Form.Item label="其他说明" style={{ marginBottom: 0 }}>
|
<Form.Item label="套餐图片" style={{ marginBottom: 12 }}>
|
||||||
<Input
|
<OssUpload
|
||||||
|
bizType="STORE_PACKAGE"
|
||||||
|
mediaType="IMAGE"
|
||||||
|
value={item.imageUrl || undefined}
|
||||||
|
onChange={(url) => updateAt(index, { imageUrl: url })}
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
<Form.Item label="其他说明" style={{ marginBottom: 0 }}> <Input
|
||||||
placeholder="不可叠加"
|
placeholder="不可叠加"
|
||||||
value={item.otherNotes || ''}
|
value={item.otherNotes || ''}
|
||||||
onChange={(e) => updateAt(index, { otherNotes: e.target.value })}
|
onChange={(e) => updateAt(index, { otherNotes: e.target.value })}
|
||||||
|
|||||||
@@ -15,8 +15,6 @@ type OssUploadProps = {
|
|||||||
placeholder?: string;
|
placeholder?: string;
|
||||||
};
|
};
|
||||||
|
|
||||||
const DEFAULT_MAX_MB = 10;
|
|
||||||
|
|
||||||
export default function OssUpload({
|
export default function OssUpload({
|
||||||
value,
|
value,
|
||||||
onChange,
|
onChange,
|
||||||
@@ -24,7 +22,6 @@ export default function OssUpload({
|
|||||||
bizType,
|
bizType,
|
||||||
mediaType = 'IMAGE',
|
mediaType = 'IMAGE',
|
||||||
accept,
|
accept,
|
||||||
maxSizeMb = DEFAULT_MAX_MB,
|
|
||||||
placeholder = '上传后自动填入,或手动粘贴 URL',
|
placeholder = '上传后自动填入,或手动粘贴 URL',
|
||||||
}: OssUploadProps) {
|
}: OssUploadProps) {
|
||||||
const [uploading, setUploading] = useState(false);
|
const [uploading, setUploading] = useState(false);
|
||||||
@@ -34,12 +31,6 @@ export default function OssUpload({
|
|||||||
|
|
||||||
const customRequest: UploadProps['customRequest'] = async ({ file, onSuccess, onError }) => {
|
const customRequest: UploadProps['customRequest'] = async ({ file, onSuccess, onError }) => {
|
||||||
const raw = file as File;
|
const raw = file as File;
|
||||||
if (raw.size > maxSizeMb * 1024 * 1024) {
|
|
||||||
const err = new Error(`文件不能超过 ${maxSizeMb}MB`);
|
|
||||||
message.error(err.message);
|
|
||||||
onError?.(err);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
setUploading(true);
|
setUploading(true);
|
||||||
try {
|
try {
|
||||||
const result = await uploadFileToOss(raw, { bizType, mediaType });
|
const result = await uploadFileToOss(raw, { bizType, mediaType });
|
||||||
|
|||||||
@@ -0,0 +1,84 @@
|
|||||||
|
import { Descriptions } from 'antd';
|
||||||
|
import { REDEEM_CHANNEL_LABELS, type RedeemChannel } from '@dukang/shared-types';
|
||||||
|
import { fmtTime } from '../lib/constants';
|
||||||
|
|
||||||
|
function maskPhone(phone: string | null | undefined) {
|
||||||
|
if (!phone || phone.length < 7) return phone ?? '—';
|
||||||
|
return `${phone.slice(0, 3)}****${phone.slice(-4)}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
type Props = {
|
||||||
|
detail: Record<string, unknown>;
|
||||||
|
/** 列表页已脱敏展示时可设为 false,详情抽屉展示完整手机号 */
|
||||||
|
maskUserPhone?: boolean;
|
||||||
|
};
|
||||||
|
|
||||||
|
export default function RedeemRecordDetailDescriptions({ detail, maskUserPhone = false }: Props) {
|
||||||
|
const user = detail.user as
|
||||||
|
| { userNo?: string; nickname?: string | null; phone?: string | null }
|
||||||
|
| undefined;
|
||||||
|
const store = detail.store as
|
||||||
|
| {
|
||||||
|
name?: string;
|
||||||
|
cityName?: string;
|
||||||
|
address?: string;
|
||||||
|
partnerAccount?: { companyName?: string };
|
||||||
|
}
|
||||||
|
| undefined;
|
||||||
|
const coupon = detail.coupon as { couponNo?: string; order?: { orderNo?: string } } | undefined;
|
||||||
|
const channel = detail.channel === 'PHONE' ? 'PHONE' : 'SCAN';
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Descriptions column={1} bordered size="small">
|
||||||
|
<Descriptions.Item label="核销号">{String(detail.redeemNo ?? '—')}</Descriptions.Item>
|
||||||
|
<Descriptions.Item label="方式">{REDEEM_CHANNEL_LABELS[channel as RedeemChannel]}</Descriptions.Item>
|
||||||
|
<Descriptions.Item label="核销额">¥{Number(detail.amount ?? 0).toFixed(2)}</Descriptions.Item>
|
||||||
|
<Descriptions.Item label="结算额">¥{Number(detail.settleAmount ?? 0).toFixed(2)}</Descriptions.Item>
|
||||||
|
<Descriptions.Item label="时间">{fmtTime(String(detail.createdAt ?? ''))}</Descriptions.Item>
|
||||||
|
<Descriptions.Item label="用户编号">{user?.userNo ?? '—'}</Descriptions.Item>
|
||||||
|
<Descriptions.Item label="用户昵称">{user?.nickname?.trim() || '—'}</Descriptions.Item>
|
||||||
|
<Descriptions.Item label="用户手机">
|
||||||
|
{maskUserPhone ? maskPhone(user?.phone) : user?.phone || '—'}
|
||||||
|
</Descriptions.Item>
|
||||||
|
<Descriptions.Item label="门店">
|
||||||
|
{store?.name ?? '—'}
|
||||||
|
{store?.cityName ? `(${store.cityName})` : ''}
|
||||||
|
</Descriptions.Item>
|
||||||
|
<Descriptions.Item label="门店地址">{store?.address ?? '—'}</Descriptions.Item>
|
||||||
|
<Descriptions.Item label="合伙人">{store?.partnerAccount?.companyName ?? '—'}</Descriptions.Item>
|
||||||
|
<Descriptions.Item label="权益券号">{coupon?.couponNo ?? '—'}</Descriptions.Item>
|
||||||
|
<Descriptions.Item label="关联订单">{coupon?.order?.orderNo ?? '—'}</Descriptions.Item>
|
||||||
|
{Array.isArray(detail.allocations) && (detail.allocations as unknown[]).length > 0 ? (
|
||||||
|
<Descriptions.Item label="券分摊">
|
||||||
|
{(
|
||||||
|
detail.allocations as Array<{
|
||||||
|
couponNo?: string;
|
||||||
|
orderNo?: string | null;
|
||||||
|
amount?: number;
|
||||||
|
}>
|
||||||
|
)
|
||||||
|
.map((a, idx) => {
|
||||||
|
const role = idx === 0 ? '主' : '次';
|
||||||
|
return `${role} ${a.couponNo ?? '—'}¥${Number(a.amount ?? 0).toFixed(2)}${
|
||||||
|
a.orderNo ? `(订单 ${a.orderNo})` : ''
|
||||||
|
}`;
|
||||||
|
})
|
||||||
|
.join(';')}
|
||||||
|
</Descriptions.Item>
|
||||||
|
) : null}
|
||||||
|
{detail.payout ? (
|
||||||
|
<Descriptions.Item label="门店结算单">
|
||||||
|
¥{Number((detail.payout as { settleAmount?: number }).settleAmount ?? 0).toFixed(2)}
|
||||||
|
{' / '}
|
||||||
|
{String((detail.payout as { status?: string }).status ?? '—')}
|
||||||
|
</Descriptions.Item>
|
||||||
|
) : null}
|
||||||
|
{detail.rating ? (
|
||||||
|
<Descriptions.Item label="评价">
|
||||||
|
服务 {(detail.rating as { serviceScore?: number }).serviceScore ?? '—'} 分 / 环境{' '}
|
||||||
|
{(detail.rating as { envScore?: number }).envScore ?? '—'} 分
|
||||||
|
</Descriptions.Item>
|
||||||
|
) : null}
|
||||||
|
</Descriptions>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -1,4 +1,9 @@
|
|||||||
import { apiBase, CLIENT_APP, getToken, clearAuth } from './api';
|
import { apiBase, CLIENT_APP, getToken, clearAuth } from './api';
|
||||||
|
import {
|
||||||
|
compressImageFileIfNeeded,
|
||||||
|
DEFAULT_OSS_MAX_UPLOAD_BYTES,
|
||||||
|
formatOssMaxSizeMb,
|
||||||
|
} from '@dukang/shared-ui/compressImage';
|
||||||
|
|
||||||
export type OssMediaType = 'IMAGE' | 'VIDEO' | 'FILE';
|
export type OssMediaType = 'IMAGE' | 'VIDEO' | 'FILE';
|
||||||
|
|
||||||
@@ -9,14 +14,24 @@ export type UploadFileResult = {
|
|||||||
mock: boolean;
|
mock: boolean;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
async function prepareUploadFile(file: File, mediaType: OssMediaType): Promise<File> {
|
||||||
|
if (mediaType !== 'IMAGE') return file;
|
||||||
|
const compressed = await compressImageFileIfNeeded(file);
|
||||||
|
if (compressed.size > DEFAULT_OSS_MAX_UPLOAD_BYTES) {
|
||||||
|
throw new Error(`图片压缩后仍超过 ${formatOssMaxSizeMb()}MB,请换一张较小的图片`);
|
||||||
|
}
|
||||||
|
return compressed;
|
||||||
|
}
|
||||||
|
|
||||||
/** 经 API 服务端转存 OSS,避免浏览器直传跨域 */
|
/** 经 API 服务端转存 OSS,避免浏览器直传跨域 */
|
||||||
export async function uploadFileToOss(
|
export async function uploadFileToOss(
|
||||||
file: File,
|
file: File,
|
||||||
options: { bizType: string; mediaType?: OssMediaType },
|
options: { bizType: string; mediaType?: OssMediaType },
|
||||||
): Promise<UploadFileResult> {
|
): Promise<UploadFileResult> {
|
||||||
const mediaType = options.mediaType ?? (file.type.startsWith('video/') ? 'VIDEO' : 'IMAGE');
|
const mediaType = options.mediaType ?? (file.type.startsWith('video/') ? 'VIDEO' : 'IMAGE');
|
||||||
|
const prepared = await prepareUploadFile(file, mediaType);
|
||||||
const formData = new FormData();
|
const formData = new FormData();
|
||||||
formData.append('file', file);
|
formData.append('file', prepared);
|
||||||
formData.append('bizType', options.bizType);
|
formData.append('bizType', options.bizType);
|
||||||
formData.append('mediaType', mediaType);
|
formData.append('mediaType', mediaType);
|
||||||
|
|
||||||
|
|||||||
@@ -18,6 +18,7 @@ import type { ColumnsType } from 'antd/es/table';
|
|||||||
import type { AdminBenefitGrantRequest } from '@dukang/shared-types';
|
import type { AdminBenefitGrantRequest } from '@dukang/shared-types';
|
||||||
import { request } from '../lib/api';
|
import { request } from '../lib/api';
|
||||||
import { COUPON_STATUS_LABELS, fmtTime } from '../lib/constants';
|
import { COUPON_STATUS_LABELS, fmtTime } from '../lib/constants';
|
||||||
|
import RedeemRecordDetailDescriptions from '../components/RedeemRecordDetailDescriptions';
|
||||||
import { useAdminList } from '../lib/useAdminList';
|
import { useAdminList } from '../lib/useAdminList';
|
||||||
|
|
||||||
type Row = {
|
type Row = {
|
||||||
@@ -242,7 +243,8 @@ export default function BenefitCouponsPage() {
|
|||||||
|
|
||||||
<Drawer
|
<Drawer
|
||||||
title="权益券详情"
|
title="权益券详情"
|
||||||
width={720}
|
width={980}
|
||||||
|
styles={{ body: { paddingBottom: 24 } }}
|
||||||
open={drawerOpen}
|
open={drawerOpen}
|
||||||
onClose={() => setDrawerOpen(false)}
|
onClose={() => setDrawerOpen(false)}
|
||||||
extra={
|
extra={
|
||||||
@@ -310,14 +312,15 @@ export default function BenefitCouponsPage() {
|
|||||||
size="small"
|
size="small"
|
||||||
rowKey="id"
|
rowKey="id"
|
||||||
pagination={false}
|
pagination={false}
|
||||||
|
tableLayout="fixed"
|
||||||
locale={{ emptyText: '暂无关联核销单' }}
|
locale={{ emptyText: '暂无关联核销单' }}
|
||||||
dataSource={detail.redeemRecords ?? []}
|
dataSource={detail.redeemRecords ?? []}
|
||||||
columns={[
|
columns={[
|
||||||
{ title: '核销号', dataIndex: 'redeemNo', width: 160, ellipsis: true },
|
{ title: '核销号', dataIndex: 'redeemNo', ellipsis: true },
|
||||||
{
|
{
|
||||||
title: '角色',
|
title: '角色',
|
||||||
dataIndex: 'role',
|
dataIndex: 'role',
|
||||||
width: 70,
|
width: 72,
|
||||||
render: (v: string | undefined) =>
|
render: (v: string | undefined) =>
|
||||||
v === 'SECONDARY' ? <Tag color="orange">次券</Tag> : <Tag color="blue">主券</Tag>,
|
v === 'SECONDARY' ? <Tag color="orange">次券</Tag> : <Tag color="blue">主券</Tag>,
|
||||||
},
|
},
|
||||||
@@ -331,31 +334,31 @@ export default function BenefitCouponsPage() {
|
|||||||
{
|
{
|
||||||
title: '本券分摊',
|
title: '本券分摊',
|
||||||
dataIndex: 'couponAmount',
|
dataIndex: 'couponAmount',
|
||||||
width: 95,
|
width: 96,
|
||||||
render: (v: number | undefined, row: CouponRedeemRecord) =>
|
render: (v: number | undefined, row: CouponRedeemRecord) =>
|
||||||
`¥${Number(v ?? row.amount).toFixed(2)}`,
|
`¥${Number(v ?? row.amount).toFixed(2)}`,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '核销总额',
|
title: '核销总额',
|
||||||
dataIndex: 'amount',
|
dataIndex: 'amount',
|
||||||
width: 90,
|
width: 96,
|
||||||
render: (v: number) => `¥${Number(v).toFixed(2)}`,
|
render: (v: number) => `¥${Number(v).toFixed(2)}`,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '结算额',
|
title: '结算额',
|
||||||
dataIndex: 'settleAmount',
|
dataIndex: 'settleAmount',
|
||||||
width: 90,
|
width: 96,
|
||||||
render: (v: number) => `¥${Number(v).toFixed(2)}`,
|
render: (v: number) => `¥${Number(v).toFixed(2)}`,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '时间',
|
title: '时间',
|
||||||
dataIndex: 'createdAt',
|
dataIndex: 'createdAt',
|
||||||
width: 150,
|
width: 148,
|
||||||
render: (v: string) => fmtTime(v),
|
render: (v: string) => fmtTime(v),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '操作',
|
title: '操作',
|
||||||
width: 70,
|
width: 64,
|
||||||
render: (_: unknown, row: CouponRedeemRecord) => (
|
render: (_: unknown, row: CouponRedeemRecord) => (
|
||||||
<Button type="link" size="small" onClick={() => void openRedeemDetail(row.id)}>
|
<Button type="link" size="small" onClick={() => void openRedeemDetail(row.id)}>
|
||||||
详情
|
详情
|
||||||
@@ -374,7 +377,7 @@ export default function BenefitCouponsPage() {
|
|||||||
|
|
||||||
<Drawer
|
<Drawer
|
||||||
title="核销单详情"
|
title="核销单详情"
|
||||||
width={520}
|
width={640}
|
||||||
open={redeemDrawerOpen}
|
open={redeemDrawerOpen}
|
||||||
onClose={() => {
|
onClose={() => {
|
||||||
setRedeemDrawerOpen(false);
|
setRedeemDrawerOpen(false);
|
||||||
@@ -385,79 +388,7 @@ export default function BenefitCouponsPage() {
|
|||||||
{redeemDetailLoading ? (
|
{redeemDetailLoading ? (
|
||||||
<Typography.Text type="secondary">加载中…</Typography.Text>
|
<Typography.Text type="secondary">加载中…</Typography.Text>
|
||||||
) : redeemDetail ? (
|
) : redeemDetail ? (
|
||||||
<Descriptions column={1} bordered size="small">
|
<RedeemRecordDetailDescriptions detail={redeemDetail} />
|
||||||
<Descriptions.Item label="核销号">{String(redeemDetail.redeemNo ?? '—')}</Descriptions.Item>
|
|
||||||
<Descriptions.Item label="核销额">
|
|
||||||
¥{Number(redeemDetail.amount ?? 0).toFixed(2)}
|
|
||||||
</Descriptions.Item>
|
|
||||||
<Descriptions.Item label="结算额">
|
|
||||||
¥{Number(redeemDetail.settleAmount ?? 0).toFixed(2)}
|
|
||||||
</Descriptions.Item>
|
|
||||||
<Descriptions.Item label="时间">{fmtTime(String(redeemDetail.createdAt ?? ''))}</Descriptions.Item>
|
|
||||||
<Descriptions.Item label="用户">
|
|
||||||
{String((redeemDetail.user as { userNo?: string } | undefined)?.userNo ?? '—')}
|
|
||||||
{(redeemDetail.user as { phone?: string | null } | undefined)?.phone
|
|
||||||
? ` / ${(redeemDetail.user as { phone?: string | null }).phone}`
|
|
||||||
: ''}
|
|
||||||
</Descriptions.Item>
|
|
||||||
<Descriptions.Item label="门店">
|
|
||||||
{String((redeemDetail.store as { name?: string } | undefined)?.name ?? '—')}
|
|
||||||
{(redeemDetail.store as { cityName?: string } | undefined)?.cityName
|
|
||||||
? `(${(redeemDetail.store as { cityName?: string }).cityName})`
|
|
||||||
: ''}
|
|
||||||
</Descriptions.Item>
|
|
||||||
<Descriptions.Item label="门店地址">
|
|
||||||
{String((redeemDetail.store as { address?: string } | undefined)?.address ?? '—')}
|
|
||||||
</Descriptions.Item>
|
|
||||||
<Descriptions.Item label="合伙人">
|
|
||||||
{String(
|
|
||||||
(redeemDetail.store as { partnerAccount?: { companyName?: string } } | undefined)
|
|
||||||
?.partnerAccount?.companyName ?? '—',
|
|
||||||
)}
|
|
||||||
</Descriptions.Item>
|
|
||||||
<Descriptions.Item label="权益券号">
|
|
||||||
{String((redeemDetail.coupon as { couponNo?: string } | undefined)?.couponNo ?? '—')}
|
|
||||||
</Descriptions.Item>
|
|
||||||
<Descriptions.Item label="关联订单">
|
|
||||||
{String(
|
|
||||||
(redeemDetail.coupon as { order?: { orderNo?: string } } | undefined)?.order?.orderNo ??
|
|
||||||
'—',
|
|
||||||
)}
|
|
||||||
</Descriptions.Item>
|
|
||||||
{Array.isArray(redeemDetail.allocations) &&
|
|
||||||
(redeemDetail.allocations as unknown[]).length > 0 ? (
|
|
||||||
<Descriptions.Item label="券分摊">
|
|
||||||
{(
|
|
||||||
redeemDetail.allocations as Array<{
|
|
||||||
couponNo?: string;
|
|
||||||
orderNo?: string | null;
|
|
||||||
amount?: number;
|
|
||||||
sortOrder?: number;
|
|
||||||
}>
|
|
||||||
)
|
|
||||||
.map((a, idx) => {
|
|
||||||
const role = idx === 0 ? '主' : '次';
|
|
||||||
return `${role} ${a.couponNo ?? '—'}¥${Number(a.amount ?? 0).toFixed(2)}${
|
|
||||||
a.orderNo ? `(订单 ${a.orderNo})` : ''
|
|
||||||
}`;
|
|
||||||
})
|
|
||||||
.join(';')}
|
|
||||||
</Descriptions.Item>
|
|
||||||
) : null}
|
|
||||||
{redeemDetail.payout ? (
|
|
||||||
<Descriptions.Item label="门店结算单">
|
|
||||||
¥{Number((redeemDetail.payout as { settleAmount?: number }).settleAmount ?? 0).toFixed(2)}
|
|
||||||
{' / '}
|
|
||||||
{String((redeemDetail.payout as { status?: string }).status ?? '—')}
|
|
||||||
</Descriptions.Item>
|
|
||||||
) : null}
|
|
||||||
{redeemDetail.rating ? (
|
|
||||||
<Descriptions.Item label="评价">
|
|
||||||
服务 {(redeemDetail.rating as { serviceScore?: number }).serviceScore ?? '—'} 分 / 环境{' '}
|
|
||||||
{(redeemDetail.rating as { envScore?: number }).envScore ?? '—'} 分
|
|
||||||
</Descriptions.Item>
|
|
||||||
) : null}
|
|
||||||
</Descriptions>
|
|
||||||
) : null}
|
) : null}
|
||||||
</Drawer>
|
</Drawer>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import { useState } from 'react';
|
import { useEffect, useState } from 'react';
|
||||||
import {
|
import {
|
||||||
Button,
|
Button,
|
||||||
Form,
|
Form,
|
||||||
@@ -16,9 +16,12 @@ import type { ColumnsType } from 'antd/es/table';
|
|||||||
import {
|
import {
|
||||||
DEV_PLAN_TASK_STATUS_LABELS,
|
DEV_PLAN_TASK_STATUS_LABELS,
|
||||||
DEV_PLAN_TASK_TYPE_LABELS,
|
DEV_PLAN_TASK_TYPE_LABELS,
|
||||||
|
SUPPORT_TICKET_STATUS_LABELS,
|
||||||
type DevPlanTaskDto,
|
type DevPlanTaskDto,
|
||||||
type DevPlanTaskStatusDto,
|
type DevPlanTaskStatusDto,
|
||||||
type DevPlanTaskTypeDto,
|
type DevPlanTaskTypeDto,
|
||||||
|
type DevPlanVersionDto,
|
||||||
|
type SupportTicketDto,
|
||||||
} from '@dukang/shared-types';
|
} from '@dukang/shared-types';
|
||||||
import { request } from '../lib/api';
|
import { request } from '../lib/api';
|
||||||
import { fmtTime } from '../lib/constants';
|
import { fmtTime } from '../lib/constants';
|
||||||
@@ -46,11 +49,30 @@ export default function DevPlanTasksPage() {
|
|||||||
const [selectedRowKeys, setSelectedRowKeys] = useState<string[]>([]);
|
const [selectedRowKeys, setSelectedRowKeys] = useState<string[]>([]);
|
||||||
const [modalOpen, setModalOpen] = useState(false);
|
const [modalOpen, setModalOpen] = useState(false);
|
||||||
const [dispatchOpen, setDispatchOpen] = useState(false);
|
const [dispatchOpen, setDispatchOpen] = useState(false);
|
||||||
|
const [batchEditOpen, setBatchEditOpen] = useState(false);
|
||||||
|
const [batchSaving, setBatchSaving] = useState(false);
|
||||||
|
const [versions, setVersions] = useState<DevPlanVersionDto[]>([]);
|
||||||
|
const [supportTickets, setSupportTickets] = useState<SupportTicketDto[]>([]);
|
||||||
const [editing, setEditing] = useState<DevPlanTaskDto | null>(null);
|
const [editing, setEditing] = useState<DevPlanTaskDto | null>(null);
|
||||||
const [saving, setSaving] = useState(false);
|
const [saving, setSaving] = useState(false);
|
||||||
const [dispatching, setDispatching] = useState(false);
|
const [dispatching, setDispatching] = useState(false);
|
||||||
const [form] = Form.useForm();
|
const [form] = Form.useForm();
|
||||||
const [dispatchForm] = Form.useForm<{ supplement?: string }>();
|
const [dispatchForm] = Form.useForm<{ supplement?: string }>();
|
||||||
|
const [batchForm] = Form.useForm<{ status?: DevPlanTaskStatusDto; versionId?: string }>();
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (!batchEditOpen) return;
|
||||||
|
request<{ items: DevPlanVersionDto[] }>('/admin/dev-plan/versions?pageSize=100')
|
||||||
|
.then((res) => setVersions(res.items ?? []))
|
||||||
|
.catch(() => setVersions([]));
|
||||||
|
}, [batchEditOpen]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (!modalOpen || editing) return;
|
||||||
|
request<{ items: SupportTicketDto[] }>('/admin/support-tickets?pageSize=100')
|
||||||
|
.then((res) => setSupportTickets(res.items ?? []))
|
||||||
|
.catch(() => setSupportTickets([]));
|
||||||
|
}, [modalOpen, editing]);
|
||||||
|
|
||||||
const { data, loading, page, pageSize, setPage, setPageSize, reload } = useAdminList<DevPlanTaskDto>(
|
const { data, loading, page, pageSize, setPage, setPageSize, reload } = useAdminList<DevPlanTaskDto>(
|
||||||
'/admin/dev-plan/tasks',
|
'/admin/dev-plan/tasks',
|
||||||
@@ -66,7 +88,7 @@ export default function DevPlanTasksPage() {
|
|||||||
|
|
||||||
function openCreate() {
|
function openCreate() {
|
||||||
setEditing(null);
|
setEditing(null);
|
||||||
form.setFieldsValue({ content: '', type: 'BUG', status: 'TODO' });
|
form.setFieldsValue({ content: '', type: 'BUG', status: 'TODO', supportTicketId: undefined });
|
||||||
setModalOpen(true);
|
setModalOpen(true);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -89,7 +111,11 @@ export default function DevPlanTasksPage() {
|
|||||||
} else {
|
} else {
|
||||||
await request('/admin/dev-plan/tasks', {
|
await request('/admin/dev-plan/tasks', {
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
body: JSON.stringify({ content: values.content, type: values.type }),
|
body: JSON.stringify({
|
||||||
|
content: values.content,
|
||||||
|
type: values.type,
|
||||||
|
supportTicketId: values.supportTicketId || undefined,
|
||||||
|
}),
|
||||||
});
|
});
|
||||||
message.success('已创建');
|
message.success('已创建');
|
||||||
}
|
}
|
||||||
@@ -119,6 +145,38 @@ export default function DevPlanTasksPage() {
|
|||||||
setDispatchOpen(true);
|
setDispatchOpen(true);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function openBatchEdit() {
|
||||||
|
batchForm.setFieldsValue({ status: undefined, versionId: undefined });
|
||||||
|
setBatchEditOpen(true);
|
||||||
|
}
|
||||||
|
|
||||||
|
async function submitBatchEdit() {
|
||||||
|
const values = await batchForm.validateFields();
|
||||||
|
if (!values.status && !values.versionId) {
|
||||||
|
message.warning('请至少选择状态或关联版本');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
setBatchSaving(true);
|
||||||
|
try {
|
||||||
|
await request('/admin/dev-plan/tasks/batch-update', {
|
||||||
|
method: 'POST',
|
||||||
|
body: JSON.stringify({
|
||||||
|
taskIds: selectedRowKeys,
|
||||||
|
status: values.status || undefined,
|
||||||
|
versionId: values.versionId || undefined,
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
message.success('批量更新成功');
|
||||||
|
setBatchEditOpen(false);
|
||||||
|
setSelectedRowKeys([]);
|
||||||
|
reload();
|
||||||
|
} catch (e) {
|
||||||
|
message.error(e instanceof Error ? e.message : '批量更新失败');
|
||||||
|
} finally {
|
||||||
|
setBatchSaving(false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
async function submitDispatch() {
|
async function submitDispatch() {
|
||||||
const values = await dispatchForm.validateFields();
|
const values = await dispatchForm.validateFields();
|
||||||
setDispatching(true);
|
setDispatching(true);
|
||||||
@@ -186,6 +244,9 @@ export default function DevPlanTasksPage() {
|
|||||||
开发计划 · 任务列表
|
开发计划 · 任务列表
|
||||||
</Typography.Title>
|
</Typography.Title>
|
||||||
<Space>
|
<Space>
|
||||||
|
<Button disabled={!selectedRowKeys.length} onClick={openBatchEdit}>
|
||||||
|
批量编辑
|
||||||
|
</Button>
|
||||||
<Button disabled={!selectedRowKeys.length} onClick={openDispatch}>
|
<Button disabled={!selectedRowKeys.length} onClick={openDispatch}>
|
||||||
评审
|
评审
|
||||||
</Button>
|
</Button>
|
||||||
@@ -258,7 +319,20 @@ export default function DevPlanTasksPage() {
|
|||||||
<Form.Item name="status" label="状态" rules={[{ required: true }]}>
|
<Form.Item name="status" label="状态" rules={[{ required: true }]}>
|
||||||
<Select options={STATUS_OPTIONS} />
|
<Select options={STATUS_OPTIONS} />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
) : null}
|
) : (
|
||||||
|
<Form.Item name="supportTicketId" label="绑定技术支持工单">
|
||||||
|
<Select
|
||||||
|
allowClear
|
||||||
|
showSearch
|
||||||
|
optionFilterProp="label"
|
||||||
|
placeholder="可选:关联工单"
|
||||||
|
options={supportTickets.map((t) => ({
|
||||||
|
value: t.id,
|
||||||
|
label: `${t.ticketNo} · ${SUPPORT_TICKET_STATUS_LABELS[t.status]} · ${t.title}`,
|
||||||
|
}))}
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
)}
|
||||||
</Form>
|
</Form>
|
||||||
</Modal>
|
</Modal>
|
||||||
|
|
||||||
@@ -280,6 +354,29 @@ export default function DevPlanTasksPage() {
|
|||||||
</Form.Item>
|
</Form.Item>
|
||||||
</Form>
|
</Form>
|
||||||
</Modal>
|
</Modal>
|
||||||
|
|
||||||
|
<Modal
|
||||||
|
title="批量编辑任务"
|
||||||
|
open={batchEditOpen}
|
||||||
|
onCancel={() => setBatchEditOpen(false)}
|
||||||
|
onOk={() => void submitBatchEdit()}
|
||||||
|
confirmLoading={batchSaving}
|
||||||
|
destroyOnClose
|
||||||
|
>
|
||||||
|
<Typography.Paragraph type="secondary">已选 {selectedRowKeys.length} 条任务</Typography.Paragraph>
|
||||||
|
<Form form={batchForm} layout="vertical">
|
||||||
|
<Form.Item name="status" label="状态(不修改请留空)">
|
||||||
|
<Select allowClear placeholder="不修改" options={STATUS_OPTIONS} />
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item name="versionId" label="关联版本(追加关联,不修改请留空)">
|
||||||
|
<Select
|
||||||
|
allowClear
|
||||||
|
placeholder="不修改"
|
||||||
|
options={versions.map((v) => ({ value: v.id, label: v.versionNo }))}
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
</Form>
|
||||||
|
</Modal>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -18,6 +18,7 @@ import type { ColumnsType } from 'antd/es/table';
|
|||||||
import { UploadOutlined } from '@ant-design/icons';
|
import { UploadOutlined } from '@ant-design/icons';
|
||||||
import type {
|
import type {
|
||||||
KnowledgeBaseDto,
|
KnowledgeBaseDto,
|
||||||
|
KnowledgeDocumentDetailDto,
|
||||||
KnowledgeDocumentDto,
|
KnowledgeDocumentDto,
|
||||||
} from '@dukang/shared-types';
|
} from '@dukang/shared-types';
|
||||||
import { request } from '../lib/api';
|
import { request } from '../lib/api';
|
||||||
@@ -49,6 +50,10 @@ export default function KnowledgeBasesPage() {
|
|||||||
const [docsLoading, setDocsLoading] = useState(false);
|
const [docsLoading, setDocsLoading] = useState(false);
|
||||||
const [docModalOpen, setDocModalOpen] = useState(false);
|
const [docModalOpen, setDocModalOpen] = useState(false);
|
||||||
const [docSaving, setDocSaving] = useState(false);
|
const [docSaving, setDocSaving] = useState(false);
|
||||||
|
const [editingDoc, setEditingDoc] = useState<KnowledgeDocumentDto | null>(null);
|
||||||
|
const [editDocModalOpen, setEditDocModalOpen] = useState(false);
|
||||||
|
const [editDocSaving, setEditDocSaving] = useState(false);
|
||||||
|
const [editDocForm] = Form.useForm<DocForm>();
|
||||||
|
|
||||||
const { data, loading, page, pageSize, setPage, setPageSize, reload } =
|
const { data, loading, page, pageSize, setPage, setPageSize, reload } =
|
||||||
useAdminList<KnowledgeBaseDto>(
|
useAdminList<KnowledgeBaseDto>(
|
||||||
@@ -195,28 +200,52 @@ export default function KnowledgeBasesPage() {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '操作',
|
title: '操作',
|
||||||
width: 80,
|
width: 140,
|
||||||
render: (_, row) =>
|
render: (_, row) =>
|
||||||
drawerKb?.canEditFull ? (
|
drawerKb?.canEditFull ? (
|
||||||
<Popconfirm
|
<Space>
|
||||||
title="删除文档?"
|
<Button
|
||||||
onConfirm={async () => {
|
type="link"
|
||||||
try {
|
size="small"
|
||||||
await request(`/admin/knowledge-bases/${drawerKb.id}/documents/${row.id}`, {
|
onClick={async () => {
|
||||||
method: 'DELETE',
|
if (!drawerKb) return;
|
||||||
});
|
try {
|
||||||
message.success('已删除');
|
const detail = await request<KnowledgeDocumentDetailDto>(
|
||||||
void loadDocs(drawerKb);
|
`/admin/knowledge-bases/${drawerKb.id}/documents/${row.id}`,
|
||||||
reload();
|
);
|
||||||
} catch (e) {
|
setEditingDoc(row);
|
||||||
message.error(e instanceof Error ? e.message : String(e));
|
editDocForm.setFieldsValue({
|
||||||
}
|
title: detail.title,
|
||||||
}}
|
contentText: detail.contentText || '',
|
||||||
>
|
});
|
||||||
<Button type="link" size="small" danger>
|
setEditDocModalOpen(true);
|
||||||
删除
|
} catch (e) {
|
||||||
|
message.error(e instanceof Error ? e.message : String(e));
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
编辑
|
||||||
</Button>
|
</Button>
|
||||||
</Popconfirm>
|
<Popconfirm
|
||||||
|
title="删除文档?"
|
||||||
|
onConfirm={async () => {
|
||||||
|
try {
|
||||||
|
await request(`/admin/knowledge-bases/${drawerKb.id}/documents/${row.id}`, {
|
||||||
|
method: 'DELETE',
|
||||||
|
});
|
||||||
|
message.success('已删除');
|
||||||
|
void loadDocs(drawerKb);
|
||||||
|
reload();
|
||||||
|
} catch (e) {
|
||||||
|
message.error(e instanceof Error ? e.message : String(e));
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Button type="link" size="small" danger>
|
||||||
|
删除
|
||||||
|
</Button>
|
||||||
|
</Popconfirm>
|
||||||
|
</Space>
|
||||||
) : null,
|
) : null,
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
@@ -398,6 +427,50 @@ export default function KnowledgeBasesPage() {
|
|||||||
</Form.Item>
|
</Form.Item>
|
||||||
</Form>
|
</Form>
|
||||||
</Modal>
|
</Modal>
|
||||||
|
|
||||||
|
<Modal
|
||||||
|
title="编辑知识文档"
|
||||||
|
open={editDocModalOpen}
|
||||||
|
onCancel={() => {
|
||||||
|
setEditDocModalOpen(false);
|
||||||
|
setEditingDoc(null);
|
||||||
|
}}
|
||||||
|
confirmLoading={editDocSaving}
|
||||||
|
onOk={async () => {
|
||||||
|
if (!drawerKb || !editingDoc) return;
|
||||||
|
const values = await editDocForm.validateFields();
|
||||||
|
setEditDocSaving(true);
|
||||||
|
try {
|
||||||
|
await request(`/admin/knowledge-bases/${drawerKb.id}/documents/${editingDoc.id}`, {
|
||||||
|
method: 'PUT',
|
||||||
|
body: JSON.stringify({
|
||||||
|
title: values.title,
|
||||||
|
contentText: values.contentText || null,
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
message.success('已保存');
|
||||||
|
setEditDocModalOpen(false);
|
||||||
|
setEditingDoc(null);
|
||||||
|
void loadDocs(drawerKb);
|
||||||
|
reload();
|
||||||
|
} catch (e) {
|
||||||
|
message.error(e instanceof Error ? e.message : String(e));
|
||||||
|
} finally {
|
||||||
|
setEditDocSaving(false);
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
destroyOnClose
|
||||||
|
width={640}
|
||||||
|
>
|
||||||
|
<Form form={editDocForm} layout="vertical">
|
||||||
|
<Form.Item name="title" label="标题" rules={[{ required: true }]}>
|
||||||
|
<Input />
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item name="contentText" label="正文(可粘贴)">
|
||||||
|
<Input.TextArea rows={8} placeholder="支持 Markdown / 纯文本" />
|
||||||
|
</Form.Item>
|
||||||
|
</Form>
|
||||||
|
</Modal>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -168,10 +168,10 @@ function ProductDetailFields({ form, aromaType }: { form: FormInstance; aromaTyp
|
|||||||
<>
|
<>
|
||||||
<ProductDetailTemplatePicker form={form} aromaType={aromaType} />
|
<ProductDetailTemplatePicker form={form} aromaType={aromaType} />
|
||||||
<Divider />
|
<Divider />
|
||||||
<Typography.Text type="secondary">详情页轮播(CAROUSEL)</Typography.Text>
|
<Typography.Text type="secondary">详情页轮播(CAROUSEL,单张最大 10MB)</Typography.Text>
|
||||||
<ImageUrlList name="carouselUrls" label="轮播图" bizType="CAROUSEL" />
|
<ImageUrlList name="carouselUrls" label="轮播图" bizType="CAROUSEL" />
|
||||||
<Divider />
|
<Divider />
|
||||||
<Typography.Text type="secondary">详情长图(DETAIL,可逐张修改)</Typography.Text>
|
<Typography.Text type="secondary">详情长图(DETAIL,可逐张修改,单张最大 10MB)</Typography.Text>
|
||||||
<DetailImageUrlList label="详情图" bizType="DETAIL" />
|
<DetailImageUrlList label="详情图" bizType="DETAIL" />
|
||||||
<Divider />
|
<Divider />
|
||||||
<Form.Item name="storyTitle" label="故事标题">
|
<Form.Item name="storyTitle" label="故事标题">
|
||||||
|
|||||||
@@ -1,7 +1,8 @@
|
|||||||
import { useState } from 'react';
|
import { useState } from 'react';
|
||||||
import { Button, Descriptions, Drawer, Form, Input, Select, Table, Tag, Typography } from 'antd';
|
import { Button, Drawer, Form, Input, Select, Table, Tag, Typography } from 'antd';
|
||||||
import type { ColumnsType } from 'antd/es/table';
|
import type { ColumnsType } from 'antd/es/table';
|
||||||
import { REDEEM_CHANNEL_LABELS, type RedeemChannel } from '@dukang/shared-types';
|
import { REDEEM_CHANNEL_LABELS, type RedeemChannel } from '@dukang/shared-types';
|
||||||
|
import RedeemRecordDetailDescriptions from '../components/RedeemRecordDetailDescriptions';
|
||||||
import { request } from '../lib/api';
|
import { request } from '../lib/api';
|
||||||
import { fmtTime } from '../lib/constants';
|
import { fmtTime } from '../lib/constants';
|
||||||
import { useAdminList } from '../lib/useAdminList';
|
import { useAdminList } from '../lib/useAdminList';
|
||||||
@@ -13,11 +14,16 @@ type Row = {
|
|||||||
settleAmount: number;
|
settleAmount: number;
|
||||||
channel?: RedeemChannel;
|
channel?: RedeemChannel;
|
||||||
createdAt: string;
|
createdAt: string;
|
||||||
user?: { userNo: string; phone: string | null };
|
user?: { userNo: string; phone: string | null; nickname?: string | null };
|
||||||
store?: { name: string; cityName: string };
|
store?: { name: string; cityName: string };
|
||||||
coupon?: { couponNo: string };
|
coupon?: { couponNo: string };
|
||||||
};
|
};
|
||||||
|
|
||||||
|
function maskPhone(phone: string | null | undefined) {
|
||||||
|
if (!phone || phone.length < 7) return phone ?? '—';
|
||||||
|
return `${phone.slice(0, 3)}****${phone.slice(-4)}`;
|
||||||
|
}
|
||||||
|
|
||||||
export default function RedeemRecordsPage() {
|
export default function RedeemRecordsPage() {
|
||||||
const [form] = Form.useForm();
|
const [form] = Form.useForm();
|
||||||
const [filters, setFilters] = useState<Record<string, string>>({});
|
const [filters, setFilters] = useState<Record<string, string>>({});
|
||||||
@@ -34,6 +40,17 @@ export default function RedeemRecordsPage() {
|
|||||||
);
|
);
|
||||||
const [detail, setDetail] = useState<Record<string, unknown> | null>(null);
|
const [detail, setDetail] = useState<Record<string, unknown> | null>(null);
|
||||||
const [drawerOpen, setDrawerOpen] = useState(false);
|
const [drawerOpen, setDrawerOpen] = useState(false);
|
||||||
|
const [detailLoading, setDetailLoading] = useState(false);
|
||||||
|
|
||||||
|
async function openDetail(id: string) {
|
||||||
|
setDetailLoading(true);
|
||||||
|
setDrawerOpen(true);
|
||||||
|
try {
|
||||||
|
setDetail(await request(`/admin/redeem-records/${id}`));
|
||||||
|
} finally {
|
||||||
|
setDetailLoading(false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
const columns: ColumnsType<Row> = [
|
const columns: ColumnsType<Row> = [
|
||||||
{ title: '核销号', dataIndex: 'redeemNo', width: 180 },
|
{ title: '核销号', dataIndex: 'redeemNo', width: 180 },
|
||||||
@@ -50,7 +67,19 @@ export default function RedeemRecordsPage() {
|
|||||||
);
|
);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
{ title: '用户', dataIndex: ['user', 'userNo'], width: 110 },
|
{ title: '用户编号', dataIndex: ['user', 'userNo'], width: 110 },
|
||||||
|
{
|
||||||
|
title: '用户昵称',
|
||||||
|
dataIndex: ['user', 'nickname'],
|
||||||
|
width: 100,
|
||||||
|
render: (v: string | null | undefined) => v || '—',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '用户手机',
|
||||||
|
dataIndex: ['user', 'phone'],
|
||||||
|
width: 120,
|
||||||
|
render: (v: string | null | undefined) => maskPhone(v),
|
||||||
|
},
|
||||||
{ title: '门店', dataIndex: ['store', 'name'] },
|
{ title: '门店', dataIndex: ['store', 'name'] },
|
||||||
{ title: '核销额', dataIndex: 'amount', width: 90, render: (v) => `¥${v}` },
|
{ title: '核销额', dataIndex: 'amount', width: 90, render: (v) => `¥${v}` },
|
||||||
{ title: '结算额', dataIndex: 'settleAmount', width: 90, render: (v) => `¥${v}` },
|
{ title: '结算额', dataIndex: 'settleAmount', width: 90, render: (v) => `¥${v}` },
|
||||||
@@ -60,14 +89,7 @@ export default function RedeemRecordsPage() {
|
|||||||
title: '操作',
|
title: '操作',
|
||||||
width: 80,
|
width: 80,
|
||||||
render: (_, row) => (
|
render: (_, row) => (
|
||||||
<Button
|
<Button type="link" size="small" onClick={() => void openDetail(row.id)}>
|
||||||
type="link"
|
|
||||||
size="small"
|
|
||||||
onClick={async () => {
|
|
||||||
setDetail(await request(`/admin/redeem-records/${row.id}`));
|
|
||||||
setDrawerOpen(true);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
详情
|
详情
|
||||||
</Button>
|
</Button>
|
||||||
),
|
),
|
||||||
@@ -113,7 +135,7 @@ export default function RedeemRecordsPage() {
|
|||||||
loading={loading}
|
loading={loading}
|
||||||
columns={columns}
|
columns={columns}
|
||||||
dataSource={data?.items ?? []}
|
dataSource={data?.items ?? []}
|
||||||
scroll={{ x: 1100 }}
|
scroll={{ x: 1300 }}
|
||||||
pagination={{
|
pagination={{
|
||||||
current: page,
|
current: page,
|
||||||
pageSize,
|
pageSize,
|
||||||
@@ -125,22 +147,21 @@ export default function RedeemRecordsPage() {
|
|||||||
},
|
},
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
<Drawer title="核销详情" width={520} open={drawerOpen} onClose={() => setDrawerOpen(false)}>
|
<Drawer
|
||||||
{detail && (
|
title="核销详情"
|
||||||
<Descriptions column={1} bordered size="small">
|
width={640}
|
||||||
<Descriptions.Item label="核销号">{String(detail.redeemNo)}</Descriptions.Item>
|
open={drawerOpen}
|
||||||
<Descriptions.Item label="方式">
|
onClose={() => {
|
||||||
{
|
setDrawerOpen(false);
|
||||||
REDEEM_CHANNEL_LABELS[
|
setDetail(null);
|
||||||
(detail.channel === 'PHONE' ? 'PHONE' : 'SCAN') as RedeemChannel
|
}}
|
||||||
]
|
destroyOnClose
|
||||||
}
|
>
|
||||||
</Descriptions.Item>
|
{detailLoading ? (
|
||||||
<Descriptions.Item label="核销额">¥{String(detail.amount)}</Descriptions.Item>
|
<Typography.Text type="secondary">加载中…</Typography.Text>
|
||||||
<Descriptions.Item label="结算额">¥{String(detail.settleAmount)}</Descriptions.Item>
|
) : detail ? (
|
||||||
<Descriptions.Item label="时间">{fmtTime(String(detail.createdAt))}</Descriptions.Item>
|
<RedeemRecordDetailDescriptions detail={detail} />
|
||||||
</Descriptions>
|
) : null}
|
||||||
)}
|
|
||||||
</Drawer>
|
</Drawer>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -376,7 +376,7 @@ type StoreRow = {
|
|||||||
visibilityWhitelistEnabled?: boolean;
|
visibilityWhitelistEnabled?: boolean;
|
||||||
visibilityPhones?: string[];
|
visibilityPhones?: string[];
|
||||||
cityRef?: { name: string; code: string };
|
cityRef?: { name: string; code: string };
|
||||||
partner?: { companyName: string };
|
partner?: { id?: string; companyName?: string | null; name?: string | null; phone?: string | null };
|
||||||
account?: {
|
account?: {
|
||||||
phone: string;
|
phone: string;
|
||||||
name: string;
|
name: string;
|
||||||
@@ -394,13 +394,14 @@ type StoreRow = {
|
|||||||
category?: { id: string; name: string; parentId?: string | null } | null;
|
category?: { id: string; name: string; parentId?: string | null } | null;
|
||||||
};
|
};
|
||||||
|
|
||||||
type PartnerOption = { id: string; companyName: string; name?: string };
|
type PartnerOption = { id: string; companyName?: string | null; name?: string | null; phone?: string | null };
|
||||||
|
|
||||||
function partnerOptionLabel(p: PartnerOption): string {
|
function partnerOptionLabel(p: PartnerOption): string {
|
||||||
const company = (p.companyName || '').trim();
|
const company = (p.companyName || '').trim();
|
||||||
const person = (p.name || '').trim();
|
const person = (p.name || '').trim();
|
||||||
|
const phone = (p.phone || '').trim();
|
||||||
if (company && person) return `${company}-${person}`;
|
if (company && person) return `${company}-${person}`;
|
||||||
return company || person || p.id;
|
return company || person || phone || p.id;
|
||||||
}
|
}
|
||||||
type CityOption = {
|
type CityOption = {
|
||||||
id: string;
|
id: string;
|
||||||
@@ -867,7 +868,13 @@ export default function StoresPage() {
|
|||||||
);
|
);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
{ title: '开城合伙人', dataIndex: ['partner', 'companyName'], width: 120 },
|
{
|
||||||
|
title: '开城合伙人',
|
||||||
|
dataIndex: 'partner',
|
||||||
|
width: 140,
|
||||||
|
render: (partner: StoreRow['partner']) =>
|
||||||
|
partner ? partnerOptionLabel({ id: partner.id ?? '', ...partner }) : '—',
|
||||||
|
},
|
||||||
{
|
{
|
||||||
title: '可见',
|
title: '可见',
|
||||||
dataIndex: 'visibilityWhitelistEnabled',
|
dataIndex: 'visibilityWhitelistEnabled',
|
||||||
|
|||||||
@@ -2,8 +2,10 @@ import { useEffect, useState } from 'react';
|
|||||||
import {
|
import {
|
||||||
Button,
|
Button,
|
||||||
Card,
|
Card,
|
||||||
|
Checkbox,
|
||||||
Drawer,
|
Drawer,
|
||||||
Form,
|
Form,
|
||||||
|
Image,
|
||||||
Input,
|
Input,
|
||||||
Modal,
|
Modal,
|
||||||
Radio,
|
Radio,
|
||||||
@@ -28,18 +30,25 @@ import {
|
|||||||
DEV_PLAN_TASK_TYPE_LABELS,
|
DEV_PLAN_TASK_TYPE_LABELS,
|
||||||
SUPPORT_TICKET_STATUS_LABELS,
|
SUPPORT_TICKET_STATUS_LABELS,
|
||||||
SUPPORT_TICKET_TYPE_LABELS,
|
SUPPORT_TICKET_TYPE_LABELS,
|
||||||
|
SUPPORT_TICKET_PRIORITY_LABELS,
|
||||||
mapSupportTicketTypeToDevPlanTask,
|
mapSupportTicketTypeToDevPlanTask,
|
||||||
type BatchReviewPreviewItem,
|
type BatchReviewPreviewItem,
|
||||||
type BatchReviewPreviewResponse,
|
type BatchReviewPreviewResponse,
|
||||||
type DevPlanTaskTypeDto,
|
type DevPlanTaskTypeDto,
|
||||||
|
type DevPlanVersionDto,
|
||||||
type SupportTicketDto,
|
type SupportTicketDto,
|
||||||
type SupportTicketLinkedTaskDto,
|
type SupportTicketLinkedTaskDto,
|
||||||
|
type SupportTicketPriorityDto,
|
||||||
type SupportTicketStatusDto,
|
type SupportTicketStatusDto,
|
||||||
type SupportTicketTypeDto,
|
type SupportTicketTypeDto,
|
||||||
} from '@dukang/shared-types';
|
} from '@dukang/shared-types';
|
||||||
import { request, type HqProfile } from '../lib/api';
|
import { request, type HqProfile } from '../lib/api';
|
||||||
import { fmtTime } from '../lib/constants';
|
import { fmtTime } from '../lib/constants';
|
||||||
import { useAdminList } from '../lib/useAdminList';
|
import { useAdminList } from '../lib/useAdminList';
|
||||||
|
import OssUpload from '../components/OssUpload';
|
||||||
|
|
||||||
|
const DISPATCH_WECOM_STORAGE_KEY = 'support_ticket_dispatch_wecom';
|
||||||
|
const DEFAULT_DISPATCH_SUPPLEMENT = '请按以下任务进入开发流程';
|
||||||
|
|
||||||
const STATUS_COLOR: Record<SupportTicketStatusDto, string> = {
|
const STATUS_COLOR: Record<SupportTicketStatusDto, string> = {
|
||||||
PENDING_REVIEW: 'orange',
|
PENDING_REVIEW: 'orange',
|
||||||
@@ -47,6 +56,7 @@ const STATUS_COLOR: Record<SupportTicketStatusDto, string> = {
|
|||||||
DEVELOPING: 'blue',
|
DEVELOPING: 'blue',
|
||||||
TESTING: 'purple',
|
TESTING: 'purple',
|
||||||
PASSED: 'green',
|
PASSED: 'green',
|
||||||
|
PUBLISHED: 'cyan',
|
||||||
};
|
};
|
||||||
|
|
||||||
const TYPE_OPTIONS = (Object.keys(SUPPORT_TICKET_TYPE_LABELS) as SupportTicketTypeDto[]).map(
|
const TYPE_OPTIONS = (Object.keys(SUPPORT_TICKET_TYPE_LABELS) as SupportTicketTypeDto[]).map(
|
||||||
@@ -57,6 +67,17 @@ const STATUS_OPTIONS = (Object.keys(SUPPORT_TICKET_STATUS_LABELS) as SupportTick
|
|||||||
(value) => ({ value, label: SUPPORT_TICKET_STATUS_LABELS[value] }),
|
(value) => ({ value, label: SUPPORT_TICKET_STATUS_LABELS[value] }),
|
||||||
);
|
);
|
||||||
|
|
||||||
|
const PRIORITY_COLOR: Record<SupportTicketPriorityDto, string> = {
|
||||||
|
LOW: 'default',
|
||||||
|
NORMAL: 'blue',
|
||||||
|
HIGH: 'orange',
|
||||||
|
URGENT: 'red',
|
||||||
|
};
|
||||||
|
|
||||||
|
const PRIORITY_OPTIONS = (Object.keys(SUPPORT_TICKET_PRIORITY_LABELS) as SupportTicketPriorityDto[]).map(
|
||||||
|
(value) => ({ value, label: SUPPORT_TICKET_PRIORITY_LABELS[value] }),
|
||||||
|
);
|
||||||
|
|
||||||
const TASK_TYPE_OPTIONS = (Object.keys(DEV_PLAN_TASK_TYPE_LABELS) as DevPlanTaskTypeDto[]).map(
|
const TASK_TYPE_OPTIONS = (Object.keys(DEV_PLAN_TASK_TYPE_LABELS) as DevPlanTaskTypeDto[]).map(
|
||||||
(v) => ({ value: v, label: DEV_PLAN_TASK_TYPE_LABELS[v] }),
|
(v) => ({ value: v, label: DEV_PLAN_TASK_TYPE_LABELS[v] }),
|
||||||
);
|
);
|
||||||
@@ -73,6 +94,7 @@ export default function SupportTicketsPage() {
|
|||||||
const qs = new URLSearchParams();
|
const qs = new URLSearchParams();
|
||||||
if (filters.ticketType) qs.set('ticketType', filters.ticketType);
|
if (filters.ticketType) qs.set('ticketType', filters.ticketType);
|
||||||
if (filters.status) qs.set('status', filters.status);
|
if (filters.status) qs.set('status', filters.status);
|
||||||
|
if (filters.priority) qs.set('priority', filters.priority);
|
||||||
return qs;
|
return qs;
|
||||||
},
|
},
|
||||||
[filters],
|
[filters],
|
||||||
@@ -88,15 +110,45 @@ export default function SupportTicketsPage() {
|
|||||||
const [batchPreviewOpen, setBatchPreviewOpen] = useState(false);
|
const [batchPreviewOpen, setBatchPreviewOpen] = useState(false);
|
||||||
const [batchPreview, setBatchPreview] = useState<BatchReviewPreviewItem[]>([]);
|
const [batchPreview, setBatchPreview] = useState<BatchReviewPreviewItem[]>([]);
|
||||||
const [batchConfirming, setBatchConfirming] = useState(false);
|
const [batchConfirming, setBatchConfirming] = useState(false);
|
||||||
|
const [batchStatusOpen, setBatchStatusOpen] = useState(false);
|
||||||
|
const [batchStatusSaving, setBatchStatusSaving] = useState(false);
|
||||||
|
const [batchCreateSaving, setBatchCreateSaving] = useState(false);
|
||||||
|
const [batchPublishOpen, setBatchPublishOpen] = useState(false);
|
||||||
|
const [batchPublishSaving, setBatchPublishSaving] = useState(false);
|
||||||
|
const [versions, setVersions] = useState<DevPlanVersionDto[]>([]);
|
||||||
|
const [editOpen, setEditOpen] = useState(false);
|
||||||
|
const [editSaving, setEditSaving] = useState(false);
|
||||||
const [reviewDecision, setReviewDecision] = useState<'APPROVE' | 'REJECT'>('APPROVE');
|
const [reviewDecision, setReviewDecision] = useState<'APPROVE' | 'REJECT'>('APPROVE');
|
||||||
|
|
||||||
const [createForm] = Form.useForm();
|
const [createForm] = Form.useForm();
|
||||||
|
const [editForm] = Form.useForm();
|
||||||
const [reviewForm] = Form.useForm<{ decision: 'APPROVE' | 'REJECT'; rejectReason?: string; note?: string }>();
|
const [reviewForm] = Form.useForm<{ decision: 'APPROVE' | 'REJECT'; rejectReason?: string; note?: string }>();
|
||||||
const [tasksForm] = Form.useForm<{ tasks: Array<{ content: string; type: DevPlanTaskTypeDto }> }>();
|
const [tasksForm] = Form.useForm<{
|
||||||
|
tasks: Array<{ content: string; type: DevPlanTaskTypeDto }>;
|
||||||
|
dispatchToWecom?: boolean;
|
||||||
|
dispatchSupplement?: string;
|
||||||
|
}>();
|
||||||
const [batchForm] = Form.useForm<{ items: BatchReviewPreviewItem[] }>();
|
const [batchForm] = Form.useForm<{ items: BatchReviewPreviewItem[] }>();
|
||||||
|
const [batchStatusForm] = Form.useForm<{
|
||||||
|
status: SupportTicketStatusDto;
|
||||||
|
rejectReason?: string;
|
||||||
|
note?: string;
|
||||||
|
}>();
|
||||||
|
const [batchPublishForm] = Form.useForm<{
|
||||||
|
versionId: string;
|
||||||
|
dispatchToWecom?: boolean;
|
||||||
|
dispatchSupplement?: string;
|
||||||
|
}>();
|
||||||
|
|
||||||
const isSuperAdmin = profile?.adminRole === 'SUPER_ADMIN';
|
const isSuperAdmin = profile?.adminRole === 'SUPER_ADMIN';
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (!batchPublishOpen) return;
|
||||||
|
request<{ items: DevPlanVersionDto[] }>('/admin/dev-plan/versions?pageSize=100')
|
||||||
|
.then((res) => setVersions(res.items ?? []))
|
||||||
|
.catch(() => setVersions([]));
|
||||||
|
}, [batchPublishOpen]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
request<HqProfile>('/admin/auth/me').then(setProfile).catch(() => {});
|
request<HqProfile>('/admin/auth/me').then(setProfile).catch(() => {});
|
||||||
}, []);
|
}, []);
|
||||||
@@ -117,6 +169,8 @@ export default function SupportTicketsPage() {
|
|||||||
title: values.title.trim(),
|
title: values.title.trim(),
|
||||||
content: values.content?.trim() || undefined,
|
content: values.content?.trim() || undefined,
|
||||||
remark: values.remark?.trim() || undefined,
|
remark: values.remark?.trim() || undefined,
|
||||||
|
priority: values.priority,
|
||||||
|
attachmentUrls: (values.attachmentUrls ?? []).map((u: string) => u?.trim()).filter(Boolean),
|
||||||
}),
|
}),
|
||||||
});
|
});
|
||||||
message.success('技术支持工单已创建,等待最高管理员评审');
|
message.success('技术支持工单已创建,等待最高管理员评审');
|
||||||
@@ -166,13 +220,143 @@ export default function SupportTicketsPage() {
|
|||||||
const summary = [detail!.title, detail!.content].filter(Boolean).join('\n').slice(0, 500);
|
const summary = [detail!.title, detail!.content].filter(Boolean).join('\n').slice(0, 500);
|
||||||
tasksForm.setFieldsValue({
|
tasksForm.setFieldsValue({
|
||||||
tasks: [{ content: summary || detail!.title, type: mapSupportTicketTypeToDevPlanTask(detail!.ticketType) }],
|
tasks: [{ content: summary || detail!.title, type: mapSupportTicketTypeToDevPlanTask(detail!.ticketType) }],
|
||||||
|
dispatchToWecom: localStorage.getItem(DISPATCH_WECOM_STORAGE_KEY) !== 'false',
|
||||||
|
dispatchSupplement: DEFAULT_DISPATCH_SUPPLEMENT,
|
||||||
});
|
});
|
||||||
setCreateTasksOpen(true);
|
setCreateTasksOpen(true);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function openEdit() {
|
||||||
|
if (!detail) return;
|
||||||
|
editForm.setFieldsValue({
|
||||||
|
ticketType: detail.ticketType,
|
||||||
|
title: detail.title,
|
||||||
|
content: detail.content || '',
|
||||||
|
remark: detail.remark || '',
|
||||||
|
priority: detail.priority ?? 'NORMAL',
|
||||||
|
attachmentUrls: detail.attachmentUrls?.length ? detail.attachmentUrls : [''],
|
||||||
|
});
|
||||||
|
setEditOpen(true);
|
||||||
|
}
|
||||||
|
|
||||||
|
async function submitEdit() {
|
||||||
|
const values = await editForm.validateFields();
|
||||||
|
setEditSaving(true);
|
||||||
|
try {
|
||||||
|
await request(`/admin/support-tickets/${detail!.id}`, {
|
||||||
|
method: 'PATCH',
|
||||||
|
body: JSON.stringify({
|
||||||
|
ticketType: values.ticketType,
|
||||||
|
title: values.title.trim(),
|
||||||
|
content: values.content?.trim() || undefined,
|
||||||
|
remark: values.remark?.trim() || undefined,
|
||||||
|
priority: values.priority,
|
||||||
|
attachmentUrls: (values.attachmentUrls ?? []).map((u: string) => u?.trim()).filter(Boolean),
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
message.success('已保存');
|
||||||
|
setEditOpen(false);
|
||||||
|
await openDetail(String(detail!.id));
|
||||||
|
reload();
|
||||||
|
} catch (e) {
|
||||||
|
message.error(e instanceof Error ? e.message : '保存失败');
|
||||||
|
} finally {
|
||||||
|
setEditSaving(false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function submitBatchStatus() {
|
||||||
|
const values = await batchStatusForm.validateFields();
|
||||||
|
setBatchStatusSaving(true);
|
||||||
|
try {
|
||||||
|
const res = await request<{ successCount: number; failCount: number }>(
|
||||||
|
'/admin/support-tickets/batch-update-status',
|
||||||
|
{
|
||||||
|
method: 'POST',
|
||||||
|
body: JSON.stringify({
|
||||||
|
ticketIds: selectedRowKeys,
|
||||||
|
status: values.status,
|
||||||
|
rejectReason: values.rejectReason?.trim() || undefined,
|
||||||
|
note: values.note?.trim() || undefined,
|
||||||
|
}),
|
||||||
|
},
|
||||||
|
);
|
||||||
|
message.success(`成功 ${res.successCount} 条,失败 ${res.failCount} 条`);
|
||||||
|
setBatchStatusOpen(false);
|
||||||
|
setSelectedRowKeys([]);
|
||||||
|
reload();
|
||||||
|
} catch (e) {
|
||||||
|
message.error(e instanceof Error ? e.message : '批量更新失败');
|
||||||
|
} finally {
|
||||||
|
setBatchStatusSaving(false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function submitBatchCreateTasks() {
|
||||||
|
if (!selectedRowKeys.length) return;
|
||||||
|
setBatchCreateSaving(true);
|
||||||
|
try {
|
||||||
|
const res = await request<{ successCount: number; failCount: number }>(
|
||||||
|
'/admin/support-tickets/batch-create-tasks',
|
||||||
|
{
|
||||||
|
method: 'POST',
|
||||||
|
body: JSON.stringify({ ticketIds: selectedRowKeys }),
|
||||||
|
},
|
||||||
|
);
|
||||||
|
message.success(`已创建 ${res.successCount} 条任务,跳过/失败 ${res.failCount} 条`);
|
||||||
|
setSelectedRowKeys([]);
|
||||||
|
reload();
|
||||||
|
} catch (e) {
|
||||||
|
message.error(e instanceof Error ? e.message : '批量创建任务失败');
|
||||||
|
} finally {
|
||||||
|
setBatchCreateSaving(false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function openBatchPublish() {
|
||||||
|
batchPublishForm.setFieldsValue({
|
||||||
|
versionId: undefined,
|
||||||
|
dispatchToWecom: localStorage.getItem(DISPATCH_WECOM_STORAGE_KEY) !== 'false',
|
||||||
|
dispatchSupplement: DEFAULT_DISPATCH_SUPPLEMENT,
|
||||||
|
});
|
||||||
|
setBatchPublishOpen(true);
|
||||||
|
}
|
||||||
|
|
||||||
|
async function submitBatchPublish() {
|
||||||
|
const values = await batchPublishForm.validateFields();
|
||||||
|
localStorage.setItem(DISPATCH_WECOM_STORAGE_KEY, values.dispatchToWecom ? 'true' : 'false');
|
||||||
|
setBatchPublishSaving(true);
|
||||||
|
try {
|
||||||
|
const res = await request<{
|
||||||
|
successCount: number;
|
||||||
|
failCount: number;
|
||||||
|
linkedTaskCount: number;
|
||||||
|
}>('/admin/support-tickets/batch-publish', {
|
||||||
|
method: 'POST',
|
||||||
|
body: JSON.stringify({
|
||||||
|
ticketIds: selectedRowKeys,
|
||||||
|
versionId: values.versionId,
|
||||||
|
dispatchToWecom: !!values.dispatchToWecom,
|
||||||
|
dispatchSupplement: values.dispatchSupplement?.trim() || undefined,
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
message.success(
|
||||||
|
`已关联 ${res.linkedTaskCount} 条任务到版本,工单成功 ${res.successCount} 条,失败 ${res.failCount} 条`,
|
||||||
|
);
|
||||||
|
setBatchPublishOpen(false);
|
||||||
|
setSelectedRowKeys([]);
|
||||||
|
reload();
|
||||||
|
} catch (e) {
|
||||||
|
message.error(e instanceof Error ? e.message : '批量发布失败');
|
||||||
|
} finally {
|
||||||
|
setBatchPublishSaving(false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
async function submitCreateTasks() {
|
async function submitCreateTasks() {
|
||||||
const values = await tasksForm.validateFields();
|
const values = await tasksForm.validateFields();
|
||||||
const note = reviewForm.getFieldValue('note') as string | undefined;
|
const note = reviewForm.getFieldValue('note') as string | undefined;
|
||||||
|
localStorage.setItem(DISPATCH_WECOM_STORAGE_KEY, values.dispatchToWecom ? 'true' : 'false');
|
||||||
setActing(true);
|
setActing(true);
|
||||||
try {
|
try {
|
||||||
await request(`/admin/support-tickets/${detail!.id}/review`, {
|
await request(`/admin/support-tickets/${detail!.id}/review`, {
|
||||||
@@ -181,9 +365,11 @@ export default function SupportTicketsPage() {
|
|||||||
decision: 'APPROVE',
|
decision: 'APPROVE',
|
||||||
note: note?.trim() || undefined,
|
note: note?.trim() || undefined,
|
||||||
tasks: values.tasks.map((t) => ({ content: t.content.trim(), type: t.type })),
|
tasks: values.tasks.map((t) => ({ content: t.content.trim(), type: t.type })),
|
||||||
|
dispatchToWecom: !!values.dispatchToWecom,
|
||||||
|
dispatchSupplement: values.dispatchSupplement?.trim() || undefined,
|
||||||
}),
|
}),
|
||||||
});
|
});
|
||||||
message.success('审批通过,已创建开发任务');
|
message.success(values.dispatchToWecom ? '审批通过,已创建任务并派发企微' : '审批通过,已创建开发任务');
|
||||||
setCreateTasksOpen(false);
|
setCreateTasksOpen(false);
|
||||||
setDrawerOpen(false);
|
setDrawerOpen(false);
|
||||||
reload();
|
reload();
|
||||||
@@ -283,12 +469,29 @@ export default function SupportTicketsPage() {
|
|||||||
width: 90,
|
width: 90,
|
||||||
render: (t: SupportTicketTypeDto) => SUPPORT_TICKET_TYPE_LABELS[t] ?? t,
|
render: (t: SupportTicketTypeDto) => SUPPORT_TICKET_TYPE_LABELS[t] ?? t,
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
title: '优先级',
|
||||||
|
dataIndex: 'priority',
|
||||||
|
width: 90,
|
||||||
|
render: (p: SupportTicketPriorityDto) => (
|
||||||
|
<Tag color={PRIORITY_COLOR[p] ?? 'default'}>
|
||||||
|
{SUPPORT_TICKET_PRIORITY_LABELS[p] ?? p ?? '普通'}
|
||||||
|
</Tag>
|
||||||
|
),
|
||||||
|
},
|
||||||
{
|
{
|
||||||
title: '状态',
|
title: '状态',
|
||||||
dataIndex: 'status',
|
dataIndex: 'status',
|
||||||
width: 100,
|
width: 100,
|
||||||
render: (s: SupportTicketStatusDto) => (
|
render: (s: SupportTicketStatusDto, row) => (
|
||||||
<Tag color={STATUS_COLOR[s]}>{SUPPORT_TICKET_STATUS_LABELS[s] ?? s}</Tag>
|
<Space size={4} direction="vertical" style={{ lineHeight: 1.2 }}>
|
||||||
|
<Tag color={STATUS_COLOR[s]}>{SUPPORT_TICKET_STATUS_LABELS[s] ?? s}</Tag>
|
||||||
|
{row.releasedVersionNo ? (
|
||||||
|
<Typography.Text type="secondary" style={{ fontSize: 11 }}>
|
||||||
|
{row.releasedVersionNo}
|
||||||
|
</Typography.Text>
|
||||||
|
) : null}
|
||||||
|
</Space>
|
||||||
),
|
),
|
||||||
},
|
},
|
||||||
{ title: '标题', dataIndex: 'title', ellipsis: true },
|
{ title: '标题', dataIndex: 'title', ellipsis: true },
|
||||||
@@ -309,9 +512,12 @@ export default function SupportTicketsPage() {
|
|||||||
if (!detail) return null;
|
if (!detail) return null;
|
||||||
if (detail.status === 'PENDING_REVIEW' && isSuperAdmin) {
|
if (detail.status === 'PENDING_REVIEW' && isSuperAdmin) {
|
||||||
return (
|
return (
|
||||||
<Button type="primary" loading={acting} onClick={openReview}>
|
<Space>
|
||||||
审批
|
<Button onClick={openEdit}>编辑</Button>
|
||||||
</Button>
|
<Button type="primary" loading={acting} onClick={openReview}>
|
||||||
|
审批
|
||||||
|
</Button>
|
||||||
|
</Space>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
if (detail.status === 'DEVELOPING') {
|
if (detail.status === 'DEVELOPING') {
|
||||||
@@ -346,9 +552,30 @@ export default function SupportTicketsPage() {
|
|||||||
</Typography.Title>
|
</Typography.Title>
|
||||||
<Space>
|
<Space>
|
||||||
{isSuperAdmin ? (
|
{isSuperAdmin ? (
|
||||||
<Button disabled={!selectedRowKeys.length} loading={acting} onClick={() => void startBatchPreview()}>
|
<>
|
||||||
批量审核
|
<Button
|
||||||
</Button>
|
disabled={!selectedRowKeys.length}
|
||||||
|
loading={batchCreateSaving}
|
||||||
|
onClick={() => void submitBatchCreateTasks()}
|
||||||
|
>
|
||||||
|
一键创建任务
|
||||||
|
</Button>
|
||||||
|
<Button disabled={!selectedRowKeys.length} onClick={openBatchPublish}>
|
||||||
|
一键发布
|
||||||
|
</Button>
|
||||||
|
<Button disabled={!selectedRowKeys.length} loading={acting} onClick={() => void startBatchPreview()}>
|
||||||
|
批量审核
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
disabled={!selectedRowKeys.length}
|
||||||
|
onClick={() => {
|
||||||
|
batchStatusForm.setFieldsValue({ status: 'TESTING', rejectReason: '', note: '' });
|
||||||
|
setBatchStatusOpen(true);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
批量改状态
|
||||||
|
</Button>
|
||||||
|
</>
|
||||||
) : null}
|
) : null}
|
||||||
<Button type="primary" onClick={() => setCreateOpen(true)}>
|
<Button type="primary" onClick={() => setCreateOpen(true)}>
|
||||||
创建工单
|
创建工单
|
||||||
@@ -370,6 +597,9 @@ export default function SupportTicketsPage() {
|
|||||||
<Form.Item name="status" label="状态">
|
<Form.Item name="status" label="状态">
|
||||||
<Select allowClear style={{ width: 120 }} options={STATUS_OPTIONS} />
|
<Select allowClear style={{ width: 120 }} options={STATUS_OPTIONS} />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
<Form.Item name="priority" label="优先级">
|
||||||
|
<Select allowClear style={{ width: 120 }} options={PRIORITY_OPTIONS} />
|
||||||
|
</Form.Item>
|
||||||
<Button type="primary" htmlType="submit">
|
<Button type="primary" htmlType="submit">
|
||||||
筛选
|
筛选
|
||||||
</Button>
|
</Button>
|
||||||
@@ -385,11 +615,7 @@ export default function SupportTicketsPage() {
|
|||||||
isSuperAdmin
|
isSuperAdmin
|
||||||
? {
|
? {
|
||||||
selectedRowKeys,
|
selectedRowKeys,
|
||||||
onChange: (keys, rows) => {
|
onChange: (keys) => setSelectedRowKeys(keys as string[]),
|
||||||
const pending = rows.filter((r) => r.status === 'PENDING_REVIEW').map((r) => String(r.id));
|
|
||||||
setSelectedRowKeys(pending.length === rows.length ? (keys as string[]) : pending);
|
|
||||||
},
|
|
||||||
getCheckboxProps: (row) => ({ disabled: row.status !== 'PENDING_REVIEW' }),
|
|
||||||
}
|
}
|
||||||
: undefined
|
: undefined
|
||||||
}
|
}
|
||||||
@@ -415,6 +641,9 @@ export default function SupportTicketsPage() {
|
|||||||
{detail.ticketNo}
|
{detail.ticketNo}
|
||||||
</Typography.Text>
|
</Typography.Text>
|
||||||
<Tag>{SUPPORT_TICKET_TYPE_LABELS[detail.ticketType] ?? detail.ticketType}</Tag>
|
<Tag>{SUPPORT_TICKET_TYPE_LABELS[detail.ticketType] ?? detail.ticketType}</Tag>
|
||||||
|
<Tag color={PRIORITY_COLOR[detail.priority ?? 'NORMAL']}>
|
||||||
|
{SUPPORT_TICKET_PRIORITY_LABELS[detail.priority ?? 'NORMAL']}
|
||||||
|
</Tag>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
</Space>
|
</Space>
|
||||||
@@ -445,6 +674,11 @@ export default function SupportTicketsPage() {
|
|||||||
{detail.status === 'PASSED' && (
|
{detail.status === 'PASSED' && (
|
||||||
<Typography.Text type="success">此工单已测试通过</Typography.Text>
|
<Typography.Text type="success">此工单已测试通过</Typography.Text>
|
||||||
)}
|
)}
|
||||||
|
{detail.status === 'PUBLISHED' && (
|
||||||
|
<Typography.Text type="success">
|
||||||
|
已发布{detail.releasedVersionNo ? ` · ${detail.releasedVersionNo}` : ''}
|
||||||
|
</Typography.Text>
|
||||||
|
)}
|
||||||
</Space>
|
</Space>
|
||||||
<Typography.Text type="secondary" style={{ fontSize: 12 }}>
|
<Typography.Text type="secondary" style={{ fontSize: 12 }}>
|
||||||
创建于 {fmtTime(detail.createdAt)}
|
创建于 {fmtTime(detail.createdAt)}
|
||||||
@@ -468,6 +702,7 @@ export default function SupportTicketsPage() {
|
|||||||
{ key: 'DEVELOPING' as SupportTicketStatusDto, label: '开发中', time: detail.reviewedAt },
|
{ key: 'DEVELOPING' as SupportTicketStatusDto, label: '开发中', time: detail.reviewedAt },
|
||||||
{ key: 'TESTING' as SupportTicketStatusDto, label: '测试中', time: null },
|
{ key: 'TESTING' as SupportTicketStatusDto, label: '测试中', time: null },
|
||||||
{ key: 'PASSED' as SupportTicketStatusDto, label: '已通过', time: detail.completedAt },
|
{ key: 'PASSED' as SupportTicketStatusDto, label: '已通过', time: detail.completedAt },
|
||||||
|
{ key: 'PUBLISHED' as SupportTicketStatusDto, label: '已发布', time: detail.publishedAt },
|
||||||
]
|
]
|
||||||
: [{ key: 'REJECTED' as SupportTicketStatusDto, label: '已驳回', time: detail.reviewedAt }]),
|
: [{ key: 'REJECTED' as SupportTicketStatusDto, label: '已驳回', time: detail.reviewedAt }]),
|
||||||
];
|
];
|
||||||
@@ -612,6 +847,18 @@ export default function SupportTicketsPage() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
{detail.attachmentUrls?.length ? (
|
||||||
|
<div style={{ marginTop: 16 }}>
|
||||||
|
<Typography.Text type="secondary" style={{ fontSize: 13 }}>
|
||||||
|
附件
|
||||||
|
</Typography.Text>
|
||||||
|
<Space wrap style={{ marginTop: 8 }}>
|
||||||
|
{detail.attachmentUrls.map((url) => (
|
||||||
|
<Image key={url} src={url} width={80} height={80} style={{ objectFit: 'cover', borderRadius: 4 }} />
|
||||||
|
))}
|
||||||
|
</Space>
|
||||||
|
</div>
|
||||||
|
) : null}
|
||||||
</Card>
|
</Card>
|
||||||
|
|
||||||
{/* 关联开发任务 */}
|
{/* 关联开发任务 */}
|
||||||
@@ -661,10 +908,13 @@ export default function SupportTicketsPage() {
|
|||||||
</Drawer>
|
</Drawer>
|
||||||
|
|
||||||
<Modal title="创建技术支持工单" open={createOpen} onCancel={() => setCreateOpen(false)} onOk={() => void submitCreate()} confirmLoading={creating} destroyOnClose okText="提交">
|
<Modal title="创建技术支持工单" open={createOpen} onCancel={() => setCreateOpen(false)} onOk={() => void submitCreate()} confirmLoading={creating} destroyOnClose okText="提交">
|
||||||
<Form form={createForm} layout="vertical" initialValues={{ ticketType: 'BUG' }}>
|
<Form form={createForm} layout="vertical" initialValues={{ ticketType: 'BUG', priority: 'NORMAL', attachmentUrls: [''] }}>
|
||||||
<Form.Item name="ticketType" label="类型" rules={[{ required: true }]}>
|
<Form.Item name="ticketType" label="类型" rules={[{ required: true }]}>
|
||||||
<Select options={TYPE_OPTIONS} />
|
<Select options={TYPE_OPTIONS} />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
<Form.Item name="priority" label="优先级" rules={[{ required: true }]}>
|
||||||
|
<Select options={PRIORITY_OPTIONS} />
|
||||||
|
</Form.Item>
|
||||||
<Form.Item name="title" label="标题" rules={[{ required: true }]}>
|
<Form.Item name="title" label="标题" rules={[{ required: true }]}>
|
||||||
<Input maxLength={128} showCount />
|
<Input maxLength={128} showCount />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
@@ -674,6 +924,27 @@ export default function SupportTicketsPage() {
|
|||||||
<Form.Item name="remark" label="备注">
|
<Form.Item name="remark" label="备注">
|
||||||
<Input.TextArea rows={2} maxLength={512} showCount />
|
<Input.TextArea rows={2} maxLength={512} showCount />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
<Form.Item label="附件图片">
|
||||||
|
<Form.List name="attachmentUrls">
|
||||||
|
{(fields, { add, remove }) => (
|
||||||
|
<>
|
||||||
|
{fields.map((field) => (
|
||||||
|
<Space key={field.key} align="start" style={{ display: 'flex', marginBottom: 8 }}>
|
||||||
|
<Form.Item {...field} style={{ flex: 1, marginBottom: 0 }}>
|
||||||
|
<OssUpload bizType="SUPPORT_TICKET_ATTACHMENT" mediaType="IMAGE" />
|
||||||
|
</Form.Item>
|
||||||
|
{fields.length > 1 ? (
|
||||||
|
<MinusCircleOutlined onClick={() => remove(field.name)} style={{ marginTop: 8 }} />
|
||||||
|
) : null}
|
||||||
|
</Space>
|
||||||
|
))}
|
||||||
|
<Button type="dashed" onClick={() => add('')} block icon={<PlusOutlined />}>
|
||||||
|
添加附件
|
||||||
|
</Button>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</Form.List>
|
||||||
|
</Form.Item>
|
||||||
</Form>
|
</Form>
|
||||||
</Modal>
|
</Modal>
|
||||||
|
|
||||||
@@ -725,6 +996,116 @@ export default function SupportTicketsPage() {
|
|||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
</Form.List>
|
</Form.List>
|
||||||
|
<Form.Item name="dispatchToWecom" valuePropName="checked" style={{ marginTop: 16 }}>
|
||||||
|
<Checkbox>审批通过后发送到企微开发助手</Checkbox>
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item name="dispatchSupplement" label="派发补充说明">
|
||||||
|
<Input.TextArea rows={2} placeholder={DEFAULT_DISPATCH_SUPPLEMENT} />
|
||||||
|
</Form.Item>
|
||||||
|
</Form>
|
||||||
|
</Modal>
|
||||||
|
|
||||||
|
<Modal
|
||||||
|
title="编辑工单"
|
||||||
|
open={editOpen}
|
||||||
|
onCancel={() => setEditOpen(false)}
|
||||||
|
onOk={() => void submitEdit()}
|
||||||
|
confirmLoading={editSaving}
|
||||||
|
destroyOnClose
|
||||||
|
width={640}
|
||||||
|
>
|
||||||
|
<Form form={editForm} layout="vertical">
|
||||||
|
<Form.Item name="ticketType" label="类型" rules={[{ required: true }]}>
|
||||||
|
<Select options={TYPE_OPTIONS} />
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item name="priority" label="优先级" rules={[{ required: true }]}>
|
||||||
|
<Select options={PRIORITY_OPTIONS} />
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item name="title" label="标题" rules={[{ required: true }]}>
|
||||||
|
<Input maxLength={128} showCount />
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item name="content" label="详细说明">
|
||||||
|
<Input.TextArea rows={5} maxLength={4000} showCount />
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item name="remark" label="备注">
|
||||||
|
<Input.TextArea rows={2} maxLength={512} showCount />
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item label="附件图片">
|
||||||
|
<Form.List name="attachmentUrls">
|
||||||
|
{(fields, { add, remove }) => (
|
||||||
|
<>
|
||||||
|
{fields.map((field) => (
|
||||||
|
<Space key={field.key} align="start" style={{ display: 'flex', marginBottom: 8 }}>
|
||||||
|
<Form.Item {...field} style={{ flex: 1, marginBottom: 0 }}>
|
||||||
|
<OssUpload bizType="SUPPORT_TICKET_ATTACHMENT" mediaType="IMAGE" />
|
||||||
|
</Form.Item>
|
||||||
|
{fields.length > 1 ? (
|
||||||
|
<MinusCircleOutlined onClick={() => remove(field.name)} style={{ marginTop: 8 }} />
|
||||||
|
) : null}
|
||||||
|
</Space>
|
||||||
|
))}
|
||||||
|
<Button type="dashed" onClick={() => add('')} block icon={<PlusOutlined />}>
|
||||||
|
添加附件
|
||||||
|
</Button>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</Form.List>
|
||||||
|
</Form.Item>
|
||||||
|
</Form>
|
||||||
|
</Modal>
|
||||||
|
|
||||||
|
<Modal
|
||||||
|
title="批量改状态"
|
||||||
|
open={batchStatusOpen}
|
||||||
|
onCancel={() => setBatchStatusOpen(false)}
|
||||||
|
onOk={() => void submitBatchStatus()}
|
||||||
|
confirmLoading={batchStatusSaving}
|
||||||
|
destroyOnClose
|
||||||
|
>
|
||||||
|
<Typography.Paragraph type="secondary">已选 {selectedRowKeys.length} 条工单</Typography.Paragraph>
|
||||||
|
<Form form={batchStatusForm} layout="vertical">
|
||||||
|
<Form.Item name="status" label="目标状态" rules={[{ required: true }]}>
|
||||||
|
<Select options={STATUS_OPTIONS.filter((o) => o.value !== 'PENDING_REVIEW')} />
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item noStyle shouldUpdate={(prev, cur) => prev.status !== cur.status}>
|
||||||
|
{({ getFieldValue }) =>
|
||||||
|
getFieldValue('status') === 'REJECTED' ? (
|
||||||
|
<Form.Item name="rejectReason" label="驳回理由" rules={[{ required: true }]}>
|
||||||
|
<Input.TextArea rows={2} maxLength={512} showCount />
|
||||||
|
</Form.Item>
|
||||||
|
) : null
|
||||||
|
}
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item name="note" label="备注">
|
||||||
|
<Input.TextArea rows={2} maxLength={512} showCount />
|
||||||
|
</Form.Item>
|
||||||
|
</Form>
|
||||||
|
</Modal>
|
||||||
|
|
||||||
|
<Modal
|
||||||
|
title="一键发布"
|
||||||
|
open={batchPublishOpen}
|
||||||
|
onCancel={() => setBatchPublishOpen(false)}
|
||||||
|
onOk={() => void submitBatchPublish()}
|
||||||
|
confirmLoading={batchPublishSaving}
|
||||||
|
destroyOnClose
|
||||||
|
>
|
||||||
|
<Typography.Paragraph type="secondary">
|
||||||
|
已选 {selectedRowKeys.length} 条工单。将把各工单关联的开发任务追加到所选版本;无任务的工单将跳过。
|
||||||
|
</Typography.Paragraph>
|
||||||
|
<Form form={batchPublishForm} layout="vertical">
|
||||||
|
<Form.Item name="versionId" label="开发版本" rules={[{ required: true, message: '请选择开发版本' }]}>
|
||||||
|
<Select
|
||||||
|
placeholder="选择版本"
|
||||||
|
options={versions.map((v) => ({ value: v.id, label: v.versionNo }))}
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item name="dispatchToWecom" valuePropName="checked">
|
||||||
|
<Checkbox>同时发送到企微开发助手</Checkbox>
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item name="dispatchSupplement" label="派发补充说明">
|
||||||
|
<Input.TextArea rows={2} placeholder={DEFAULT_DISPATCH_SUPPLEMENT} />
|
||||||
|
</Form.Item>
|
||||||
</Form>
|
</Form>
|
||||||
</Modal>
|
</Modal>
|
||||||
|
|
||||||
|
|||||||
@@ -10,11 +10,18 @@ import {
|
|||||||
Select,
|
Select,
|
||||||
Space,
|
Space,
|
||||||
Table,
|
Table,
|
||||||
|
Tag,
|
||||||
Typography,
|
Typography,
|
||||||
message,
|
message,
|
||||||
} from 'antd';
|
} from 'antd';
|
||||||
import type { ColumnsType } from 'antd/es/table';
|
import type { ColumnsType } from 'antd/es/table';
|
||||||
import { TICKET_TYPE_LABELS, type TicketTypeDto } from '@dukang/shared-types';
|
import {
|
||||||
|
TICKET_STATUS_LABELS,
|
||||||
|
TICKET_TYPE_LABELS,
|
||||||
|
ticketStatusLabel,
|
||||||
|
type TicketStatusDto,
|
||||||
|
type TicketTypeDto,
|
||||||
|
} from '@dukang/shared-types';
|
||||||
import { request } from '../lib/api';
|
import { request } from '../lib/api';
|
||||||
import { fmtTime } from '../lib/constants';
|
import { fmtTime } from '../lib/constants';
|
||||||
import { useAdminList } from '../lib/useAdminList';
|
import { useAdminList } from '../lib/useAdminList';
|
||||||
@@ -31,6 +38,21 @@ type Row = {
|
|||||||
createdAt: string;
|
createdAt: string;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const STATUS_COLOR: Partial<Record<TicketStatusDto, string>> = {
|
||||||
|
PENDING: 'orange',
|
||||||
|
OPEN: 'blue',
|
||||||
|
COLLABORATING: 'cyan',
|
||||||
|
RESOLVED: 'green',
|
||||||
|
REJECTED: 'red',
|
||||||
|
COMPLETED: 'green',
|
||||||
|
CLOSED: 'default',
|
||||||
|
};
|
||||||
|
|
||||||
|
const STATUS_OPTIONS = (Object.keys(TICKET_STATUS_LABELS) as TicketStatusDto[]).map((value) => ({
|
||||||
|
value,
|
||||||
|
label: TICKET_STATUS_LABELS[value],
|
||||||
|
}));
|
||||||
|
|
||||||
export default function TicketsPage() {
|
export default function TicketsPage() {
|
||||||
const [filters, setFilters] = useState<Record<string, string>>({});
|
const [filters, setFilters] = useState<Record<string, string>>({});
|
||||||
const { data, loading, page, pageSize, setPage, setPageSize, reload } = useAdminList<Row>(
|
const { data, loading, page, pageSize, setPage, setPageSize, reload } = useAdminList<Row>(
|
||||||
@@ -101,7 +123,14 @@ export default function TicketsPage() {
|
|||||||
width: 110,
|
width: 110,
|
||||||
render: (t: TicketTypeDto) => TICKET_TYPE_LABELS[t] ?? t,
|
render: (t: TicketTypeDto) => TICKET_TYPE_LABELS[t] ?? t,
|
||||||
},
|
},
|
||||||
{ title: '状态', dataIndex: 'status', width: 90 },
|
{
|
||||||
|
title: '状态',
|
||||||
|
dataIndex: 'status',
|
||||||
|
width: 100,
|
||||||
|
render: (s: string) => (
|
||||||
|
<Tag color={STATUS_COLOR[s as TicketStatusDto] ?? 'default'}>{ticketStatusLabel(s)}</Tag>
|
||||||
|
),
|
||||||
|
},
|
||||||
{ title: '关联', width: 140, render: (_, r) => `${r.refType}#${r.refId}` },
|
{ title: '关联', width: 140, render: (_, r) => `${r.refType}#${r.refId}` },
|
||||||
{ title: '备注', dataIndex: 'remark', ellipsis: true },
|
{ title: '备注', dataIndex: 'remark', ellipsis: true },
|
||||||
{ title: '时间', dataIndex: 'createdAt', width: 160, render: fmtTime },
|
{ title: '时间', dataIndex: 'createdAt', width: 160, render: fmtTime },
|
||||||
@@ -165,7 +194,7 @@ export default function TicketsPage() {
|
|||||||
/>
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
<Form.Item name="status" label="状态">
|
<Form.Item name="status" label="状态">
|
||||||
<Input allowClear placeholder="PENDING" />
|
<Select allowClear style={{ width: 140 }} placeholder="全部" options={STATUS_OPTIONS} />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
<Button type="primary" htmlType="submit">
|
<Button type="primary" htmlType="submit">
|
||||||
筛选
|
筛选
|
||||||
@@ -212,7 +241,11 @@ export default function TicketsPage() {
|
|||||||
<Descriptions.Item label="类型">
|
<Descriptions.Item label="类型">
|
||||||
{TICKET_TYPE_LABELS[detail.ticketType] ?? detail.ticketType}
|
{TICKET_TYPE_LABELS[detail.ticketType] ?? detail.ticketType}
|
||||||
</Descriptions.Item>
|
</Descriptions.Item>
|
||||||
<Descriptions.Item label="状态">{String(detail.status)}</Descriptions.Item>
|
<Descriptions.Item label="状态">
|
||||||
|
<Tag color={STATUS_COLOR[detail.status as TicketStatusDto] ?? 'default'}>
|
||||||
|
{ticketStatusLabel(detail.status)}
|
||||||
|
</Tag>
|
||||||
|
</Descriptions.Item>
|
||||||
<Descriptions.Item label="关联">
|
<Descriptions.Item label="关联">
|
||||||
{String(detail.refType)} #{String(detail.refId)}
|
{String(detail.refType)} #{String(detail.refId)}
|
||||||
</Descriptions.Item>
|
</Descriptions.Item>
|
||||||
|
|||||||
@@ -258,7 +258,7 @@ export default function WineryBillsPage() {
|
|||||||
酒厂对账单
|
酒厂对账单
|
||||||
</Typography.Title>
|
</Typography.Title>
|
||||||
<Typography.Text type="secondary">
|
<Typography.Text type="secondary">
|
||||||
每日 8:00 汇总昨日已付订单(实付 × {ratePct}%);未打款红色、已打款绿色,可展开订单明细
|
T+3:每日 8:00 汇总 3 天前(自然日)已完成的同城/跨城订单(实付 × {ratePct}%);未打款红色、已打款绿色,可展开订单明细
|
||||||
</Typography.Text>
|
</Typography.Text>
|
||||||
</Space>
|
</Space>
|
||||||
{canEditWineryBank ? (
|
{canEditWineryBank ? (
|
||||||
|
|||||||
@@ -24,6 +24,7 @@ import {
|
|||||||
import { request } from '../../lib/api';
|
import { request } from '../../lib/api';
|
||||||
import { fmtTime } from '../../lib/constants';
|
import { fmtTime } from '../../lib/constants';
|
||||||
import type { PromoCodeDetailContext } from './PromoCodeDetailLayout';
|
import type { PromoCodeDetailContext } from './PromoCodeDetailLayout';
|
||||||
|
import PromoCodeMetricsPanel from './PromoCodeMetricsPanel';
|
||||||
|
|
||||||
const descLabelStyle: CSSProperties = {
|
const descLabelStyle: CSSProperties = {
|
||||||
whiteSpace: 'nowrap',
|
whiteSpace: 'nowrap',
|
||||||
@@ -212,6 +213,14 @@ export default function PromoCodeDetailPage() {
|
|||||||
<Statistic title="扫码进入次数" value={stats?.scanCount ?? detail.scanCount} />
|
<Statistic title="扫码进入次数" value={stats?.scanCount ?? detail.scanCount} />
|
||||||
</Card>
|
</Card>
|
||||||
</Col>
|
</Col>
|
||||||
|
<Col xs={12} sm={6}>
|
||||||
|
<Card size="small">
|
||||||
|
<Statistic
|
||||||
|
title="归因用户数"
|
||||||
|
value={stats?.attributionCount ?? 0}
|
||||||
|
/>
|
||||||
|
</Card>
|
||||||
|
</Col>
|
||||||
<Col xs={12} sm={6}>
|
<Col xs={12} sm={6}>
|
||||||
<Card size="small">
|
<Card size="small">
|
||||||
<Statistic
|
<Statistic
|
||||||
@@ -235,6 +244,8 @@ export default function PromoCodeDetailPage() {
|
|||||||
</Col>
|
</Col>
|
||||||
</Row>
|
</Row>
|
||||||
|
|
||||||
|
<PromoCodeMetricsPanel promoId={detail.id} />
|
||||||
|
|
||||||
<Modal
|
<Modal
|
||||||
title="编辑推广码"
|
title="编辑推广码"
|
||||||
open={editOpen}
|
open={editOpen}
|
||||||
|
|||||||
@@ -0,0 +1,258 @@
|
|||||||
|
import { useCallback, useEffect, useMemo, useState } from 'react';
|
||||||
|
import {
|
||||||
|
Card,
|
||||||
|
DatePicker,
|
||||||
|
Radio,
|
||||||
|
Select,
|
||||||
|
Space,
|
||||||
|
Table,
|
||||||
|
Typography,
|
||||||
|
message,
|
||||||
|
} from 'antd';
|
||||||
|
import type { ColumnsType } from 'antd/es/table';
|
||||||
|
import dayjs, { type Dayjs } from 'dayjs';
|
||||||
|
import ReactECharts from 'echarts-for-react';
|
||||||
|
import type { EChartsOption } from 'echarts';
|
||||||
|
import {
|
||||||
|
PROMO_METRIC_EVENT_LABELS,
|
||||||
|
type PromoMetricEventItem,
|
||||||
|
type PromoMetricEventType,
|
||||||
|
type PromoMetricTimelineDto,
|
||||||
|
} from '@dukang/shared-types';
|
||||||
|
import { request, type Paginated } from '../../lib/api';
|
||||||
|
import { fmtTime } from '../../lib/constants';
|
||||||
|
|
||||||
|
type Props = {
|
||||||
|
promoId: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
const SERIES = [
|
||||||
|
{ key: 'scan', name: '扫码进入', color: '#1677ff' },
|
||||||
|
{ key: 'attribution', name: '归因用户', color: '#52c41a' },
|
||||||
|
{ key: 'register', name: '扫码注册', color: '#faad14' },
|
||||||
|
{ key: 'order', name: '订单', color: '#eb2f96' },
|
||||||
|
] as const;
|
||||||
|
|
||||||
|
function buildTimelineQs(promoId: string, range: [Dayjs, Dayjs], granularity: 'day' | 'hour') {
|
||||||
|
const qs = new URLSearchParams();
|
||||||
|
qs.set('dateFrom', range[0].format('YYYY-MM-DD'));
|
||||||
|
qs.set('dateTo', range[1].format('YYYY-MM-DD'));
|
||||||
|
qs.set('granularity', granularity);
|
||||||
|
return `/admin/promo-codes/${promoId}/metrics/timeline?${qs.toString()}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
function buildEventsQs(
|
||||||
|
promoId: string,
|
||||||
|
page: number,
|
||||||
|
pageSize: number,
|
||||||
|
range: [Dayjs, Dayjs],
|
||||||
|
eventType?: PromoMetricEventType,
|
||||||
|
) {
|
||||||
|
const qs = new URLSearchParams();
|
||||||
|
qs.set('page', String(page));
|
||||||
|
qs.set('pageSize', String(pageSize));
|
||||||
|
qs.set('dateFrom', range[0].format('YYYY-MM-DD'));
|
||||||
|
qs.set('dateTo', range[1].format('YYYY-MM-DD'));
|
||||||
|
if (eventType) qs.set('eventType', eventType);
|
||||||
|
return `/admin/promo-codes/${promoId}/metrics/events?${qs.toString()}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
function formatRefId(row: PromoMetricEventItem): string {
|
||||||
|
if (row.orderId) return `订单 ${row.orderId}`;
|
||||||
|
if (row.userId) return `用户 ${row.userId}`;
|
||||||
|
if (row.sessionId) return `会话 ${row.sessionId}`;
|
||||||
|
return '—';
|
||||||
|
}
|
||||||
|
|
||||||
|
function formatLocation(row: PromoMetricEventItem): string {
|
||||||
|
const parts = [row.ipProvince, row.ipCity].filter(Boolean);
|
||||||
|
if (parts.length) return parts.join(' ');
|
||||||
|
return '—';
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function PromoCodeMetricsPanel({ promoId }: Props) {
|
||||||
|
const [range, setRange] = useState<[Dayjs, Dayjs]>([dayjs().subtract(6, 'day'), dayjs()]);
|
||||||
|
const [granularity, setGranularity] = useState<'day' | 'hour'>('day');
|
||||||
|
const [timeline, setTimeline] = useState<PromoMetricTimelineDto | null>(null);
|
||||||
|
const [timelineLoading, setTimelineLoading] = useState(false);
|
||||||
|
const [eventType, setEventType] = useState<PromoMetricEventType | undefined>();
|
||||||
|
const [eventsPage, setEventsPage] = useState(1);
|
||||||
|
const [events, setEvents] = useState<Paginated<PromoMetricEventItem> | null>(null);
|
||||||
|
const [eventsLoading, setEventsLoading] = useState(false);
|
||||||
|
|
||||||
|
const loadTimeline = useCallback(() => {
|
||||||
|
setTimelineLoading(true);
|
||||||
|
return request<PromoMetricTimelineDto>(buildTimelineQs(promoId, range, granularity))
|
||||||
|
.then(setTimeline)
|
||||||
|
.catch((e) => {
|
||||||
|
message.error(e instanceof Error ? e.message : '加载趋势失败');
|
||||||
|
setTimeline(null);
|
||||||
|
})
|
||||||
|
.finally(() => setTimelineLoading(false));
|
||||||
|
}, [promoId, range, granularity]);
|
||||||
|
|
||||||
|
const loadEvents = useCallback(() => {
|
||||||
|
setEventsLoading(true);
|
||||||
|
return request<Paginated<PromoMetricEventItem>>(
|
||||||
|
buildEventsQs(promoId, eventsPage, 20, range, eventType),
|
||||||
|
)
|
||||||
|
.then(setEvents)
|
||||||
|
.catch((e) => {
|
||||||
|
message.error(e instanceof Error ? e.message : '加载事件失败');
|
||||||
|
setEvents(null);
|
||||||
|
})
|
||||||
|
.finally(() => setEventsLoading(false));
|
||||||
|
}, [promoId, eventsPage, range, eventType]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
void loadTimeline();
|
||||||
|
}, [loadTimeline]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
void loadEvents();
|
||||||
|
}, [loadEvents]);
|
||||||
|
|
||||||
|
const chartOption = useMemo<EChartsOption>(() => {
|
||||||
|
const buckets = timeline?.buckets ?? [];
|
||||||
|
const xData = buckets.map((b) => b.key);
|
||||||
|
|
||||||
|
return {
|
||||||
|
tooltip: { trigger: 'axis' },
|
||||||
|
legend: { data: SERIES.map((s) => s.name), bottom: 0 },
|
||||||
|
grid: { left: 48, right: 24, top: 24, bottom: 48 },
|
||||||
|
xAxis: {
|
||||||
|
type: 'category',
|
||||||
|
data: xData,
|
||||||
|
axisLabel: {
|
||||||
|
rotate: granularity === 'hour' ? 45 : 0,
|
||||||
|
formatter: (v: string) => (granularity === 'hour' ? v.slice(5, 16) : v.slice(5)),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
yAxis: { type: 'value', minInterval: 1 },
|
||||||
|
series: SERIES.map((s) => ({
|
||||||
|
name: s.name,
|
||||||
|
type: 'line',
|
||||||
|
smooth: true,
|
||||||
|
data: buckets.map((b) => b[s.key]),
|
||||||
|
itemStyle: { color: s.color },
|
||||||
|
markPoint: {
|
||||||
|
symbol: 'pin',
|
||||||
|
symbolSize: 42,
|
||||||
|
data: (() => {
|
||||||
|
const peak = timeline?.peak[s.key];
|
||||||
|
if (!peak || peak.count <= 0) return [];
|
||||||
|
return [{ name: '高峰', coord: [peak.key, peak.count], value: peak.count }];
|
||||||
|
})(),
|
||||||
|
},
|
||||||
|
})),
|
||||||
|
};
|
||||||
|
}, [timeline, granularity]);
|
||||||
|
|
||||||
|
const columns: ColumnsType<PromoMetricEventItem> = [
|
||||||
|
{
|
||||||
|
title: '时间',
|
||||||
|
dataIndex: 'createdAt',
|
||||||
|
width: 168,
|
||||||
|
render: (v: string) => fmtTime(v),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '类型',
|
||||||
|
dataIndex: 'eventType',
|
||||||
|
width: 108,
|
||||||
|
render: (v: PromoMetricEventType) => PROMO_METRIC_EVENT_LABELS[v],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'ID',
|
||||||
|
key: 'ref',
|
||||||
|
render: (_, row) => formatRefId(row),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'IP',
|
||||||
|
dataIndex: 'clientIp',
|
||||||
|
width: 128,
|
||||||
|
render: (v: string | null) => v ?? '—',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '地点',
|
||||||
|
key: 'location',
|
||||||
|
width: 120,
|
||||||
|
render: (_, row) => formatLocation(row),
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Card
|
||||||
|
title="数据趋势"
|
||||||
|
style={{ marginTop: 16 }}
|
||||||
|
extra={
|
||||||
|
<Typography.Text type="secondary" style={{ fontSize: 12 }}>
|
||||||
|
仅统计功能上线后的新事件
|
||||||
|
</Typography.Text>
|
||||||
|
}
|
||||||
|
>
|
||||||
|
<Space wrap style={{ marginBottom: 16 }}>
|
||||||
|
<DatePicker.RangePicker
|
||||||
|
value={range}
|
||||||
|
onChange={(v) => {
|
||||||
|
if (v?.[0] && v[1]) {
|
||||||
|
setRange([v[0], v[1]]);
|
||||||
|
setEventsPage(1);
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
allowClear={false}
|
||||||
|
/>
|
||||||
|
<Radio.Group
|
||||||
|
value={granularity}
|
||||||
|
onChange={(e) => setGranularity(e.target.value as 'day' | 'hour')}
|
||||||
|
optionType="button"
|
||||||
|
buttonStyle="solid"
|
||||||
|
options={[
|
||||||
|
{ label: '按日', value: 'day' },
|
||||||
|
{ label: '按时', value: 'hour' },
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</Space>
|
||||||
|
|
||||||
|
<ReactECharts
|
||||||
|
option={chartOption}
|
||||||
|
style={{ height: 360 }}
|
||||||
|
showLoading={timelineLoading}
|
||||||
|
notMerge
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Typography.Title level={5} style={{ marginTop: 24, marginBottom: 12 }}>
|
||||||
|
事件日志
|
||||||
|
</Typography.Title>
|
||||||
|
<Space wrap style={{ marginBottom: 12 }}>
|
||||||
|
<Select
|
||||||
|
allowClear
|
||||||
|
placeholder="全部类型"
|
||||||
|
style={{ width: 160 }}
|
||||||
|
value={eventType}
|
||||||
|
onChange={(v) => {
|
||||||
|
setEventType(v);
|
||||||
|
setEventsPage(1);
|
||||||
|
}}
|
||||||
|
options={Object.entries(PROMO_METRIC_EVENT_LABELS).map(([value, label]) => ({
|
||||||
|
value,
|
||||||
|
label,
|
||||||
|
}))}
|
||||||
|
/>
|
||||||
|
</Space>
|
||||||
|
<Table
|
||||||
|
rowKey="id"
|
||||||
|
size="small"
|
||||||
|
columns={columns}
|
||||||
|
dataSource={events?.items ?? []}
|
||||||
|
loading={eventsLoading}
|
||||||
|
pagination={{
|
||||||
|
current: eventsPage,
|
||||||
|
pageSize: events?.pageSize ?? 20,
|
||||||
|
total: events?.total ?? 0,
|
||||||
|
showSizeChanger: false,
|
||||||
|
onChange: (p) => setEventsPage(p),
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</Card>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -19,8 +19,6 @@ type OssUploadFieldProps = {
|
|||||||
onWechatReadyChange?: (ready: boolean) => void;
|
onWechatReadyChange?: (ready: boolean) => void;
|
||||||
};
|
};
|
||||||
|
|
||||||
const DEFAULT_MAX_MB = 10;
|
|
||||||
|
|
||||||
function isCancelError(msg: string): boolean {
|
function isCancelError(msg: string): boolean {
|
||||||
return /cancel|取消/i.test(msg);
|
return /cancel|取消/i.test(msg);
|
||||||
}
|
}
|
||||||
@@ -79,10 +77,6 @@ export default function OssUploadField({
|
|||||||
showUploadError('图片读取失败,请重新选择');
|
showUploadError('图片读取失败,请重新选择');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
if (file.size > DEFAULT_MAX_MB * 1024 * 1024) {
|
|
||||||
showUploadError(`文件不能超过 ${DEFAULT_MAX_MB}MB`);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const result = await uploadFileToOss(file, { bizType, mediaType });
|
const result = await uploadFileToOss(file, { bizType, mediaType });
|
||||||
onChange?.(result.url);
|
onChange?.(result.url);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,6 +2,7 @@ import { useState } from 'react';
|
|||||||
import type { PackageFormItem } from '../lib/storePackages';
|
import type { PackageFormItem } from '../lib/storePackages';
|
||||||
import { STORE_PACKAGE_MAX_COUNT } from '@dukang/shared-types';
|
import { STORE_PACKAGE_MAX_COUNT } from '@dukang/shared-types';
|
||||||
import { emptyPackage } from '../lib/storePackages';
|
import { emptyPackage } from '../lib/storePackages';
|
||||||
|
import OssUploadField from './OssUploadField';
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
items: PackageFormItem[];
|
items: PackageFormItem[];
|
||||||
@@ -129,6 +130,16 @@ export default function StorePackagesForm({ items, onChange, disabled, embedded
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div className="partner-field">
|
||||||
|
<label>套餐图片</label>
|
||||||
|
<OssUploadField
|
||||||
|
bizType="STORE_PACKAGE"
|
||||||
|
value={item.imageUrl || ''}
|
||||||
|
disabled={disabled}
|
||||||
|
onChange={(url) => updateAt(index, { imageUrl: url })}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div className="partner-field">
|
<div className="partner-field">
|
||||||
<label>其他说明</label>
|
<label>其他说明</label>
|
||||||
<div className="partner-field-input">
|
<div className="partner-field-input">
|
||||||
|
|||||||
@@ -1,4 +1,5 @@
|
|||||||
import type { PartnerMe, PartnerStaffRole } from '@dukang/shared-types';
|
import type { PartnerMe, PartnerStaffRole } from '@dukang/shared-types';
|
||||||
|
import { reportApiError } from '@dukang/client-logging';
|
||||||
import { isOnAppPath, toAppPath } from '@dukang/weixin-sdk';
|
import { isOnAppPath, toAppPath } from '@dukang/weixin-sdk';
|
||||||
import { showPartnerToast } from './toast';
|
import { showPartnerToast } from './toast';
|
||||||
|
|
||||||
@@ -159,6 +160,12 @@ async function rawRequest<T>(
|
|||||||
if (json.code !== 0) {
|
if (json.code !== 0) {
|
||||||
const err = new Error(json.message || '请求失败') as Error & { status?: number };
|
const err = new Error(json.message || '请求失败') as Error & { status?: number };
|
||||||
err.status = json.code === 401 ? 401 : json.code;
|
err.status = json.code === 401 ? 401 : json.code;
|
||||||
|
if (json.code === 400) {
|
||||||
|
reportApiError(
|
||||||
|
{ apiBase, clientApp: CLIENT_APP, getToken: () => localStorage.getItem(ACCESS_TOKEN) },
|
||||||
|
{ message: json.message || '请求失败', status: 400, url: path, category: 'validation_error' },
|
||||||
|
);
|
||||||
|
}
|
||||||
throw err;
|
throw err;
|
||||||
}
|
}
|
||||||
return json.data as T;
|
return json.data as T;
|
||||||
|
|||||||
@@ -10,6 +10,7 @@ export function emptyPackage(index = 0): PackageFormItem {
|
|||||||
dishes: '',
|
dishes: '',
|
||||||
usableTime: '',
|
usableTime: '',
|
||||||
otherNotes: '',
|
otherNotes: '',
|
||||||
|
imageUrl: '',
|
||||||
sortOrder: index,
|
sortOrder: index,
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
@@ -22,9 +23,13 @@ export function normalizePackageFormItems(raw: PackageFormItem[]): PackageFormIt
|
|||||||
dishes: item.dishes.trim(),
|
dishes: item.dishes.trim(),
|
||||||
usableTime: item.usableTime?.trim() || '',
|
usableTime: item.usableTime?.trim() || '',
|
||||||
otherNotes: item.otherNotes?.trim() || '',
|
otherNotes: item.otherNotes?.trim() || '',
|
||||||
|
imageUrl: item.imageUrl?.trim() || '',
|
||||||
sortOrder: index,
|
sortOrder: index,
|
||||||
}))
|
}))
|
||||||
.filter((item) => item.name || item.price || item.dishes || item.usableTime || item.otherNotes);
|
.filter(
|
||||||
|
(item) =>
|
||||||
|
item.name || item.price || item.dishes || item.usableTime || item.otherNotes || item.imageUrl,
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
export function validatePackageFormItems(items: PackageFormItem[]): string | null {
|
export function validatePackageFormItems(items: PackageFormItem[]): string | null {
|
||||||
|
|||||||
@@ -1,4 +1,9 @@
|
|||||||
import { apiBase, request } from './api';
|
import { apiBase, request } from './api';
|
||||||
|
import {
|
||||||
|
compressImageFileIfNeeded,
|
||||||
|
DEFAULT_OSS_MAX_UPLOAD_BYTES,
|
||||||
|
formatOssMaxSizeMb,
|
||||||
|
} from '@dukang/shared-ui/compressImage';
|
||||||
|
|
||||||
const UPLOAD_TIMEOUT_MS = 120_000;
|
const UPLOAD_TIMEOUT_MS = 120_000;
|
||||||
|
|
||||||
@@ -11,13 +16,23 @@ export type UploadFileResult = {
|
|||||||
mock: boolean;
|
mock: boolean;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
async function prepareUploadFile(file: File, mediaType: OssMediaType): Promise<File> {
|
||||||
|
if (mediaType !== 'IMAGE') return file;
|
||||||
|
const compressed = await compressImageFileIfNeeded(file);
|
||||||
|
if (compressed.size > DEFAULT_OSS_MAX_UPLOAD_BYTES) {
|
||||||
|
throw new Error(`图片压缩后仍超过 ${formatOssMaxSizeMb()}MB,请换一张较小的图片`);
|
||||||
|
}
|
||||||
|
return compressed;
|
||||||
|
}
|
||||||
|
|
||||||
async function uploadFileToOssInner(
|
async function uploadFileToOssInner(
|
||||||
file: File,
|
file: File,
|
||||||
options: { bizType: string; mediaType?: OssMediaType },
|
options: { bizType: string; mediaType?: OssMediaType },
|
||||||
): Promise<UploadFileResult> {
|
): Promise<UploadFileResult> {
|
||||||
const mediaType = options.mediaType ?? (file.type.startsWith('video/') ? 'VIDEO' : 'IMAGE');
|
const mediaType = options.mediaType ?? (file.type.startsWith('video/') ? 'VIDEO' : 'IMAGE');
|
||||||
|
const prepared = await prepareUploadFile(file, mediaType);
|
||||||
const formData = new FormData();
|
const formData = new FormData();
|
||||||
formData.append('file', file);
|
formData.append('file', prepared);
|
||||||
formData.append('bizType', options.bizType);
|
formData.append('bizType', options.bizType);
|
||||||
formData.append('mediaType', mediaType);
|
formData.append('mediaType', mediaType);
|
||||||
|
|
||||||
|
|||||||
@@ -48,6 +48,19 @@ export async function canPartnerUseWechatLogin(options: {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** 短信登录/发码前:校验手机号对应合伙人存在且未暂停 */
|
||||||
|
export async function checkPartnerPhoneForLogin(phone: string): Promise<PartnerPhoneCheckResponse> {
|
||||||
|
const normalized = phone.trim();
|
||||||
|
if (!/^1\d{10}$/.test(normalized)) {
|
||||||
|
throw new Error('请输入正确的手机号');
|
||||||
|
}
|
||||||
|
return request<PartnerPhoneCheckResponse>('PARTNER_H5', '/partner/auth/phone/check', {
|
||||||
|
method: 'POST',
|
||||||
|
body: JSON.stringify({ phone: normalized }),
|
||||||
|
silent: true,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
export async function fetchClientConfig(): Promise<ClientRuntimeConfig> {
|
export async function fetchClientConfig(): Promise<ClientRuntimeConfig> {
|
||||||
return request<ClientRuntimeConfig>('PARTNER_H5', '/common/client-config');
|
return request<ClientRuntimeConfig>('PARTNER_H5', '/common/client-config');
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -12,8 +12,10 @@ import {
|
|||||||
} from '../lib/api';
|
} from '../lib/api';
|
||||||
import { usePartnerSession } from '../contexts/PartnerSessionContext';
|
import { usePartnerSession } from '../contexts/PartnerSessionContext';
|
||||||
import { partnerHomePath } from '../lib/partnerAccess';
|
import { partnerHomePath } from '../lib/partnerAccess';
|
||||||
|
import type { PartnerPhoneCheckResponse } from '@dukang/shared-types';
|
||||||
import {
|
import {
|
||||||
bindPartnerWechatAfterSmsLogin,
|
bindPartnerWechatAfterSmsLogin,
|
||||||
|
checkPartnerPhoneForLogin,
|
||||||
fetchClientConfig,
|
fetchClientConfig,
|
||||||
loginPartnerWithWechat,
|
loginPartnerWithWechat,
|
||||||
} from '../lib/wechat-auth';
|
} from '../lib/wechat-auth';
|
||||||
@@ -69,14 +71,17 @@ function formatPartnerError(e: unknown): string {
|
|||||||
if (text.includes('合伙人账号不存在') || text.includes('未找到合伙人账号')) {
|
if (text.includes('合伙人账号不存在') || text.includes('未找到合伙人账号')) {
|
||||||
return '未找到合伙人账号';
|
return '未找到合伙人账号';
|
||||||
}
|
}
|
||||||
if (text.includes('合伙人账号已停用')) {
|
if (text.includes('合伙人账号已停用') || text.includes('账号已停用')) {
|
||||||
return '合伙人账号已停用';
|
return '合伙人账号已暂停,无法登录';
|
||||||
}
|
}
|
||||||
return text;
|
return text;
|
||||||
}
|
}
|
||||||
|
|
||||||
function formatWechatError(e: unknown): string {
|
function formatWechatError(e: unknown): string {
|
||||||
const text = e instanceof Error ? e.message : '微信登录失败';
|
const text = e instanceof Error ? e.message : '微信登录失败';
|
||||||
|
if (text.includes('合伙人账号已停用') || text.includes('账号已停用')) {
|
||||||
|
return '合伙人账号已暂停,无法登录';
|
||||||
|
}
|
||||||
if (text.includes('首次登录') || text.includes('手机验证码')) {
|
if (text.includes('首次登录') || text.includes('手机验证码')) {
|
||||||
return '该微信尚未绑定合伙人账号,请先使用手机验证码登录,登录后将自动关联微信';
|
return '该微信尚未绑定合伙人账号,请先使用手机验证码登录,登录后将自动关联微信';
|
||||||
}
|
}
|
||||||
@@ -138,11 +143,21 @@ export default function LoginPage() {
|
|||||||
|
|
||||||
async function sendCode() {
|
async function sendCode() {
|
||||||
if (!ensureAgreed()) return;
|
if (!ensureAgreed()) return;
|
||||||
|
const trimmedPhone = phone.trim();
|
||||||
|
if (!trimmedPhone) {
|
||||||
|
setMsg('请输入手机号');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!/^1\d{10}$/.test(trimmedPhone)) {
|
||||||
|
setMsg('请输入正确的手机号');
|
||||||
|
return;
|
||||||
|
}
|
||||||
setMsg('');
|
setMsg('');
|
||||||
try {
|
try {
|
||||||
|
await checkPartnerPhoneForLogin(trimmedPhone);
|
||||||
await request('PARTNER_H5', '/partner/auth/sms/send', {
|
await request('PARTNER_H5', '/partner/auth/sms/send', {
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
body: JSON.stringify({ phone, scene: 'PARTNER_LOGIN' }),
|
body: JSON.stringify({ phone: trimmedPhone, scene: 'PARTNER_LOGIN' }),
|
||||||
silent: true,
|
silent: true,
|
||||||
});
|
});
|
||||||
setMsg('验证码已发送');
|
setMsg('验证码已发送');
|
||||||
@@ -168,12 +183,27 @@ export default function LoginPage() {
|
|||||||
|
|
||||||
async function login() {
|
async function login() {
|
||||||
if (!ensureAgreed()) return;
|
if (!ensureAgreed()) return;
|
||||||
|
const trimmedPhone = phone.trim();
|
||||||
|
const trimmedCode = code.trim();
|
||||||
|
if (!trimmedPhone) {
|
||||||
|
setMsg('请输入手机号');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!/^1\d{10}$/.test(trimmedPhone)) {
|
||||||
|
setMsg('请输入正确的手机号');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!trimmedCode) {
|
||||||
|
setMsg('请输入验证码');
|
||||||
|
return;
|
||||||
|
}
|
||||||
setLoading(true);
|
setLoading(true);
|
||||||
setMsg('');
|
setMsg('');
|
||||||
try {
|
try {
|
||||||
|
await checkPartnerPhoneForLogin(trimmedPhone);
|
||||||
const data = await request<PartnerSessionPayload>('PARTNER_H5', '/partner/auth/login/sms', {
|
const data = await request<PartnerSessionPayload>('PARTNER_H5', '/partner/auth/login/sms', {
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
body: JSON.stringify({ phone, code }),
|
body: JSON.stringify({ phone: trimmedPhone, code: trimmedCode }),
|
||||||
silent: true,
|
silent: true,
|
||||||
});
|
});
|
||||||
saveRememberedSession(data);
|
saveRememberedSession(data);
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
import { useState } from 'react';
|
import { useRef, useState } from 'react';
|
||||||
import { STORE_PACKAGE_MAX_COUNT } from '@dukang/shared-types';
|
import { STORE_PACKAGE_MAX_COUNT } from '@dukang/shared-types';
|
||||||
import { emptyPackage, type PackageFormItem } from '../lib/storePackages';
|
import { emptyPackage, type PackageFormItem } from '../lib/storePackages';
|
||||||
|
import { uploadFileToOss } from '../lib/upload';
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
items: PackageFormItem[];
|
items: PackageFormItem[];
|
||||||
@@ -10,6 +11,19 @@ type Props = {
|
|||||||
|
|
||||||
export default function ShopPackagesForm({ items, onChange, disabled }: Props) {
|
export default function ShopPackagesForm({ items, onChange, disabled }: Props) {
|
||||||
const [collapsed, setCollapsed] = useState<Record<number, boolean>>({});
|
const [collapsed, setCollapsed] = useState<Record<number, boolean>>({});
|
||||||
|
const [uploadingIndex, setUploadingIndex] = useState<number | null>(null);
|
||||||
|
const fileRefs = useRef<Record<number, HTMLInputElement | null>>({});
|
||||||
|
|
||||||
|
async function pickPackageImage(index: number, file?: File | null) {
|
||||||
|
if (!file || disabled) return;
|
||||||
|
setUploadingIndex(index);
|
||||||
|
try {
|
||||||
|
const result = await uploadFileToOss(file, 'STORE_PACKAGE');
|
||||||
|
updateAt(index, { imageUrl: result.url });
|
||||||
|
} finally {
|
||||||
|
setUploadingIndex(null);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
function updateAt(index: number, patch: Partial<PackageFormItem>) {
|
function updateAt(index: number, patch: Partial<PackageFormItem>) {
|
||||||
onChange(items.map((item, i) => (i === index ? { ...item, ...patch } : item)));
|
onChange(items.map((item, i) => (i === index ? { ...item, ...patch } : item)));
|
||||||
@@ -116,6 +130,36 @@ export default function ShopPackagesForm({ items, onChange, disabled }: Props) {
|
|||||||
/>
|
/>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
|
<label className="shop-packages-field">
|
||||||
|
<span className="shop-packages-label">套餐图片</span>
|
||||||
|
{item.imageUrl ? (
|
||||||
|
<img
|
||||||
|
src={item.imageUrl}
|
||||||
|
alt=""
|
||||||
|
style={{ width: '100%', maxHeight: 160, objectFit: 'cover', borderRadius: 8, marginBottom: 8 }}
|
||||||
|
/>
|
||||||
|
) : null}
|
||||||
|
<input
|
||||||
|
ref={(el) => {
|
||||||
|
fileRefs.current[index] = el;
|
||||||
|
}}
|
||||||
|
type="file"
|
||||||
|
accept="image/*"
|
||||||
|
hidden
|
||||||
|
disabled={disabled}
|
||||||
|
onChange={(e) => void pickPackageImage(index, e.target.files?.[0])}
|
||||||
|
/>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="shop-packages-add"
|
||||||
|
style={{ marginTop: 0 }}
|
||||||
|
disabled={disabled || uploadingIndex === index}
|
||||||
|
onClick={() => fileRefs.current[index]?.click()}
|
||||||
|
>
|
||||||
|
{uploadingIndex === index ? '上传中…' : item.imageUrl ? '更换图片' : '上传图片'}
|
||||||
|
</button>
|
||||||
|
</label>
|
||||||
|
|
||||||
<label className="shop-packages-field">
|
<label className="shop-packages-field">
|
||||||
<span className="shop-packages-label">其他说明</span>
|
<span className="shop-packages-label">其他说明</span>
|
||||||
<input
|
<input
|
||||||
|
|||||||
@@ -19,6 +19,7 @@ import {
|
|||||||
import {
|
import {
|
||||||
fetchClientConfig,
|
fetchClientConfig,
|
||||||
handleShopWechatCallback,
|
handleShopWechatCallback,
|
||||||
|
handleShopWechatCallbackOnce,
|
||||||
handleShopWechatLoginResult,
|
handleShopWechatLoginResult,
|
||||||
isShopWechatUnboundError,
|
isShopWechatUnboundError,
|
||||||
SHOP_WX_NEED_PHONE_LOGIN_MSG,
|
SHOP_WX_NEED_PHONE_LOGIN_MSG,
|
||||||
@@ -79,7 +80,7 @@ export function StoreSessionProvider({ children }: { children: ReactNode }) {
|
|||||||
try {
|
try {
|
||||||
const config = await fetchClientConfig();
|
const config = await fetchClientConfig();
|
||||||
if (isWxAuthorizeEnabled(config)) {
|
if (isWxAuthorizeEnabled(config)) {
|
||||||
const result = await handleShopWechatCallback();
|
const result = await handleShopWechatCallbackOnce();
|
||||||
if (result && !cancelled) {
|
if (result && !cancelled) {
|
||||||
const session = handleShopWechatLoginResult(result);
|
const session = handleShopWechatLoginResult(result);
|
||||||
if (session) applySession(session);
|
if (session) applySession(session);
|
||||||
|
|||||||
@@ -1,3 +1,5 @@
|
|||||||
|
import { reportApiError } from '@dukang/client-logging';
|
||||||
|
|
||||||
export const apiBase = '/api/v1';
|
export const apiBase = '/api/v1';
|
||||||
const CLIENT_APP = 'SHOP_H5';
|
const CLIENT_APP = 'SHOP_H5';
|
||||||
|
|
||||||
@@ -213,6 +215,12 @@ async function rawRequest<T>(
|
|||||||
if (json.code !== 0) {
|
if (json.code !== 0) {
|
||||||
const err = new Error(json.message || '请求失败') as Error & { status?: number };
|
const err = new Error(json.message || '请求失败') as Error & { status?: number };
|
||||||
err.status = res.status >= 500 ? res.status : json.code;
|
err.status = res.status >= 500 ? res.status : json.code;
|
||||||
|
if (json.code === 400) {
|
||||||
|
reportApiError(
|
||||||
|
{ apiBase, clientApp: CLIENT_APP, getToken: () => localStorage.getItem(ACCESS_TOKEN) },
|
||||||
|
{ message: json.message || '请求失败', status: 400, url: path, category: 'validation_error' },
|
||||||
|
);
|
||||||
|
}
|
||||||
throw err;
|
throw err;
|
||||||
}
|
}
|
||||||
return json.data as T;
|
return json.data as T;
|
||||||
|
|||||||
@@ -0,0 +1,33 @@
|
|||||||
|
import { isIosDevice } from '@dukang/weixin-sdk';
|
||||||
|
|
||||||
|
/** 扫码前发起 OAuth 时标记,回跳后在首页续扫 */
|
||||||
|
export const SHOP_PENDING_SCAN_KEY = 'shop_pending_scan';
|
||||||
|
|
||||||
|
export function markPendingScanAfterAuth(): void {
|
||||||
|
try {
|
||||||
|
sessionStorage.setItem(SHOP_PENDING_SCAN_KEY, '1');
|
||||||
|
} catch {
|
||||||
|
/* ignore */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export function peekPendingScanAfterAuth(): boolean {
|
||||||
|
try {
|
||||||
|
return sessionStorage.getItem(SHOP_PENDING_SCAN_KEY) === '1';
|
||||||
|
} catch {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export function clearPendingScanAfterAuth(): void {
|
||||||
|
try {
|
||||||
|
sessionStorage.removeItem(SHOP_PENDING_SCAN_KEY);
|
||||||
|
} catch {
|
||||||
|
/* ignore */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/** OAuth 回跳后延迟再调 scanQRCode(iOS JSSDK 离线校验更慢) */
|
||||||
|
export function getPostAuthScanDelayMs(): number {
|
||||||
|
return isIosDevice() ? 1200 : 600;
|
||||||
|
}
|
||||||
@@ -10,6 +10,7 @@ export function emptyPackage(index = 0): PackageFormItem {
|
|||||||
dishes: '',
|
dishes: '',
|
||||||
usableTime: '',
|
usableTime: '',
|
||||||
otherNotes: '',
|
otherNotes: '',
|
||||||
|
imageUrl: '',
|
||||||
sortOrder: index,
|
sortOrder: index,
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
@@ -22,9 +23,13 @@ export function normalizePackageFormItems(raw: PackageFormItem[]): PackageFormIt
|
|||||||
dishes: item.dishes.trim(),
|
dishes: item.dishes.trim(),
|
||||||
usableTime: item.usableTime?.trim() || '',
|
usableTime: item.usableTime?.trim() || '',
|
||||||
otherNotes: item.otherNotes?.trim() || '',
|
otherNotes: item.otherNotes?.trim() || '',
|
||||||
|
imageUrl: item.imageUrl?.trim() || '',
|
||||||
sortOrder: index,
|
sortOrder: index,
|
||||||
}))
|
}))
|
||||||
.filter((item) => item.name || item.price || item.dishes || item.usableTime || item.otherNotes);
|
.filter(
|
||||||
|
(item) =>
|
||||||
|
item.name || item.price || item.dishes || item.usableTime || item.otherNotes || item.imageUrl,
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
export function validatePackageFormItems(items: PackageFormItem[]): string | null {
|
export function validatePackageFormItems(items: PackageFormItem[]): string | null {
|
||||||
|
|||||||
@@ -1,5 +1,10 @@
|
|||||||
import { apiBase } from './api';
|
import { apiBase } from './api';
|
||||||
import { getStoreProfile } from './api';
|
import { getStoreProfile } from './api';
|
||||||
|
import {
|
||||||
|
compressImageFileIfNeeded,
|
||||||
|
DEFAULT_OSS_MAX_UPLOAD_BYTES,
|
||||||
|
formatOssMaxSizeMb,
|
||||||
|
} from '@dukang/shared-ui/compressImage';
|
||||||
|
|
||||||
const UPLOAD_TIMEOUT_MS = 120_000;
|
const UPLOAD_TIMEOUT_MS = 120_000;
|
||||||
|
|
||||||
@@ -15,9 +20,13 @@ export type RegisteredResource = {
|
|||||||
url: string;
|
url: string;
|
||||||
};
|
};
|
||||||
|
|
||||||
async function uploadFileToOss(file: File, bizType: string): Promise<UploadFileResult> {
|
export async function uploadFileToOss(file: File, bizType: string): Promise<UploadFileResult> {
|
||||||
|
const compressed = await compressImageFileIfNeeded(file);
|
||||||
|
if (compressed.size > DEFAULT_OSS_MAX_UPLOAD_BYTES) {
|
||||||
|
throw new Error(`图片压缩后仍超过 ${formatOssMaxSizeMb()}MB,请换一张较小的图片`);
|
||||||
|
}
|
||||||
const formData = new FormData();
|
const formData = new FormData();
|
||||||
formData.append('file', file);
|
formData.append('file', compressed);
|
||||||
formData.append('bizType', bizType);
|
formData.append('bizType', bizType);
|
||||||
formData.append('mediaType', 'IMAGE');
|
formData.append('mediaType', 'IMAGE');
|
||||||
|
|
||||||
|
|||||||
@@ -138,6 +138,20 @@ export async function handleShopWechatCallback(): Promise<WechatLoginResult | nu
|
|||||||
return weixinSdk.handleOAuthCallback();
|
return weixinSdk.handleOAuthCallback();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
let oauthCallbackInflight: Promise<WechatLoginResult | null> | null = null;
|
||||||
|
|
||||||
|
/** 全局单例:避免 Context 与页面 effect 重复消费 OAuth code */
|
||||||
|
export async function handleShopWechatCallbackOnce(): Promise<WechatLoginResult | null> {
|
||||||
|
if (!isWechatEnv()) return null;
|
||||||
|
const params = new URLSearchParams(window.location.search);
|
||||||
|
if (!params.get('code')) return null;
|
||||||
|
if (oauthCallbackInflight) return oauthCallbackInflight;
|
||||||
|
oauthCallbackInflight = handleShopWechatCallback().finally(() => {
|
||||||
|
oauthCallbackInflight = null;
|
||||||
|
});
|
||||||
|
return oauthCallbackInflight;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 微信一键登录(已绑定微信的门店账号免验证码)。
|
* 微信一键登录(已绑定微信的门店账号免验证码)。
|
||||||
* 返回 session = 已登录;void = 已跳转授权页等待回调。
|
* 返回 session = 已登录;void = 已跳转授权页等待回调。
|
||||||
|
|||||||
+293
-285
@@ -1,285 +1,293 @@
|
|||||||
import { useCallback, useEffect, useState } from 'react';
|
import { useCallback, useEffect, useRef, useState } from 'react';
|
||||||
import { Link, useNavigate, useSearchParams } from 'react-router-dom';
|
|
||||||
import PullToRefresh from '@dukang/shared-ui/PullToRefresh';
|
import { Link, useNavigate, useSearchParams } from 'react-router-dom';
|
||||||
import { useStoreSession } from '../contexts/StoreSessionContext';
|
|
||||||
import { request } from '../lib/api';
|
import PullToRefresh from '@dukang/shared-ui/PullToRefresh';
|
||||||
import { parseRedeemTokenFromScan } from '../lib/redeem-scan';
|
|
||||||
import {
|
import { isScanPermissionWarmupError } from '@dukang/weixin-sdk';
|
||||||
authorizeShopWechat,
|
|
||||||
checkNeedsWechatAuth,
|
import { useStoreSession } from '../contexts/StoreSessionContext';
|
||||||
fetchShopAccount,
|
|
||||||
handleShopWechatCallback,
|
import { request } from '../lib/api';
|
||||||
handleShopWechatLoginResult,
|
|
||||||
} from '../lib/wechat-auth';
|
import { parseRedeemTokenFromScan } from '../lib/redeem-scan';
|
||||||
import { isWechatEnv, weixinSdk } from '../lib/weixin';
|
|
||||||
import { stripOAuthParamsFromLocation } from '@dukang/weixin-sdk';
|
import {
|
||||||
import WechatScanAuthModal from '../components/WechatScanAuthModal';
|
|
||||||
import { useStorePageView } from '../lib/usePageView';
|
authorizeShopWechat,
|
||||||
import { trackStore } from '../lib/analytics';
|
|
||||||
|
checkNeedsWechatAuth,
|
||||||
const PENDING_SCAN_KEY = 'shop_pending_scan';
|
|
||||||
|
fetchShopAccount,
|
||||||
function formatMoney(n: number) {
|
|
||||||
return n.toLocaleString('zh-CN', { minimumFractionDigits: 0, maximumFractionDigits: 2 });
|
} from '../lib/wechat-auth';
|
||||||
}
|
|
||||||
|
import { isWechatEnv, weixinSdk } from '../lib/weixin';
|
||||||
function formatScanError(e: unknown): string {
|
|
||||||
const msg = e instanceof Error ? e.message : '扫码失败,请重试';
|
import {
|
||||||
if (/invalid signature/i.test(msg)) {
|
|
||||||
return '微信 JSSDK 签名校验失败:请确认公众号已配置 JS 接口安全域名,并刷新页面后重试';
|
clearPendingScanAfterAuth,
|
||||||
}
|
|
||||||
if (/offline verifying|权限验证中|接口未就绪/i.test(msg)) {
|
getPostAuthScanDelayMs,
|
||||||
return '微信权限校验尚未完成,请等待 1~2 秒后再次点击扫码(首次绑定微信时较常见)';
|
|
||||||
}
|
markPendingScanAfterAuth,
|
||||||
return msg;
|
|
||||||
}
|
peekPendingScanAfterAuth,
|
||||||
|
|
||||||
export default function HomePage() {
|
} from '../lib/shop-scan-auth';
|
||||||
useStorePageView('store_home_view');
|
|
||||||
const navigate = useNavigate();
|
import WechatScanAuthModal from '../components/WechatScanAuthModal';
|
||||||
const { applySession } = useStoreSession();
|
|
||||||
const [searchParams, setSearchParams] = useSearchParams();
|
import { useStorePageView } from '../lib/usePageView';
|
||||||
const [dash, setDash] = useState<Record<string, unknown> | null>(null);
|
|
||||||
const [scanMsg, setScanMsg] = useState('');
|
import { trackStore } from '../lib/analytics';
|
||||||
const [scanning, setScanning] = useState(false);
|
|
||||||
const [authModalOpen, setAuthModalOpen] = useState(false);
|
|
||||||
const [authLoading, setAuthLoading] = useState(false);
|
|
||||||
const [authError, setAuthError] = useState('');
|
function formatMoney(n: number) {
|
||||||
|
|
||||||
const loadDashboard = useCallback(() => {
|
return n.toLocaleString('zh-CN', { minimumFractionDigits: 0, maximumFractionDigits: 2 });
|
||||||
return request<Record<string, unknown>>('SHOP_H5', '/shop/dashboard')
|
|
||||||
.then((d) => {
|
}
|
||||||
setDash(d);
|
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
}, []);
|
function formatScanError(e: unknown, opts?: { afterAuth?: boolean }): string {
|
||||||
|
|
||||||
useEffect(() => {
|
const msg = e instanceof Error ? e.message : '扫码失败,请重试';
|
||||||
void loadDashboard();
|
|
||||||
}, [loadDashboard]);
|
if (/invalid signature/i.test(msg)) {
|
||||||
|
|
||||||
useEffect(() => {
|
return '微信 JSSDK 签名校验失败:请确认公众号已配置 JS 接口安全域名,并刷新页面后重试';
|
||||||
function onResume() {
|
|
||||||
setScanning(false);
|
}
|
||||||
void loadDashboard();
|
|
||||||
}
|
if (isScanPermissionWarmupError(msg)) {
|
||||||
function onVisibility() {
|
|
||||||
if (document.visibilityState === 'visible') onResume();
|
if (opts?.afterAuth) {
|
||||||
}
|
|
||||||
document.addEventListener('visibilitychange', onVisibility);
|
return '微信授权已完成,扫码权限仍在准备中,请再点一次「扫码核销」';
|
||||||
window.addEventListener('pageshow', onResume);
|
|
||||||
window.addEventListener('focus', onResume);
|
}
|
||||||
return () => {
|
|
||||||
document.removeEventListener('visibilitychange', onVisibility);
|
return '微信权限校验尚未完成,请等待 1~2 秒后再次点击扫码(首次绑定微信时较常见)';
|
||||||
window.removeEventListener('pageshow', onResume);
|
|
||||||
window.removeEventListener('focus', onResume);
|
}
|
||||||
};
|
|
||||||
}, [loadDashboard]);
|
return msg;
|
||||||
|
|
||||||
async function runScan(opts?: { postAuthWarmup?: boolean }) {
|
}
|
||||||
trackStore('store_redeem_scan_start');
|
|
||||||
if (!isWechatEnv()) {
|
|
||||||
setScanMsg('请在微信内打开门店端进行扫码核销');
|
|
||||||
return;
|
export default function HomePage() {
|
||||||
}
|
|
||||||
setScanning(true);
|
useStorePageView('store_home_view');
|
||||||
setScanMsg('');
|
|
||||||
try {
|
const navigate = useNavigate();
|
||||||
// 授权回跳后强制重签,避免沿用带 code 的旧签名态
|
|
||||||
if (opts?.postAuthWarmup) {
|
const { ready, authenticated } = useStoreSession();
|
||||||
weixinSdk.reset();
|
|
||||||
}
|
const [searchParams] = useSearchParams();
|
||||||
await weixinSdk.init();
|
|
||||||
const raw = await weixinSdk.scanQrCode(
|
const [dash, setDash] = useState<Record<string, unknown> | null>(null);
|
||||||
opts?.postAuthWarmup ? { postAuthWarmup: true } : undefined,
|
|
||||||
);
|
const [scanMsg, setScanMsg] = useState('');
|
||||||
if (!raw) {
|
|
||||||
void loadDashboard();
|
const [scanning, setScanning] = useState(false);
|
||||||
return;
|
|
||||||
}
|
const [authModalOpen, setAuthModalOpen] = useState(false);
|
||||||
const token = parseRedeemTokenFromScan(raw);
|
|
||||||
if (!token) {
|
const [authLoading, setAuthLoading] = useState(false);
|
||||||
setScanMsg('无法识别核销码,请扫描用户出示的核销二维码');
|
|
||||||
return;
|
const [authError, setAuthError] = useState('');
|
||||||
}
|
|
||||||
navigate(`/redeem?token=${encodeURIComponent(token)}`);
|
const pendingScanStartedRef = useRef(false);
|
||||||
} catch (e) {
|
|
||||||
setScanMsg(formatScanError(e));
|
|
||||||
} finally {
|
|
||||||
setScanning(false);
|
const loadDashboard = useCallback(() => {
|
||||||
}
|
|
||||||
}
|
return request<Record<string, unknown>>('SHOP_H5', '/shop/dashboard')
|
||||||
|
|
||||||
useEffect(() => {
|
.then((d) => {
|
||||||
if (!isWechatEnv() || !searchParams.get('code')) return;
|
|
||||||
void handleShopWechatCallback()
|
setDash(d);
|
||||||
.then((result) => {
|
|
||||||
if (!result) return;
|
})
|
||||||
const session = handleShopWechatLoginResult(result);
|
|
||||||
if (session) {
|
.catch(() => {});
|
||||||
applySession(session);
|
|
||||||
}
|
}, []);
|
||||||
setAuthModalOpen(false);
|
|
||||||
setAuthError('');
|
|
||||||
// 先清 OAuth 参数再扫,保证 JSSDK 签名 URL 与当前页一致
|
|
||||||
stripOAuthParamsFromLocation();
|
useEffect(() => {
|
||||||
setSearchParams({}, { replace: true });
|
|
||||||
const shouldScan = sessionStorage.getItem(PENDING_SCAN_KEY) === '1';
|
void loadDashboard();
|
||||||
sessionStorage.removeItem(PENDING_SCAN_KEY);
|
|
||||||
if (shouldScan) {
|
}, [loadDashboard]);
|
||||||
// OAuth 回跳后微信权限离线校验未完成;稍候再扫,失败可再点一次
|
|
||||||
window.setTimeout(() => void runScan({ postAuthWarmup: true }), 400);
|
|
||||||
}
|
|
||||||
})
|
useEffect(() => {
|
||||||
.catch((e) => {
|
|
||||||
setAuthError(e instanceof Error ? e.message : '微信授权失败');
|
function onResume() {
|
||||||
});
|
|
||||||
}, [searchParams, applySession, setSearchParams]);
|
setScanning(false);
|
||||||
|
|
||||||
async function handleScan() {
|
void loadDashboard();
|
||||||
setScanMsg('');
|
|
||||||
if (!isWechatEnv()) {
|
}
|
||||||
setScanMsg('请在微信内打开门店端进行扫码核销');
|
|
||||||
return;
|
function onVisibility() {
|
||||||
}
|
|
||||||
try {
|
if (document.visibilityState === 'visible') onResume();
|
||||||
const profile = await fetchShopAccount();
|
|
||||||
if (await checkNeedsWechatAuth(profile)) {
|
}
|
||||||
setAuthModalOpen(true);
|
|
||||||
return;
|
document.addEventListener('visibilitychange', onVisibility);
|
||||||
}
|
|
||||||
await runScan();
|
window.addEventListener('pageshow', onResume);
|
||||||
} catch (e) {
|
|
||||||
setScanMsg(e instanceof Error ? e.message : '无法发起扫码');
|
window.addEventListener('focus', onResume);
|
||||||
}
|
|
||||||
}
|
return () => {
|
||||||
|
|
||||||
async function startWechatAuth() {
|
document.removeEventListener('visibilitychange', onVisibility);
|
||||||
setAuthLoading(true);
|
|
||||||
setAuthError('');
|
window.removeEventListener('pageshow', onResume);
|
||||||
try {
|
|
||||||
sessionStorage.setItem(PENDING_SCAN_KEY, '1');
|
window.removeEventListener('focus', onResume);
|
||||||
await authorizeShopWechat();
|
|
||||||
} catch (e) {
|
};
|
||||||
sessionStorage.removeItem(PENDING_SCAN_KEY);
|
|
||||||
setAuthError(e instanceof Error ? e.message : '微信授权失败');
|
}, [loadDashboard]);
|
||||||
setAuthLoading(false);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
const runScan = useCallback(
|
||||||
const store = dash?.store as Record<string, unknown> | undefined;
|
|
||||||
const recent = (dash?.recentRecords as Array<Record<string, unknown>>) || [];
|
async (opts?: { postAuthWarmup?: boolean }) => {
|
||||||
const status = String(store?.status || '');
|
|
||||||
const open = status === 'OPEN';
|
trackStore('store_redeem_scan_start');
|
||||||
const hoursParts: string[] = [];
|
|
||||||
if (store?.openTime && store?.closeTime) hoursParts.push(`${store.openTime} - ${store.closeTime}`);
|
if (!isWechatEnv()) {
|
||||||
if (store?.openTime2 && store?.closeTime2) hoursParts.push(`${store.openTime2} - ${store.closeTime2}`);
|
|
||||||
const hoursText = hoursParts.length ? hoursParts.join(',') : '10:00 - 22:00';
|
setScanMsg('请在微信内打开门店端进行扫码核销');
|
||||||
const statusText =
|
|
||||||
status === 'CLOSED' ? '永久关闭' : open ? '当前正在营业中' : '当前临时闭店';
|
return;
|
||||||
|
|
||||||
return (
|
}
|
||||||
<PullToRefresh onRefresh={loadDashboard} className="shop-home-page">
|
|
||||||
<header className="shop-home-header">
|
setScanning(true);
|
||||||
<h1 className="app-page-title">门店管理中心</h1>
|
|
||||||
</header>
|
if (!opts?.postAuthWarmup) {
|
||||||
|
|
||||||
<div className="shop-home-content">
|
setScanMsg('');
|
||||||
<section className="shop-home-hero">
|
|
||||||
<div className="shop-home-hero-store">
|
}
|
||||||
<span className="material-symbols-outlined shop-fill-icon">store</span>
|
|
||||||
<h2>{String(store?.name || '门店')}</h2>
|
try {
|
||||||
</div>
|
|
||||||
<div className="shop-home-stats">
|
if (opts?.postAuthWarmup) {
|
||||||
<div className="shop-home-stat">
|
|
||||||
<p className="shop-home-stat-label">今日核销笔数</p>
|
weixinSdk.reset();
|
||||||
<p className="shop-home-stat-value">{Number(dash?.todayCount || 0)}</p>
|
|
||||||
<p className="shop-home-stat-sub">
|
}
|
||||||
扫码 {Number(dash?.todayScanCount || 0)} · 手机号 {Number(dash?.todayPhoneCount || 0)}
|
|
||||||
</p>
|
await weixinSdk.init();
|
||||||
</div>
|
|
||||||
<div className="shop-home-stat">
|
const raw = await weixinSdk.scanQrCode(
|
||||||
<p className="shop-home-stat-label">今日到账金额</p>
|
|
||||||
<p className="shop-home-stat-value">
|
opts?.postAuthWarmup ? { postAuthWarmup: true } : undefined,
|
||||||
<span style={{ fontSize: 18 }}>¥</span>
|
|
||||||
{formatMoney(Number(dash?.todayAmount || 0))}
|
);
|
||||||
</p>
|
|
||||||
</div>
|
if (!raw) {
|
||||||
</div>
|
|
||||||
</section>
|
void loadDashboard();
|
||||||
|
|
||||||
<section className="shop-home-scan">
|
return;
|
||||||
<button
|
|
||||||
type="button"
|
}
|
||||||
className="shop-home-scan-btn"
|
|
||||||
disabled={scanning}
|
const token = parseRedeemTokenFromScan(raw);
|
||||||
onClick={() => void handleScan()}
|
|
||||||
>
|
if (!token) {
|
||||||
<span className="material-symbols-outlined">qr_code_scanner</span>
|
|
||||||
</button>
|
setScanMsg('无法识别核销码,请扫描用户出示的核销二维码');
|
||||||
<p className="shop-home-scan-label">{scanning ? '正在打开相机…' : '扫码核销'}</p>
|
|
||||||
{scanMsg && <p className="shop-home-scan-msg" role="alert">{scanMsg}</p>}
|
return;
|
||||||
<Link to="/redeem/phone" className="shop-home-phone-link">
|
|
||||||
<span className="material-symbols-outlined">smartphone</span>
|
}
|
||||||
手机号核销
|
|
||||||
</Link>
|
navigate(`/redeem?token=${encodeURIComponent(token)}`);
|
||||||
</section>
|
|
||||||
|
} catch (e) {
|
||||||
<section className="shop-home-status">
|
|
||||||
<div className="shop-home-status-left">
|
setScanMsg(formatScanError(e, { afterAuth: opts?.postAuthWarmup }));
|
||||||
<div className={`shop-home-status-icon${open ? '' : ' closed'}`}>
|
|
||||||
<span className="material-symbols-outlined shop-fill-icon">schedule</span>
|
} finally {
|
||||||
</div>
|
|
||||||
<div>
|
setScanning(false);
|
||||||
<p className="shop-home-status-title">营业状态</p>
|
|
||||||
<p className="shop-home-status-sub">{statusText}</p>
|
}
|
||||||
<p className="shop-home-status-sub">营业时间: {hoursText}</p>
|
|
||||||
</div>
|
},
|
||||||
</div>
|
|
||||||
<label className="shop-home-switch" onClick={() => navigate('/status')}>
|
[loadDashboard, navigate],
|
||||||
<input type="checkbox" checked={open && status !== 'CLOSED'} readOnly tabIndex={-1} />
|
|
||||||
<span className="shop-home-switch-track" />
|
);
|
||||||
</label>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section>
|
// OAuth 由 StoreSessionContext 单例处理;此处仅在授权完成后续扫
|
||||||
<div className="shop-home-records-head">
|
|
||||||
<h3 className="shop-home-records-title">核销记录</h3>
|
useEffect(() => {
|
||||||
<Link to="/records" className="shop-home-records-link">
|
|
||||||
查看全部
|
if (!ready || !authenticated || !isWechatEnv()) return;
|
||||||
<span className="material-symbols-outlined" style={{ fontSize: 16 }}>chevron_right</span>
|
|
||||||
</Link>
|
if (searchParams.get('code')) return;
|
||||||
</div>
|
|
||||||
<div className="shop-home-record-list">
|
if (!peekPendingScanAfterAuth() || pendingScanStartedRef.current) return;
|
||||||
{recent.length === 0 && (
|
|
||||||
<p className="shop-home-status-sub" style={{ textAlign: 'center', padding: '16px 0' }}>暂无核销记录</p>
|
|
||||||
)}
|
|
||||||
{recent.map((r) => (
|
pendingScanStartedRef.current = true;
|
||||||
<div key={String(r.id)} className="shop-home-record-item">
|
|
||||||
<div>
|
clearPendingScanAfterAuth();
|
||||||
<p className="shop-home-record-time">核销时间</p>
|
|
||||||
<p className="shop-home-record-value">
|
setAuthModalOpen(false);
|
||||||
{new Date(String(r.createdAt)).toLocaleString('zh-CN')}
|
|
||||||
</p>
|
setAuthLoading(false);
|
||||||
</div>
|
|
||||||
<p className="shop-home-record-amount">¥{formatMoney(Number(r.amount))}</p>
|
setAuthError('');
|
||||||
</div>
|
|
||||||
))}
|
setScanMsg('微信授权成功,正在准备扫码…');
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
|
const timer = window.setTimeout(() => {
|
||||||
<WechatScanAuthModal
|
|
||||||
open={authModalOpen}
|
void runScan({ postAuthWarmup: true });
|
||||||
loading={authLoading}
|
|
||||||
error={authError}
|
}, getPostAuthScanDelayMs());
|
||||||
onAuthorize={() => void startWechatAuth()}
|
|
||||||
onCancel={() => {
|
|
||||||
setAuthModalOpen(false);
|
|
||||||
setAuthError('');
|
return () => window.clearTimeout(timer);
|
||||||
sessionStorage.removeItem(PENDING_SCAN_KEY);
|
|
||||||
}}
|
}, [ready, authenticated, searchParams, runScan]);
|
||||||
/>
|
|
||||||
</PullToRefresh>
|
|
||||||
);
|
|
||||||
}
|
async function handleScan() {
|
||||||
|
|
||||||
|
setScanMsg('');
|
||||||
|
|
||||||
|
if (!isWechatEnv()) {
|
||||||
|
|
||||||
|
setScanMsg('请在微信内打开门店端进行扫码核销');
|
||||||
|
|
||||||
|
return;
|
||||||
@@ -18,7 +18,7 @@ import {
|
|||||||
consumeShopWechatLoginHint,
|
consumeShopWechatLoginHint,
|
||||||
fetchClientConfig,
|
fetchClientConfig,
|
||||||
formatShopWechatError,
|
formatShopWechatError,
|
||||||
handleShopWechatCallback,
|
handleShopWechatCallbackOnce,
|
||||||
handleShopWechatLoginResult,
|
handleShopWechatLoginResult,
|
||||||
loginShopWithWechat,
|
loginShopWithWechat,
|
||||||
} from '../lib/wechat-auth';
|
} from '../lib/wechat-auth';
|
||||||
@@ -88,7 +88,7 @@ export default function LoginPage() {
|
|||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!isWechatEnv() || !wxAuthorize || !params.get('code')) return;
|
if (!isWechatEnv() || !wxAuthorize || !params.get('code')) return;
|
||||||
void handleShopWechatCallback()
|
void handleShopWechatCallbackOnce()
|
||||||
.then((result) => {
|
.then((result) => {
|
||||||
if (!result) return;
|
if (!result) return;
|
||||||
const session = handleShopWechatLoginResult(result);
|
const session = handleShopWechatLoginResult(result);
|
||||||
@@ -140,12 +140,22 @@ export default function LoginPage() {
|
|||||||
|
|
||||||
async function login() {
|
async function login() {
|
||||||
if (!ensureAgreed()) return;
|
if (!ensureAgreed()) return;
|
||||||
|
const trimmedPhone = phone.trim();
|
||||||
|
const trimmedCode = code.trim();
|
||||||
|
if (!trimmedPhone) {
|
||||||
|
setMsg('phone should not be empty');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!trimmedCode) {
|
||||||
|
setMsg('code should not be empty');
|
||||||
|
return;
|
||||||
|
}
|
||||||
setLoading(true);
|
setLoading(true);
|
||||||
setMsg('');
|
setMsg('');
|
||||||
try {
|
try {
|
||||||
const data = await request<ShopSessionPayload>('SHOP_H5', '/shop/auth/login/sms', {
|
const data = await request<ShopSessionPayload>('SHOP_H5', '/shop/auth/login/sms', {
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
body: JSON.stringify({ phone, code }),
|
body: JSON.stringify({ phone: trimmedPhone, code: trimmedCode }),
|
||||||
});
|
});
|
||||||
saveRememberedSession(data);
|
saveRememberedSession(data);
|
||||||
applySession(data);
|
applySession(data);
|
||||||
|
|||||||
@@ -9,7 +9,7 @@ import {
|
|||||||
authorizeShopWechat,
|
authorizeShopWechat,
|
||||||
fetchClientConfig,
|
fetchClientConfig,
|
||||||
fetchShopAccount,
|
fetchShopAccount,
|
||||||
handleShopWechatCallback,
|
handleShopWechatCallbackOnce,
|
||||||
handleShopWechatLoginResult,
|
handleShopWechatLoginResult,
|
||||||
} from '../lib/wechat-auth';
|
} from '../lib/wechat-auth';
|
||||||
import { isWechatEnv } from '../lib/weixin';
|
import { isWechatEnv } from '../lib/weixin';
|
||||||
@@ -45,7 +45,7 @@ export default function MinePage() {
|
|||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!isWechatEnv() || !wxAuthorize || !searchParams.get('code')) return;
|
if (!isWechatEnv() || !wxAuthorize || !searchParams.get('code')) return;
|
||||||
void handleShopWechatCallback()
|
void handleShopWechatCallbackOnce()
|
||||||
.then((result) => {
|
.then((result) => {
|
||||||
if (!result) return;
|
if (!result) return;
|
||||||
const session = handleShopWechatLoginResult(result);
|
const session = handleShopWechatLoginResult(result);
|
||||||
|
|||||||
@@ -80,7 +80,6 @@ export default function WithdrawPage() {
|
|||||||
const canApply =
|
const canApply =
|
||||||
!!summary?.isPrimary &&
|
!!summary?.isPrimary &&
|
||||||
summary.availableAmount > 0 &&
|
summary.availableAmount > 0 &&
|
||||||
!summary.hasPendingRequest &&
|
|
||||||
summary.hasBankAccount &&
|
summary.hasBankAccount &&
|
||||||
!submitting;
|
!submitting;
|
||||||
|
|
||||||
@@ -126,7 +125,6 @@ export default function WithdrawPage() {
|
|||||||
info
|
info
|
||||||
</span>
|
</span>
|
||||||
单日上限 ¥{formatMoney(summary?.dailyLimit ?? 5000)}
|
单日上限 ¥{formatMoney(summary?.dailyLimit ?? 5000)}
|
||||||
{summary?.hasPendingRequest ? ' · 已有待审核申请' : ''}
|
|
||||||
{!summary?.hasBankAccount ? ' · 请先完善收款账户' : ''}
|
{!summary?.hasBankAccount ? ' · 请先完善收款账户' : ''}
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
@@ -1,3 +1,5 @@
|
|||||||
|
import { reportApiError } from '@dukang/client-logging';
|
||||||
|
|
||||||
export const BRAND = {
|
export const BRAND = {
|
||||||
red: '#A02D30',
|
red: '#A02D30',
|
||||||
yellow: '#FFC107',
|
yellow: '#FFC107',
|
||||||
@@ -83,6 +85,12 @@ async function rawRequest<T>(
|
|||||||
if (json.code !== 0) {
|
if (json.code !== 0) {
|
||||||
const err = new Error(json.message || '请求失败') as Error & { status?: number };
|
const err = new Error(json.message || '请求失败') as Error & { status?: number };
|
||||||
err.status = json.code;
|
err.status = json.code;
|
||||||
|
if (json.code === 400) {
|
||||||
|
reportApiError(
|
||||||
|
{ apiBase, clientApp: CLIENT_APP, getToken: () => localStorage.getItem(ACCESS_TOKEN) },
|
||||||
|
{ message: json.message || '请求失败', status: 400, url: path, category: 'validation_error' },
|
||||||
|
);
|
||||||
|
}
|
||||||
throw err;
|
throw err;
|
||||||
}
|
}
|
||||||
return json.data as T;
|
return json.data as T;
|
||||||
|
|||||||
@@ -1,4 +1,9 @@
|
|||||||
import { apiBase } from './api';
|
import { apiBase } from './api';
|
||||||
|
import {
|
||||||
|
compressImageFileIfNeeded,
|
||||||
|
DEFAULT_OSS_MAX_UPLOAD_BYTES,
|
||||||
|
formatOssMaxSizeMb,
|
||||||
|
} from '@dukang/shared-ui/compressImage';
|
||||||
|
|
||||||
export type OssMediaType = 'IMAGE' | 'VIDEO' | 'FILE';
|
export type OssMediaType = 'IMAGE' | 'VIDEO' | 'FILE';
|
||||||
|
|
||||||
@@ -15,8 +20,15 @@ export async function uploadFileToOss(
|
|||||||
options: { bizType: string; mediaType?: OssMediaType },
|
options: { bizType: string; mediaType?: OssMediaType },
|
||||||
): Promise<UploadFileResult> {
|
): Promise<UploadFileResult> {
|
||||||
const mediaType = options.mediaType ?? (file.type.startsWith('video/') ? 'VIDEO' : 'IMAGE');
|
const mediaType = options.mediaType ?? (file.type.startsWith('video/') ? 'VIDEO' : 'IMAGE');
|
||||||
|
let prepared = file;
|
||||||
|
if (mediaType === 'IMAGE') {
|
||||||
|
prepared = await compressImageFileIfNeeded(file);
|
||||||
|
if (prepared.size > DEFAULT_OSS_MAX_UPLOAD_BYTES) {
|
||||||
|
throw new Error(`图片压缩后仍超过 ${formatOssMaxSizeMb()}MB,请换一张较小的图片`);
|
||||||
|
}
|
||||||
|
}
|
||||||
const formData = new FormData();
|
const formData = new FormData();
|
||||||
formData.append('file', file);
|
formData.append('file', prepared);
|
||||||
formData.append('bizType', options.bizType);
|
formData.append('bizType', options.bizType);
|
||||||
formData.append('mediaType', mediaType);
|
formData.append('mediaType', mediaType);
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@dukang/mini-user",
|
"name": "@dukang/mini-user",
|
||||||
"version": "0.1.0",
|
"version": "3.4.13",
|
||||||
"private": true,
|
"private": true,
|
||||||
"description": "杜康好客 · C 端用户微信小程序(Taro)",
|
"description": "杜康好客 · C 端用户微信小程序(Taro)",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
|
|||||||
@@ -11,6 +11,7 @@ export default defineAppConfig({
|
|||||||
'pages/pay/index',
|
'pages/pay/index',
|
||||||
'pages/orders/index',
|
'pages/orders/index',
|
||||||
'pages/order-detail/index',
|
'pages/order-detail/index',
|
||||||
|
'pages/order-logistics/index',
|
||||||
'pages/pickup-receive/index',
|
'pages/pickup-receive/index',
|
||||||
'pages/addresses/index',
|
'pages/addresses/index',
|
||||||
'pages/address-edit/index',
|
'pages/address-edit/index',
|
||||||
|
|||||||
@@ -0,0 +1,44 @@
|
|||||||
|
import { Text } from '@tarojs/components';
|
||||||
|
import Taro from '@tarojs/taro';
|
||||||
|
import { splitLogisticsText } from '../lib/order-logistics-utils';
|
||||||
|
import { toast } from '../lib/api';
|
||||||
|
|
||||||
|
type LogisticsRichTextProps = {
|
||||||
|
text: string;
|
||||||
|
className?: string;
|
||||||
|
phoneClassName?: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
export default function LogisticsRichText({
|
||||||
|
text,
|
||||||
|
className = '',
|
||||||
|
phoneClassName = 'order-logistics-phone-link',
|
||||||
|
}: LogisticsRichTextProps) {
|
||||||
|
const segments = splitLogisticsText(text);
|
||||||
|
|
||||||
|
function dial(phone: string) {
|
||||||
|
const normalized = phone.replace(/-/g, '');
|
||||||
|
Taro.makePhoneCall({ phoneNumber: normalized }).catch(() => toast('无法拨打电话'));
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Text className={className}>
|
||||||
|
{segments.map((segment, index) =>
|
||||||
|
segment.type === 'phone' ? (
|
||||||
|
<Text
|
||||||
|
key={`${segment.value}-${index}`}
|
||||||
|
className={phoneClassName}
|
||||||
|
onClick={(e) => {
|
||||||
|
e.stopPropagation();
|
||||||
|
dial(segment.value);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{segment.value}
|
||||||
|
</Text>
|
||||||
|
) : (
|
||||||
|
<Text key={`${index}-text`}>{segment.value}</Text>
|
||||||
|
),
|
||||||
|
)}
|
||||||
|
</Text>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -1,18 +1,33 @@
|
|||||||
import { useState } from 'react';
|
import { useState } from 'react';
|
||||||
import { View, Image, Swiper, SwiperItem } from '@tarojs/components';
|
import { View, Image, Swiper, SwiperItem } from '@tarojs/components';
|
||||||
|
import Taro from '@tarojs/taro';
|
||||||
|
|
||||||
type ProductCarouselProps = {
|
type ProductCarouselProps = {
|
||||||
images: string[];
|
images: string[];
|
||||||
alt: string;
|
alt: string;
|
||||||
variant?: 'home' | 'detail' | 'store';
|
variant?: 'home' | 'detail' | 'store';
|
||||||
|
previewable?: boolean;
|
||||||
};
|
};
|
||||||
|
|
||||||
/** 商品/门店轮播(对齐 h5 ProductCarousel 三变体) */
|
/** 商品/门店轮播(对齐 h5 ProductCarousel 三变体) */
|
||||||
export default function ProductCarousel({ images, alt, variant = 'detail' }: ProductCarouselProps) {
|
export default function ProductCarousel({
|
||||||
|
images,
|
||||||
|
alt,
|
||||||
|
variant = 'detail',
|
||||||
|
previewable = false,
|
||||||
|
}: ProductCarouselProps) {
|
||||||
const slides = images.length > 0 ? images : [''];
|
const slides = images.length > 0 ? images : [''];
|
||||||
const [activeIndex, setActiveIndex] = useState(0);
|
const [activeIndex, setActiveIndex] = useState(0);
|
||||||
const prefix =
|
const prefix =
|
||||||
variant === 'store' ? 'store-detail-carousel' : variant === 'home' ? 'home-carousel' : 'detail-carousel';
|
variant === 'store' ? 'store-detail-carousel' : variant === 'home' ? 'home-carousel' : 'detail-carousel';
|
||||||
|
const imageMode = 'aspectFill';
|
||||||
|
|
||||||
|
function previewAt(index: number) {
|
||||||
|
const urls = slides.filter(Boolean);
|
||||||
|
if (!urls.length) return;
|
||||||
|
const current = slides[index] || urls[0];
|
||||||
|
Taro.previewImage({ current, urls }).catch(() => undefined);
|
||||||
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<View className={`${prefix}-wrap`}>
|
<View className={`${prefix}-wrap`}>
|
||||||
@@ -24,7 +39,13 @@ export default function ProductCarousel({ images, alt, variant = 'detail' }: Pro
|
|||||||
{slides.map((src, index) => (
|
{slides.map((src, index) => (
|
||||||
<SwiperItem key={`${src}-${index}`} className={`${prefix}-item`}>
|
<SwiperItem key={`${src}-${index}`} className={`${prefix}-item`}>
|
||||||
{src ? (
|
{src ? (
|
||||||
<Image className={`${prefix}-image`} src={src} mode="aspectFill" alt={alt} />
|
<Image
|
||||||
|
className={`${prefix}-image`}
|
||||||
|
src={src}
|
||||||
|
mode={imageMode}
|
||||||
|
alt={alt}
|
||||||
|
onClick={previewable ? () => previewAt(index) : undefined}
|
||||||
|
/>
|
||||||
) : (
|
) : (
|
||||||
<View className={`${prefix}-placeholder`} />
|
<View className={`${prefix}-placeholder`} />
|
||||||
)}
|
)}
|
||||||
|
|||||||
@@ -4,6 +4,7 @@ import { useEffect, useRef } from 'react';
|
|||||||
import { finishLoginNavigate, forceReloadAfterAccountMerge, goLogin } from '../lib/auth-nav';
|
import { finishLoginNavigate, forceReloadAfterAccountMerge, goLogin } from '../lib/auth-nav';
|
||||||
import { toast } from '../lib/api';
|
import { toast } from '../lib/api';
|
||||||
import { capturePromoSceneAndTouchScan } from '../lib/promo';
|
import { capturePromoSceneAndTouchScan } from '../lib/promo';
|
||||||
|
import { initClientVersionChecks } from '../lib/client-version';
|
||||||
import { saveWechatLoginResult } from '../lib/pay-wechat';
|
import { saveWechatLoginResult } from '../lib/pay-wechat';
|
||||||
import { applyWechatShare } from '../lib/wechat-share';
|
import { applyWechatShare } from '../lib/wechat-share';
|
||||||
import { handleWechatAuthCallback } from '../lib/wechat-auth';
|
import { handleWechatAuthCallback } from '../lib/wechat-auth';
|
||||||
@@ -38,6 +39,7 @@ export default function WechatShareBootstrap() {
|
|||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
void capturePromoSceneAndTouchScan();
|
void capturePromoSceneAndTouchScan();
|
||||||
|
initClientVersionChecks();
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
|||||||
@@ -3,6 +3,7 @@ import { ClientApp } from '@dukang/shared-types';
|
|||||||
import { forceReloadAfterAccountMerge } from './auth-nav';
|
import { forceReloadAfterAccountMerge } from './auth-nav';
|
||||||
import { resetStoresSessionBootstrap } from './stores-session';
|
import { resetStoresSessionBootstrap } from './stores-session';
|
||||||
import { resetHomeCatalogBootstrap } from './home-catalog-session';
|
import { resetHomeCatalogBootstrap } from './home-catalog-session';
|
||||||
|
import { reportClientValidationError } from './client-error';
|
||||||
|
|
||||||
function resolveApiBase(): string {
|
function resolveApiBase(): string {
|
||||||
const origin =
|
const origin =
|
||||||
@@ -113,6 +114,12 @@ export async function request<T = unknown>(path: string, options: ReqOptions = {
|
|||||||
throw new Error('接口不可达,请确认 API 服务已启动');
|
throw new Error('接口不可达,请确认 API 服务已启动');
|
||||||
}
|
}
|
||||||
if (status >= 400 || body.code !== 0) {
|
if (status >= 400 || body.code !== 0) {
|
||||||
|
if (status === 400 || body?.code === 400) {
|
||||||
|
reportClientValidationError({
|
||||||
|
message: body?.message || `请求失败(${status})`,
|
||||||
|
apiPath: path,
|
||||||
|
});
|
||||||
|
}
|
||||||
throw new Error(body?.message || `请求失败(${status})`);
|
throw new Error(body?.message || `请求失败(${status})`);
|
||||||
}
|
}
|
||||||
return (res.data as { data: T }).data;
|
return (res.data as { data: T }).data;
|
||||||
|
|||||||
@@ -6,6 +6,7 @@ export type ClientErrorCategory =
|
|||||||
| 'js_error'
|
| 'js_error'
|
||||||
| 'unhandled_rejection'
|
| 'unhandled_rejection'
|
||||||
| 'api_error'
|
| 'api_error'
|
||||||
|
| 'validation_error'
|
||||||
| 'network'
|
| 'network'
|
||||||
| 'render'
|
| 'render'
|
||||||
| 'bridge'
|
| 'bridge'
|
||||||
@@ -57,6 +58,17 @@ export function reportClientError(payload: ClientErrorPayload): void {
|
|||||||
}).catch(() => {});
|
}).catch(() => {});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** 上报 API 400 验证错误(失败静默) */
|
||||||
|
export function reportClientValidationError(input: { message: string; apiPath?: string }): void {
|
||||||
|
if (input.apiPath?.includes('/common/client-errors')) return;
|
||||||
|
reportClientError({
|
||||||
|
level: 'warn',
|
||||||
|
category: 'validation_error',
|
||||||
|
message: input.message,
|
||||||
|
extra: { status: 400, url: input.apiPath },
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
let installed = false;
|
let installed = false;
|
||||||
|
|
||||||
/** 安装小程序/H5 全局未捕获错误钩子(幂等) */
|
/** 安装小程序/H5 全局未捕获错误钩子(幂等) */
|
||||||
|
|||||||
@@ -0,0 +1,131 @@
|
|||||||
|
import Taro from '@tarojs/taro';
|
||||||
|
import { fetchClientConfig } from './pay-wechat';
|
||||||
|
|
||||||
|
/** 与 package.json version 同步,供服务端 minClientVersion 比对 */
|
||||||
|
export const APP_VERSION = '3.4.13';
|
||||||
|
|
||||||
|
export const APP_VERSION_LABEL = `v${APP_VERSION}`;
|
||||||
|
|
||||||
|
function parseSemver(v: string): number[] {
|
||||||
|
return v.split('.').map((n) => parseInt(n, 10) || 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function compareSemver(a: string, b: string): number {
|
||||||
|
const pa = parseSemver(a);
|
||||||
|
const pb = parseSemver(b);
|
||||||
|
const len = Math.max(pa.length, pb.length);
|
||||||
|
for (let i = 0; i < len; i += 1) {
|
||||||
|
const da = pa[i] ?? 0;
|
||||||
|
const db = pb[i] ?? 0;
|
||||||
|
if (da !== db) return da - db;
|
||||||
|
}
|
||||||
|
return 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
function exitMiniProgramIfSupported() {
|
||||||
|
if (process.env.TARO_ENV !== 'weapp') return;
|
||||||
|
if (typeof Taro.exitMiniProgram !== 'function') return;
|
||||||
|
void Taro.exitMiniProgram({});
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 微信 CDN 有新包时引导 applyUpdate;返回是否已触发更新流程 */
|
||||||
|
function tryWeappForceUpdate(min: string): Promise<boolean> {
|
||||||
|
if (process.env.TARO_ENV !== 'weapp' || typeof Taro.getUpdateManager !== 'function') {
|
||||||
|
return Promise.resolve(false);
|
||||||
|
}
|
||||||
|
|
||||||
|
return new Promise((resolve) => {
|
||||||
|
const manager = Taro.getUpdateManager();
|
||||||
|
let settled = false;
|
||||||
|
const finish = (updated: boolean) => {
|
||||||
|
if (settled) return;
|
||||||
|
settled = true;
|
||||||
|
resolve(updated);
|
||||||
|
};
|
||||||
|
|
||||||
|
manager.onCheckForUpdate((res) => {
|
||||||
|
if (!res.hasUpdate) {
|
||||||
|
finish(false);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
manager.onUpdateReady(() => {
|
||||||
|
void Taro.showModal({
|
||||||
|
title: '版本过低',
|
||||||
|
content: `当前 ${APP_VERSION_LABEL} 低于要求版本 v${min},已检测到新版本,请立即更新后继续使用。`,
|
||||||
|
showCancel: false,
|
||||||
|
confirmText: '立即更新',
|
||||||
|
success: (r) => {
|
||||||
|
if (r.confirm) {
|
||||||
|
manager.applyUpdate();
|
||||||
|
finish(true);
|
||||||
|
} else {
|
||||||
|
finish(false);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
fail: () => finish(false),
|
||||||
|
});
|
||||||
|
});
|
||||||
|
manager.onUpdateFailed(() => finish(false));
|
||||||
|
});
|
||||||
|
|
||||||
|
setTimeout(() => finish(false), 4000);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
async function enforceMinClientVersion(min: string) {
|
||||||
|
const updated = await tryWeappForceUpdate(min);
|
||||||
|
if (updated) return;
|
||||||
|
|
||||||
|
await Taro.showModal({
|
||||||
|
title: '版本过低',
|
||||||
|
content: `当前 ${APP_VERSION_LABEL} 低于要求版本 v${min},请更新至最新版本后继续使用。`,
|
||||||
|
showCancel: false,
|
||||||
|
confirmText: '我知道了',
|
||||||
|
});
|
||||||
|
|
||||||
|
exitMiniProgramIfSupported();
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function checkClientVersionGate() {
|
||||||
|
try {
|
||||||
|
const config = await fetchClientConfig();
|
||||||
|
const min = config.minClientVersion?.trim();
|
||||||
|
if (min && compareSemver(APP_VERSION, min) < 0) {
|
||||||
|
await enforceMinClientVersion(min);
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
/* 配置拉取失败不阻塞启动 */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export function setupWeappUpdateManager() {
|
||||||
|
if (process.env.TARO_ENV !== 'weapp') return;
|
||||||
|
if (typeof Taro.getUpdateManager !== 'function') return;
|
||||||
|
|
||||||
|
const manager = Taro.getUpdateManager();
|
||||||
|
manager.onCheckForUpdate((res) => {
|
||||||
|
if (!res.hasUpdate) return;
|
||||||
|
manager.onUpdateReady(() => {
|
||||||
|
void Taro.showModal({
|
||||||
|
title: '更新提示',
|
||||||
|
content: '新版本已准备好,是否重启应用?',
|
||||||
|
confirmText: '立即更新',
|
||||||
|
success: (r) => {
|
||||||
|
if (r.confirm) manager.applyUpdate();
|
||||||
|
},
|
||||||
|
});
|
||||||
|
});
|
||||||
|
manager.onUpdateFailed(() => {
|
||||||
|
void Taro.showModal({
|
||||||
|
title: '更新失败',
|
||||||
|
content: '新版本下载失败,请删除小程序后重新搜索打开。',
|
||||||
|
showCancel: false,
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
export function initClientVersionChecks() {
|
||||||
|
setupWeappUpdateManager();
|
||||||
|
void checkClientVersionGate();
|
||||||
|
}
|
||||||
@@ -0,0 +1,34 @@
|
|||||||
|
import Taro from '@tarojs/taro';
|
||||||
|
|
||||||
|
const MAX_BYTES = 10 * 1024 * 1024;
|
||||||
|
|
||||||
|
/** 小程序临时文件超过 10MB 时用 compressImage 压缩后再上传 */
|
||||||
|
export async function compressWeappImageIfNeeded(tempFilePath: string): Promise<string> {
|
||||||
|
if (process.env.TARO_ENV !== 'weapp') return tempFilePath;
|
||||||
|
|
||||||
|
let path = tempFilePath;
|
||||||
|
let size = await getFileSize(path);
|
||||||
|
if (size <= MAX_BYTES) return path;
|
||||||
|
|
||||||
|
const qualities = [80, 65, 50, 40];
|
||||||
|
for (const quality of qualities) {
|
||||||
|
const res = await Taro.compressImage({ src: path, quality });
|
||||||
|
path = res.tempFilePath;
|
||||||
|
size = await getFileSize(path);
|
||||||
|
if (size <= MAX_BYTES) return path;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (size > MAX_BYTES) {
|
||||||
|
throw new Error('图片压缩后仍超过 10MB,请换一张较小的图片');
|
||||||
|
}
|
||||||
|
return path;
|
||||||
|
}
|
||||||
|
|
||||||
|
async function getFileSize(filePath: string): Promise<number> {
|
||||||
|
try {
|
||||||
|
const info = await Taro.getFileInfo({ filePath });
|
||||||
|
return typeof info.size === 'number' ? info.size : 0;
|
||||||
|
} catch {
|
||||||
|
return 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -69,12 +69,15 @@ export function mergeWxDisplayProfile(profile: UserProfile): UserProfile {
|
|||||||
/** 上传 chooseAvatar 临时文件到 OSS,并返回已登记到当前用户的真实资源。 */
|
/** 上传 chooseAvatar 临时文件到 OSS,并返回已登记到当前用户的真实资源。 */
|
||||||
export async function uploadAvatarTempFile(tempFilePath: string): Promise<UploadedAvatarResource> {
|
export async function uploadAvatarTempFile(tempFilePath: string): Promise<UploadedAvatarResource> {
|
||||||
const { API_BASE, CLIENT_APP, getToken } = await import('./api');
|
const { API_BASE, CLIENT_APP, getToken } = await import('./api');
|
||||||
|
const { compressWeappImageIfNeeded } = await import('./compress-image');
|
||||||
const token = getToken();
|
const token = getToken();
|
||||||
if (!token) throw new Error('请先登录');
|
if (!token) throw new Error('请先登录');
|
||||||
|
|
||||||
|
const filePath = await compressWeappImageIfNeeded(tempFilePath);
|
||||||
|
|
||||||
const res = await Taro.uploadFile({
|
const res = await Taro.uploadFile({
|
||||||
url: `${API_BASE}/common/resources/upload`,
|
url: `${API_BASE}/common/resources/upload`,
|
||||||
filePath: tempFilePath,
|
filePath,
|
||||||
name: 'file',
|
name: 'file',
|
||||||
formData: {
|
formData: {
|
||||||
bizType: 'AVATAR',
|
bizType: 'AVATAR',
|
||||||
|
|||||||
@@ -0,0 +1,114 @@
|
|||||||
|
import type { OrderTrackDto } from '@dukang/shared-types';
|
||||||
|
import { isXfxProviderCode } from '@dukang/shared-types';
|
||||||
|
import { formatShanghaiDateTime } from './datetime';
|
||||||
|
|
||||||
|
export type OrderDelivery = {
|
||||||
|
provider?: string;
|
||||||
|
trackingNo?: string;
|
||||||
|
logisticsCompany?: string;
|
||||||
|
manualQueryUrl?: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type OrderTrackNode = {
|
||||||
|
trackInfo?: string;
|
||||||
|
createTime?: string;
|
||||||
|
createdAt?: string;
|
||||||
|
statusName?: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type OrderTrackEstimatedArrival = {
|
||||||
|
arriveTime: string;
|
||||||
|
siteName?: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type OrderTrackResponse = OrderTrackDto;
|
||||||
|
|
||||||
|
/** 订单详情页展示物流摘要的状态(配送中) */
|
||||||
|
export const ORDER_LOGISTICS_PREVIEW_STATUSES = ['SHIPPING', 'SHIPPED'] as const;
|
||||||
|
|
||||||
|
const PHONE_PATTERN = /(1[3-9]\d{9}|\d{3,4}-\d{7,8})/g;
|
||||||
|
|
||||||
|
function compareTrackNodeTime(a: OrderTrackNode, b: OrderTrackNode) {
|
||||||
|
const ta = new Date(a.createTime || a.createdAt || 0).getTime();
|
||||||
|
const tb = new Date(b.createTime || b.createdAt || 0).getTime();
|
||||||
|
if (Number.isNaN(ta) && Number.isNaN(tb)) return 0;
|
||||||
|
if (Number.isNaN(ta)) return 1;
|
||||||
|
if (Number.isNaN(tb)) return -1;
|
||||||
|
return ta - tb;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function deliveryProviderLabel(provider?: string, company?: string) {
|
||||||
|
if (company) return company;
|
||||||
|
if (!provider || provider === 'MOCK' || isXfxProviderCode(provider)) {
|
||||||
|
return '小飞侠配送';
|
||||||
|
}
|
||||||
|
if (provider === 'LOGISTICS') return '快递配送';
|
||||||
|
return provider;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function shouldLoadOrderTrack(delivery?: OrderDelivery | null) {
|
||||||
|
if (!delivery) return false;
|
||||||
|
if (delivery.trackingNo) return true;
|
||||||
|
return isXfxProviderCode(delivery.provider || '');
|
||||||
|
}
|
||||||
|
|
||||||
|
export function formatTrackNodeTime(node: OrderTrackNode) {
|
||||||
|
return formatShanghaiDateTime(node.createTime || node.createdAt);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function sortTrackNodesNewestFirst(nodes: OrderTrackNode[]): OrderTrackNode[] {
|
||||||
|
return [...nodes].sort((a, b) => -compareTrackNodeTime(a, b));
|
||||||
|
}
|
||||||
|
|
||||||
|
export function sortTrackNodesOldestFirst(nodes: OrderTrackNode[]): OrderTrackNode[] {
|
||||||
|
return [...nodes].sort(compareTrackNodeTime);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function latestTrackNode(nodes: OrderTrackNode[]) {
|
||||||
|
if (!nodes.length) return null;
|
||||||
|
let latest = nodes[0];
|
||||||
|
for (let i = 1; i < nodes.length; i += 1) {
|
||||||
|
if (compareTrackNodeTime(nodes[i], latest) > 0) {
|
||||||
|
latest = nodes[i];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return latest;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function isLogisticsNotArrived(nodes: OrderTrackNode[], orderStatus?: string) {
|
||||||
|
if (['PENDING_RECEIVE', 'DELIVERED', 'COMPLETED'].includes(orderStatus || '')) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
if (nodes.length === 0) return true;
|
||||||
|
return !nodes.some(
|
||||||
|
(node) => node.statusName?.includes('签收') || node.trackInfo?.includes('签收'),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function formatEstimatedArrival(eta?: OrderTrackEstimatedArrival | null) {
|
||||||
|
if (!eta?.arriveTime) return '';
|
||||||
|
const time = formatShanghaiDateTime(eta.arriveTime);
|
||||||
|
if (eta.siteName) return `预计送达:${time}(${eta.siteName})`;
|
||||||
|
return `预计送达:${time}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
export type LogisticsTextSegment = { type: 'text' | 'phone'; value: string };
|
||||||
|
|
||||||
|
export function splitLogisticsText(text: string): LogisticsTextSegment[] {
|
||||||
|
if (!text) return [];
|
||||||
|
const segments: LogisticsTextSegment[] = [];
|
||||||
|
let lastIndex = 0;
|
||||||
|
const regex = new RegExp(PHONE_PATTERN.source, 'g');
|
||||||
|
let match: RegExpExecArray | null;
|
||||||
|
while ((match = regex.exec(text)) !== null) {
|
||||||
|
if (match.index > lastIndex) {
|
||||||
|
segments.push({ type: 'text', value: text.slice(lastIndex, match.index) });
|
||||||
|
}
|
||||||
|
segments.push({ type: 'phone', value: match[0] });
|
||||||
|
lastIndex = match.index + match[0].length;
|
||||||
|
}
|
||||||
|
if (lastIndex < text.length) {
|
||||||
|
segments.push({ type: 'text', value: text.slice(lastIndex) });
|
||||||
|
}
|
||||||
|
return segments.length ? segments : [{ type: 'text', value: text }];
|
||||||
|
}
|
||||||
@@ -0,0 +1,7 @@
|
|||||||
|
export * from './order-logistics-utils';
|
||||||
|
import type { OrderTrackResponse } from './order-logistics-utils';
|
||||||
|
import { request } from './api';
|
||||||
|
|
||||||
|
export async function fetchOrderTrack(orderId: string) {
|
||||||
|
return request<OrderTrackResponse>(`/trade/orders/${orderId}/track`);
|
||||||
|
}
|
||||||
@@ -23,6 +23,7 @@ import {
|
|||||||
} from '../../lib/mini-wechat-profile';
|
} from '../../lib/mini-wechat-profile';
|
||||||
import { isLoggedIn, logout, request, toast, type UserProfile } from '../../lib/api';
|
import { isLoggedIn, logout, request, toast, type UserProfile } from '../../lib/api';
|
||||||
import { isWechatEnv } from '../../lib/weixin';
|
import { isWechatEnv } from '../../lib/weixin';
|
||||||
|
import { APP_VERSION_LABEL } from '../../lib/client-version';
|
||||||
import { maskPhone } from '../../lib/phone';
|
import { maskPhone } from '../../lib/phone';
|
||||||
import {
|
import {
|
||||||
DEFAULT_SHARE_DESC,
|
DEFAULT_SHARE_DESC,
|
||||||
@@ -499,7 +500,7 @@ export default function MinePage() {
|
|||||||
</View>
|
</View>
|
||||||
|
|
||||||
<View className="mine-footer">
|
<View className="mine-footer">
|
||||||
<Text className="mine-version">杜康好客</Text>
|
<Text className="mine-version">杜康好客 {APP_VERSION_LABEL}</Text>
|
||||||
<Text className="mine-logout" onClick={() => logout()}>
|
<Text className="mine-logout" onClick={() => logout()}>
|
||||||
退出登录
|
退出登录
|
||||||
</Text>
|
</Text>
|
||||||
|
|||||||
@@ -141,6 +141,14 @@ export default function OrderConfirmPickupPage() {
|
|||||||
const ready = await ensurePayReady(returnPath);
|
const ready = await ensurePayReady(returnPath);
|
||||||
if (!ready) return;
|
if (!ready) return;
|
||||||
|
|
||||||
|
const { confirm } = await Taro.showModal({
|
||||||
|
title: '确认提交订单',
|
||||||
|
content: `确认提交现场提货订单?共 ${quantity} 瓶,应付 ¥${Number(preview?.payAmount ?? 0).toFixed(2)}。`,
|
||||||
|
confirmText: '确认提交',
|
||||||
|
cancelText: '再想想',
|
||||||
|
});
|
||||||
|
if (!confirm) return;
|
||||||
|
|
||||||
setLoading(true);
|
setLoading(true);
|
||||||
setMsg('');
|
setMsg('');
|
||||||
try {
|
try {
|
||||||
|
|||||||
@@ -6,8 +6,19 @@ import SubPageHeader from '../../components/SubPageHeader';
|
|||||||
import ShareNavButton from '../../components/ShareNavButton';
|
import ShareNavButton from '../../components/ShareNavButton';
|
||||||
import WechatShareReady from '../../components/WechatShareReady';
|
import WechatShareReady from '../../components/WechatShareReady';
|
||||||
import ContactCsButton from '../../components/ContactCsButton';
|
import ContactCsButton from '../../components/ContactCsButton';
|
||||||
|
import LogisticsRichText from '../../components/LogisticsRichText';
|
||||||
import { request, toast } from '../../lib/api';
|
import { request, toast } from '../../lib/api';
|
||||||
import { buildPayUrl } from '../../lib/checkout-nav';
|
import { buildPayUrl } from '../../lib/checkout-nav';
|
||||||
|
import {
|
||||||
|
formatEstimatedArrival,
|
||||||
|
isLogisticsNotArrived,
|
||||||
|
latestTrackNode,
|
||||||
|
ORDER_LOGISTICS_PREVIEW_STATUSES,
|
||||||
|
shouldLoadOrderTrack,
|
||||||
|
type OrderTrackEstimatedArrival,
|
||||||
|
type OrderTrackNode,
|
||||||
|
} from '../../lib/order-logistics-utils';
|
||||||
|
import { fetchOrderTrack } from '../../lib/order-logistics';
|
||||||
import { maskPhone } from '../../lib/phone';
|
import { maskPhone } from '../../lib/phone';
|
||||||
import { confirmOrderReceive, type WechatConfirmPayload } from '../../lib/wechat-order-confirm';
|
import { confirmOrderReceive, type WechatConfirmPayload } from '../../lib/wechat-order-confirm';
|
||||||
import {
|
import {
|
||||||
@@ -44,8 +55,15 @@ type OrderDetail = {
|
|||||||
orderType?: string;
|
orderType?: string;
|
||||||
isProxyOrder?: boolean;
|
isProxyOrder?: boolean;
|
||||||
proxyPartnerName?: string | null;
|
proxyPartnerName?: string | null;
|
||||||
|
deliveryType?: string;
|
||||||
items?: OrderItem[];
|
items?: OrderItem[];
|
||||||
wechatConfirm?: WechatConfirmPayload | null;
|
wechatConfirm?: WechatConfirmPayload | null;
|
||||||
|
delivery?: {
|
||||||
|
provider?: string;
|
||||||
|
trackingNo?: string;
|
||||||
|
logisticsCompany?: string;
|
||||||
|
manualQueryUrl?: string;
|
||||||
|
} | null;
|
||||||
};
|
};
|
||||||
|
|
||||||
const STATUS_LABELS: Record<string, string> = {
|
const STATUS_LABELS: Record<string, string> = {
|
||||||
@@ -78,11 +96,41 @@ export default function OrderDetailPage() {
|
|||||||
usePageView('order_detail_view', orderId ? { orderId } : undefined);
|
usePageView('order_detail_view', orderId ? { orderId } : undefined);
|
||||||
const [order, setOrder] = useState<OrderDetail | null>(null);
|
const [order, setOrder] = useState<OrderDetail | null>(null);
|
||||||
const [confirming, setConfirming] = useState(false);
|
const [confirming, setConfirming] = useState(false);
|
||||||
|
const [latestTrack, setLatestTrack] = useState<OrderTrackNode | null>(null);
|
||||||
|
const [estimatedArrival, setEstimatedArrival] = useState<OrderTrackEstimatedArrival | null>(null);
|
||||||
|
const [trackLoading, setTrackLoading] = useState(false);
|
||||||
|
|
||||||
|
async function loadOrderTrack(delivery: OrderDetail['delivery'], orderStatus?: string) {
|
||||||
|
if (!orderId || !shouldLoadOrderTrack(delivery)) {
|
||||||
|
setLatestTrack(null);
|
||||||
|
setEstimatedArrival(null);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
setTrackLoading(true);
|
||||||
|
try {
|
||||||
|
const track = await fetchOrderTrack(orderId);
|
||||||
|
const nodes = track.nodes ?? [];
|
||||||
|
setLatestTrack(latestTrackNode(nodes));
|
||||||
|
setEstimatedArrival(
|
||||||
|
isLogisticsNotArrived(nodes, orderStatus) && track.estimatedArrival
|
||||||
|
? track.estimatedArrival
|
||||||
|
: null,
|
||||||
|
);
|
||||||
|
} catch {
|
||||||
|
setLatestTrack(null);
|
||||||
|
setEstimatedArrival(null);
|
||||||
|
} finally {
|
||||||
|
setTrackLoading(false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!orderId) return;
|
if (!orderId) return;
|
||||||
request<OrderDetail>(`/trade/orders/${orderId}`)
|
request<OrderDetail>(`/trade/orders/${orderId}`)
|
||||||
.then(setOrder)
|
.then((data) => {
|
||||||
|
setOrder(data);
|
||||||
|
void loadOrderTrack(data.delivery, data.status);
|
||||||
|
})
|
||||||
.catch((e) => toast(e instanceof Error ? e.message : '加载失败'));
|
.catch((e) => toast(e instanceof Error ? e.message : '加载失败'));
|
||||||
}, [orderId]);
|
}, [orderId]);
|
||||||
|
|
||||||
@@ -90,7 +138,10 @@ export default function OrderDetailPage() {
|
|||||||
if (!orderId) return;
|
if (!orderId) return;
|
||||||
// 从微信确认收货组件返回后刷新
|
// 从微信确认收货组件返回后刷新
|
||||||
request<OrderDetail>(`/trade/orders/${orderId}`)
|
request<OrderDetail>(`/trade/orders/${orderId}`)
|
||||||
.then(setOrder)
|
.then((data) => {
|
||||||
|
setOrder(data);
|
||||||
|
void loadOrderTrack(data.delivery, data.status);
|
||||||
|
})
|
||||||
.catch(() => {});
|
.catch(() => {});
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -99,6 +150,18 @@ export default function OrderDetailPage() {
|
|||||||
const canPay = !!order && order.status === 'PENDING_PAY' && !isReship;
|
const canPay = !!order && order.status === 'PENDING_PAY' && !isReship;
|
||||||
const canConfirmReceive =
|
const canConfirmReceive =
|
||||||
!!order && !isReship && !isProxy && ['PENDING_RECEIVE', 'DELIVERED'].includes(order.status || '');
|
!!order && !isReship && !isProxy && ['PENDING_RECEIVE', 'DELIVERED'].includes(order.status || '');
|
||||||
|
const canViewLogistics =
|
||||||
|
!!order &&
|
||||||
|
order.deliveryType !== 'ON_SITE_PICKUP' &&
|
||||||
|
!isReship &&
|
||||||
|
['PENDING_SHIP', 'OUT_WAREHOUSE', 'SHIPPING', 'SHIPPED', 'PENDING_RECEIVE', 'DELIVERED', 'COMPLETED'].includes(
|
||||||
|
order.status || '',
|
||||||
|
);
|
||||||
|
const showLogisticsPreview =
|
||||||
|
canViewLogistics &&
|
||||||
|
ORDER_LOGISTICS_PREVIEW_STATUSES.includes(
|
||||||
|
(order?.status || '') as (typeof ORDER_LOGISTICS_PREVIEW_STATUSES)[number],
|
||||||
|
);
|
||||||
|
|
||||||
const item = order?.items?.[0];
|
const item = order?.items?.[0];
|
||||||
const productName = item?.productName || order?.productName || '杜康商品';
|
const productName = item?.productName || order?.productName || '杜康商品';
|
||||||
@@ -134,6 +197,11 @@ export default function OrderDetailPage() {
|
|||||||
Taro.navigateTo({ url: '/pages/customer-service/index' });
|
Taro.navigateTo({ url: '/pages/customer-service/index' });
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function goLogistics() {
|
||||||
|
if (!order) return;
|
||||||
|
Taro.navigateTo({ url: `/pages/order-logistics/index?id=${order.id}` });
|
||||||
|
}
|
||||||
|
|
||||||
async function confirmReceive() {
|
async function confirmReceive() {
|
||||||
if (!order || !canConfirmReceive || confirming) return;
|
if (!order || !canConfirmReceive || confirming) return;
|
||||||
|
|
||||||
@@ -211,6 +279,34 @@ export default function OrderDetailPage() {
|
|||||||
{isProxy && order.proxyPartnerName ? (
|
{isProxy && order.proxyPartnerName ? (
|
||||||
<Text className="order-proxy-hint">由合伙人 {order.proxyPartnerName} 代下</Text>
|
<Text className="order-proxy-hint">由合伙人 {order.proxyPartnerName} 代下</Text>
|
||||||
) : null}
|
) : null}
|
||||||
|
{showLogisticsPreview ? (
|
||||||
|
<View className="order-logistics-preview-block">
|
||||||
|
<View className="order-logistics-preview" onClick={goLogistics}>
|
||||||
|
<View className="order-logistics-preview-main">
|
||||||
|
{trackLoading ? (
|
||||||
|
<Text className="order-logistics-preview-info u-muted">物流信息加载中…</Text>
|
||||||
|
) : latestTrack?.trackInfo ? (
|
||||||
|
<LogisticsRichText
|
||||||
|
text={latestTrack.trackInfo}
|
||||||
|
className="order-logistics-preview-info"
|
||||||
|
/>
|
||||||
|
) : order.delivery?.manualQueryUrl ? (
|
||||||
|
<Text className="order-logistics-preview-info u-muted">物流已更新,点击查看详情</Text>
|
||||||
|
) : (
|
||||||
|
<Text className="order-logistics-preview-info u-muted">物流信息待更新,请稍后查看</Text>
|
||||||
|
)}
|
||||||
|
</View>
|
||||||
|
<Text className="order-logistics-preview-link">物流详情</Text>
|
||||||
|
</View>
|
||||||
|
{estimatedArrival ? (
|
||||||
|
<Text className="order-logistics-eta">{formatEstimatedArrival(estimatedArrival)}</Text>
|
||||||
|
) : null}
|
||||||
|
</View>
|
||||||
|
) : canViewLogistics ? (
|
||||||
|
<Text className="order-logistics-link" onClick={goLogistics}>
|
||||||
|
查看物流追踪
|
||||||
|
</Text>
|
||||||
|
) : null}
|
||||||
</View>
|
</View>
|
||||||
<View className="order-card">
|
<View className="order-card">
|
||||||
<Text className="order-card-title">商品信息</Text>
|
<Text className="order-card-title">商品信息</Text>
|
||||||
|
|||||||
@@ -0,0 +1,4 @@
|
|||||||
|
export default definePageConfig({
|
||||||
|
navigationStyle: 'custom',
|
||||||
|
navigationBarTitleText: '物流详情',
|
||||||
|
});
|
||||||
@@ -0,0 +1,209 @@
|
|||||||
|
import { useEffect, useMemo, useState } from 'react';
|
||||||
|
import { View, Text, Image } from '@tarojs/components';
|
||||||
|
import Taro, { useRouter } from '@tarojs/taro';
|
||||||
|
import PageShell from '../../components/PageShell';
|
||||||
|
import SubPageHeader from '../../components/SubPageHeader';
|
||||||
|
import LogisticsRichText from '../../components/LogisticsRichText';
|
||||||
|
import { request, toast } from '../../lib/api';
|
||||||
|
import {
|
||||||
|
deliveryProviderLabel,
|
||||||
|
formatTrackNodeTime,
|
||||||
|
shouldLoadOrderTrack,
|
||||||
|
sortTrackNodesOldestFirst,
|
||||||
|
type OrderDelivery,
|
||||||
|
type OrderTrackNode,
|
||||||
|
} from '../../lib/order-logistics-utils';
|
||||||
|
import { fetchOrderTrack } from '../../lib/order-logistics';
|
||||||
|
import { usePageView } from '../../lib/usePageView';
|
||||||
|
|
||||||
|
type OrderDetail = {
|
||||||
|
id: string;
|
||||||
|
orderNo?: string;
|
||||||
|
status?: string;
|
||||||
|
delivery?: OrderDelivery | null;
|
||||||
|
};
|
||||||
|
|
||||||
|
export default function OrderLogisticsPage() {
|
||||||
|
const router = useRouter();
|
||||||
|
const orderId = router.params.id ?? '';
|
||||||
|
usePageView('order_logistics_view', orderId ? { orderId } : undefined);
|
||||||
|
const [order, setOrder] = useState<OrderDetail | null>(null);
|
||||||
|
const [trackNodes, setTrackNodes] = useState<OrderTrackNode[]>([]);
|
||||||
|
const [signPhotoUrls, setSignPhotoUrls] = useState<string[]>([]);
|
||||||
|
const [trackLoading, setTrackLoading] = useState(false);
|
||||||
|
|
||||||
|
const sortedTrackNodes = useMemo(
|
||||||
|
() => (Array.isArray(trackNodes) ? sortTrackNodesOldestFirst(trackNodes) : []),
|
||||||
|
[trackNodes],
|
||||||
|
);
|
||||||
|
const timelineComplete = ['PENDING_RECEIVE', 'DELIVERED', 'COMPLETED'].includes(
|
||||||
|
order?.status || '',
|
||||||
|
);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (!orderId) return;
|
||||||
|
let cancelled = false;
|
||||||
|
(async () => {
|
||||||
|
try {
|
||||||
|
const data = await request<OrderDetail>(`/trade/orders/${orderId}`);
|
||||||
|
if (cancelled) return;
|
||||||
|
setOrder(data);
|
||||||
|
if (!shouldLoadOrderTrack(data.delivery)) {
|
||||||
|
setTrackNodes([]);
|
||||||
|
setSignPhotoUrls([]);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
setTrackLoading(true);
|
||||||
|
try {
|
||||||
|
const track = await fetchOrderTrack(orderId);
|
||||||
|
if (!cancelled) {
|
||||||
|
setTrackNodes(track.nodes ?? []);
|
||||||
|
setSignPhotoUrls(track.signPhotoUrls ?? []);
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
if (!cancelled) {
|
||||||
|
setTrackNodes([]);
|
||||||
|
setSignPhotoUrls([]);
|
||||||
|
}
|
||||||
|
} finally {
|
||||||
|
if (!cancelled) setTrackLoading(false);
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
if (!cancelled) toast(e instanceof Error ? e.message : '加载失败');
|
||||||
|
}
|
||||||
|
})();
|
||||||
|
return () => {
|
||||||
|
cancelled = true;
|
||||||
|
};
|
||||||
|
}, [orderId]);
|
||||||
|
|
||||||
|
function openManualQuery() {
|
||||||
|
const url = order?.delivery?.manualQueryUrl?.trim();
|
||||||
|
if (!url) {
|
||||||
|
toast('暂无物流查询链接');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (process.env.TARO_ENV === 'h5' && typeof window !== 'undefined') {
|
||||||
|
window.open(url, '_blank');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
Taro.setClipboardData({ data: url })
|
||||||
|
.then(() => toast('查询链接已复制,请在浏览器中打开'))
|
||||||
|
.catch(() => toast('无法打开物流查询'));
|
||||||
|
}
|
||||||
|
|
||||||
|
function previewSignPhotos(index: number) {
|
||||||
|
if (signPhotoUrls.length === 0) return;
|
||||||
|
Taro.previewImage({ current: signPhotoUrls[index], urls: signPhotoUrls }).catch(() =>
|
||||||
|
toast('无法预览图片'),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
const delivery = order?.delivery;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<PageShell variant="sub" className="order-logistics-page">
|
||||||
|
<SubPageHeader title="物流详情" />
|
||||||
|
<View className="sub-page-body order-logistics-body">
|
||||||
|
{!order ? (
|
||||||
|
<View className="u-empty">加载中…</View>
|
||||||
|
) : (
|
||||||
|
<>
|
||||||
|
<View className="order-card order-logistics-info-card">
|
||||||
|
<Text className="order-card-title">物流信息</Text>
|
||||||
|
<View className="order-row">
|
||||||
|
<Text className="order-row-label">配送方式</Text>
|
||||||
|
<Text className="order-row-value">
|
||||||
|
{deliveryProviderLabel(delivery?.provider, delivery?.logisticsCompany)}
|
||||||
|
</Text>
|
||||||
|
</View>
|
||||||
|
{delivery?.trackingNo ? (
|
||||||
|
<View className="order-row">
|
||||||
|
<Text className="order-row-label">运单号</Text>
|
||||||
|
<Text className="order-row-value">{delivery.trackingNo}</Text>
|
||||||
|
</View>
|
||||||
|
) : null}
|
||||||
|
{delivery?.manualQueryUrl ? (
|
||||||
|
<View className="order-row">
|
||||||
|
<Text className="order-row-label">物流查询</Text>
|
||||||
|
<Text className="order-row-value order-row-value--link" onClick={openManualQuery}>
|
||||||
|
查看物流
|
||||||
|
</Text>
|
||||||
|
</View>
|
||||||
|
) : null}
|
||||||
|
{!delivery?.trackingNo && !delivery?.manualQueryUrl ? (
|
||||||
|
<Text className="u-muted">物流信息待更新,请稍后查看</Text>
|
||||||
|
) : null}
|
||||||
|
</View>
|
||||||
|
|
||||||
|
{signPhotoUrls.length > 0 ? (
|
||||||
|
<View className="order-card">
|
||||||
|
<Text className="order-card-title">签收照片</Text>
|
||||||
|
<View className="order-logistics-sign-photos">
|
||||||
|
{signPhotoUrls.map((url, index) => (
|
||||||
|
<Image
|
||||||
|
key={url}
|
||||||
|
className="order-logistics-sign-photo"
|
||||||
|
src={url}
|
||||||
|
mode="aspectFill"
|
||||||
|
onClick={() => previewSignPhotos(index)}
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
) : null}
|
||||||
|
|
||||||
|
{trackLoading ? (
|
||||||
|
<View className="order-card">
|
||||||
|
<Text className="order-card-title">物流动态</Text>
|
||||||
|
<Text className="u-muted">加载中…</Text>
|
||||||
|
</View>
|
||||||
|
) : sortedTrackNodes.length > 0 ? (
|
||||||
|
<View className="order-card">
|
||||||
|
<Text className="order-card-title">物流动态</Text>
|
||||||
|
<View
|
||||||
|
className={`order-logistics-timeline${
|
||||||
|
timelineComplete ? ' order-logistics-timeline--complete' : ''
|
||||||
|
}`}
|
||||||
|
>
|
||||||
|
{sortedTrackNodes.map((node, index) => {
|
||||||
|
const isLatest = index === sortedTrackNodes.length - 1;
|
||||||
|
return (
|
||||||
|
<View
|
||||||
|
key={`${node.trackInfo}-${node.createTime}-${index}`}
|
||||||
|
className={[
|
||||||
|
'order-logistics-timeline-item',
|
||||||
|
'order-logistics-timeline-item--done',
|
||||||
|
isLatest ? 'order-logistics-timeline-item--latest' : '',
|
||||||
|
]
|
||||||
|
.filter(Boolean)
|
||||||
|
.join(' ')}
|
||||||
|
>
|
||||||
|
<View className="order-logistics-timeline-dot" />
|
||||||
|
<View className="order-logistics-timeline-body">
|
||||||
|
{node.statusName ? (
|
||||||
|
<Text className="order-logistics-timeline-status">{node.statusName}</Text>
|
||||||
|
) : null}
|
||||||
|
<LogisticsRichText
|
||||||
|
text={node.trackInfo || '—'}
|
||||||
|
className="order-logistics-node-info"
|
||||||
|
/>
|
||||||
|
<Text className="order-logistics-node-time">{formatTrackNodeTime(node)}</Text>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
) : shouldLoadOrderTrack(delivery) ? (
|
||||||
|
<View className="order-card">
|
||||||
|
<Text className="order-card-title">物流动态</Text>
|
||||||
|
<Text className="u-muted">暂无路由信息,请稍后刷新</Text>
|
||||||
|
</View>
|
||||||
|
) : null}
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</View>
|
||||||
|
</PageShell>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -11,7 +11,6 @@ import type { ProductDetailContentDto } from '@dukang/shared-types';
|
|||||||
import PageShell from '../../components/PageShell';
|
import PageShell from '../../components/PageShell';
|
||||||
import PageNavBar from '../../components/PageNavBar';
|
import PageNavBar from '../../components/PageNavBar';
|
||||||
import ProductCarousel from '../../components/ProductCarousel';
|
import ProductCarousel from '../../components/ProductCarousel';
|
||||||
import ShareNavButton from '../../components/ShareNavButton';
|
|
||||||
import WechatShareReady from '../../components/WechatShareReady';
|
import WechatShareReady from '../../components/WechatShareReady';
|
||||||
import { goLogin } from '../../lib/auth-nav';
|
import { goLogin } from '../../lib/auth-nav';
|
||||||
import { ensurePayReady } from '../../lib/pay-ready';
|
import { ensurePayReady } from '../../lib/pay-ready';
|
||||||
@@ -167,12 +166,11 @@ export default function ProductDetailPage() {
|
|||||||
solid={headerSolid}
|
solid={headerSolid}
|
||||||
titleVisible={headerSolid}
|
titleVisible={headerSolid}
|
||||||
onBack={goBack}
|
onBack={goBack}
|
||||||
right={<ShareNavButton payload={sharePayload} />}
|
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<View className="product-detail-main">
|
<View className="product-detail-main">
|
||||||
<View className="product-detail-hero full-bleed">
|
<View className="product-detail-hero full-bleed">
|
||||||
<ProductCarousel images={carouselImages} alt={product.name} variant="detail" />
|
<ProductCarousel images={carouselImages} alt={product.name} variant="detail" previewable />
|
||||||
</View>
|
</View>
|
||||||
|
|
||||||
<View className="product-detail-info">
|
<View className="product-detail-info">
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
||||||
import { View, Text, Image } from '@tarojs/components';
|
import { View, Text, Image, ScrollView } from '@tarojs/components';
|
||||||
import Taro, {
|
import Taro, {
|
||||||
useDidShow,
|
useDidShow,
|
||||||
useLoad,
|
useLoad,
|
||||||
@@ -15,6 +15,8 @@ import ShareNavButton from '../../components/ShareNavButton';
|
|||||||
import StoreRedeemMarquee from '../../components/StoreRedeemMarquee';
|
import StoreRedeemMarquee from '../../components/StoreRedeemMarquee';
|
||||||
import WechatShareReady from '../../components/WechatShareReady';
|
import WechatShareReady from '../../components/WechatShareReady';
|
||||||
import { request, toast } from '../../lib/api';
|
import { request, toast } from '../../lib/api';
|
||||||
|
import { maskPhone } from '../../lib/phone';
|
||||||
|
import { track } from '../../lib/analytics';
|
||||||
import { formatShanghaiDateTime } from '../../lib/datetime';
|
import { formatShanghaiDateTime } from '../../lib/datetime';
|
||||||
import {
|
import {
|
||||||
DEFAULT_SHARE_DESC,
|
DEFAULT_SHARE_DESC,
|
||||||
@@ -34,6 +36,7 @@ type StorePackage = {
|
|||||||
dishes: string;
|
dishes: string;
|
||||||
usableTime?: string | null;
|
usableTime?: string | null;
|
||||||
otherNotes?: string | null;
|
otherNotes?: string | null;
|
||||||
|
imageUrl?: string | null;
|
||||||
sortOrder?: number;
|
sortOrder?: number;
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -153,9 +156,14 @@ export default function StoreDetailPage() {
|
|||||||
const [loading, setLoading] = useState(true);
|
const [loading, setLoading] = useState(true);
|
||||||
const [loadError, setLoadError] = useState('');
|
const [loadError, setLoadError] = useState('');
|
||||||
const [headerSolid, setHeaderSolid] = useState(false);
|
const [headerSolid, setHeaderSolid] = useState(false);
|
||||||
|
const [activePackageIndex, setActivePackageIndex] = useState(0);
|
||||||
const storeRef = useRef<Store | null>(null);
|
const storeRef = useRef<Store | null>(null);
|
||||||
storeRef.current = store;
|
storeRef.current = store;
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
setActivePackageIndex(0);
|
||||||
|
}, [store?.id]);
|
||||||
|
|
||||||
usePageScroll(({ scrollTop }) => {
|
usePageScroll(({ scrollTop }) => {
|
||||||
setHeaderSolid(scrollTop > 100);
|
setHeaderSolid(scrollTop > 100);
|
||||||
});
|
});
|
||||||
@@ -270,6 +278,7 @@ export default function StoreDetailPage() {
|
|||||||
toast('暂无门店电话');
|
toast('暂无门店电话');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
track('store_phone_call', { storeId: store.id });
|
||||||
Taro.makePhoneCall({ phoneNumber: store.phone }).catch(() => toast('无法拨打电话'));
|
Taro.makePhoneCall({ phoneNumber: store.phone }).catch(() => toast('无法拨打电话'));
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -315,11 +324,9 @@ export default function StoreDetailPage() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const envPhotos = envPhotoUrls(store);
|
const envPhotos = envPhotoUrls(store);
|
||||||
const images = uniqueUrls([
|
const heroImages = uniqueUrls([store.coverUrl, ...(store.carouselUrls || [])]);
|
||||||
store.coverUrl,
|
const packages = store.packages ?? [];
|
||||||
...(store.carouselUrls || []),
|
const activePackage = packages[activePackageIndex] ?? packages[0];
|
||||||
...envPhotos,
|
|
||||||
]);
|
|
||||||
|
|
||||||
const intro = store.intro?.trim() || '';
|
const intro = store.intro?.trim() || '';
|
||||||
const benefitRuleRaw = store.benefitUsageRule?.trim() || '';
|
const benefitRuleRaw = store.benefitUsageRule?.trim() || '';
|
||||||
@@ -346,7 +353,7 @@ export default function StoreDetailPage() {
|
|||||||
/>
|
/>
|
||||||
|
|
||||||
<View className="store-detail-hero full-bleed">
|
<View className="store-detail-hero full-bleed">
|
||||||
<ProductCarousel images={images} alt={store.name} variant="store" />
|
<ProductCarousel images={heroImages} alt={store.name} variant="store" previewable />
|
||||||
</View>
|
</View>
|
||||||
|
|
||||||
<View className="store-detail-info-card">
|
<View className="store-detail-info-card">
|
||||||
@@ -377,7 +384,9 @@ export default function StoreDetailPage() {
|
|||||||
|
|
||||||
{store.phone ? (
|
{store.phone ? (
|
||||||
<View className="store-detail-row">
|
<View className="store-detail-row">
|
||||||
<Text className="store-detail-meta store-detail-meta--flex">电话: {store.phone}</Text>
|
<Text className="store-detail-meta store-detail-meta--flex">
|
||||||
|
电话: {maskPhone(store.phone)}
|
||||||
|
</Text>
|
||||||
<Text className="store-detail-action" onClick={callStore}>
|
<Text className="store-detail-action" onClick={callStore}>
|
||||||
拨打
|
拨打
|
||||||
</Text>
|
</Text>
|
||||||
@@ -399,23 +408,49 @@ export default function StoreDetailPage() {
|
|||||||
</View>
|
</View>
|
||||||
) : null}
|
) : null}
|
||||||
|
|
||||||
{store.packages && store.packages.length > 0 ? (
|
{packages.length > 0 && activePackage ? (
|
||||||
<View className="store-detail-section">
|
<View className="store-detail-section store-detail-section--packages">
|
||||||
<Text className="store-detail-section-title">门店套餐</Text>
|
<Text className="store-detail-section-title">门店套餐</Text>
|
||||||
{store.packages.map((pkg, index) => (
|
{packages.length > 1 ? (
|
||||||
<View key={`${pkg.name}-${index}`} className="store-detail-package-card">
|
<ScrollView className="store-detail-package-tabs" scrollX showScrollbar={false} enhanced>
|
||||||
<Text className="store-detail-package-name">{pkg.name}</Text>
|
<View className="store-detail-package-tabs-inner">
|
||||||
<Text className="store-detail-package-body">
|
{packages.map((pkg, index) => (
|
||||||
{formatRedeemAmountYuan(pkg.price)} 元 · {pkg.dishes}
|
<View
|
||||||
</Text>
|
key={`${pkg.name}-${index}`}
|
||||||
{pkg.usableTime ? (
|
className={`store-detail-package-tab${
|
||||||
<Text className="store-detail-package-meta">使用时间:{pkg.usableTime}</Text>
|
index === activePackageIndex ? ' store-detail-package-tab--active' : ''
|
||||||
|
}`}
|
||||||
|
onClick={() => setActivePackageIndex(index)}
|
||||||
|
>
|
||||||
|
<Text className="store-detail-package-tab-text">{pkg.name}</Text>
|
||||||
|
</View>
|
||||||
|
))}
|
||||||
|
</View>
|
||||||
|
</ScrollView>
|
||||||
|
) : null}
|
||||||
|
<View className="store-detail-package-panel">
|
||||||
|
{activePackage.imageUrl ? (
|
||||||
|
<Image
|
||||||
|
className="store-detail-package-thumb"
|
||||||
|
src={activePackage.imageUrl}
|
||||||
|
mode="aspectFill"
|
||||||
|
/>
|
||||||
|
) : null}
|
||||||
|
<View className="store-detail-package-panel-body">
|
||||||
|
{packages.length === 1 ? (
|
||||||
|
<Text className="store-detail-package-name">{activePackage.name}</Text>
|
||||||
) : null}
|
) : null}
|
||||||
{pkg.otherNotes ? (
|
<Text className="store-detail-package-body">
|
||||||
<Text className="store-detail-package-meta">说明:{pkg.otherNotes}</Text>
|
{formatRedeemAmountYuan(activePackage.price)} 元 · {activePackage.dishes}
|
||||||
|
</Text>
|
||||||
|
{activePackage.usableTime ? (
|
||||||
|
<Text className="store-detail-package-meta">使用时间:{activePackage.usableTime}</Text>
|
||||||
|
) : null}
|
||||||
|
{activePackage.otherNotes ? (
|
||||||
|
<Text className="store-detail-package-meta">说明:{activePackage.otherNotes}</Text>
|
||||||
) : null}
|
) : null}
|
||||||
</View>
|
</View>
|
||||||
))}
|
</View>
|
||||||
</View>
|
</View>
|
||||||
) : null}
|
) : null}
|
||||||
|
|
||||||
@@ -443,7 +478,7 @@ export default function StoreDetailPage() {
|
|||||||
className="store-detail-env-item"
|
className="store-detail-env-item"
|
||||||
onClick={() => previewEnv(index)}
|
onClick={() => previewEnv(index)}
|
||||||
>
|
>
|
||||||
<Image className="store-detail-env-img" src={url} mode="aspectFill" />
|
<Image className="store-detail-env-img" src={url} mode="widthFix" />
|
||||||
</View>
|
</View>
|
||||||
))}
|
))}
|
||||||
</View>
|
</View>
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
import { useEffect, useMemo, useRef, useState } from 'react';
|
import { useEffect, useMemo, useRef, useState } from 'react';
|
||||||
import { View, Text, Image, Input } from '@tarojs/components';
|
import { View, Text, Image, Input } from '@tarojs/components';
|
||||||
import Taro, { useDidShow, usePullDownRefresh, useShareAppMessage, useShareTimeline } from '@tarojs/taro';
|
import Taro, { useDidShow, usePullDownRefresh, useShareAppMessage, useShareTimeline } from '@tarojs/taro';
|
||||||
|
import { StoreStatus, STORE_STATUS_LABELS } from '@dukang/shared-types';
|
||||||
import PageShell from '../../components/PageShell';
|
import PageShell from '../../components/PageShell';
|
||||||
import TabMainHeader from '../../components/TabMainHeader';
|
import TabMainHeader from '../../components/TabMainHeader';
|
||||||
import WechatShareReady from '../../components/WechatShareReady';
|
import WechatShareReady from '../../components/WechatShareReady';
|
||||||
@@ -348,6 +349,12 @@ export default function StoresPage() {
|
|||||||
return parts.length ? `营业时间: ${parts.join(',')}` : '营业时间: 10:00-22:00';
|
return parts.length ? `营业时间: ${parts.join(',')}` : '营业时间: 10:00-22:00';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function formatStatus(store: Store) {
|
||||||
|
const status = store.status as StoreStatus | undefined;
|
||||||
|
if (status && STORE_STATUS_LABELS[status]) return STORE_STATUS_LABELS[status];
|
||||||
|
return STORE_STATUS_LABELS[StoreStatus.OPEN];
|
||||||
|
}
|
||||||
|
|
||||||
const sharePayload = useMemo(
|
const sharePayload = useMemo(
|
||||||
() => ({
|
() => ({
|
||||||
title: '杜康好客门店',
|
title: '杜康好客门店',
|
||||||
@@ -427,31 +434,37 @@ export default function StoresPage() {
|
|||||||
{s.coverUrl ? (
|
{s.coverUrl ? (
|
||||||
<Image className="store-card-cover" src={s.coverUrl} mode="aspectFill" />
|
<Image className="store-card-cover" src={s.coverUrl} mode="aspectFill" />
|
||||||
) : (
|
) : (
|
||||||
<View className="store-card-cover--empty" />
|
<View className="store-card-cover store-card-cover--empty" />
|
||||||
)}
|
)}
|
||||||
<View className="store-card-body">
|
<View className="store-card-body">
|
||||||
<Text className="store-card-name">{s.name}</Text>
|
{/* 第1行:标题 + 距离 */}
|
||||||
<Text className="store-card-meta">
|
<View className="store-card-row store-card-row--head">
|
||||||
{s.district ? `${s.district} · ` : ''}
|
<Text className="store-card-name" numberOfLines={1}>
|
||||||
{s.address || '地址待完善'}
|
{s.name}
|
||||||
</Text>
|
</Text>
|
||||||
<Text className="store-card-meta">{formatHours(s)}</Text>
|
|
||||||
{s.avgPrice != null && Number(s.avgPrice) > 0 ? (
|
|
||||||
<Text className="store-card-meta">人均¥{Number(s.avgPrice).toFixed(0)}</Text>
|
|
||||||
) : null}
|
|
||||||
<View className="store-card-footer">
|
|
||||||
<Text className="store-card-distance">
|
<Text className="store-card-distance">
|
||||||
{formatDistanceMeters(s.distanceMeters)}
|
{formatDistanceMeters(s.distanceMeters)}
|
||||||
</Text>
|
</Text>
|
||||||
<Text
|
</View>
|
||||||
|
{/* 第2行:状态 + 营业时间(含第二段) */}
|
||||||
|
<View className="store-card-row store-card-row--meta">
|
||||||
|
<Text className="store-card-status">{formatStatus(s)}</Text>
|
||||||
|
<Text className="store-card-hours">{formatHours(s)}</Text>
|
||||||
|
</View>
|
||||||
|
{/* 第3行:地址 + 去核销 */}
|
||||||
|
<View className="store-card-row store-card-row--foot">
|
||||||
|
<Text className="store-card-address" numberOfLines={1}>
|
||||||
|
{s.address || (s.district ? `${s.district}` : '地址待完善')}
|
||||||
|
</Text>
|
||||||
|
<View
|
||||||
className="store-card-cta"
|
className="store-card-cta"
|
||||||
onClick={(e) => {
|
onClick={(e) => {
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
Taro.navigateTo({ url: '/pages/redeem/index' });
|
Taro.navigateTo({ url: '/pages/redeem/index' });
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
去核销
|
<Text className="store-card-cta-text">去核销</Text>
|
||||||
</Text>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
|
|||||||
@@ -488,3 +488,188 @@
|
|||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.order-logistics-page {
|
||||||
|
background: var(--color-background);
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-body {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-info-card {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-link {
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 8px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--color-heritage-red);
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-preview {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 12px;
|
||||||
|
margin-top: 12px;
|
||||||
|
padding: 12px;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: rgba(166, 29, 36, 0.04);
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-preview-main {
|
||||||
|
flex: 1;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-preview-info {
|
||||||
|
font-size: 13px;
|
||||||
|
color: var(--color-on-surface);
|
||||||
|
line-height: 1.5;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-preview-link {
|
||||||
|
flex-shrink: 0;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--color-heritage-red);
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-preview-block {
|
||||||
|
margin-top: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-eta {
|
||||||
|
display: block;
|
||||||
|
margin-top: 8px;
|
||||||
|
font-size: 12px;
|
||||||
|
color: var(--color-on-surface-variant);
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-phone-link {
|
||||||
|
color: var(--color-heritage-red);
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-sign-photos {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-sign-photo {
|
||||||
|
width: 96px;
|
||||||
|
height: 96px;
|
||||||
|
border-radius: 8px;
|
||||||
|
background: var(--color-surface-container);
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-row-value--link {
|
||||||
|
color: var(--color-heritage-red);
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-timeline {
|
||||||
|
padding-top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-timeline--complete .order-logistics-timeline-item:not(:last-child)::before {
|
||||||
|
background: rgba(166, 29, 36, 0.35);
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-timeline-item {
|
||||||
|
display: flex;
|
||||||
|
gap: 12px;
|
||||||
|
position: relative;
|
||||||
|
padding-bottom: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-timeline-item:last-child {
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-timeline-item:not(:last-child)::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: 5px;
|
||||||
|
top: 14px;
|
||||||
|
bottom: 0;
|
||||||
|
width: 1px;
|
||||||
|
background: rgba(0, 0, 0, 0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-timeline-item--done .order-logistics-timeline-dot {
|
||||||
|
background: var(--color-heritage-red);
|
||||||
|
box-shadow: 0 0 0 1px var(--color-heritage-red);
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-timeline-item--done:not(:last-child)::before {
|
||||||
|
background: rgba(166, 29, 36, 0.35);
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-timeline-dot {
|
||||||
|
flex-shrink: 0;
|
||||||
|
width: 11px;
|
||||||
|
height: 11px;
|
||||||
|
margin-top: 4px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: var(--color-surface-container-high, #e8e4df);
|
||||||
|
border: 2px solid #fff;
|
||||||
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-timeline-item--latest .order-logistics-timeline-dot {
|
||||||
|
background: var(--color-heritage-red);
|
||||||
|
box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-timeline-body {
|
||||||
|
flex: 1;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-timeline-status {
|
||||||
|
display: block;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--color-on-surface);
|
||||||
|
margin-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-timeline-item--done .order-logistics-timeline-status {
|
||||||
|
color: var(--color-heritage-red);
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-timeline-item--latest .order-logistics-timeline-status {
|
||||||
|
color: var(--color-heritage-red);
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-node {
|
||||||
|
padding: 10px 0;
|
||||||
|
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-node:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-node-time {
|
||||||
|
display: block;
|
||||||
|
font-size: 12px;
|
||||||
|
color: var(--color-on-surface-variant);
|
||||||
|
margin-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-logistics-node-info {
|
||||||
|
display: block;
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--color-on-surface);
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|||||||
@@ -10,8 +10,9 @@
|
|||||||
.store-detail-carousel-wrap {
|
.store-detail-carousel-wrap {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 280px;
|
aspect-ratio: 4 / 3;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
background: var(--color-surface-container);
|
||||||
}
|
}
|
||||||
|
|
||||||
.store-detail-carousel {
|
.store-detail-carousel {
|
||||||
@@ -26,6 +27,11 @@
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.store-detail-carousel-image {
|
||||||
|
object-fit: cover;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
.store-detail-carousel-placeholder {
|
.store-detail-carousel-placeholder {
|
||||||
background: var(--color-surface-container);
|
background: var(--color-surface-container);
|
||||||
}
|
}
|
||||||
@@ -175,24 +181,25 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.store-detail-env-grid {
|
.store-detail-env-grid {
|
||||||
display: grid;
|
display: flex;
|
||||||
grid-template-columns: repeat(3, 1fr);
|
flex-direction: column;
|
||||||
gap: 8px;
|
gap: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.store-detail-env-item {
|
.store-detail-env-item {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
aspect-ratio: 1;
|
|
||||||
border-radius: var(--radius-md, 8px);
|
border-radius: var(--radius-md, 8px);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
background: var(--color-surface-container);
|
background: var(--color-surface-container);
|
||||||
|
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
|
||||||
}
|
}
|
||||||
|
|
||||||
.store-detail-env-img {
|
.store-detail-env-img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: auto;
|
||||||
display: block;
|
display: block;
|
||||||
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
.store-detail-bar {
|
.store-detail-bar {
|
||||||
@@ -235,33 +242,102 @@
|
|||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.store-detail-package-card {
|
.store-detail-section--packages {
|
||||||
padding: 12px 0;
|
overflow: hidden;
|
||||||
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.store-detail-package-card:last-of-type {
|
.store-detail-package-tabs {
|
||||||
border-bottom: none;
|
width: 100%;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.store-detail-package-tabs-inner {
|
||||||
|
display: inline-flex;
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
gap: 8px;
|
||||||
|
padding: 2px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.store-detail-package-tab {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-shrink: 0;
|
||||||
|
max-width: 132px;
|
||||||
|
padding: 6px 12px;
|
||||||
|
border-radius: 999px;
|
||||||
|
background: rgba(0, 0, 0, 0.04);
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.store-detail-package-tab--active {
|
||||||
|
background: rgba(166, 29, 36, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.store-detail-package-tab-text {
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 18px;
|
||||||
|
color: var(--color-text-secondary, #666);
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.store-detail-package-tab--active .store-detail-package-tab-text {
|
||||||
|
color: var(--color-heritage-red, #a61d24);
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.store-detail-package-panel {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
gap: 10px;
|
||||||
|
padding: 10px;
|
||||||
|
border-radius: var(--radius-md, 8px);
|
||||||
|
background: var(--color-surface-container, #f7f7f7);
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.store-detail-package-thumb {
|
||||||
|
width: 72px;
|
||||||
|
height: 72px;
|
||||||
|
border-radius: 6px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
background: rgba(0, 0, 0, 0.04);
|
||||||
|
}
|
||||||
|
|
||||||
|
.store-detail-package-panel-body {
|
||||||
|
flex: 1;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.store-detail-package-body,
|
||||||
|
.store-detail-package-meta {
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.store-detail-package-name {
|
.store-detail-package-name {
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 16px;
|
font-size: 15px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: var(--color-text-primary, #1a1a1a);
|
color: var(--color-text-primary, #1a1a1a);
|
||||||
margin-bottom: 6px;
|
margin-bottom: 4px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.store-detail-package-body {
|
.store-detail-package-body {
|
||||||
display: block;
|
font-size: 13px;
|
||||||
font-size: 14px;
|
|
||||||
color: var(--color-text-secondary, #666);
|
color: var(--color-text-secondary, #666);
|
||||||
line-height: 1.5;
|
line-height: 1.45;
|
||||||
}
|
}
|
||||||
|
|
||||||
.store-detail-package-meta {
|
.store-detail-package-meta {
|
||||||
display: block;
|
font-size: 12px;
|
||||||
font-size: 13px;
|
|
||||||
color: var(--color-text-tertiary, #999);
|
color: var(--color-text-tertiary, #999);
|
||||||
margin-top: 4px;
|
margin-top: 4px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -144,63 +144,143 @@
|
|||||||
padding: 4px var(--space-page) 16px;
|
padding: 4px var(--space-page) 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 左图右文,卡片等高 */
|
||||||
.store-card {
|
.store-card {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: stretch;
|
||||||
|
gap: 12px;
|
||||||
|
padding: 12px;
|
||||||
|
box-sizing: border-box;
|
||||||
background: var(--color-card);
|
background: var(--color-card);
|
||||||
border-radius: var(--radius-lg);
|
border-radius: var(--radius-lg);
|
||||||
overflow: hidden;
|
|
||||||
box-shadow: var(--shadow-card);
|
box-shadow: var(--shadow-card);
|
||||||
margin-bottom: 16px;
|
margin-bottom: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.store-card-cover {
|
.store-card-cover {
|
||||||
width: 100%;
|
flex-shrink: 0;
|
||||||
height: 160px;
|
width: 96px;
|
||||||
|
height: 96px;
|
||||||
|
border-radius: 8px;
|
||||||
background: var(--color-surface-container);
|
background: var(--color-surface-container);
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.store-card-cover--empty {
|
.store-card-cover--empty {
|
||||||
height: 160px;
|
|
||||||
background: var(--color-surface-container);
|
background: var(--color-surface-container);
|
||||||
}
|
}
|
||||||
|
|
||||||
.store-card-body {
|
.store-card-body {
|
||||||
padding: 14px 16px 16px;
|
flex: 1;
|
||||||
|
min-width: 0;
|
||||||
|
height: 96px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.store-card-row {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
min-width: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 第1行:加粗标题(单行截断)+ 右对齐距离 */
|
||||||
|
.store-card-row--head {
|
||||||
|
gap: 8px;
|
||||||
|
height: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.store-card-name {
|
.store-card-name {
|
||||||
display: block;
|
flex: 1;
|
||||||
|
min-width: 0;
|
||||||
font-family: var(--font-headline);
|
font-family: var(--font-headline);
|
||||||
font-size: 16px;
|
font-size: 15px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: var(--color-on-surface);
|
line-height: 22px;
|
||||||
margin-bottom: 6px;
|
color: #1a1a1a;
|
||||||
}
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
.store-card-meta {
|
white-space: nowrap;
|
||||||
display: block;
|
|
||||||
font-size: 12px;
|
|
||||||
color: var(--color-subtle-gray);
|
|
||||||
margin-bottom: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.store-card-footer {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
margin-top: 12px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.store-card-distance {
|
.store-card-distance {
|
||||||
|
flex-shrink: 0;
|
||||||
|
max-width: 40%;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: var(--color-on-surface-variant);
|
font-weight: 400;
|
||||||
|
line-height: 22px;
|
||||||
|
color: #999;
|
||||||
|
text-align: right;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 第2行:营业状态 + 营业时间(可含两段) */
|
||||||
|
.store-card-row--meta {
|
||||||
|
gap: 6px;
|
||||||
|
min-height: 20px;
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.store-card-status {
|
||||||
|
flex-shrink: 0;
|
||||||
|
padding: 0 6px;
|
||||||
|
margin-top: 1px;
|
||||||
|
border-radius: 4px;
|
||||||
|
background: rgba(45, 106, 79, 0.12);
|
||||||
|
color: #2d6a4f;
|
||||||
|
font-size: 11px;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 18px;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.store-card-hours {
|
||||||
|
flex: 1;
|
||||||
|
min-width: 0;
|
||||||
|
font-size: 11px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 16px;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 第3行:地址(单行截断)+ 右对齐去核销 */
|
||||||
|
.store-card-row--foot {
|
||||||
|
gap: 8px;
|
||||||
|
height: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.store-card-address {
|
||||||
|
flex: 1;
|
||||||
|
min-width: 0;
|
||||||
|
font-size: 9px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 28px;
|
||||||
|
color: #999;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.store-card-cta {
|
.store-card-cta {
|
||||||
padding: 6px 14px;
|
flex-shrink: 0;
|
||||||
border-radius: var(--radius-full);
|
display: flex;
|
||||||
background: rgba(166, 29, 36, 0.08);
|
align-items: center;
|
||||||
color: var(--color-heritage-red);
|
justify-content: center;
|
||||||
|
padding: 0 14px;
|
||||||
|
height: 26px;
|
||||||
|
border-radius: 999px;
|
||||||
|
background: var(--color-heritage-red, #a61d24);
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.store-card-cta-text {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
line-height: 26px;
|
||||||
|
color: #fff;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -5,6 +5,7 @@ export type ClientErrorCategory =
|
|||||||
| 'js_error'
|
| 'js_error'
|
||||||
| 'unhandled_rejection'
|
| 'unhandled_rejection'
|
||||||
| 'api_error'
|
| 'api_error'
|
||||||
|
| 'validation_error'
|
||||||
| 'network'
|
| 'network'
|
||||||
| 'render'
|
| 'render'
|
||||||
| 'bridge'
|
| 'bridge'
|
||||||
@@ -73,6 +74,7 @@ export function reportApiError(
|
|||||||
input: { message: string; status?: number; url?: string; category?: ClientErrorCategory },
|
input: { message: string; status?: number; url?: string; category?: ClientErrorCategory },
|
||||||
) {
|
) {
|
||||||
if (typeof window === 'undefined') return;
|
if (typeof window === 'undefined') return;
|
||||||
|
if (input.url?.includes('/common/client-errors')) return;
|
||||||
const token = opts.getToken?.() ?? localStorage.getItem('accessToken');
|
const token = opts.getToken?.() ?? localStorage.getItem('accessToken');
|
||||||
const headers: Record<string, string> = {
|
const headers: Record<string, string> = {
|
||||||
'Content-Type': 'application/json',
|
'Content-Type': 'application/json',
|
||||||
@@ -85,7 +87,7 @@ export function reportApiError(
|
|||||||
headers,
|
headers,
|
||||||
body: {
|
body: {
|
||||||
level: 'warn',
|
level: 'warn',
|
||||||
category: input.category ?? 'api_error',
|
category: input.category ?? (input.status === 400 ? 'validation_error' : 'api_error'),
|
||||||
message: input.message.slice(0, 1000),
|
message: input.message.slice(0, 1000),
|
||||||
pagePath: window.location.pathname,
|
pagePath: window.location.pathname,
|
||||||
clientApp: opts.clientApp,
|
clientApp: opts.clientApp,
|
||||||
|
|||||||
@@ -251,7 +251,6 @@ describe('validateStoreWithdraw', () => {
|
|||||||
requestAmount: 200,
|
requestAmount: 200,
|
||||||
todayApplied: 0,
|
todayApplied: 0,
|
||||||
dailyLimit: 5000,
|
dailyLimit: 5000,
|
||||||
hasPendingRequest: false,
|
|
||||||
hasBankAccount: true,
|
hasBankAccount: true,
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -261,8 +260,7 @@ describe('validateStoreWithdraw', () => {
|
|||||||
).toBe(false);
|
).toBe(false);
|
||||||
});
|
});
|
||||||
|
|
||||||
it('rejects pending request / missing bank / over available', () => {
|
it('rejects missing bank / over available', () => {
|
||||||
expect(validateStoreWithdraw({ ...base, hasPendingRequest: true }).ok).toBe(false);
|
|
||||||
expect(validateStoreWithdraw({ ...base, hasBankAccount: false }).ok).toBe(false);
|
expect(validateStoreWithdraw({ ...base, hasBankAccount: false }).ok).toBe(false);
|
||||||
expect(validateStoreWithdraw({ ...base, requestAmount: 1001 }).ok).toBe(false);
|
expect(validateStoreWithdraw({ ...base, requestAmount: 1001 }).ok).toBe(false);
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -105,20 +105,16 @@ export type ValidateStoreWithdrawInput = {
|
|||||||
requestAmount: number;
|
requestAmount: number;
|
||||||
todayApplied: number;
|
todayApplied: number;
|
||||||
dailyLimit: number;
|
dailyLimit: number;
|
||||||
hasPendingRequest: boolean;
|
|
||||||
hasBankAccount: boolean;
|
hasBankAccount: boolean;
|
||||||
};
|
};
|
||||||
|
|
||||||
/** 门店未出账提现护栏(FIN-002 单日上限 + 幂等/账户) */
|
/** 门店未出账提现护栏(FIN-002 单日上限 + 账户) */
|
||||||
export function validateStoreWithdraw(
|
export function validateStoreWithdraw(
|
||||||
input: ValidateStoreWithdrawInput,
|
input: ValidateStoreWithdrawInput,
|
||||||
): { ok: boolean; message?: string } {
|
): { ok: boolean; message?: string } {
|
||||||
if (!input.hasBankAccount) {
|
if (!input.hasBankAccount) {
|
||||||
return { ok: false, message: '请先完善入驻收款账户后再提现' };
|
return { ok: false, message: '请先完善入驻收款账户后再提现' };
|
||||||
}
|
}
|
||||||
if (input.hasPendingRequest) {
|
|
||||||
return { ok: false, message: '已有待审核提现申请,请等待处理完成' };
|
|
||||||
}
|
|
||||||
if (!(input.requestAmount > 0)) {
|
if (!(input.requestAmount > 0)) {
|
||||||
return { ok: false, message: '提现金额必须大于 0' };
|
return { ok: false, message: '提现金额必须大于 0' };
|
||||||
}
|
}
|
||||||
@@ -354,3 +350,4 @@ export function orderTabToStatuses(tab: string): string[] | undefined {
|
|||||||
|
|
||||||
export * from './city-partner';
|
export * from './city-partner';
|
||||||
export * from './dev-plan';
|
export * from './dev-plan';
|
||||||
|
export * from './support-ticket';
|
||||||
|
|||||||
@@ -0,0 +1,57 @@
|
|||||||
|
import { describe, expect, it } from 'vitest';
|
||||||
|
import { validateSupportTicketStatusTransition } from './support-ticket';
|
||||||
|
|
||||||
|
describe('validateSupportTicketStatusTransition', () => {
|
||||||
|
it('allows DEVELOPING -> TESTING', () => {
|
||||||
|
expect(
|
||||||
|
validateSupportTicketStatusTransition('DEVELOPING', 'TESTING', {
|
||||||
|
linkedTaskCount: 1,
|
||||||
|
isSuperAdmin: true,
|
||||||
|
}).ok,
|
||||||
|
).toBe(true);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('blocks PENDING_REVIEW -> DEVELOPING without tasks', () => {
|
||||||
|
expect(
|
||||||
|
validateSupportTicketStatusTransition('PENDING_REVIEW', 'DEVELOPING', {
|
||||||
|
linkedTaskCount: 0,
|
||||||
|
isSuperAdmin: true,
|
||||||
|
}).ok,
|
||||||
|
).toBe(false);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('blocks rollback PASSED -> DEVELOPING', () => {
|
||||||
|
expect(
|
||||||
|
validateSupportTicketStatusTransition('PASSED', 'DEVELOPING', {
|
||||||
|
linkedTaskCount: 1,
|
||||||
|
isSuperAdmin: true,
|
||||||
|
}).ok,
|
||||||
|
).toBe(false);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('allows PASSED -> PUBLISHED', () => {
|
||||||
|
expect(
|
||||||
|
validateSupportTicketStatusTransition('PASSED', 'PUBLISHED', {
|
||||||
|
linkedTaskCount: 1,
|
||||||
|
isSuperAdmin: true,
|
||||||
|
}).ok,
|
||||||
|
).toBe(true);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('requires super admin and reason for REJECTED', () => {
|
||||||
|
expect(
|
||||||
|
validateSupportTicketStatusTransition('DEVELOPING', 'REJECTED', {
|
||||||
|
linkedTaskCount: 1,
|
||||||
|
isSuperAdmin: false,
|
||||||
|
rejectReason: 'x',
|
||||||
|
}).ok,
|
||||||
|
).toBe(false);
|
||||||
|
expect(
|
||||||
|
validateSupportTicketStatusTransition('DEVELOPING', 'REJECTED', {
|
||||||
|
linkedTaskCount: 1,
|
||||||
|
isSuperAdmin: true,
|
||||||
|
rejectReason: '',
|
||||||
|
}).ok,
|
||||||
|
).toBe(false);
|
||||||
|
});
|
||||||
|
});
|
||||||
@@ -0,0 +1,47 @@
|
|||||||
|
export type SupportTicketStatus =
|
||||||
|
| 'PENDING_REVIEW'
|
||||||
|
| 'REJECTED'
|
||||||
|
| 'DEVELOPING'
|
||||||
|
| 'TESTING'
|
||||||
|
| 'PASSED'
|
||||||
|
| 'PUBLISHED';
|
||||||
|
|
||||||
|
export type SupportTicketStatusTransitionContext = {
|
||||||
|
linkedTaskCount: number;
|
||||||
|
isSuperAdmin: boolean;
|
||||||
|
rejectReason?: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
const FORWARD_TRANSITIONS: Record<SupportTicketStatus, SupportTicketStatus[]> = {
|
||||||
|
PENDING_REVIEW: ['DEVELOPING', 'REJECTED'],
|
||||||
|
DEVELOPING: ['TESTING', 'REJECTED'],
|
||||||
|
TESTING: ['PASSED', 'REJECTED'],
|
||||||
|
REJECTED: [],
|
||||||
|
PASSED: ['PUBLISHED'],
|
||||||
|
PUBLISHED: [],
|
||||||
|
};
|
||||||
|
|
||||||
|
/** 技术支持工单批量/人工改状态校验(禁止回退) */
|
||||||
|
export function validateSupportTicketStatusTransition(
|
||||||
|
from: SupportTicketStatus,
|
||||||
|
to: SupportTicketStatus,
|
||||||
|
ctx: SupportTicketStatusTransitionContext,
|
||||||
|
): { ok: boolean; message?: string } {
|
||||||
|
if (from === to) return { ok: true };
|
||||||
|
|
||||||
|
const allowed = FORWARD_TRANSITIONS[from] ?? [];
|
||||||
|
if (!allowed.includes(to)) {
|
||||||
|
return { ok: false, message: `不允许从「${from}」变更为「${to}」` };
|
||||||
|
}
|
||||||
|
|
||||||
|
if (to === 'REJECTED') {
|
||||||
|
if (!ctx.isSuperAdmin) return { ok: false, message: '仅最高管理员可驳回工单' };
|
||||||
|
if (!ctx.rejectReason?.trim()) return { ok: false, message: '请填写驳回理由' };
|
||||||
|
}
|
||||||
|
|
||||||
|
if (from === 'PENDING_REVIEW' && to === 'DEVELOPING' && ctx.linkedTaskCount < 1) {
|
||||||
|
return { ok: false, message: '待评审工单转入开发须至少 1 条关联开发任务' };
|
||||||
|
}
|
||||||
|
|
||||||
|
return { ok: true };
|
||||||
|
}
|
||||||
@@ -202,6 +202,18 @@ export interface DevPlanTaskDispatchInput {
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
export interface DevPlanTaskBatchUpdateInput {
|
||||||
|
|
||||||
|
taskIds: string[];
|
||||||
|
|
||||||
|
status?: DevPlanTaskStatusDto;
|
||||||
|
|
||||||
|
versionId?: string | null;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
export interface DevPlanLinkedTaskSummary {
|
export interface DevPlanLinkedTaskSummary {
|
||||||
|
|
||||||
id: string;
|
id: string;
|
||||||
|
|||||||
@@ -50,6 +50,20 @@ export type CreateKnowledgeDocumentRequest = {
|
|||||||
sizeBytes?: number | null;
|
sizeBytes?: number | null;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export type UpdateKnowledgeDocumentRequest = {
|
||||||
|
title?: string;
|
||||||
|
contentText?: string | null;
|
||||||
|
fileName?: string | null;
|
||||||
|
fileUrl?: string | null;
|
||||||
|
mimeType?: string | null;
|
||||||
|
sizeBytes?: number | null;
|
||||||
|
};
|
||||||
|
|
||||||
|
/** 编辑文档时含正文 */
|
||||||
|
export type KnowledgeDocumentDetailDto = KnowledgeDocumentDto & {
|
||||||
|
contentText: string | null;
|
||||||
|
};
|
||||||
|
|
||||||
export type KnowledgeBaseOptionDto = {
|
export type KnowledgeBaseOptionDto = {
|
||||||
id: string;
|
id: string;
|
||||||
name: string;
|
name: string;
|
||||||
|
|||||||
@@ -85,6 +85,50 @@ export function promoConversion(scan: number, orders: number): string {
|
|||||||
return `${Math.round((orders / scan) * 1000) / 10}%`;
|
return `${Math.round((orders / scan) * 1000) / 10}%`;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export type PromoMetricEventType = 'SCAN' | 'ATTRIBUTION' | 'REGISTER' | 'ORDER';
|
||||||
|
|
||||||
|
export const PROMO_METRIC_EVENT_LABELS: Record<PromoMetricEventType, string> = {
|
||||||
|
SCAN: '扫码进入',
|
||||||
|
ATTRIBUTION: '归因用户',
|
||||||
|
REGISTER: '扫码注册',
|
||||||
|
ORDER: '订单',
|
||||||
|
};
|
||||||
|
|
||||||
|
export type PromoMetricEventItem = {
|
||||||
|
id: string;
|
||||||
|
eventType: PromoMetricEventType;
|
||||||
|
userId: string | null;
|
||||||
|
orderId: string | null;
|
||||||
|
sessionId: string | null;
|
||||||
|
clientIp: string | null;
|
||||||
|
ipProvince: string | null;
|
||||||
|
ipCity: string | null;
|
||||||
|
createdAt: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type PromoMetricTimelineBucket = {
|
||||||
|
key: string;
|
||||||
|
scan: number;
|
||||||
|
attribution: number;
|
||||||
|
register: number;
|
||||||
|
order: number;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type PromoMetricTimelinePeak = {
|
||||||
|
scan: { key: string; count: number } | null;
|
||||||
|
attribution: { key: string; count: number } | null;
|
||||||
|
register: { key: string; count: number } | null;
|
||||||
|
order: { key: string; count: number } | null;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type PromoMetricTimelineDto = {
|
||||||
|
granularity: 'day' | 'hour';
|
||||||
|
dateFrom: string;
|
||||||
|
dateTo: string;
|
||||||
|
buckets: PromoMetricTimelineBucket[];
|
||||||
|
peak: PromoMetricTimelinePeak;
|
||||||
|
};
|
||||||
|
|
||||||
export function buildPromoLandingUrl(baseUrl: string, code: string, qrcodeId: string): string {
|
export function buildPromoLandingUrl(baseUrl: string, code: string, qrcodeId: string): string {
|
||||||
const base = baseUrl.replace(/\/$/, '');
|
const base = baseUrl.replace(/\/$/, '');
|
||||||
return `${base}/?promo=${encodeURIComponent(code)}&pid=${encodeURIComponent(qrcodeId)}`;
|
return `${base}/?promo=${encodeURIComponent(code)}&pid=${encodeURIComponent(qrcodeId)}`;
|
||||||
|
|||||||
@@ -63,7 +63,6 @@ export interface StoreWithdrawSummaryDto {
|
|||||||
remainingDailyLimit: number;
|
remainingDailyLimit: number;
|
||||||
isPrimary: boolean;
|
isPrimary: boolean;
|
||||||
hasBankAccount: boolean;
|
hasBankAccount: boolean;
|
||||||
hasPendingRequest: boolean;
|
|
||||||
bankAccount?: StoreWithdrawBankAccountDto | null;
|
bankAccount?: StoreWithdrawBankAccountDto | null;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -184,6 +183,9 @@ export const STORE_SETTLEMENT_DEFAULT_RATE = 0.6;
|
|||||||
/** 酒厂账单结算比例(酒单实付 × 比例),暂定 30% */
|
/** 酒厂账单结算比例(酒单实付 × 比例),暂定 30% */
|
||||||
export const WINERY_SETTLEMENT_RATE = 0.3;
|
export const WINERY_SETTLEMENT_RATE = 0.3;
|
||||||
|
|
||||||
|
/** 酒厂账单出账滞后自然日(T+3:订单完成日 + 3 天后纳入账单) */
|
||||||
|
export const WINERY_SETTLEMENT_LAG_DAYS = 3;
|
||||||
|
|
||||||
export type { LogisticsSettlementMethod } from './enums';
|
export type { LogisticsSettlementMethod } from './enums';
|
||||||
export { LOGISTICS_SETTLEMENT_METHOD_LABELS } from './enums';
|
export { LOGISTICS_SETTLEMENT_METHOD_LABELS } from './enums';
|
||||||
import type { LogisticsSettlementMethod } from './enums';
|
import type { LogisticsSettlementMethod } from './enums';
|
||||||
|
|||||||
@@ -5,6 +5,7 @@ export interface StorePackageItemDto {
|
|||||||
dishes: string;
|
dishes: string;
|
||||||
usableTime?: string | null;
|
usableTime?: string | null;
|
||||||
otherNotes?: string | null;
|
otherNotes?: string | null;
|
||||||
|
imageUrl?: string | null;
|
||||||
sortOrder: number;
|
sortOrder: number;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -15,7 +15,8 @@ export type SupportTicketStatusDto =
|
|||||||
| 'REJECTED'
|
| 'REJECTED'
|
||||||
| 'DEVELOPING'
|
| 'DEVELOPING'
|
||||||
| 'TESTING'
|
| 'TESTING'
|
||||||
| 'PASSED';
|
| 'PASSED'
|
||||||
|
| 'PUBLISHED';
|
||||||
|
|
||||||
export const SUPPORT_TICKET_STATUSES = [
|
export const SUPPORT_TICKET_STATUSES = [
|
||||||
'PENDING_REVIEW',
|
'PENDING_REVIEW',
|
||||||
@@ -23,6 +24,7 @@ export const SUPPORT_TICKET_STATUSES = [
|
|||||||
'DEVELOPING',
|
'DEVELOPING',
|
||||||
'TESTING',
|
'TESTING',
|
||||||
'PASSED',
|
'PASSED',
|
||||||
|
'PUBLISHED',
|
||||||
] as const;
|
] as const;
|
||||||
|
|
||||||
export const SUPPORT_TICKET_STATUS_LABELS: Record<SupportTicketStatusDto, string> = {
|
export const SUPPORT_TICKET_STATUS_LABELS: Record<SupportTicketStatusDto, string> = {
|
||||||
@@ -31,6 +33,19 @@ export const SUPPORT_TICKET_STATUS_LABELS: Record<SupportTicketStatusDto, string
|
|||||||
DEVELOPING: '开发',
|
DEVELOPING: '开发',
|
||||||
TESTING: '测试',
|
TESTING: '测试',
|
||||||
PASSED: '通过',
|
PASSED: '通过',
|
||||||
|
PUBLISHED: '已发布',
|
||||||
|
};
|
||||||
|
|
||||||
|
/** 技术支持工单优先级 */
|
||||||
|
export type SupportTicketPriorityDto = 'LOW' | 'NORMAL' | 'HIGH' | 'URGENT';
|
||||||
|
|
||||||
|
export const SUPPORT_TICKET_PRIORITIES = ['LOW', 'NORMAL', 'HIGH', 'URGENT'] as const;
|
||||||
|
|
||||||
|
export const SUPPORT_TICKET_PRIORITY_LABELS: Record<SupportTicketPriorityDto, string> = {
|
||||||
|
LOW: '低',
|
||||||
|
NORMAL: '普通',
|
||||||
|
HIGH: '高',
|
||||||
|
URGENT: '紧急',
|
||||||
};
|
};
|
||||||
|
|
||||||
export interface SupportTicketDto {
|
export interface SupportTicketDto {
|
||||||
@@ -38,6 +53,7 @@ export interface SupportTicketDto {
|
|||||||
ticketNo: string;
|
ticketNo: string;
|
||||||
ticketType: SupportTicketTypeDto;
|
ticketType: SupportTicketTypeDto;
|
||||||
status: SupportTicketStatusDto;
|
status: SupportTicketStatusDto;
|
||||||
|
priority: SupportTicketPriorityDto;
|
||||||
title: string;
|
title: string;
|
||||||
content?: string | null;
|
content?: string | null;
|
||||||
rejectReason?: string | null;
|
rejectReason?: string | null;
|
||||||
@@ -47,9 +63,12 @@ export interface SupportTicketDto {
|
|||||||
reviewerName?: string | null;
|
reviewerName?: string | null;
|
||||||
reviewedAt?: string | null;
|
reviewedAt?: string | null;
|
||||||
remark?: string | null;
|
remark?: string | null;
|
||||||
|
attachmentUrls?: string[] | null;
|
||||||
createdAt: string;
|
createdAt: string;
|
||||||
updatedAt: string;
|
updatedAt: string;
|
||||||
completedAt?: string | null;
|
completedAt?: string | null;
|
||||||
|
releasedVersionNo?: string | null;
|
||||||
|
publishedAt?: string | null;
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface CreateSupportTicketRequest {
|
export interface CreateSupportTicketRequest {
|
||||||
@@ -57,6 +76,17 @@ export interface CreateSupportTicketRequest {
|
|||||||
title: string;
|
title: string;
|
||||||
content?: string;
|
content?: string;
|
||||||
remark?: string;
|
remark?: string;
|
||||||
|
attachmentUrls?: string[];
|
||||||
|
priority?: SupportTicketPriorityDto;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface UpdateSupportTicketRequest {
|
||||||
|
ticketType?: SupportTicketTypeDto;
|
||||||
|
title?: string;
|
||||||
|
content?: string;
|
||||||
|
remark?: string;
|
||||||
|
attachmentUrls?: string[];
|
||||||
|
priority?: SupportTicketPriorityDto;
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface RejectSupportTicketRequest {
|
export interface RejectSupportTicketRequest {
|
||||||
@@ -73,6 +103,8 @@ export interface ReviewSupportTicketRequest {
|
|||||||
rejectReason?: string;
|
rejectReason?: string;
|
||||||
note?: string;
|
note?: string;
|
||||||
tasks?: CreateDevPlanTaskFromTicketInput[];
|
tasks?: CreateDevPlanTaskFromTicketInput[];
|
||||||
|
dispatchToWecom?: boolean;
|
||||||
|
dispatchSupplement?: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface SupportTicketLinkedTaskDto {
|
export interface SupportTicketLinkedTaskDto {
|
||||||
@@ -108,3 +140,10 @@ export interface BatchReviewConfirmItem {
|
|||||||
export interface BatchReviewConfirmRequest {
|
export interface BatchReviewConfirmRequest {
|
||||||
items: BatchReviewConfirmItem[];
|
items: BatchReviewConfirmItem[];
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export interface BatchUpdateSupportTicketStatusRequest {
|
||||||
|
ticketIds: string[];
|
||||||
|
status: SupportTicketStatusDto;
|
||||||
|
rejectReason?: string;
|
||||||
|
note?: string;
|
||||||
|
}
|
||||||
|
|||||||
@@ -27,6 +27,30 @@ export const TICKET_TYPE_LABELS: Record<TicketTypeDto, string> = {
|
|||||||
PACKAGE_DISPUTE: '套餐异议',
|
PACKAGE_DISPUTE: '套餐异议',
|
||||||
};
|
};
|
||||||
|
|
||||||
|
/** 售后工单状态(common_ticket.status) */
|
||||||
|
export type TicketStatusDto =
|
||||||
|
| 'PENDING'
|
||||||
|
| 'OPEN'
|
||||||
|
| 'COLLABORATING'
|
||||||
|
| 'RESOLVED'
|
||||||
|
| 'REJECTED'
|
||||||
|
| 'COMPLETED'
|
||||||
|
| 'CLOSED';
|
||||||
|
|
||||||
|
export const TICKET_STATUS_LABELS: Record<TicketStatusDto, string> = {
|
||||||
|
PENDING: '待处理',
|
||||||
|
OPEN: '处理中',
|
||||||
|
COLLABORATING: '协同中',
|
||||||
|
RESOLVED: '已解决',
|
||||||
|
REJECTED: '已驳回',
|
||||||
|
COMPLETED: '已完成',
|
||||||
|
CLOSED: '已关闭',
|
||||||
|
};
|
||||||
|
|
||||||
|
export function ticketStatusLabel(status: string): string {
|
||||||
|
return TICKET_STATUS_LABELS[status as TicketStatusDto] ?? status;
|
||||||
|
}
|
||||||
|
|
||||||
export interface TicketDto {
|
export interface TicketDto {
|
||||||
id: string;
|
id: string;
|
||||||
ticketNo: string;
|
ticketNo: string;
|
||||||
|
|||||||
@@ -70,6 +70,30 @@ export interface DeliveryDto {
|
|||||||
deliveredAt?: string;
|
deliveredAt?: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** 物流路由节点(C 端 track API) */
|
||||||
|
export interface OrderTrackNodeDto {
|
||||||
|
trackInfo: string;
|
||||||
|
createTime: string;
|
||||||
|
statusName?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 小飞侠 cmd=100301 预估送达 */
|
||||||
|
export interface OrderTrackEstimatedArrivalDto {
|
||||||
|
arriveTime: string;
|
||||||
|
siteName?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** GET /trade/orders/:id/track 响应 */
|
||||||
|
export interface OrderTrackDto {
|
||||||
|
nodes: OrderTrackNodeDto[];
|
||||||
|
signPhotoUrls: string[];
|
||||||
|
estimatedArrival?: OrderTrackEstimatedArrivalDto | null;
|
||||||
|
manualQueryUrl?: string | null;
|
||||||
|
provider?: string;
|
||||||
|
trackingNo?: string | null;
|
||||||
|
logisticsCompany?: string | null;
|
||||||
|
}
|
||||||
|
|
||||||
/** 大单拦截原因:≥10 箱不自动推小飞侠 */
|
/** 大单拦截原因:≥10 箱不自动推小飞侠 */
|
||||||
export const FULFILLMENT_HOLD_REASON_LABELS: Record<string, string> = {
|
export const FULFILLMENT_HOLD_REASON_LABELS: Record<string, string> = {
|
||||||
LARGE_ORDER_GE_10_BOXES: '大单≥10箱,待总部确认推单/自配送',
|
LARGE_ORDER_GE_10_BOXES: '大单≥10箱,待总部确认推单/自配送',
|
||||||
|
|||||||
@@ -48,6 +48,8 @@ export type ClientRuntimeConfig = {
|
|||||||
banners: string[];
|
banners: string[];
|
||||||
footerUrl: string | null;
|
footerUrl: string | null;
|
||||||
};
|
};
|
||||||
|
/** 小程序最低兼容版本(semver,如 3.4.13);客户端低于此值时提示更新 */
|
||||||
|
minClientVersion?: string | null;
|
||||||
};
|
};
|
||||||
|
|
||||||
/** 是否展示微信授权入口 */
|
/** 是否展示微信授权入口 */
|
||||||
|
|||||||
@@ -11,7 +11,8 @@
|
|||||||
"./CouponBadge": "./src/CouponBadge.tsx",
|
"./CouponBadge": "./src/CouponBadge.tsx",
|
||||||
"./OrderStatusTabs": "./src/OrderStatusTabs.tsx",
|
"./OrderStatusTabs": "./src/OrderStatusTabs.tsx",
|
||||||
"./AppImage": "./src/AppImage.tsx",
|
"./AppImage": "./src/AppImage.tsx",
|
||||||
"./PullToRefresh": "./src/PullToRefresh.tsx"
|
"./PullToRefresh": "./src/PullToRefresh.tsx",
|
||||||
|
"./compressImage": "./src/compressImage.ts"
|
||||||
},
|
},
|
||||||
"peerDependencies": {
|
"peerDependencies": {
|
||||||
"react": "^18.3.1"
|
"react": "^18.3.1"
|
||||||
|
|||||||
@@ -0,0 +1,90 @@
|
|||||||
|
/** OSS 单文件上限(与后端 OSS_MAX_UPLOAD_BYTES 默认一致) */
|
||||||
|
export const DEFAULT_OSS_MAX_UPLOAD_BYTES = 10 * 1024 * 1024;
|
||||||
|
|
||||||
|
function isCompressibleImage(file: File): boolean {
|
||||||
|
if (!file.type.startsWith('image/')) return false;
|
||||||
|
if (file.type === 'image/svg+xml' || file.type === 'image/gif') return false;
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
function loadImage(file: File): Promise<HTMLImageElement> {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
const url = URL.createObjectURL(file);
|
||||||
|
const img = new Image();
|
||||||
|
img.onload = () => {
|
||||||
|
URL.revokeObjectURL(url);
|
||||||
|
resolve(img);
|
||||||
|
};
|
||||||
|
img.onerror = () => {
|
||||||
|
URL.revokeObjectURL(url);
|
||||||
|
reject(new Error('图片读取失败'));
|
||||||
|
};
|
||||||
|
img.src = url;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function canvasToBlob(canvas: HTMLCanvasElement, type: string, quality: number): Promise<Blob> {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
canvas.toBlob(
|
||||||
|
(blob) => (blob ? resolve(blob) : reject(new Error('图片压缩失败'))),
|
||||||
|
type,
|
||||||
|
quality,
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
async function renderScaled(
|
||||||
|
img: HTMLImageElement,
|
||||||
|
maxEdge: number,
|
||||||
|
quality: number,
|
||||||
|
mime: string,
|
||||||
|
): Promise<Blob> {
|
||||||
|
const w = img.naturalWidth;
|
||||||
|
const h = img.naturalHeight;
|
||||||
|
const scale = Math.min(1, maxEdge / Math.max(w, h));
|
||||||
|
const cw = Math.max(1, Math.round(w * scale));
|
||||||
|
const ch = Math.max(1, Math.round(h * scale));
|
||||||
|
const canvas = document.createElement('canvas');
|
||||||
|
canvas.width = cw;
|
||||||
|
canvas.height = ch;
|
||||||
|
const ctx = canvas.getContext('2d');
|
||||||
|
if (!ctx) throw new Error('图片压缩失败');
|
||||||
|
ctx.drawImage(img, 0, 0, cw, ch);
|
||||||
|
return canvasToBlob(canvas, mime, quality);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 超过 maxBytes 的图片用 canvas 压缩后再上传;不可压缩或非图片原样返回。
|
||||||
|
*/
|
||||||
|
export async function compressImageFileIfNeeded(
|
||||||
|
file: File,
|
||||||
|
maxBytes = DEFAULT_OSS_MAX_UPLOAD_BYTES,
|
||||||
|
): Promise<File> {
|
||||||
|
if (!isCompressibleImage(file) || file.size <= maxBytes) return file;
|
||||||
|
|
||||||
|
const img = await loadImage(file);
|
||||||
|
const mime = file.type === 'image/png' || file.type === 'image/webp' ? 'image/jpeg' : file.type || 'image/jpeg';
|
||||||
|
const edges = [4096, 3072, 2048, 1536, 1280, 1024, 800];
|
||||||
|
let best: Blob | null = null;
|
||||||
|
|
||||||
|
outer: for (const edge of edges) {
|
||||||
|
for (let quality = 0.92; quality >= 0.5; quality -= 0.08) {
|
||||||
|
const blob = await renderScaled(img, edge, quality, mime);
|
||||||
|
if (!best || blob.size < best.size) best = blob;
|
||||||
|
if (blob.size <= maxBytes) {
|
||||||
|
best = blob;
|
||||||
|
break outer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!best || best.size >= file.size) return file;
|
||||||
|
|
||||||
|
const ext = mime === 'image/png' ? '.png' : '.jpg';
|
||||||
|
const baseName = file.name.replace(/\.[^.]+$/, '') || 'image';
|
||||||
|
return new File([best], `${baseName}${ext}`, { type: mime, lastModified: Date.now() });
|
||||||
|
}
|
||||||
|
|
||||||
|
export function formatOssMaxSizeMb(maxBytes = DEFAULT_OSS_MAX_UPLOAD_BYTES): number {
|
||||||
|
return Math.floor(maxBytes / 1024 / 1024);
|
||||||
|
}
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
export { isWechatBrowser, isMiniProgram, getRuntimePlatform } from './env';
|
export { isWechatBrowser, isMiniProgram, getRuntimePlatform, isIosDevice, isWechatDevTools } from './env';
|
||||||
export { getRouterBasename, toAppPath, isOnAppPath } from './app-path';
|
export { getRouterBasename, toAppPath, isOnAppPath } from './app-path';
|
||||||
export {
|
export {
|
||||||
initWechatJssdk,
|
initWechatJssdk,
|
||||||
@@ -10,7 +10,7 @@ export {
|
|||||||
resetJssdkConfig,
|
resetJssdkConfig,
|
||||||
stripOAuthParamsFromLocation,
|
stripOAuthParamsFromLocation,
|
||||||
} from './jssdk';
|
} from './jssdk';
|
||||||
export { formatScanFailMessage } from './scan';
|
export { formatScanFailMessage, isScanPermissionWarmupError } from './scan';
|
||||||
export {
|
export {
|
||||||
getWechatLocation,
|
getWechatLocation,
|
||||||
getWechatLocationDetailed,
|
getWechatLocationDetailed,
|
||||||
|
|||||||
@@ -38,7 +38,7 @@ export function formatScanFailMessage(errMsg: string): string {
|
|||||||
return msg;
|
return msg;
|
||||||
}
|
}
|
||||||
|
|
||||||
function isScanPermissionWarmupError(msg: string): boolean {
|
export function isScanPermissionWarmupError(msg: string): boolean {
|
||||||
return /offline verifying|permission value is offline|权限验证中|接口未就绪|invalid signature|config:fail|signature/i.test(
|
return /offline verifying|permission value is offline|权限验证中|接口未就绪|invalid signature|config:fail|signature/i.test(
|
||||||
msg,
|
msg,
|
||||||
);
|
);
|
||||||
@@ -134,15 +134,13 @@ export async function scanQrCode(
|
|||||||
throw new Error('当前微信版本不支持扫码,请升级微信后重试');
|
throw new Error('当前微信版本不支持扫码,请升级微信后重试');
|
||||||
}
|
}
|
||||||
|
|
||||||
// wx.ready ≠ 权限离线校验完成;授权回跳后更明显
|
const ios = isIosDevice() && !isWechatDevTools();
|
||||||
const warmupMs = options.postAuthWarmup
|
|
||||||
? 1200
|
// wx.ready ≠ 权限离线校验完成;OAuth 回跳后 iOS 更明显
|
||||||
: isIosDevice() && !isWechatDevTools()
|
const warmupMs = options.postAuthWarmup ? (ios ? 1600 : 1000) : ios ? 800 : 300;
|
||||||
? 800
|
|
||||||
: 300;
|
|
||||||
await delay(warmupMs);
|
await delay(warmupMs);
|
||||||
|
|
||||||
const maxAttempts = options.postAuthWarmup ? 3 : 2;
|
const maxAttempts = options.postAuthWarmup ? (ios ? 4 : 3) : 2;
|
||||||
let lastError: Error | null = null;
|
let lastError: Error | null = null;
|
||||||
for (let attempt = 0; attempt < maxAttempts; attempt++) {
|
for (let attempt = 0; attempt < maxAttempts; attempt++) {
|
||||||
if (attempt > 0) {
|
if (attempt > 0) {
|
||||||
@@ -151,7 +149,8 @@ export async function scanQrCode(
|
|||||||
await initWechatJssdk({ ...jssdkOptions, url: getJssdkSignUrl() });
|
await initWechatJssdk({ ...jssdkOptions, url: getJssdkSignUrl() });
|
||||||
await checkJsApi('scanQRCode');
|
await checkJsApi('scanQRCode');
|
||||||
}
|
}
|
||||||
await delay(700 + attempt * 500);
|
const retryDelay = options.postAuthWarmup && ios ? 900 + attempt * 700 : 700 + attempt * 500;
|
||||||
|
await delay(retryDelay);
|
||||||
}
|
}
|
||||||
try {
|
try {
|
||||||
return await invokeScanQrCode();
|
return await invokeScanQrCode();
|
||||||
|
|||||||
Generated
+3
@@ -29,6 +29,9 @@ importers:
|
|||||||
'@dukang/shared-types':
|
'@dukang/shared-types':
|
||||||
specifier: workspace:*
|
specifier: workspace:*
|
||||||
version: link:../../packages/shared-types
|
version: link:../../packages/shared-types
|
||||||
|
'@dukang/shared-ui':
|
||||||
|
specifier: workspace:*
|
||||||
|
version: link:../../packages/shared-ui
|
||||||
antd:
|
antd:
|
||||||
specifier: ^5.22.0
|
specifier: ^5.22.0
|
||||||
version: 5.29.3(luxon@3.7.2)(moment@2.30.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
|
version: 5.29.3(luxon@3.7.2)(moment@2.30.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
|
||||||
|
|||||||
@@ -107,6 +107,14 @@ enum SupportTicketStatus {
|
|||||||
DEVELOPING
|
DEVELOPING
|
||||||
TESTING
|
TESTING
|
||||||
PASSED
|
PASSED
|
||||||
|
PUBLISHED
|
||||||
|
}
|
||||||
|
|
||||||
|
enum SupportTicketPriority {
|
||||||
|
LOW
|
||||||
|
NORMAL
|
||||||
|
HIGH
|
||||||
|
URGENT
|
||||||
}
|
}
|
||||||
|
|
||||||
enum DevPlanTaskType {
|
enum DevPlanTaskType {
|
||||||
@@ -174,6 +182,13 @@ enum PromoCodeScene {
|
|||||||
OTHER
|
OTHER
|
||||||
}
|
}
|
||||||
|
|
||||||
|
enum PromoMetricEventType {
|
||||||
|
SCAN
|
||||||
|
ATTRIBUTION
|
||||||
|
REGISTER
|
||||||
|
ORDER
|
||||||
|
}
|
||||||
|
|
||||||
enum CityStatus {
|
enum CityStatus {
|
||||||
PENDING
|
PENDING
|
||||||
ACTIVE
|
ACTIVE
|
||||||
@@ -646,6 +661,7 @@ model CommonSupportTicket {
|
|||||||
ticketNo String @unique @map("ticket_no") @db.VarChar(32)
|
ticketNo String @unique @map("ticket_no") @db.VarChar(32)
|
||||||
ticketType SupportTicketType @map("ticket_type")
|
ticketType SupportTicketType @map("ticket_type")
|
||||||
status SupportTicketStatus @default(PENDING_REVIEW)
|
status SupportTicketStatus @default(PENDING_REVIEW)
|
||||||
|
priority SupportTicketPriority @default(NORMAL) @map("priority")
|
||||||
title String @db.VarChar(128)
|
title String @db.VarChar(128)
|
||||||
content String? @db.Text
|
content String? @db.Text
|
||||||
rejectReason String? @map("reject_reason") @db.VarChar(512)
|
rejectReason String? @map("reject_reason") @db.VarChar(512)
|
||||||
@@ -655,6 +671,9 @@ model CommonSupportTicket {
|
|||||||
reviewerName String? @map("reviewer_name") @db.VarChar(64)
|
reviewerName String? @map("reviewer_name") @db.VarChar(64)
|
||||||
reviewedAt DateTime? @map("reviewed_at") @db.DateTime(3)
|
reviewedAt DateTime? @map("reviewed_at") @db.DateTime(3)
|
||||||
remark String? @db.VarChar(512)
|
remark String? @db.VarChar(512)
|
||||||
|
attachmentUrls Json? @map("attachment_urls")
|
||||||
|
releasedVersionNo String? @map("released_version_no") @db.VarChar(32)
|
||||||
|
publishedAt DateTime? @map("published_at") @db.DateTime(3)
|
||||||
createdAt DateTime @default(now()) @map("created_at") @db.DateTime(3)
|
createdAt DateTime @default(now()) @map("created_at") @db.DateTime(3)
|
||||||
updatedAt DateTime @updatedAt @map("updated_at") @db.DateTime(3)
|
updatedAt DateTime @updatedAt @map("updated_at") @db.DateTime(3)
|
||||||
completedAt DateTime? @map("completed_at") @db.DateTime(3)
|
completedAt DateTime? @map("completed_at") @db.DateTime(3)
|
||||||
@@ -662,6 +681,7 @@ model CommonSupportTicket {
|
|||||||
@@index([status, createdAt])
|
@@index([status, createdAt])
|
||||||
@@index([ticketType, status])
|
@@index([ticketType, status])
|
||||||
@@index([creatorId])
|
@@index([creatorId])
|
||||||
|
@@index([releasedVersionNo])
|
||||||
@@map("common_support_ticket")
|
@@map("common_support_ticket")
|
||||||
|
|
||||||
devPlanTasks DevPlanTask[]
|
devPlanTasks DevPlanTask[]
|
||||||
@@ -847,6 +867,7 @@ model CommonPromoCode {
|
|||||||
qrcodeResource CommonResource? @relation("PromoQrcode", fields: [qrcodeResourceId], references: [id], onDelete: SetNull)
|
qrcodeResource CommonResource? @relation("PromoQrcode", fields: [qrcodeResourceId], references: [id], onDelete: SetNull)
|
||||||
attributions UserPromoAttribution[]
|
attributions UserPromoAttribution[]
|
||||||
orders Order[]
|
orders Order[]
|
||||||
|
metricEvents LogPromoEvent[]
|
||||||
|
|
||||||
@@index([ownerUserId])
|
@@index([ownerUserId])
|
||||||
@@index([scene, status])
|
@@index([scene, status])
|
||||||
@@ -1278,6 +1299,7 @@ model StorePackage {
|
|||||||
dishes String @db.Text
|
dishes String @db.Text
|
||||||
usableTime String? @map("usable_time") @db.VarChar(256)
|
usableTime String? @map("usable_time") @db.VarChar(256)
|
||||||
otherNotes String? @map("other_notes") @db.VarChar(512)
|
otherNotes String? @map("other_notes") @db.VarChar(512)
|
||||||
|
imageUrl String? @map("image_url") @db.VarChar(512)
|
||||||
sortOrder Int @default(0) @map("sort_order")
|
sortOrder Int @default(0) @map("sort_order")
|
||||||
createdAt DateTime @default(now()) @map("created_at") @db.DateTime(3)
|
createdAt DateTime @default(now()) @map("created_at") @db.DateTime(3)
|
||||||
updatedAt DateTime @updatedAt @map("updated_at") @db.DateTime(3)
|
updatedAt DateTime @updatedAt @map("updated_at") @db.DateTime(3)
|
||||||
@@ -1749,6 +1771,25 @@ model LogThirdParty {
|
|||||||
@@map("log_third_party")
|
@@map("log_third_party")
|
||||||
}
|
}
|
||||||
|
|
||||||
|
model LogPromoEvent {
|
||||||
|
id BigInt @id @default(autoincrement()) @db.UnsignedBigInt
|
||||||
|
promoCodeId BigInt @map("promo_code_id") @db.UnsignedBigInt
|
||||||
|
eventType PromoMetricEventType @map("event_type")
|
||||||
|
userId BigInt? @map("user_id") @db.UnsignedBigInt
|
||||||
|
orderId BigInt? @map("order_id") @db.UnsignedBigInt
|
||||||
|
sessionId String? @map("session_id") @db.VarChar(64)
|
||||||
|
clientIp String? @map("client_ip") @db.VarChar(45)
|
||||||
|
ipProvince String? @map("ip_province") @db.VarChar(32)
|
||||||
|
ipCity String? @map("ip_city") @db.VarChar(32)
|
||||||
|
createdAt DateTime @default(now()) @map("created_at") @db.DateTime(3)
|
||||||
|
|
||||||
|
promoCode CommonPromoCode @relation(fields: [promoCodeId], references: [id], onDelete: Cascade)
|
||||||
|
|
||||||
|
@@index([promoCodeId, eventType, createdAt])
|
||||||
|
@@index([createdAt])
|
||||||
|
@@map("log_promo_event")
|
||||||
|
}
|
||||||
|
|
||||||
model LogUserAnalytics {
|
model LogUserAnalytics {
|
||||||
id BigInt @id @default(autoincrement()) @db.UnsignedBigInt
|
id BigInt @id @default(autoincrement()) @db.UnsignedBigInt
|
||||||
userId BigInt? @map("user_id") @db.UnsignedBigInt
|
userId BigInt? @map("user_id") @db.UnsignedBigInt
|
||||||
|
|||||||
@@ -6,9 +6,12 @@ import { WechatPayCallbackController } from './wechat-pay.controller';
|
|||||||
import { WechatRefundCallbackController } from './wechat-refund.controller';
|
import { WechatRefundCallbackController } from './wechat-refund.controller';
|
||||||
import { WechatMessageCallbackController } from './wechat-message.controller';
|
import { WechatMessageCallbackController } from './wechat-message.controller';
|
||||||
import { DeliveryCallbackController } from './delivery-track.controller';
|
import { DeliveryCallbackController } from './delivery-track.controller';
|
||||||
|
import { DeliveryCallbackService } from './delivery-callback.service';
|
||||||
|
import { CourierModule } from '../integrations/courier/courier.module';
|
||||||
|
|
||||||
@Module({
|
@Module({
|
||||||
imports: [IntegrationsModule, TradeModule, PrismaModule],
|
imports: [IntegrationsModule, TradeModule, PrismaModule, CourierModule],
|
||||||
|
providers: [DeliveryCallbackService],
|
||||||
controllers: [
|
controllers: [
|
||||||
WechatPayCallbackController,
|
WechatPayCallbackController,
|
||||||
WechatRefundCallbackController,
|
WechatRefundCallbackController,
|
||||||
|
|||||||
@@ -0,0 +1,104 @@
|
|||||||
|
import { Injectable } from '@nestjs/common';
|
||||||
|
import { PrismaService } from '../common/prisma/prisma.module';
|
||||||
|
import { CourierService } from '../integrations/courier/courier.service';
|
||||||
|
import { XiaofeixiaProvider } from '../integrations/courier/xiaofeixia/xiaofeixia.provider';
|
||||||
|
import { logCourierCall } from '../integrations/courier/courier-log.util';
|
||||||
|
import { TradeService } from '../modules/trade/trade.service';
|
||||||
|
|
||||||
|
const XFX_PROVIDER_ALIASES = new Set(['xfx', 'xiaofeixia']);
|
||||||
|
|
||||||
|
@Injectable()
|
||||||
|
export class DeliveryCallbackService {
|
||||||
|
constructor(
|
||||||
|
private readonly prisma: PrismaService,
|
||||||
|
private readonly courier: CourierService,
|
||||||
|
private readonly xiaofeixiaProvider: XiaofeixiaProvider,
|
||||||
|
private readonly tradeService: TradeService,
|
||||||
|
) {}
|
||||||
|
|
||||||
|
async handleTrackCallback(providerKey: string, body: unknown, requestUrl: string) {
|
||||||
|
const normalized = providerKey.trim().toLowerCase();
|
||||||
|
const baseLog = {
|
||||||
|
scene: 'TRACK_CALLBACK',
|
||||||
|
requestUrl,
|
||||||
|
requestBody: (body && typeof body === 'object' ? body : { value: body }) as Record<
|
||||||
|
string,
|
||||||
|
unknown
|
||||||
|
>,
|
||||||
|
};
|
||||||
|
|
||||||
|
if (!XFX_PROVIDER_ALIASES.has(normalized) && normalized !== 'logistics') {
|
||||||
|
await logCourierCall(this.prisma, {
|
||||||
|
...baseLog,
|
||||||
|
status: 'FAILED',
|
||||||
|
errorMessage: `不支持的承运商: ${providerKey}`,
|
||||||
|
});
|
||||||
|
return this.courier.buildTrackCallbackResponse(false);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (normalized === 'logistics') {
|
||||||
|
await logCourierCall(this.prisma, {
|
||||||
|
...baseLog,
|
||||||
|
status: 'SUCCESS',
|
||||||
|
errorMessage: '跨城物流回调暂未接入,已记录',
|
||||||
|
});
|
||||||
|
return this.courier.buildTrackCallbackResponse(true);
|
||||||
|
}
|
||||||
|
|
||||||
|
const payload = this.xiaofeixiaProvider.parseTrackCallback(body);
|
||||||
|
if (!payload) {
|
||||||
|
await logCourierCall(this.prisma, {
|
||||||
|
...baseLog,
|
||||||
|
status: 'FAILED',
|
||||||
|
errorMessage: '回调体解析失败',
|
||||||
|
});
|
||||||
|
return this.courier.buildTrackCallbackResponse(false);
|
||||||
|
}
|
||||||
|
|
||||||
|
const order = payload.outNumber
|
||||||
|
? await this.prisma.order.findUnique({ where: { orderNo: payload.outNumber } })
|
||||||
|
: payload.trackingNumber
|
||||||
|
? await this.prisma.order.findFirst({
|
||||||
|
where: { delivery: { trackingNo: payload.trackingNumber } },
|
||||||
|
})
|
||||||
|
: null;
|
||||||
|
|
||||||
|
if (!order) {
|
||||||
|
await logCourierCall(this.prisma, {
|
||||||
|
...baseLog,
|
||||||
|
status: 'FAILED',
|
||||||
|
errorMessage: '订单不存在',
|
||||||
|
externalNo: payload.outNumber || payload.trackingNumber,
|
||||||
|
});
|
||||||
|
return this.courier.buildTrackCallbackResponse(false);
|
||||||
|
}
|
||||||
|
|
||||||
|
const targetStatus = this.xiaofeixiaProvider.mapTrackStatus(
|
||||||
|
payload.status,
|
||||||
|
payload.statusName,
|
||||||
|
);
|
||||||
|
let applied = false;
|
||||||
|
if (targetStatus && targetStatus !== order.status) {
|
||||||
|
await this.tradeService.applyStatusTransition(
|
||||||
|
order.id,
|
||||||
|
order.status,
|
||||||
|
targetStatus,
|
||||||
|
'COURIER_TRACK_CALLBACK',
|
||||||
|
payload.trackInfo || payload.statusName,
|
||||||
|
);
|
||||||
|
applied = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
const response = this.courier.buildTrackCallbackResponse(true);
|
||||||
|
await logCourierCall(this.prisma, {
|
||||||
|
...baseLog,
|
||||||
|
responseBody: response,
|
||||||
|
status: 'SUCCESS',
|
||||||
|
externalNo: order.orderNo,
|
||||||
|
ref: { refType: 'ORDER', refId: order.id },
|
||||||
|
errorMessage: applied ? undefined : '状态未变更',
|
||||||
|
});
|
||||||
|
|
||||||
|
return response;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -1,71 +1,27 @@
|
|||||||
import { Body, Controller, Post } from '@nestjs/common';
|
import { Body, Controller, Param, Post } from '@nestjs/common';
|
||||||
import { TradeService } from '../modules/trade/trade.service';
|
import { DeliveryCallbackService } from './delivery-callback.service';
|
||||||
import { CourierService } from '../integrations/courier/courier.service';
|
|
||||||
import { PrismaService } from '../common/prisma/prisma.module';
|
|
||||||
import { logCourierCall } from '../integrations/courier/courier-log.util';
|
|
||||||
|
|
||||||
@Controller('callbacks/delivery')
|
@Controller('callbacks')
|
||||||
export class DeliveryCallbackController {
|
export class DeliveryCallbackController {
|
||||||
constructor(
|
constructor(private readonly deliveryCallbackService: DeliveryCallbackService) {}
|
||||||
private readonly tradeService: TradeService,
|
|
||||||
private readonly courier: CourierService,
|
|
||||||
private readonly prisma: PrismaService,
|
|
||||||
) {}
|
|
||||||
|
|
||||||
@Post('track')
|
/** 小飞侠/物流路由变化回调(适配器入口) */
|
||||||
async track(@Body() body: { orderNo?: string; orderId?: string; status?: string }) {
|
@Post('courier/:provider/track')
|
||||||
const baseLog = {
|
trackByProvider(@Param('provider') provider: string, @Body() body: unknown) {
|
||||||
scene: 'TRACK_CALLBACK',
|
return this.deliveryCallbackService.handleTrackCallback(
|
||||||
requestUrl: '/api/v1/callbacks/delivery/track',
|
provider,
|
||||||
requestBody: body as Record<string, unknown>,
|
body,
|
||||||
};
|
`/api/v1/callbacks/courier/${provider}/track`,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
if (!body.orderId && !body.orderNo) {
|
/** 兼容旧路径,默认按小飞侠解析 */
|
||||||
await logCourierCall(this.prisma, {
|
@Post('delivery/track')
|
||||||
...baseLog,
|
trackLegacy(@Body() body: unknown) {
|
||||||
status: 'FAILED',
|
return this.deliveryCallbackService.handleTrackCallback(
|
||||||
errorMessage: '缺少 orderId / orderNo',
|
'xfx',
|
||||||
});
|
body,
|
||||||
return this.courier.buildTrackCallbackResponse(false);
|
'/api/v1/callbacks/delivery/track',
|
||||||
}
|
);
|
||||||
|
|
||||||
const order = body.orderId
|
|
||||||
? await this.prisma.order.findUnique({ where: { id: BigInt(body.orderId) } })
|
|
||||||
: await this.prisma.order.findUnique({ where: { orderNo: body.orderNo! } });
|
|
||||||
|
|
||||||
if (!order) {
|
|
||||||
await logCourierCall(this.prisma, {
|
|
||||||
...baseLog,
|
|
||||||
status: 'FAILED',
|
|
||||||
errorMessage: '订单不存在',
|
|
||||||
externalNo: body.orderNo,
|
|
||||||
});
|
|
||||||
return this.courier.buildTrackCallbackResponse(false);
|
|
||||||
}
|
|
||||||
|
|
||||||
const statusMap: Record<string, string> = {
|
|
||||||
SHIPPED: 'SHIPPING',
|
|
||||||
OUT_WAREHOUSE: 'OUT_WAREHOUSE',
|
|
||||||
DELIVERED: 'COMPLETED',
|
|
||||||
COMPLETED: 'COMPLETED',
|
|
||||||
};
|
|
||||||
const target = statusMap[body.status ?? ''] ?? body.status;
|
|
||||||
let applied = false;
|
|
||||||
if (target && target !== order.status) {
|
|
||||||
await this.tradeService.applyStatusTransition(order.id, order.status, target, 'DELIVERY_CALLBACK');
|
|
||||||
applied = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
const response = this.courier.buildTrackCallbackResponse(true);
|
|
||||||
await logCourierCall(this.prisma, {
|
|
||||||
...baseLog,
|
|
||||||
responseBody: response,
|
|
||||||
status: 'SUCCESS',
|
|
||||||
externalNo: order.orderNo,
|
|
||||||
ref: { refType: 'ORDER', refId: order.id },
|
|
||||||
errorMessage: applied ? undefined : '状态未变更',
|
|
||||||
});
|
|
||||||
|
|
||||||
return response;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -96,6 +96,7 @@ export const HqOperationAction = {
|
|||||||
KNOWLEDGE_BASE_UPDATE: 'KNOWLEDGE_BASE_UPDATE',
|
KNOWLEDGE_BASE_UPDATE: 'KNOWLEDGE_BASE_UPDATE',
|
||||||
KNOWLEDGE_BASE_DELETE: 'KNOWLEDGE_BASE_DELETE',
|
KNOWLEDGE_BASE_DELETE: 'KNOWLEDGE_BASE_DELETE',
|
||||||
KNOWLEDGE_DOC_CREATE: 'KNOWLEDGE_DOC_CREATE',
|
KNOWLEDGE_DOC_CREATE: 'KNOWLEDGE_DOC_CREATE',
|
||||||
|
KNOWLEDGE_DOC_UPDATE: 'KNOWLEDGE_DOC_UPDATE',
|
||||||
KNOWLEDGE_DOC_DELETE: 'KNOWLEDGE_DOC_DELETE',
|
KNOWLEDGE_DOC_DELETE: 'KNOWLEDGE_DOC_DELETE',
|
||||||
REDEEM_PENDING_COMPLETE: 'REDEEM_PENDING_COMPLETE',
|
REDEEM_PENDING_COMPLETE: 'REDEEM_PENDING_COMPLETE',
|
||||||
REDEEM_PENDING_REJECT: 'REDEEM_PENDING_REJECT',
|
REDEEM_PENDING_REJECT: 'REDEEM_PENDING_REJECT',
|
||||||
@@ -218,6 +219,7 @@ export const HQ_OPERATION_ACTION_LABELS: Record<string, string> = {
|
|||||||
[HqOperationAction.KNOWLEDGE_BASE_UPDATE]: '更新知识库',
|
[HqOperationAction.KNOWLEDGE_BASE_UPDATE]: '更新知识库',
|
||||||
[HqOperationAction.KNOWLEDGE_BASE_DELETE]: '删除知识库',
|
[HqOperationAction.KNOWLEDGE_BASE_DELETE]: '删除知识库',
|
||||||
[HqOperationAction.KNOWLEDGE_DOC_CREATE]: '上传知识库文档',
|
[HqOperationAction.KNOWLEDGE_DOC_CREATE]: '上传知识库文档',
|
||||||
|
[HqOperationAction.KNOWLEDGE_DOC_UPDATE]: '编辑知识库文档',
|
||||||
[HqOperationAction.KNOWLEDGE_DOC_DELETE]: '删除知识库文档',
|
[HqOperationAction.KNOWLEDGE_DOC_DELETE]: '删除知识库文档',
|
||||||
[HqOperationAction.REDEEM_PENDING_COMPLETE]: '弱网待处理单-补核销',
|
[HqOperationAction.REDEEM_PENDING_COMPLETE]: '弱网待处理单-补核销',
|
||||||
[HqOperationAction.REDEEM_PENDING_REJECT]: '弱网待处理单-驳回',
|
[HqOperationAction.REDEEM_PENDING_REJECT]: '弱网待处理单-驳回',
|
||||||
|
|||||||
@@ -116,6 +116,15 @@ export const SYSTEM_CONFIG_FIELDS: SystemConfigFieldMeta[] = [
|
|||||||
requiresRestart: false,
|
requiresRestart: false,
|
||||||
description: '小程序商品首页底部 footer,建议比例 15:4;上传后需点击右上角「保存」',
|
description: '小程序商品首页底部 footer,建议比例 15:4;上传后需点击右上角「保存」',
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
key: 'MINI_USER_MIN_VERSION',
|
||||||
|
label: '小程序最低版本',
|
||||||
|
group: G.wechat_mini,
|
||||||
|
type: 'string',
|
||||||
|
requiresRestart: false,
|
||||||
|
placeholder: '3.4.13',
|
||||||
|
description: 'semver 格式;客户端低于此版本时提示更新',
|
||||||
|
},
|
||||||
|
|
||||||
{ key: 'OSS_ACCESS_KEY_ID', label: 'OSS AccessKey ID', group: G.oss, type: 'password', secret: true, requiresRestart: true },
|
{ key: 'OSS_ACCESS_KEY_ID', label: 'OSS AccessKey ID', group: G.oss, type: 'password', secret: true, requiresRestart: true },
|
||||||
{ key: 'OSS_ACCESS_KEY_SECRET', label: 'OSS AccessKey Secret', group: G.oss, type: 'password', secret: true, requiresRestart: true },
|
{ key: 'OSS_ACCESS_KEY_SECRET', label: 'OSS AccessKey Secret', group: G.oss, type: 'password', secret: true, requiresRestart: true },
|
||||||
|
|||||||
@@ -9,6 +9,7 @@ const CMD_SCENE: Record<string, string> = {
|
|||||||
[XIAOFEIXIA_CMD.ESTIMATE_FREIGHT]: 'ESTIMATE_FREIGHT',
|
[XIAOFEIXIA_CMD.ESTIMATE_FREIGHT]: 'ESTIMATE_FREIGHT',
|
||||||
[XIAOFEIXIA_CMD.BATCH_GET_ORDER]: 'BATCH_GET_SHIPMENT',
|
[XIAOFEIXIA_CMD.BATCH_GET_ORDER]: 'BATCH_GET_SHIPMENT',
|
||||||
[XIAOFEIXIA_CMD.DELIVERY_COVERAGE]: 'CHECK_COVERAGE',
|
[XIAOFEIXIA_CMD.DELIVERY_COVERAGE]: 'CHECK_COVERAGE',
|
||||||
|
[XIAOFEIXIA_CMD.SIGN_PHOTOS]: 'GET_SIGN_PHOTOS',
|
||||||
};
|
};
|
||||||
|
|
||||||
export type CourierLogRef = {
|
export type CourierLogRef = {
|
||||||
|
|||||||
@@ -29,6 +29,6 @@ import type { ICourierProvider } from './courier.types';
|
|||||||
},
|
},
|
||||||
CourierService,
|
CourierService,
|
||||||
],
|
],
|
||||||
exports: [CourierService, CourierConfigService, COURIER_PROVIDER],
|
exports: [CourierService, CourierConfigService, COURIER_PROVIDER, XiaofeixiaProvider],
|
||||||
})
|
})
|
||||||
export class CourierModule {}
|
export class CourierModule {}
|
||||||
|
|||||||
@@ -12,6 +12,8 @@ import type {
|
|||||||
ShipmentQuery,
|
ShipmentQuery,
|
||||||
TrackCallbackResponse,
|
TrackCallbackResponse,
|
||||||
TrackNode,
|
TrackNode,
|
||||||
|
TrackCallbackPayload,
|
||||||
|
CourierMappedOrderStatus,
|
||||||
} from './courier.types';
|
} from './courier.types';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -45,6 +47,10 @@ export class CourierService {
|
|||||||
return this.provider.getTrack(query, options);
|
return this.provider.getTrack(query, options);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
getSignPhotos(query: ShipmentQuery, options?: CourierCallOptions): Promise<string[]> {
|
||||||
|
return this.provider.getSignPhotos(query, options);
|
||||||
|
}
|
||||||
|
|
||||||
checkDeliveryCoverage(toAddress: string, options?: CourierCallOptions): Promise<DeliveryCoverageResult> {
|
checkDeliveryCoverage(toAddress: string, options?: CourierCallOptions): Promise<DeliveryCoverageResult> {
|
||||||
return this.provider.checkDeliveryCoverage(toAddress, options);
|
return this.provider.checkDeliveryCoverage(toAddress, options);
|
||||||
}
|
}
|
||||||
@@ -56,4 +62,12 @@ export class CourierService {
|
|||||||
buildTrackCallbackResponse(success?: boolean): TrackCallbackResponse {
|
buildTrackCallbackResponse(success?: boolean): TrackCallbackResponse {
|
||||||
return this.provider.buildTrackCallbackResponse(success);
|
return this.provider.buildTrackCallbackResponse(success);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
parseTrackCallback(body: unknown): TrackCallbackPayload | null {
|
||||||
|
return this.provider.parseTrackCallback(body);
|
||||||
|
}
|
||||||
|
|
||||||
|
mapTrackStatus(status: string, statusName?: string): CourierMappedOrderStatus | null {
|
||||||
|
return this.provider.mapTrackStatus(status, statusName);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -109,6 +109,13 @@ export interface TrackCallbackResponse {
|
|||||||
message: string;
|
message: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** 承运商路由回调映射后的订单履约状态 */
|
||||||
|
export type CourierMappedOrderStatus =
|
||||||
|
| 'OUT_WAREHOUSE'
|
||||||
|
| 'SHIPPING'
|
||||||
|
| 'PENDING_RECEIVE'
|
||||||
|
| 'COMPLETED';
|
||||||
|
|
||||||
export interface ICourierProvider {
|
export interface ICourierProvider {
|
||||||
readonly code: CourierProviderCode;
|
readonly code: CourierProviderCode;
|
||||||
|
|
||||||
@@ -117,7 +124,10 @@ export interface ICourierProvider {
|
|||||||
getShipment(query: ShipmentQuery, options?: CourierCallOptions): Promise<ShipmentDetail>;
|
getShipment(query: ShipmentQuery, options?: CourierCallOptions): Promise<ShipmentDetail>;
|
||||||
batchGetShipments(query: BatchShipmentQuery, options?: CourierCallOptions): Promise<ShipmentDetail[]>;
|
batchGetShipments(query: BatchShipmentQuery, options?: CourierCallOptions): Promise<ShipmentDetail[]>;
|
||||||
getTrack(query: ShipmentQuery, options?: CourierCallOptions): Promise<TrackNode[]>;
|
getTrack(query: ShipmentQuery, options?: CourierCallOptions): Promise<TrackNode[]>;
|
||||||
|
getSignPhotos(query: ShipmentQuery, options?: CourierCallOptions): Promise<string[]>;
|
||||||
checkDeliveryCoverage(toAddress: string, options?: CourierCallOptions): Promise<DeliveryCoverageResult>;
|
checkDeliveryCoverage(toAddress: string, options?: CourierCallOptions): Promise<DeliveryCoverageResult>;
|
||||||
estimateFreight(weight: number, options?: CourierCallOptions): Promise<FreightEstimateResult>;
|
estimateFreight(weight: number, options?: CourierCallOptions): Promise<FreightEstimateResult>;
|
||||||
|
parseTrackCallback(body: unknown): TrackCallbackPayload | null;
|
||||||
|
mapTrackStatus(status: string, statusName?: string): CourierMappedOrderStatus | null;
|
||||||
buildTrackCallbackResponse(success?: boolean): TrackCallbackResponse;
|
buildTrackCallbackResponse(success?: boolean): TrackCallbackResponse;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -6,6 +6,7 @@ export const XIAOFEIXIA_CMD = {
|
|||||||
GET_ORDER: '100104',
|
GET_ORDER: '100104',
|
||||||
ESTIMATE_FREIGHT: '100105',
|
ESTIMATE_FREIGHT: '100105',
|
||||||
BATCH_GET_ORDER: '100106',
|
BATCH_GET_ORDER: '100106',
|
||||||
|
SIGN_PHOTOS: '100108',
|
||||||
DELIVERY_COVERAGE: '100301',
|
DELIVERY_COVERAGE: '100301',
|
||||||
} as const;
|
} as const;
|
||||||
|
|
||||||
|
|||||||
@@ -12,7 +12,9 @@ import type {
|
|||||||
ShipmentDetail,
|
ShipmentDetail,
|
||||||
ShipmentQuery,
|
ShipmentQuery,
|
||||||
TrackCallbackResponse,
|
TrackCallbackResponse,
|
||||||
|
TrackCallbackPayload,
|
||||||
TrackNode,
|
TrackNode,
|
||||||
|
CourierMappedOrderStatus,
|
||||||
} from '../courier.types';
|
} from '../courier.types';
|
||||||
import { XiaofeixiaClient } from './xiaofeixia.client';
|
import { XiaofeixiaClient } from './xiaofeixia.client';
|
||||||
import { XIAOFEIXIA_CMD } from './xiaofeixia.constants';
|
import { XIAOFEIXIA_CMD } from './xiaofeixia.constants';
|
||||||
@@ -121,6 +123,59 @@ export class XiaofeixiaProvider implements ICourierProvider {
|
|||||||
return data ?? [];
|
return data ?? [];
|
||||||
}
|
}
|
||||||
|
|
||||||
|
async getSignPhotos(query: ShipmentQuery, options?: CourierCallOptions): Promise<string[]> {
|
||||||
|
this.assertShipmentQuery(query);
|
||||||
|
const data = await this.client.request<string[]>(
|
||||||
|
XIAOFEIXIA_CMD.SIGN_PHOTOS,
|
||||||
|
{
|
||||||
|
number: query.trackingNumber,
|
||||||
|
outNumber: query.outNumber,
|
||||||
|
},
|
||||||
|
options?.xiaofeixia,
|
||||||
|
);
|
||||||
|
return (data ?? []).filter((item) => typeof item === 'string' && item.trim().length > 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
parseTrackCallback(body: unknown): TrackCallbackPayload | null {
|
||||||
|
if (!body || typeof body !== 'object') return null;
|
||||||
|
const raw = body as Record<string, unknown>;
|
||||||
|
const outNumber = String(raw.outNumber ?? '').trim();
|
||||||
|
const trackingNumber = String(raw.number ?? raw.trackingNumber ?? '').trim();
|
||||||
|
const status = String(raw.status ?? '').trim();
|
||||||
|
const statusName = String(raw.statusName ?? '').trim();
|
||||||
|
const trackInfo = String(raw.trackInfo ?? '').trim();
|
||||||
|
const createTime = String(raw.createTime ?? '').trim();
|
||||||
|
if (!outNumber && !trackingNumber) return null;
|
||||||
|
if (!status && !trackInfo) return null;
|
||||||
|
return {
|
||||||
|
outNumber,
|
||||||
|
trackingNumber,
|
||||||
|
status,
|
||||||
|
statusName,
|
||||||
|
trackInfo,
|
||||||
|
createTime,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
mapTrackStatus(status: string, statusName?: string): CourierMappedOrderStatus | null {
|
||||||
|
const name = (statusName || '').trim();
|
||||||
|
if (status === '5' || /签收/.test(name)) {
|
||||||
|
return 'COMPLETED';
|
||||||
|
}
|
||||||
|
switch (String(status).trim()) {
|
||||||
|
case '1':
|
||||||
|
return 'OUT_WAREHOUSE';
|
||||||
|
case '2':
|
||||||
|
case '3':
|
||||||
|
case '4':
|
||||||
|
return 'SHIPPING';
|
||||||
|
case '7':
|
||||||
|
return null;
|
||||||
|
default:
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
async checkDeliveryCoverage(toAddress: string, options?: CourierCallOptions): Promise<DeliveryCoverageResult> {
|
async checkDeliveryCoverage(toAddress: string, options?: CourierCallOptions): Promise<DeliveryCoverageResult> {
|
||||||
const data = await this.client.request<XiaofeixiaDeliveryCoverageData>(
|
const data = await this.client.request<XiaofeixiaDeliveryCoverageData>(
|
||||||
XIAOFEIXIA_CMD.DELIVERY_COVERAGE,
|
XIAOFEIXIA_CMD.DELIVERY_COVERAGE,
|
||||||
|
|||||||
@@ -5,7 +5,7 @@ import { AlertService } from '../common/alert/alert.service';
|
|||||||
|
|
||||||
/**
|
/**
|
||||||
* 财务对账单定时任务(Asia/Shanghai)
|
* 财务对账单定时任务(Asia/Shanghai)
|
||||||
* - 每日 08:00:酒厂日账单 + 门店日账单(统计昨日 00:00~今日 00:00)
|
* - 每日 08:00:酒厂日账单(T+3:3 天前已完成订单)+ 门店日账单(昨日核销)
|
||||||
* - 每月 1 日 08:00:合伙人上一自然月账单 + 物流承运商上一自然月对账
|
* - 每月 1 日 08:00:合伙人上一自然月账单 + 物流承运商上一自然月对账
|
||||||
* - 工作日 18:05:门店提现 T+0 审完预警(FIN-003)
|
* - 工作日 18:05:门店提现 T+0 审完预警(FIN-003)
|
||||||
*/
|
*/
|
||||||
|
|||||||
@@ -1,6 +1,8 @@
|
|||||||
import { BadRequestException, Body, Controller, Post, UseGuards } from '@nestjs/common';
|
import { BadRequestException, Body, Controller, Post, Req, UseGuards } from '@nestjs/common';
|
||||||
|
import type { Request } from 'express';
|
||||||
import { AnalyticsService } from './analytics.service';
|
import { AnalyticsService } from './analytics.service';
|
||||||
import { PromoCodeService } from '../promo/promo-code.service';
|
import { PromoCodeService } from '../promo/promo-code.service';
|
||||||
|
import { extractClientIp } from '../../common/geo/client-ip.util';
|
||||||
import { JwtAuthGuard, AuthUser } from '../../common/guards/jwt-auth.guard';
|
import { JwtAuthGuard, AuthUser } from '../../common/guards/jwt-auth.guard';
|
||||||
import { OptionalJwtAuthGuard } from '../../common/guards/optional-jwt-auth.guard';
|
import { OptionalJwtAuthGuard } from '../../common/guards/optional-jwt-auth.guard';
|
||||||
import { CurrentUser } from '../../common/decorators/current-user.decorator';
|
import { CurrentUser } from '../../common/decorators/current-user.decorator';
|
||||||
@@ -66,8 +68,13 @@ export class PromoController {
|
|||||||
|
|
||||||
@Post('touch')
|
@Post('touch')
|
||||||
@UseGuards(OptionalJwtAuthGuard)
|
@UseGuards(OptionalJwtAuthGuard)
|
||||||
async touch(@CurrentUser() user: AuthUser | undefined, @Body() dto: PromoTouchDto) {
|
async touch(
|
||||||
|
@CurrentUser() user: AuthUser | undefined,
|
||||||
|
@Body() dto: PromoTouchDto,
|
||||||
|
@Req() req: Request,
|
||||||
|
) {
|
||||||
const userId = user?.actorType === ActorType.USER ? user.actorId : undefined;
|
const userId = user?.actorType === ActorType.USER ? user.actorId : undefined;
|
||||||
|
const clientIp = extractClientIp(req) ?? undefined;
|
||||||
const result = await this.promoCodeService.touch(
|
const result = await this.promoCodeService.touch(
|
||||||
{
|
{
|
||||||
promoCode: dto.promoCode,
|
promoCode: dto.promoCode,
|
||||||
@@ -76,6 +83,7 @@ export class PromoController {
|
|||||||
countScan: dto.countScan,
|
countScan: dto.countScan,
|
||||||
},
|
},
|
||||||
userId,
|
userId,
|
||||||
|
{ clientIp, sessionId: dto.sessionId },
|
||||||
);
|
);
|
||||||
|
|
||||||
void this.analyticsService.trackBatchOptional(
|
void this.analyticsService.trackBatchOptional(
|
||||||
|
|||||||
@@ -11,6 +11,7 @@ export class ClientConfigController {
|
|||||||
const cfg = this.systemConfig.getAppConfig();
|
const cfg = this.systemConfig.getAppConfig();
|
||||||
const env = this.systemConfig.getMergedEnv();
|
const env = this.systemConfig.getMergedEnv();
|
||||||
const footer = (env.MINI_HOME_FOOTER_URL ?? '').trim();
|
const footer = (env.MINI_HOME_FOOTER_URL ?? '').trim();
|
||||||
|
const minClientVersion = (env.MINI_USER_MIN_VERSION ?? '').trim() || null;
|
||||||
return {
|
return {
|
||||||
mockPay: cfg.mockPay,
|
mockPay: cfg.mockPay,
|
||||||
wechatPayEnabled: cfg.wechatPayEnabled,
|
wechatPayEnabled: cfg.wechatPayEnabled,
|
||||||
@@ -19,6 +20,7 @@ export class ClientConfigController {
|
|||||||
wxAuthorize: cfg.wxAuthorize,
|
wxAuthorize: cfg.wxAuthorize,
|
||||||
/** 可选暴露;选点已改为服务端 /common/lbs,前端可不依赖此字段 */
|
/** 可选暴露;选点已改为服务端 /common/lbs,前端可不依赖此字段 */
|
||||||
tencentLbsKey: cfg.tencentLbsKey || undefined,
|
tencentLbsKey: cfg.tencentLbsKey || undefined,
|
||||||
|
minClientVersion,
|
||||||
miniHome: {
|
miniHome: {
|
||||||
banners: parseMiniHomeBanners(env.MINI_HOME_BANNERS),
|
banners: parseMiniHomeBanners(env.MINI_HOME_BANNERS),
|
||||||
footerUrl: footer || null,
|
footerUrl: footer || null,
|
||||||
|
|||||||
@@ -5,6 +5,7 @@ import { AlertService } from '../../common/alert/alert.service';
|
|||||||
import type { AlertLevel } from '../../common/alert/alert.constants';
|
import type { AlertLevel } from '../../common/alert/alert.constants';
|
||||||
import type { AuthUser } from '../../common/guards/jwt-auth.guard';
|
import type { AuthUser } from '../../common/guards/jwt-auth.guard';
|
||||||
import type { ReportClientErrorDto } from './dto/client-error.dto';
|
import type { ReportClientErrorDto } from './dto/client-error.dto';
|
||||||
|
import { SupportTicketService } from './support-ticket.service';
|
||||||
|
|
||||||
const WECOM_LEVELS = new Set(['fatal', 'error']);
|
const WECOM_LEVELS = new Set(['fatal', 'error']);
|
||||||
|
|
||||||
@@ -15,6 +16,7 @@ export class ClientErrorService {
|
|||||||
constructor(
|
constructor(
|
||||||
private readonly prisma: PrismaService,
|
private readonly prisma: PrismaService,
|
||||||
private readonly alert: AlertService,
|
private readonly alert: AlertService,
|
||||||
|
private readonly supportTicket: SupportTicketService,
|
||||||
) {}
|
) {}
|
||||||
|
|
||||||
async report(dto: ReportClientErrorDto, user?: AuthUser, headerClientApp?: string) {
|
async report(dto: ReportClientErrorDto, user?: AuthUser, headerClientApp?: string) {
|
||||||
@@ -107,6 +109,25 @@ export class ClientErrorService {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (dto.category === 'validation_error') {
|
||||||
|
const apiPath =
|
||||||
|
dto.extra && typeof dto.extra.url === 'string' ? dto.extra.url.slice(0, 256) : undefined;
|
||||||
|
void this.supportTicket
|
||||||
|
.createFromClientValidation({
|
||||||
|
clientApp,
|
||||||
|
message,
|
||||||
|
pagePath,
|
||||||
|
apiPath,
|
||||||
|
actorLabel:
|
||||||
|
user?.actorId != null ? `${user.actorType}:${String(user.actorId)}` : undefined,
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
this.logger.warn(
|
||||||
|
`auto support ticket failed: ${e instanceof Error ? e.message : String(e)}`,
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
return { ok: true };
|
return { ok: true };
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -9,6 +9,7 @@ export const CLIENT_ERROR_CATEGORIES = [
|
|||||||
'js_error',
|
'js_error',
|
||||||
'unhandled_rejection',
|
'unhandled_rejection',
|
||||||
'api_error',
|
'api_error',
|
||||||
|
'validation_error',
|
||||||
'network',
|
'network',
|
||||||
'render',
|
'render',
|
||||||
'bridge',
|
'bridge',
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import { IsIn, IsNotEmpty, IsOptional, IsString, MaxLength } from 'class-validator';
|
import { ArrayMinSize, IsArray, IsBoolean, IsIn, IsNotEmpty, IsOptional, IsString, MaxLength, ValidateIf, ValidateNested } from 'class-validator';
|
||||||
import { Type } from 'class-transformer';
|
import { Type } from 'class-transformer';
|
||||||
import { IsInt, Min } from 'class-validator';
|
import { IsInt, Min } from 'class-validator';
|
||||||
|
|
||||||
@@ -11,6 +11,10 @@ export class SupportTicketListQueryDto {
|
|||||||
@IsIn(['PENDING_REVIEW', 'REJECTED', 'DEVELOPING', 'TESTING', 'PASSED'])
|
@IsIn(['PENDING_REVIEW', 'REJECTED', 'DEVELOPING', 'TESTING', 'PASSED'])
|
||||||
status?: string;
|
status?: string;
|
||||||
|
|
||||||
|
@IsOptional()
|
||||||
|
@IsIn(['LOW', 'NORMAL', 'HIGH', 'URGENT'])
|
||||||
|
priority?: string;
|
||||||
|
|
||||||
@IsOptional()
|
@IsOptional()
|
||||||
@Type(() => Number)
|
@Type(() => Number)
|
||||||
@IsInt()
|
@IsInt()
|
||||||
@@ -41,6 +45,92 @@ export class CreateSupportTicketDto {
|
|||||||
@IsString()
|
@IsString()
|
||||||
@MaxLength(512)
|
@MaxLength(512)
|
||||||
remark?: string;
|
remark?: string;
|
||||||
|
|
||||||
|
@IsOptional()
|
||||||
|
@IsArray()
|
||||||
|
@IsString({ each: true })
|
||||||
|
attachmentUrls?: string[];
|
||||||
|
|
||||||
|
@IsOptional()
|
||||||
|
@IsIn(['LOW', 'NORMAL', 'HIGH', 'URGENT'])
|
||||||
|
priority?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export class UpdateSupportTicketDto {
|
||||||
|
@IsOptional()
|
||||||
|
@IsIn(['BUG', 'SUGGESTION', 'OTHER'])
|
||||||
|
ticketType?: string;
|
||||||
|
|
||||||
|
@IsOptional()
|
||||||
|
@IsString()
|
||||||
|
@IsNotEmpty()
|
||||||
|
@MaxLength(128)
|
||||||
|
title?: string;
|
||||||
|
|
||||||
|
@IsOptional()
|
||||||
|
@IsString()
|
||||||
|
content?: string;
|
||||||
|
|
||||||
|
@IsOptional()
|
||||||
|
@IsString()
|
||||||
|
@MaxLength(512)
|
||||||
|
remark?: string;
|
||||||
|
|
||||||
|
@IsOptional()
|
||||||
|
@IsArray()
|
||||||
|
@IsString({ each: true })
|
||||||
|
attachmentUrls?: string[];
|
||||||
|
|
||||||
|
@IsOptional()
|
||||||
|
@IsIn(['LOW', 'NORMAL', 'HIGH', 'URGENT'])
|
||||||
|
priority?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export class BatchUpdateSupportTicketStatusDto {
|
||||||
|
@IsArray()
|
||||||
|
@ArrayMinSize(1)
|
||||||
|
@IsString({ each: true })
|
||||||
|
ticketIds!: string[];
|
||||||
|
|
||||||
|
@IsIn(['PENDING_REVIEW', 'REJECTED', 'DEVELOPING', 'TESTING', 'PASSED'])
|
||||||
|
status!: string;
|
||||||
|
|
||||||
|
@ValidateIf((o: BatchUpdateSupportTicketStatusDto) => o.status === 'REJECTED')
|
||||||
|
@IsString()
|
||||||
|
@IsNotEmpty()
|
||||||
|
@MaxLength(512)
|
||||||
|
rejectReason?: string;
|
||||||
|
|
||||||
|
@IsOptional()
|
||||||
|
@IsString()
|
||||||
|
@MaxLength(512)
|
||||||
|
note?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export class BatchCreateSupportTicketTasksDto {
|
||||||
|
@IsArray()
|
||||||
|
@ArrayMinSize(1)
|
||||||
|
@IsString({ each: true })
|
||||||
|
ticketIds!: string[];
|
||||||
|
}
|
||||||
|
|
||||||
|
export class BatchPublishSupportTicketsDto {
|
||||||
|
@IsArray()
|
||||||
|
@ArrayMinSize(1)
|
||||||
|
@IsString({ each: true })
|
||||||
|
ticketIds!: string[];
|
||||||
|
|
||||||
|
@IsString()
|
||||||
|
@IsNotEmpty()
|
||||||
|
versionId!: string;
|
||||||
|
|
||||||
|
@IsOptional()
|
||||||
|
@IsBoolean()
|
||||||
|
dispatchToWecom?: boolean;
|
||||||
|
|
||||||
|
@IsOptional()
|
||||||
|
@IsString()
|
||||||
|
dispatchSupplement?: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
export class RejectSupportTicketDto {
|
export class RejectSupportTicketDto {
|
||||||
|
|||||||
@@ -3,9 +3,11 @@ import {
|
|||||||
Injectable,
|
Injectable,
|
||||||
NotFoundException,
|
NotFoundException,
|
||||||
} from '@nestjs/common';
|
} from '@nestjs/common';
|
||||||
import type { SupportTicketStatus, SupportTicketType } from '@prisma/client';
|
import type { SupportTicketStatus, SupportTicketType, SupportTicketPriority } from '@prisma/client';
|
||||||
import { Prisma } from '@prisma/client';
|
import { Prisma } from '@prisma/client';
|
||||||
import type { CreateDevPlanTaskFromTicketInput } from '@dukang/shared-types';
|
import type { CreateDevPlanTaskFromTicketInput } from '@dukang/shared-types';
|
||||||
|
import { mapSupportTicketTypeToDevPlanTask } from '@dukang/shared-types';
|
||||||
|
import { validateSupportTicketStatusTransition } from '@dukang/domain';
|
||||||
import { PrismaService } from '../../common/prisma/prisma.module';
|
import { PrismaService } from '../../common/prisma/prisma.module';
|
||||||
import { serializeBigInt } from '../../common/decorators/current-user.decorator';
|
import { serializeBigInt } from '../../common/decorators/current-user.decorator';
|
||||||
import { AlertService } from '../../common/alert/alert.service';
|
import { AlertService } from '../../common/alert/alert.service';
|
||||||
@@ -16,14 +18,37 @@ import type {
|
|||||||
RejectSupportTicketDto,
|
RejectSupportTicketDto,
|
||||||
SupportTicketListQueryDto,
|
SupportTicketListQueryDto,
|
||||||
SupportTicketRemarkDto,
|
SupportTicketRemarkDto,
|
||||||
|
UpdateSupportTicketDto,
|
||||||
} from './dto/support-ticket.dto';
|
} from './dto/support-ticket.dto';
|
||||||
|
|
||||||
|
function normalizeAttachmentUrls(raw: unknown): string[] | null {
|
||||||
|
if (!Array.isArray(raw)) return null;
|
||||||
|
const urls = raw.map((u) => String(u || '').trim()).filter(Boolean);
|
||||||
|
return urls.length ? urls : null;
|
||||||
|
}
|
||||||
|
|
||||||
|
function mapSupportTicketRow<T extends { attachmentUrls?: unknown }>(ticket: T) {
|
||||||
|
return {
|
||||||
|
...ticket,
|
||||||
|
attachmentUrls: normalizeAttachmentUrls(ticket.attachmentUrls),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
function generateSupportTicketNo() {
|
function generateSupportTicketNo() {
|
||||||
return `ST${Date.now()}${Math.floor(Math.random() * 900 + 100)}`;
|
return `ST${Date.now()}${Math.floor(Math.random() * 900 + 100)}`;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const AUTO_VALIDATION_TICKET_APPS = new Set([
|
||||||
|
'USER_H5',
|
||||||
|
'USER_MINI',
|
||||||
|
'SHOP_H5',
|
||||||
|
'PARTNER_H5',
|
||||||
|
]);
|
||||||
|
|
||||||
@Injectable()
|
@Injectable()
|
||||||
export class SupportTicketService {
|
export class SupportTicketService {
|
||||||
|
private systemCreatorCache: { id: bigint; name: string } | null = null;
|
||||||
|
|
||||||
constructor(
|
constructor(
|
||||||
private readonly prisma: PrismaService,
|
private readonly prisma: PrismaService,
|
||||||
private readonly alert: AlertService,
|
private readonly alert: AlertService,
|
||||||
@@ -43,6 +68,10 @@ export class SupportTicketService {
|
|||||||
title: dto.title.trim(),
|
title: dto.title.trim(),
|
||||||
content: dto.content?.trim() || null,
|
content: dto.content?.trim() || null,
|
||||||
remark: dto.remark?.trim() || null,
|
remark: dto.remark?.trim() || null,
|
||||||
|
priority: (dto.priority as SupportTicketPriority | undefined) ?? 'NORMAL',
|
||||||
|
attachmentUrls: dto.attachmentUrls?.length
|
||||||
|
? (dto.attachmentUrls.map((u) => u.trim()).filter(Boolean) as unknown as Prisma.InputJsonValue)
|
||||||
|
: undefined,
|
||||||
creatorId: creator.id,
|
creatorId: creator.id,
|
||||||
creatorName: creator.name,
|
creatorName: creator.name,
|
||||||
},
|
},
|
||||||
@@ -73,7 +102,141 @@ export class SupportTicketService {
|
|||||||
].join('\n'),
|
].join('\n'),
|
||||||
)
|
)
|
||||||
.catch(() => {});
|
.catch(() => {});
|
||||||
return serializeBigInt(ticket);
|
return serializeBigInt(mapSupportTicketRow(ticket));
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 客户端 400 验证错误自动建单(1 小时内同标题去重) */
|
||||||
|
async createFromClientValidation(input: {
|
||||||
|
clientApp: string;
|
||||||
|
message: string;
|
||||||
|
pagePath?: string;
|
||||||
|
apiPath?: string;
|
||||||
|
actorLabel?: string;
|
||||||
|
}) {
|
||||||
|
if (!AUTO_VALIDATION_TICKET_APPS.has(input.clientApp)) {
|
||||||
|
return { skipped: true as const, reason: 'unsupported_app' as const };
|
||||||
|
}
|
||||||
|
|
||||||
|
const title = `[客户端验证] ${input.clientApp}${input.pagePath ? ` · ${input.pagePath}` : ''} · ${input.message.slice(0, 60)}`;
|
||||||
|
const oneHourAgo = new Date(Date.now() - 3600_000);
|
||||||
|
const existing = await this.prisma.commonSupportTicket.findFirst({
|
||||||
|
where: { title, createdAt: { gte: oneHourAgo } },
|
||||||
|
select: { id: true },
|
||||||
|
});
|
||||||
|
if (existing) {
|
||||||
|
return { skipped: true as const, ticketId: existing.id.toString() };
|
||||||
|
}
|
||||||
|
|
||||||
|
const creator = await this.resolveSystemCreator();
|
||||||
|
const content = [
|
||||||
|
`端:${input.clientApp}`,
|
||||||
|
input.pagePath ? `页面:${input.pagePath}` : null,
|
||||||
|
input.apiPath ? `接口:${input.apiPath}` : null,
|
||||||
|
input.actorLabel ? `用户:${input.actorLabel}` : null,
|
||||||
|
'',
|
||||||
|
input.message,
|
||||||
|
]
|
||||||
|
.filter(Boolean)
|
||||||
|
.join('\n');
|
||||||
|
|
||||||
|
const ticket = await this.create(
|
||||||
|
{
|
||||||
|
ticketType: 'BUG',
|
||||||
|
title,
|
||||||
|
content,
|
||||||
|
remark: '客户端验证错误自动上报',
|
||||||
|
},
|
||||||
|
creator,
|
||||||
|
);
|
||||||
|
return { skipped: false as const, ticketId: String(ticket.id) };
|
||||||
|
}
|
||||||
|
|
||||||
|
private async resolveSystemCreator() {
|
||||||
|
if (this.systemCreatorCache) return this.systemCreatorCache;
|
||||||
|
const account = await this.prisma.hqAccount.findFirst({
|
||||||
|
where: { adminRole: 'SUPER_ADMIN', status: 'ACTIVE' },
|
||||||
|
orderBy: { id: 'asc' },
|
||||||
|
select: { id: true },
|
||||||
|
});
|
||||||
|
if (!account) {
|
||||||
|
throw new BadRequestException('未找到系统管理员账号,无法自动创建工单');
|
||||||
|
}
|
||||||
|
this.systemCreatorCache = { id: account.id, name: '系统自动' };
|
||||||
|
return this.systemCreatorCache;
|
||||||
|
}
|
||||||
|
|
||||||
|
async update(id: bigint, dto: UpdateSupportTicketDto) {
|
||||||
|
const ticket = await this.getOrThrow(id);
|
||||||
|
if (ticket.status !== 'PENDING_REVIEW') {
|
||||||
|
throw new BadRequestException('仅待评审工单可编辑');
|
||||||
|
}
|
||||||
|
const data: Prisma.CommonSupportTicketUpdateInput = {};
|
||||||
|
if (dto.ticketType != null) data.ticketType = dto.ticketType as SupportTicketType;
|
||||||
|
if (dto.title != null) data.title = dto.title.trim();
|
||||||
|
if (dto.content !== undefined) data.content = dto.content?.trim() || null;
|
||||||
|
if (dto.remark !== undefined) data.remark = dto.remark?.trim() || null;
|
||||||
|
if (dto.attachmentUrls !== undefined) {
|
||||||
|
const urls = dto.attachmentUrls.map((u) => u.trim()).filter(Boolean);
|
||||||
|
data.attachmentUrls = urls.length ? (urls as unknown as Prisma.InputJsonValue) : Prisma.JsonNull;
|
||||||
|
}
|
||||||
|
if (dto.priority != null) data.priority = dto.priority as SupportTicketPriority;
|
||||||
|
const updated = await this.prisma.commonSupportTicket.update({ where: { id }, data });
|
||||||
|
return serializeBigInt(mapSupportTicketRow(updated));
|
||||||
|
}
|
||||||
|
|
||||||
|
async batchUpdateStatus(
|
||||||
|
ticketIds: bigint[],
|
||||||
|
status: SupportTicketStatus,
|
||||||
|
ctx: {
|
||||||
|
isSuperAdmin: boolean;
|
||||||
|
rejectReason?: string;
|
||||||
|
note?: string;
|
||||||
|
reviewer?: { id: bigint; name: string };
|
||||||
|
},
|
||||||
|
) {
|
||||||
|
const results: Array<{ ticketId: string; ok: boolean; message?: string }> = [];
|
||||||
|
for (const id of ticketIds) {
|
||||||
|
try {
|
||||||
|
const ticket = await this.getOrThrow(id);
|
||||||
|
const linkedMap = await this.devPlan.listLinkedTasksByTicketIds([id]);
|
||||||
|
const linkedTaskCount = linkedMap.get(String(id))?.length ?? 0;
|
||||||
|
const guard = validateSupportTicketStatusTransition(
|
||||||
|
ticket.status as 'PENDING_REVIEW' | 'REJECTED' | 'DEVELOPING' | 'TESTING' | 'PASSED',
|
||||||
|
status as 'PENDING_REVIEW' | 'REJECTED' | 'DEVELOPING' | 'TESTING' | 'PASSED',
|
||||||
|
{
|
||||||
|
linkedTaskCount,
|
||||||
|
isSuperAdmin: ctx.isSuperAdmin,
|
||||||
|
rejectReason: ctx.rejectReason,
|
||||||
|
},
|
||||||
|
);
|
||||||
|
if (!guard.ok) {
|
||||||
|
results.push({ ticketId: String(id), ok: false, message: guard.message });
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
const data: Prisma.CommonSupportTicketUpdateInput = { status };
|
||||||
|
if (ctx.note?.trim()) data.remark = ctx.note.trim();
|
||||||
|
if (status === 'REJECTED') {
|
||||||
|
data.rejectReason = ctx.rejectReason!.trim();
|
||||||
|
data.completedAt = new Date();
|
||||||
|
if (ctx.reviewer) {
|
||||||
|
data.reviewerId = ctx.reviewer.id;
|
||||||
|
data.reviewerName = ctx.reviewer.name;
|
||||||
|
data.reviewedAt = new Date();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (status === 'PASSED') data.completedAt = new Date();
|
||||||
|
await this.prisma.commonSupportTicket.update({ where: { id }, data });
|
||||||
|
results.push({ ticketId: String(id), ok: true });
|
||||||
|
} catch (err) {
|
||||||
|
results.push({
|
||||||
|
ticketId: String(id),
|
||||||
|
ok: false,
|
||||||
|
message: err instanceof Error ? err.message : '更新失败',
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const successCount = results.filter((r) => r.ok).length;
|
||||||
|
return { results, successCount, failCount: results.length - successCount };
|
||||||
}
|
}
|
||||||
|
|
||||||
async list(query: SupportTicketListQueryDto) {
|
async list(query: SupportTicketListQueryDto) {
|
||||||
@@ -86,6 +249,9 @@ export class SupportTicketService {
|
|||||||
if (query.status) {
|
if (query.status) {
|
||||||
where.status = query.status as SupportTicketStatus;
|
where.status = query.status as SupportTicketStatus;
|
||||||
}
|
}
|
||||||
|
if (query.priority) {
|
||||||
|
where.priority = query.priority as SupportTicketPriority;
|
||||||
|
}
|
||||||
|
|
||||||
const [items, total] = await Promise.all([
|
const [items, total] = await Promise.all([
|
||||||
this.prisma.commonSupportTicket.findMany({
|
this.prisma.commonSupportTicket.findMany({
|
||||||
@@ -98,7 +264,7 @@ export class SupportTicketService {
|
|||||||
]);
|
]);
|
||||||
const linkedMap = await this.devPlan.listLinkedTasksByTicketIds(items.map((i) => i.id));
|
const linkedMap = await this.devPlan.listLinkedTasksByTicketIds(items.map((i) => i.id));
|
||||||
const enriched = items.map((ticket) => ({
|
const enriched = items.map((ticket) => ({
|
||||||
...ticket,
|
...mapSupportTicketRow(ticket),
|
||||||
linkedTasks: (linkedMap.get(String(ticket.id)) ?? []).map((t) => ({
|
linkedTasks: (linkedMap.get(String(ticket.id)) ?? []).map((t) => ({
|
||||||
id: t.id,
|
id: t.id,
|
||||||
taskNo: t.taskNo,
|
taskNo: t.taskNo,
|
||||||
@@ -114,7 +280,7 @@ export class SupportTicketService {
|
|||||||
if (!ticket) throw new NotFoundException('技术支持工单不存在');
|
if (!ticket) throw new NotFoundException('技术支持工单不存在');
|
||||||
const linkedMap = await this.devPlan.listLinkedTasksByTicketIds([id]);
|
const linkedMap = await this.devPlan.listLinkedTasksByTicketIds([id]);
|
||||||
return serializeBigInt({
|
return serializeBigInt({
|
||||||
...ticket,
|
...mapSupportTicketRow(ticket),
|
||||||
linkedTasks: (linkedMap.get(String(id)) ?? []).map((t) => ({
|
linkedTasks: (linkedMap.get(String(id)) ?? []).map((t) => ({
|
||||||
id: t.id,
|
id: t.id,
|
||||||
taskNo: t.taskNo,
|
taskNo: t.taskNo,
|
||||||
@@ -189,6 +355,8 @@ export class SupportTicketService {
|
|||||||
rejectReason?: string;
|
rejectReason?: string;
|
||||||
note?: string;
|
note?: string;
|
||||||
tasks?: CreateDevPlanTaskFromTicketInput[];
|
tasks?: CreateDevPlanTaskFromTicketInput[];
|
||||||
|
dispatchToWecom?: boolean;
|
||||||
|
dispatchSupplement?: string;
|
||||||
},
|
},
|
||||||
) {
|
) {
|
||||||
if (input.decision === 'REJECT') {
|
if (input.decision === 'REJECT') {
|
||||||
@@ -202,7 +370,7 @@ export class SupportTicketService {
|
|||||||
throw new BadRequestException('仅待评审工单可审批');
|
throw new BadRequestException('仅待评审工单可审批');
|
||||||
}
|
}
|
||||||
|
|
||||||
await this.devPlan.createTasksFromTicket(id, input.tasks, reviewer.id);
|
const createdTasks = await this.devPlan.createTasksFromTicket(id, input.tasks, reviewer.id);
|
||||||
|
|
||||||
const updated = await this.prisma.commonSupportTicket.update({
|
const updated = await this.prisma.commonSupportTicket.update({
|
||||||
where: { id },
|
where: { id },
|
||||||
@@ -214,9 +382,31 @@ export class SupportTicketService {
|
|||||||
remark: input.note?.trim() || ticket.remark,
|
remark: input.note?.trim() || ticket.remark,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
if (input.dispatchToWecom) {
|
||||||
|
try {
|
||||||
|
await this.devPlan.dispatchTasks(
|
||||||
|
{
|
||||||
|
taskIds: createdTasks.map((t) => t.id),
|
||||||
|
supplement: input.dispatchSupplement,
|
||||||
|
},
|
||||||
|
reviewer.id,
|
||||||
|
);
|
||||||
|
} catch (err) {
|
||||||
|
this.alert.notify({
|
||||||
|
level: 'P2',
|
||||||
|
category: 'ops',
|
||||||
|
title: '审批后企微派发失败',
|
||||||
|
detail: `工单 ${ticket.ticketNo}\n${err instanceof Error ? err.message : String(err)}`,
|
||||||
|
dedupeKey: `support_review_dispatch_fail|${ticket.ticketNo}`,
|
||||||
|
dedupeTtlSec: 120,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
const linkedMap = await this.devPlan.listLinkedTasksByTicketIds([id]);
|
const linkedMap = await this.devPlan.listLinkedTasksByTicketIds([id]);
|
||||||
return serializeBigInt({
|
return serializeBigInt({
|
||||||
...updated,
|
...mapSupportTicketRow(updated),
|
||||||
linkedTasks: (linkedMap.get(String(id)) ?? []).map((t) => ({
|
linkedTasks: (linkedMap.get(String(id)) ?? []).map((t) => ({
|
||||||
id: t.id,
|
id: t.id,
|
||||||
taskNo: t.taskNo,
|
taskNo: t.taskNo,
|
||||||
@@ -245,6 +435,134 @@ export class SupportTicketService {
|
|||||||
return { items: results };
|
return { items: results };
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** 批量一键创建开发任务(每工单 1 条,内容取自标题/说明) */
|
||||||
|
async batchCreateTasks(
|
||||||
|
ticketIds: bigint[],
|
||||||
|
operator: { id: bigint; name: string },
|
||||||
|
) {
|
||||||
|
const results: Array<{
|
||||||
|
ticketId: string;
|
||||||
|
ok: boolean;
|
||||||
|
message?: string;
|
||||||
|
taskIds?: string[];
|
||||||
|
}> = [];
|
||||||
|
|
||||||
|
for (const id of ticketIds) {
|
||||||
|
try {
|
||||||
|
const ticket = await this.getOrThrow(id);
|
||||||
|
const linkedMap = await this.devPlan.listLinkedTasksByTicketIds([id]);
|
||||||
|
const existing = linkedMap.get(String(id)) ?? [];
|
||||||
|
if (existing.length > 0) {
|
||||||
|
results.push({ ticketId: String(id), ok: false, message: '已有开发任务,已跳过' });
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
const summary = [ticket.title, ticket.content].filter(Boolean).join('\n').slice(0, 500);
|
||||||
|
const createdTasks = await this.devPlan.createTasksFromTicket(
|
||||||
|
id,
|
||||||
|
[
|
||||||
|
{
|
||||||
|
content: summary || ticket.title,
|
||||||
|
type: mapSupportTicketTypeToDevPlanTask(ticket.ticketType as 'BUG' | 'SUGGESTION' | 'OTHER'),
|
||||||
|
},
|
||||||
|
],
|
||||||
|
operator.id,
|
||||||
|
);
|
||||||
|
|
||||||
|
if (ticket.status === 'PENDING_REVIEW') {
|
||||||
|
await this.prisma.commonSupportTicket.update({
|
||||||
|
where: { id },
|
||||||
|
data: {
|
||||||
|
status: 'DEVELOPING',
|
||||||
|
reviewerId: operator.id,
|
||||||
|
reviewerName: operator.name,
|
||||||
|
reviewedAt: new Date(),
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
results.push({
|
||||||
|
ticketId: String(id),
|
||||||
|
ok: true,
|
||||||
|
taskIds: createdTasks.map((t) => t.id),
|
||||||
|
});
|
||||||
|
} catch (err) {
|
||||||
|
results.push({
|
||||||
|
ticketId: String(id),
|
||||||
|
ok: false,
|
||||||
|
message: err instanceof Error ? err.message : '创建失败',
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const successCount = results.filter((r) => r.ok).length;
|
||||||
|
return { results, successCount, failCount: results.length - successCount };
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 批量一键发布:关联开发版本,可选企微派发 */
|
||||||
|
async batchPublish(
|
||||||
|
ticketIds: bigint[],
|
||||||
|
input: {
|
||||||
|
versionId: string;
|
||||||
|
dispatchToWecom?: boolean;
|
||||||
|
dispatchSupplement?: string;
|
||||||
|
},
|
||||||
|
operator: { id: bigint; name: string },
|
||||||
|
) {
|
||||||
|
const perTicket: Array<{ ticketId: string; ok: boolean; message?: string }> = [];
|
||||||
|
const taskIdSet = new Set<string>();
|
||||||
|
|
||||||
|
for (const id of ticketIds) {
|
||||||
|
const linkedMap = await this.devPlan.listLinkedTasksByTicketIds([id]);
|
||||||
|
const linked = linkedMap.get(String(id)) ?? [];
|
||||||
|
if (!linked.length) {
|
||||||
|
perTicket.push({ ticketId: String(id), ok: false, message: '无关联开发任务' });
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
linked.forEach((t) => taskIdSet.add(t.id));
|
||||||
|
perTicket.push({ ticketId: String(id), ok: true });
|
||||||
|
}
|
||||||
|
|
||||||
|
const taskIds = [...taskIdSet];
|
||||||
|
if (!taskIds.length) {
|
||||||
|
return {
|
||||||
|
results: perTicket,
|
||||||
|
successCount: 0,
|
||||||
|
failCount: perTicket.length,
|
||||||
|
linkedTaskCount: 0,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
await this.devPlan.batchUpdateTasks({ taskIds, versionId: input.versionId });
|
||||||
|
|
||||||
|
if (input.dispatchToWecom) {
|
||||||
|
try {
|
||||||
|
await this.devPlan.dispatchTasks(
|
||||||
|
{ taskIds, supplement: input.dispatchSupplement },
|
||||||
|
operator.id,
|
||||||
|
);
|
||||||
|
} catch (err) {
|
||||||
|
this.alert.notify({
|
||||||
|
level: 'P2',
|
||||||
|
category: 'ops',
|
||||||
|
title: '批量发布企微派发失败',
|
||||||
|
detail: err instanceof Error ? err.message : String(err),
|
||||||
|
dedupeKey: `support_batch_publish_dispatch_fail|${Date.now()}`,
|
||||||
|
dedupeTtlSec: 120,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const successCount = perTicket.filter((r) => r.ok).length;
|
||||||
|
return {
|
||||||
|
results: perTicket,
|
||||||
|
successCount,
|
||||||
|
failCount: perTicket.length - successCount,
|
||||||
|
linkedTaskCount: taskIds.length,
|
||||||
|
versionId: input.versionId,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
/** 开发完成 → 测试 */
|
/** 开发完成 → 测试 */
|
||||||
async startTesting(id: bigint, dto?: SupportTicketRemarkDto) {
|
async startTesting(id: bigint, dto?: SupportTicketRemarkDto) {
|
||||||
const ticket = await this.getOrThrow(id);
|
const ticket = await this.getOrThrow(id);
|
||||||
|
|||||||
@@ -30,6 +30,7 @@ import {
|
|||||||
UpdateDevPlanSettingsDto,
|
UpdateDevPlanSettingsDto,
|
||||||
UpdateDevPlanTaskDto,
|
UpdateDevPlanTaskDto,
|
||||||
UpdateDevPlanVersionDto,
|
UpdateDevPlanVersionDto,
|
||||||
|
DevPlanTaskBatchUpdateDto,
|
||||||
} from './dto/dev-plan.dto';
|
} from './dto/dev-plan.dto';
|
||||||
|
|
||||||
@Controller('admin/dev-plan')
|
@Controller('admin/dev-plan')
|
||||||
@@ -91,6 +92,12 @@ export class AdminDevPlanController {
|
|||||||
return this.service.dispatchTasks(body, account.id);
|
return this.service.dispatchTasks(body, account.id);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@Post('tasks/batch-update')
|
||||||
|
@HqOperation({ action: HqOperationAction.DEV_PLAN_TASK_UPDATE, refType: 'DEV_PLAN_TASK', includeBody: true, batch: true })
|
||||||
|
batchUpdateTasks(@Body() body: DevPlanTaskBatchUpdateDto) {
|
||||||
|
return this.service.batchUpdateTasks(body);
|
||||||
|
}
|
||||||
|
|
||||||
@Get('versions')
|
@Get('versions')
|
||||||
listVersions(
|
listVersions(
|
||||||
@Query('status') status?: string,
|
@Query('status') status?: string,
|
||||||
|
|||||||
@@ -48,6 +48,8 @@ import type {
|
|||||||
|
|
||||||
DevPlanTaskDispatchDto,
|
DevPlanTaskDispatchDto,
|
||||||
|
|
||||||
|
DevPlanTaskBatchUpdateDto,
|
||||||
|
|
||||||
DevPlanTaskListQueryDto,
|
DevPlanTaskListQueryDto,
|
||||||
|
|
||||||
UpdateDevPlanSettingsDto,
|
UpdateDevPlanSettingsDto,
|
||||||
@@ -669,6 +671,10 @@ export class DevPlanService {
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (status === 'RELEASED') {
|
||||||
|
await this.cascadeVersionReleased(row.id, row.versionNo);
|
||||||
|
}
|
||||||
|
|
||||||
return this.getVersion(row.id);
|
return this.getVersion(row.id);
|
||||||
|
|
||||||
}
|
}
|
||||||
@@ -737,6 +743,14 @@ export class DevPlanService {
|
|||||||
|
|
||||||
await this.prisma.devPlanVersion.update({ where: { id }, data });
|
await this.prisma.devPlanVersion.update({ where: { id }, data });
|
||||||
|
|
||||||
|
if (
|
||||||
|
dto.status === 'RELEASED' &&
|
||||||
|
existing.status !== 'RELEASED'
|
||||||
|
) {
|
||||||
|
const versionNo = (dto.versionNo ?? existing.versionNo).trim();
|
||||||
|
await this.cascadeVersionReleased(id, versionNo);
|
||||||
|
}
|
||||||
|
|
||||||
if (dto.taskIds != null) await this.replaceVersionTasks(id, dto.taskIds);
|
if (dto.taskIds != null) await this.replaceVersionTasks(id, dto.taskIds);
|
||||||
|
|
||||||
return this.getVersion(id);
|
return this.getVersion(id);
|
||||||
@@ -773,6 +787,46 @@ export class DevPlanService {
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
private async cascadeVersionReleased(versionId: bigint, versionNo: string) {
|
||||||
|
const links = await this.prisma.devPlanVersionTask.findMany({
|
||||||
|
where: { versionId },
|
||||||
|
select: { taskId: true },
|
||||||
|
});
|
||||||
|
if (!links.length) return;
|
||||||
|
|
||||||
|
const taskIds = links.map((l) => l.taskId);
|
||||||
|
const now = new Date();
|
||||||
|
|
||||||
|
await this.prisma.$transaction(async (tx) => {
|
||||||
|
await tx.devPlanTask.updateMany({
|
||||||
|
where: { id: { in: taskIds }, status: { not: 'RELEASED' } },
|
||||||
|
data: { status: 'RELEASED', completedAt: now },
|
||||||
|
});
|
||||||
|
|
||||||
|
const tasks = await tx.devPlanTask.findMany({
|
||||||
|
where: { id: { in: taskIds }, supportTicketId: { not: null } },
|
||||||
|
select: { supportTicketId: true },
|
||||||
|
});
|
||||||
|
const ticketIds = [
|
||||||
|
...new Set(
|
||||||
|
tasks
|
||||||
|
.map((t) => t.supportTicketId)
|
||||||
|
.filter((id): id is bigint => id != null),
|
||||||
|
),
|
||||||
|
];
|
||||||
|
if (!ticketIds.length) return;
|
||||||
|
|
||||||
|
await tx.commonSupportTicket.updateMany({
|
||||||
|
where: { id: { in: ticketIds }, status: { not: 'REJECTED' } },
|
||||||
|
data: {
|
||||||
|
status: 'PUBLISHED',
|
||||||
|
releasedVersionNo: versionNo,
|
||||||
|
publishedAt: now,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
private async addVersionTasks(versionId: bigint, taskIds: string[]) {
|
private async addVersionTasks(versionId: bigint, taskIds: string[]) {
|
||||||
|
|
||||||
if (!taskIds.length) return;
|
if (!taskIds.length) return;
|
||||||
@@ -1009,6 +1063,100 @@ export class DevPlanService {
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
private async appendVersionTasks(versionId: bigint, taskIds: string[]) {
|
||||||
|
|
||||||
|
const version = await this.prisma.devPlanVersion.findUnique({ where: { id: versionId } });
|
||||||
|
|
||||||
|
if (!version) throw new NotFoundException('版本不存在');
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const ids = taskIds.map(BigInt);
|
||||||
|
|
||||||
|
const existing = await this.prisma.devPlanVersionTask.findMany({
|
||||||
|
|
||||||
|
where: { versionId, taskId: { in: ids } },
|
||||||
|
|
||||||
|
select: { taskId: true },
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
const linked = new Set(existing.map((row) => row.taskId.toString()));
|
||||||
|
|
||||||
|
const toAdd = ids.filter((id) => !linked.has(id.toString()));
|
||||||
|
|
||||||
|
if (!toAdd.length) return;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const maxSort = await this.prisma.devPlanVersionTask.aggregate({
|
||||||
|
|
||||||
|
where: { versionId },
|
||||||
|
|
||||||
|
_max: { sortOrder: true },
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
let sort = (maxSort._max.sortOrder ?? -1) + 1;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
await this.prisma.devPlanVersionTask.createMany({
|
||||||
|
|
||||||
|
data: toAdd.map((taskId, index) => ({ versionId, taskId, sortOrder: sort + index })),
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
async batchUpdateTasks(dto: DevPlanTaskBatchUpdateDto) {
|
||||||
|
|
||||||
|
if (!dto.taskIds.length) throw new BadRequestException('请至少选择 1 条任务');
|
||||||
|
|
||||||
|
if (!dto.status && !dto.versionId) {
|
||||||
|
|
||||||
|
throw new BadRequestException('请至少指定状态或关联版本');
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const taskIds = dto.taskIds.map(BigInt);
|
||||||
|
|
||||||
|
const tasks = await this.prisma.devPlanTask.findMany({ where: { id: { in: taskIds } } });
|
||||||
|
|
||||||
|
if (tasks.length !== taskIds.length) throw new BadRequestException('部分任务不存在');
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
if (dto.status) {
|
||||||
|
|
||||||
|
for (const task of tasks) {
|
||||||
|
|
||||||
|
await this.updateTask(task.id, { status: dto.status });
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
if (dto.versionId) {
|
||||||
|
|
||||||
|
await this.appendVersionTasks(BigInt(dto.versionId), dto.taskIds);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
return { updated: taskIds.length };
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -1,13 +1,4 @@
|
|||||||
import {
|
import { ArrayMinSize, IsArray, IsBoolean, IsIn, IsNotEmpty, IsOptional, IsString, ValidateIf, ValidateNested } from 'class-validator';
|
||||||
ArrayMinSize,
|
|
||||||
IsArray,
|
|
||||||
IsIn,
|
|
||||||
IsNotEmpty,
|
|
||||||
IsOptional,
|
|
||||||
IsString,
|
|
||||||
ValidateIf,
|
|
||||||
ValidateNested,
|
|
||||||
} from 'class-validator';
|
|
||||||
import { Type } from 'class-transformer';
|
import { Type } from 'class-transformer';
|
||||||
import {
|
import {
|
||||||
DEV_PLAN_TASK_STATUSES,
|
DEV_PLAN_TASK_STATUSES,
|
||||||
@@ -161,6 +152,29 @@ export class ReviewSupportTicketDto {
|
|||||||
@ValidateNested({ each: true })
|
@ValidateNested({ each: true })
|
||||||
@Type(() => DevPlanTaskFromTicketDto)
|
@Type(() => DevPlanTaskFromTicketDto)
|
||||||
tasks?: DevPlanTaskFromTicketDto[];
|
tasks?: DevPlanTaskFromTicketDto[];
|
||||||
|
|
||||||
|
@IsOptional()
|
||||||
|
@IsBoolean()
|
||||||
|
dispatchToWecom?: boolean;
|
||||||
|
|
||||||
|
@IsOptional()
|
||||||
|
@IsString()
|
||||||
|
dispatchSupplement?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export class DevPlanTaskBatchUpdateDto {
|
||||||
|
@IsArray()
|
||||||
|
@ArrayMinSize(1)
|
||||||
|
@IsString({ each: true })
|
||||||
|
taskIds!: string[];
|
||||||
|
|
||||||
|
@IsOptional()
|
||||||
|
@IsIn(DEV_PLAN_TASK_STATUSES)
|
||||||
|
status?: string;
|
||||||
|
|
||||||
|
@IsOptional()
|
||||||
|
@IsString()
|
||||||
|
versionId?: string | null;
|
||||||
}
|
}
|
||||||
|
|
||||||
export class BatchReviewPreviewDto {
|
export class BatchReviewPreviewDto {
|
||||||
|
|||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user