Commit fa420366 authored by 郝聪敏's avatar 郝聪敏

feature: 添加订单管理

parent 68960cc1
...@@ -2,11 +2,12 @@ const isProduction = process.env.NODE_ENV === 'production'; ...@@ -2,11 +2,12 @@ const isProduction = process.env.NODE_ENV === 'production';
let envAPi = { let envAPi = {
// api: '//backstms-qa.liangkebang.net', // api: '//backstms-qa.liangkebang.net',
api: '//yapi.quantgroups.com/mock/351', // api: '//yapi.quantgroups.com/mock/351',
api: '//192.168.28.66:80',
}; };
let prodApi = { let prodApi = {
api: '//backstms.q-gp.com', api: '//kdsp-operation.q-gp.com',
}; };
let exportApi; let exportApi;
......
...@@ -31,7 +31,7 @@ const LogisticsForm = props => { ...@@ -31,7 +31,7 @@ const LogisticsForm = props => {
orderSkuId: orderSkuId, orderSkuId: orderSkuId,
expressCompanyCode: data.selectedCompany.split('-')[0], expressCompanyCode: data.selectedCompany.split('-')[0],
expressCompanyName: data.selectedCompany.split('-')[1], expressCompanyName: data.selectedCompany.split('-')[1],
delivery_no: data.orderNum, deliveryNo: data.orderNum,
}) })
}) })
}) })
...@@ -119,6 +119,7 @@ const LogisticsForm = props => { ...@@ -119,6 +119,7 @@ const LogisticsForm = props => {
], ],
})( })(
<Select <Select
showSearch
placeholder="请选择物流公司" placeholder="请选择物流公司"
> >
{companys.map(item => ( {companys.map(item => (
......
...@@ -4,14 +4,14 @@ import { PageHeaderWrapper } from '@ant-design/pro-layout'; ...@@ -4,14 +4,14 @@ import { PageHeaderWrapper } from '@ant-design/pro-layout';
import ProTable from '@ant-design/pro-table'; import ProTable from '@ant-design/pro-table';
import LogisticsForm from './components/LogisticsForm'; import LogisticsForm from './components/LogisticsForm';
import OrderDetail from './components/OrderDetail'; import OrderDetail from './components/OrderDetail';
import { queryToSend, queryExpress } from './service'; import { queryToSend, queryExpress, getGoods } from './service';
const TableList = () => { const TableList = () => {
const [companys, setCompanys] = useState([]); const [companys, setCompanys] = useState([]);
const [LogisticsModalVisible, handleModalVisible] = useState(false); const [LogisticsModalVisible, handleModalVisible] = useState(false);
const [detailModalVisible, handleDetailModalVisible] = useState(false); const [detailModalVisible, handleDetailModalVisible] = useState(false);
const [skuList, setSkuList] = useState([]); const [skuList, setSkuList] = useState([]);
const actionRef = useRef(); const actionRef = useRef();
const columns = [ const columns = [
{ {
title: '订单ID', title: '订单ID',
...@@ -27,9 +27,9 @@ const TableList = () => { ...@@ -27,9 +27,9 @@ const TableList = () => {
}, },
{ {
title: '交易时间', title: '交易时间',
dataIndex: 'payTime', dataIndex: 'orderTime',
key: 'payTime', key: 'orderTime',
valueType: 'dateTime', valueType: 'date',
hideInSearch: true, hideInSearch: true,
}, },
{ {
...@@ -46,9 +46,10 @@ const TableList = () => { ...@@ -46,9 +46,10 @@ const TableList = () => {
}, },
{ {
title: '收货地址', title: '收货地址',
dataIndex: 'receiveAddress', dataIndex: 'fullAddress',
key: 'receiveAddress', key: 'fullAddress',
search: false, hideInSearch: true,
width: 160,
}, },
{ {
title: '物流状态', title: '物流状态',
...@@ -56,9 +57,9 @@ const TableList = () => { ...@@ -56,9 +57,9 @@ const TableList = () => {
key: 'logisticsStatus', key: 'logisticsStatus',
filters: false, filters: false,
valueEnum: { valueEnum: {
'3': '全部', '_3': '全部',
'1': '未发货', '_1': '未发货',
'2': '已发货', '_2': '已发货',
}, },
order: 5, order: 5,
}, },
...@@ -81,22 +82,36 @@ const TableList = () => { ...@@ -81,22 +82,36 @@ const TableList = () => {
dataIndex: 'option', dataIndex: 'option',
key: 'option', key: 'option',
valueType: 'option', valueType: 'option',
width: 120,
render: (_, record) => ( render: (_, record) => (
<React.Fragment> <React.Fragment>
<a {
onClick={() => { record.skuSource.value !== 2 && record.logisticsStatus === '_1' ? (
setSkuList(record.skuList || []); <React.Fragment>
handleModalVisible(true); <a
}} onClick={async () => {
> const skuList = await getGoods(record.orderId);
更新物流信息 setSkuList(skuList);
</a> handleModalVisible(true);
<Divider type="vertical" /> }}
<a >
onClick={() => { 更新物流信息
setSkuList(record.skuList || []); </a>
handleDetailModalVisible(true); <Divider type="vertical" />
}}>查看订单详情</a> </React.Fragment>
) : null
}
{
record.logisticsStatus === '_1' ? (
<a
onClick={async () => {
const skuList = await getGoods(record.orderId);
console.log('skuList', skuList);
setSkuList(skuList);
handleDetailModalVisible(true);
}}>查看订单详情</a>
) : null
}
</React.Fragment> </React.Fragment>
), ),
}, },
......
import request from '@/utils/request'; import request from '@/utils/request';
import { stringify } from 'querystring';
import _ from 'lodash';
// 待发货订单 // 待发货订单
export async function queryToSend(params) { export async function queryToSend(params) {
const statusMap = {
'全部': 3,
'未发货': 1,
'已发货': 2,
}
const transformedParam = { const transformedParam = {
...params, ...params,
logisticsStatus: statusMap[params.logisticsStatus] || 3, logisticsStatus: params.logisticsStatus ? params.logisticsStatus.slice(1) : '',
startTime: params.beginTime,
pageNo: params.current, pageNo: params.current,
pageSize: params.pageSize || 20, pageSize: params.pageSize || 20,
} };
const { data: { currentPage, dataList, totalCount } } = await request.post('/api/kdsp/op/mch-order/list', {
data: transformedParam const { data: { current, records, total, size } } = await request.post('/api/kdsp/op/mch-order/list', {
data: stringify(_.omitBy(transformedParam, v => !v)),
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
}
}); });
return { return {
current: currentPage, current: current,
data: dataList, data: records.map(v => ({...v, logisticsStatus: `_${v.logisticsStatus}`})),
total: totalCount total: total,
pageSize: size
} }
} }
...@@ -29,7 +32,12 @@ export async function queryExpress() { ...@@ -29,7 +32,12 @@ export async function queryExpress() {
} }
export async function updateExpress(params) { export async function updateExpress(params) {
return request.post('/api/kdsp/op/order/update-express-info', { return request.post('/api/kdsp/op/mch-order/update-express-info', {
data: params data: params
}); });
}
export async function getGoods(orderId) {
const { data } = await request.get(`/api/kdsp/op/mch-order/skus?orderId=${orderId}`);
return data;
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment