yoone
/
WEB
1
0
Fork 3
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor(api): 简化API参数处理逻辑 

fix(订单列表): 调整物流信息显示样式为垂直布局
feat(产品列表): 添加组合商品构成组件显示
refactor(产品编辑): 修改SKU查询逻辑并更新字段标签
style(产品同步): 调整SKU生成格式并添加调试日志
This commit is contained in:
tikkhun 2026-01-06 18:50:59 +08:00
parent 82c1bfa711
commit 4fd9cfee75
8 changed files with 132 additions and 123 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/Order/List/index.tsx
View File

@ -275,9 +275,9 @@ const ListPage: React.FC = () => {
{(record as any)?.fulfillments?.map((item: any) => { {(record as any)?.fulfillments?.map((item: any) => {
if (!item) return; if (!item) return;
return ( return (
<div style={{ display:"flex", alignItems:"center" }}> <div style={{ display:"flex", alignItems:"center",'flexDirection':'column' }}>
{item.tracking_provider} <span>物流供应商: {item.shipping_provider}</span>
{item.tracking_number} <span>物流单号: {item.tracking_number}</span>
</div> </div>
); );
})} })}

13
src/pages/Product/List/EditForm.tsx
View File

@ -3,6 +3,7 @@ import {
productcontrollerGetcategoriesall, productcontrollerGetcategoriesall,
productcontrollerGetcategoryattributes, productcontrollerGetcategoryattributes,
productcontrollerGetproductcomponents, productcontrollerGetproductcomponents,
productcontrollerGetproductlist,
productcontrollerGetproductsiteskus, productcontrollerGetproductsiteskus,
productcontrollerUpdateproduct, productcontrollerUpdateproduct,
} from '@/servers/api/product'; } from '@/servers/api/product';
@ -315,17 +316,17 @@ const EditForm: React.FC<{
<ProForm.Group> <ProForm.Group>
<ProFormSelect <ProFormSelect
name="sku" name="sku"
label="库存SKU" label="单品SKU"
width="md" width="md"
showSearch showSearch
debounceTime={300} debounceTime={300}
placeholder="请输入库存SKU" placeholder="请输入单品SKU"
rules={[{ required: true, message: '请输入库存SKU' }]} rules={[{ required: true, message: '请输入单品SKU' }]}
request={async ({ keyWords }) => { request={async ({ keyWords }) => {
const params = keyWords const params = keyWords
? { sku: keyWords, name: keyWords } ? { where: {sku: keyWords, name: keyWords, type: 'single'} }
: { pageSize: 9999 }; : { 'per_page': 9999 , where: {type: 'single'} };
const { data } = await getStocks(params as any); const { data } = await productcontrollerGetproductlist(params);
if (!data || !data.items) { if (!data || !data.items) {
return []; return [];
} }

7
src/pages/Product/List/SyncToSiteModal/index.tsx
View File

@ -95,14 +95,15 @@ const SyncToSiteModal: React.FC<SyncToSiteModalProps> = ({
} }
}} }}
onFinish={async (values) => { onFinish={async (values) => {
console.log(`values`,values)
if (!values.siteId) return false; if (!values.siteId) return false;
try { try {
const siteSkusMap = values.siteSkus || {}; const siteSkusMap = values.siteSkus || {};
const data = products.map((product) => ({ const data = products.map((product) => ({
productId: product.id, productId: product.id,
siteSku: siteSkusMap[product.id] || `${values.siteId}_${product.sku}`, siteSku: siteSkusMap[product.id] || `${values.siteId}-${product.sku}`,
})); }));
console.log(`data`,data)
const result = await productcontrollerBatchsynctosite({ const result = await productcontrollerBatchsynctosite({
siteId: values.siteId, siteId: values.siteId,
data, data,
@ -130,7 +131,7 @@ const SyncToSiteModal: React.FC<SyncToSiteModalProps> = ({
<div style={{ display: 'flex', gap: 8, alignItems: 'center', marginBottom: 8 }}> <div style={{ display: 'flex', gap: 8, alignItems: 'center', marginBottom: 8 }}>
<div style={{ minWidth: 220 }}>原始SKU: {row.sku || '-'}</div> <div style={{ minWidth: 220 }}>原始SKU: {row.sku || '-'}</div>
<div style={{ minWidth: 150 }}> <div style={{ minWidth: 150 }}>
商品SKU:{' '} 已有商品SKU:{' '}
{row.siteSkus && row.siteSkus.length > 0 {row.siteSkus && row.siteSkus.length > 0
? row.siteSkus.map((siteSku: string, idx: number) => ( ? row.siteSkus.map((siteSku: string, idx: number) => (
<Tag key={idx} color="cyan"> <Tag key={idx} color="cyan">

53
src/pages/Product/List/components/ProductComponentList.tsx Normal file
View File

@ -0,0 +1,53 @@
import React from "react";
import { ProTable, ProColumns } from "@ant-design/pro-components";
interface ProductComponentListProps {
record: API.Product;
columns: ProColumns<API.Product>[];
dataSource?: API.Product[];
}
const ProductComponentList: React.FC<ProductComponentListProps> = ({ record, columns, dataSource }) => {
if (record.type !== "bundle" || !record.components || record.components.length === 0) {
return null;
}
const componentSkus = record.components.map(component => component.sku);
const includedProducts = [];
if (dataSource) {
includedProducts = dataSource
.filter(product => product.type === "single" && componentSkus.includes(product.sku));
}
if (includedProducts.length === 0) {
return (
<div style={{ padding: "16px", textAlign: "center", color: "#999" }}>
未找到包含的单品信息
</div>
);
}
const componentColumns = columns.filter(col =>
[200~cd ../api"option", "siteSkus", "category", "type"].includes(col.dataIndex as string)
);
return (
<div style={{ padding: "8px 16px", backgroundColor: "#fafafa" }}>
<ProTable
dataSource={includedProducts}
columns={componentColumns}
pagination={false}
rowKey="id"
bordered
size="small"
scroll={{ x: "max-content" }}
headerTitle={null}
toolBarRender={false}
/>
</div>
);
};
export default ProductComponentList;

52
src/pages/Product/List/index.tsx
View File

@ -67,16 +67,7 @@ const AttributesCell: React.FC<{ record: any }> = ({ record }) => {
); );
}; };
const ComponentsCell: React.FC<{ productId: number }> = ({ productId }) => { const ComponentsCell: React.FC<{ components?: any[] }> = ({ components }) => {
const [components, setComponents] = React.useState<any[]>([]);
React.useEffect(() => {
(async () => {
const { data = [] } = await productcontrollerGetproductcomponents({
id: productId,
});
setComponents(data || []);
})();
}, [productId]);
return ( return (
<div> <div>
{components && components.length ? ( {components && components.length ? (
@ -163,7 +154,28 @@ const BatchEditModal: React.FC<{
</ModalForm> </ModalForm>
); );
}; };
const ProductList = ({ filter, columns }: { filter: { skus: string[] },columns: any[] }) => {
return (
<ProTable
request={async (pag) => {
const { data, success } = await productcontrollerGetproductlist({
where: filter
});
if (!success) return [];
return data || [];
}}
columns={columns}
pagination={false}
rowKey="id"
bordered
size="small"
scroll={{ x: "max-content" }}
headerTitle={null}
toolBarRender={false}
/>
);
};
const List: React.FC = () => { const List: React.FC = () => {
const actionRef = useRef<ActionType>(); const actionRef = useRef<ActionType>();
@ -282,7 +294,7 @@ const List: React.FC = () => {
title: '构成', title: '构成',
dataIndex: 'components', dataIndex: 'components',
hideInSearch: true, hideInSearch: true,
render: (_, record) => <ComponentsCell productId={(record as any).id} />, render: (_, record) => <ComponentsCell components={record.components} />,
}, },
{ {
@ -509,15 +521,16 @@ const List: React.FC = () => {
}} }}
columns={columns} columns={columns}
// expandable={{ // expandable={{
// expandedRowRender: (record) => ( // expandedRowRender: (record) => {
// <SiteProductInfo // return <ProductList filter={{
// skus={(record.siteSkus as string[]) || []} // skus: record.components?.map(component => component.sku) || [],
// record={record} // }}
// parentTableRef={actionRef} // columns={columns}
// /> // ></ProductList>
// ), // }
// ,
// rowExpandable: (record) => // rowExpandable: (record) =>
// !!(record.siteSkus && record.siteSkus.length > 0), // !!(record.type==='bundle'),
// }} // }}
editable={{ editable={{
type: 'single', type: 'single',
@ -553,4 +566,5 @@ const List: React.FC = () => {
); );
}; };
export default List; export default List;

4
src/servers/api/product.ts
View File

@ -588,10 +588,6 @@ export async function productcontrollerGetproductlist(
method: 'GET', method: 'GET',
params: { params: {
...params, ...params,
where: undefined,
...params['where'],
orderBy: undefined,
...params['orderBy'],
}, },
...(options || {}), ...(options || {}),
}); });

56
src/servers/api/siteApi.ts
View File

@ -15,10 +15,6 @@ export async function siteapicontrollerGetcustomers(
method: 'GET', method: 'GET',
params: { params: {
...queryParams, ...queryParams,
where: undefined,
...queryParams['where'],
orderBy: undefined,
...queryParams['orderBy'],
}, },
...(options || {}), ...(options || {}),
}, },
@ -74,10 +70,6 @@ export async function siteapicontrollerExportcustomers(
method: 'GET', method: 'GET',
params: { params: {
...queryParams, ...queryParams,
where: undefined,
...queryParams['where'],
orderBy: undefined,
...queryParams['orderBy'],
}, },
...(options || {}), ...(options || {}),
}); });
@ -127,10 +119,6 @@ export async function siteapicontrollerGetmedia(
method: 'GET', method: 'GET',
params: { params: {
...queryParams, ...queryParams,
where: undefined,
...queryParams['where'],
orderBy: undefined,
...queryParams['orderBy'],
}, },
...(options || {}), ...(options || {}),
}); });
@ -210,10 +198,6 @@ export async function siteapicontrollerExportmedia(
method: 'GET', method: 'GET',
params: { params: {
...queryParams, ...queryParams,
where: undefined,
...queryParams['where'],
orderBy: undefined,
...queryParams['orderBy'],
}, },
...(options || {}), ...(options || {}),
}); });
@ -230,10 +214,6 @@ export async function siteapicontrollerGetorders(
method: 'GET', method: 'GET',
params: { params: {
...queryParams, ...queryParams,
where: undefined,
...queryParams['where'],
orderBy: undefined,
...queryParams['orderBy'],
}, },
...(options || {}), ...(options || {}),
}); });
@ -313,10 +293,6 @@ export async function siteapicontrollerExportorders(
method: 'GET', method: 'GET',
params: { params: {
...queryParams, ...queryParams,
where: undefined,
...queryParams['where'],
orderBy: undefined,
...queryParams['orderBy'],
}, },
...(options || {}), ...(options || {}),
}); });
@ -354,10 +330,6 @@ export async function siteapicontrollerGetproducts(
method: 'GET', method: 'GET',
params: { params: {
...queryParams, ...queryParams,
where: undefined,
...queryParams['where'],
orderBy: undefined,
...queryParams['orderBy'],
}, },
...(options || {}), ...(options || {}),
}, },
@ -438,10 +410,6 @@ export async function siteapicontrollerExportproducts(
method: 'GET', method: 'GET',
params: { params: {
...queryParams, ...queryParams,
where: undefined,
...queryParams['where'],
orderBy: undefined,
...queryParams['orderBy'],
}, },
...(options || {}), ...(options || {}),
}); });
@ -458,10 +426,6 @@ export async function siteapicontrollerExportproductsspecial(
method: 'GET', method: 'GET',
params: { params: {
...queryParams, ...queryParams,
where: undefined,
...queryParams['where'],
orderBy: undefined,
...queryParams['orderBy'],
}, },
...(options || {}), ...(options || {}),
}); });
@ -540,10 +504,6 @@ export async function siteapicontrollerGetreviews(
method: 'GET', method: 'GET',
params: { params: {
...queryParams, ...queryParams,
where: undefined,
...queryParams['where'],
orderBy: undefined,
...queryParams['orderBy'],
}, },
...(options || {}), ...(options || {}),
}, },
@ -582,10 +542,6 @@ export async function siteapicontrollerGetsubscriptions(
method: 'GET', method: 'GET',
params: { params: {
...queryParams, ...queryParams,
where: undefined,
...queryParams['where'],
orderBy: undefined,
...queryParams['orderBy'],
}, },
...(options || {}), ...(options || {}),
}, },
@ -603,10 +559,6 @@ export async function siteapicontrollerExportsubscriptions(
method: 'GET', method: 'GET',
params: { params: {
...queryParams, ...queryParams,
where: undefined,
...queryParams['where'],
orderBy: undefined,
...queryParams['orderBy'],
}, },
...(options || {}), ...(options || {}),
}); });
@ -623,10 +575,6 @@ export async function siteapicontrollerGetwebhooks(
method: 'GET', method: 'GET',
params: { params: {
...queryParams, ...queryParams,
where: undefined,
...queryParams['where'],
orderBy: undefined,
...queryParams['orderBy'],
}, },
...(options || {}), ...(options || {}),
}); });
@ -720,10 +668,6 @@ export async function siteapicontrollerGetcustomerorders(
method: 'GET', method: 'GET',
params: { params: {
...queryParams, ...queryParams,
where: undefined,
...queryParams['where'],
orderBy: undefined,
...queryParams['orderBy'],
}, },
...(options || {}), ...(options || {}),
}, },

64
src/servers/api/typings.d.ts vendored
View File

@ -1189,9 +1189,9 @@ declare namespace API {
/** 搜索关键词 */ /** 搜索关键词 */
search?: string; search?: string;
/** 过滤条件对象 */ /** 过滤条件对象 */
where?: Record<string, any>; where?: any;
/** 排序对象,例如 { "sku": "desc" } */ /** 排序对象,例如 { "sku": "desc" } */
orderBy?: Record<string, any>; orderBy?: any;
}; };
type productcontrollerGetproductsiteskusParams = { type productcontrollerGetproductsiteskusParams = {
@ -1717,9 +1717,9 @@ declare namespace API {
/** 搜索关键词 */ /** 搜索关键词 */
search?: string; search?: string;
/** 过滤条件对象 */ /** 过滤条件对象 */
where?: Record<string, any>; where?: any;
/** 排序对象,例如 { "sku": "desc" } */ /** 排序对象,例如 { "sku": "desc" } */
orderBy?: Record<string, any>; orderBy?: any;
siteId: number; siteId: number;
}; };
@ -1735,9 +1735,9 @@ declare namespace API {
/** 搜索关键词 */ /** 搜索关键词 */
search?: string; search?: string;
/** 过滤条件对象 */ /** 过滤条件对象 */
where?: Record<string, any>; where?: any;
/** 排序对象,例如 { "sku": "desc" } */ /** 排序对象,例如 { "sku": "desc" } */
orderBy?: Record<string, any>; orderBy?: any;
siteId: number; siteId: number;
}; };
@ -1753,9 +1753,9 @@ declare namespace API {
/** 搜索关键词 */ /** 搜索关键词 */
search?: string; search?: string;
/** 过滤条件对象 */ /** 过滤条件对象 */
where?: Record<string, any>; where?: any;
/** 排序对象,例如 { "sku": "desc" } */ /** 排序对象,例如 { "sku": "desc" } */
orderBy?: Record<string, any>; orderBy?: any;
siteId: number; siteId: number;
}; };
@ -1771,9 +1771,9 @@ declare namespace API {
/** 搜索关键词 */ /** 搜索关键词 */
search?: string; search?: string;
/** 过滤条件对象 */ /** 过滤条件对象 */
where?: Record<string, any>; where?: any;
/** 排序对象,例如 { "sku": "desc" } */ /** 排序对象,例如 { "sku": "desc" } */
orderBy?: Record<string, any>; orderBy?: any;
siteId: number; siteId: number;
}; };
@ -1789,9 +1789,9 @@ declare namespace API {
/** 搜索关键词 */ /** 搜索关键词 */
search?: string; search?: string;
/** 过滤条件对象 */ /** 过滤条件对象 */
where?: Record<string, any>; where?: any;
/** 排序对象,例如 { "sku": "desc" } */ /** 排序对象,例如 { "sku": "desc" } */
orderBy?: Record<string, any>; orderBy?: any;
siteId: number; siteId: number;
}; };
@ -1807,9 +1807,9 @@ declare namespace API {
/** 搜索关键词 */ /** 搜索关键词 */
search?: string; search?: string;
/** 过滤条件对象 */ /** 过滤条件对象 */
where?: Record<string, any>; where?: any;
/** 排序对象,例如 { "sku": "desc" } */ /** 排序对象,例如 { "sku": "desc" } */
orderBy?: Record<string, any>; orderBy?: any;
siteId: number; siteId: number;
}; };
@ -1830,9 +1830,9 @@ declare namespace API {
/** 搜索关键词 */ /** 搜索关键词 */
search?: string; search?: string;
/** 过滤条件对象 */ /** 过滤条件对象 */
where?: Record<string, any>; where?: any;
/** 排序对象,例如 { "sku": "desc" } */ /** 排序对象,例如 { "sku": "desc" } */
orderBy?: Record<string, any>; orderBy?: any;
customerId: number; customerId: number;
siteId: number; siteId: number;
}; };
@ -1854,9 +1854,9 @@ declare namespace API {
/** 搜索关键词 */ /** 搜索关键词 */
search?: string; search?: string;
/** 过滤条件对象 */ /** 过滤条件对象 */
where?: Record<string, any>; where?: any;
/** 排序对象,例如 { "sku": "desc" } */ /** 排序对象,例如 { "sku": "desc" } */
orderBy?: Record<string, any>; orderBy?: any;
siteId: number; siteId: number;
}; };
@ -1876,9 +1876,9 @@ declare namespace API {
/** 搜索关键词 */ /** 搜索关键词 */
search?: string; search?: string;
/** 过滤条件对象 */ /** 过滤条件对象 */
where?: Record<string, any>; where?: any;
/** 排序对象,例如 { "sku": "desc" } */ /** 排序对象,例如 { "sku": "desc" } */
orderBy?: Record<string, any>; orderBy?: any;
siteId: number; siteId: number;
}; };
@ -1904,9 +1904,9 @@ declare namespace API {
/** 搜索关键词 */ /** 搜索关键词 */
search?: string; search?: string;
/** 过滤条件对象 */ /** 过滤条件对象 */
where?: Record<string, any>; where?: any;
/** 排序对象,例如 { "sku": "desc" } */ /** 排序对象,例如 { "sku": "desc" } */
orderBy?: Record<string, any>; orderBy?: any;
siteId: number; siteId: number;
}; };
@ -1932,9 +1932,9 @@ declare namespace API {
/** 搜索关键词 */ /** 搜索关键词 */
search?: string; search?: string;
/** 过滤条件对象 */ /** 过滤条件对象 */
where?: Record<string, any>; where?: any;
/** 排序对象,例如 { "sku": "desc" } */ /** 排序对象,例如 { "sku": "desc" } */
orderBy?: Record<string, any>; orderBy?: any;
siteId: number; siteId: number;
}; };
@ -1950,9 +1950,9 @@ declare namespace API {
/** 搜索关键词 */ /** 搜索关键词 */
search?: string; search?: string;
/** 过滤条件对象 */ /** 过滤条件对象 */
where?: Record<string, any>; where?: any;
/** 排序对象,例如 { "sku": "desc" } */ /** 排序对象,例如 { "sku": "desc" } */
orderBy?: Record<string, any>; orderBy?: any;
siteId: number; siteId: number;
}; };
@ -1968,9 +1968,9 @@ declare namespace API {
/** 搜索关键词 */ /** 搜索关键词 */
search?: string; search?: string;
/** 过滤条件对象 */ /** 过滤条件对象 */
where?: Record<string, any>; where?: any;
/** 排序对象,例如 { "sku": "desc" } */ /** 排序对象,例如 { "sku": "desc" } */
orderBy?: Record<string, any>; orderBy?: any;
siteId: number; siteId: number;
}; };
@ -1991,9 +1991,9 @@ declare namespace API {
/** 搜索关键词 */ /** 搜索关键词 */
search?: string; search?: string;
/** 过滤条件对象 */ /** 过滤条件对象 */
where?: Record<string, any>; where?: any;
/** 排序对象,例如 { "sku": "desc" } */ /** 排序对象,例如 { "sku": "desc" } */
orderBy?: Record<string, any>; orderBy?: any;
siteId: number; siteId: number;
}; };
@ -2942,9 +2942,9 @@ declare namespace API {
/** 搜索关键词 */ /** 搜索关键词 */
search?: string; search?: string;
/** 过滤条件对象 */ /** 过滤条件对象 */
where?: Record<string, any>; where?: any;
/** 排序对象,例如 { "sku": "desc" } */ /** 排序对象,例如 { "sku": "desc" } */
orderBy?: Record<string, any>; orderBy?: any;
}; };
type UnifiedShippingLineDTO = { type UnifiedShippingLineDTO = {