Haina
/
dashboard
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

perf: 老客户: 增加10个字段

Browse Source
main
Lei OT 1 week ago
parent e3aa9c4299
commit 137cf6d5ec
1 changed files with 205 additions and 95 deletions
Show Stats Download Patch File Download Diff File

300
src/charts/Customer_care_regular.jsx
Unescape Escape View File

@ -7,6 +7,7 @@ import { observer } from 'mobx-react';
import SearchForm from './../components/search/SearchForm';
import LineWithAvg from '../components/LineWithAvg';
import { flow } from 'mobx';
import { TableExportBtn } from '../components/Data';
const Customer_care_regular = () => {
const { orders_store, date_picker_store, customer_store } = useContext(stores_Context);
@ -14,6 +15,207 @@ const Customer_care_regular = () => {
// useEffect(() => {}, []);
const columns = [
{
title: '订单号',
dataIndex: 'COLI_ID',
key: 'COLI_ID',
},
{
title: '预定日期',
dataIndex: 'COLI_ApplyDate',
key: 'COLI_ApplyDate',
},
{
title: '订单状态',
width: '4rem',
dataIndex: 'OrderState1',
key: 'OrderState1',
render: (text, record) => record.OrderState === 1 ? '成行' : '未成行',
sorter: (a, b) => b.OrderState - a.OrderState,
},
{
title: '毛利',
dataIndex: 'ML',
key: 'ML',
},
{
title: '人数',
dataIndex: 'PersonNum',
key: 'PersonNum',
},
{
title: '天数',
dataIndex: 'COLI_Days',
key: 'COLI_Days',
},
{
title: '人天数',
dataIndex: 'CGI_PersonDays',
key: 'CGI_PersonDays',
},
{
title: '走团日期',
dataIndex: 'COLI_OrderStartDate',
key: 'COLI_OrderStartDate',
},
{
title: '走团国家',
dataIndex: 'recommend_country',
key: 'recommend_country',
width: '4em',
},
{
title: '小组',
dataIndex: 'Department',
key: 'Department',
},
{
title: '老客户',
dataIndex: 'COLI_IsOld',
key: 'COLI_IsOld',
},
{
title: '老客户推荐',
dataIndex: 'COLI_IsCusCommend',
key: 'COLI_IsCusCommend',
},
{
title: '国籍',
dataIndex: 'MEI_Country',
key: 'MEI_Country',
},
{
title: '网站',
dataIndex: 'COLI_WebCode',
key: 'COLI_WebCode',
},
{
title: '来源',
dataIndex: 'SourceType',
key: 'SourceType',
},
{
title: '页面类型',
dataIndex: 'COLI_LineClass',
key: 'COLI_LineClass',
},
{
title: '券额',
dataIndex: 'Voucher_amount',
key: 'Voucher_amount',
width: '4em',
},
{
title: '券类别',
dataIndex: 'Voucher_type',
key: 'Voucher_type',
width: '5em',
},
{
title: '上次 订单号',
dataIndex: 'coli_id_Last',
key: 'coli_id_Last',
width: '5em',
render: (_, r) => ({
children: _,
}),
onCell: (r) => ({
style: { backgroundColor: '#5B8FF9' + '1A' },
}),
},
{
title: '上次 走团日期',
dataIndex: 'COLI_OrderStartDate_Last',
key: 'COLI_OrderStartDate_Last',
width: '4em',
render: (_, r) => ({
props: { style: { backgroundColor: '#5B8FF9' + '1A' } },
children: _,
}),
},
{
title: '上次 小组',
dataIndex: 'Department_Last',
key: 'Department_Last',
width: '4em',
render: (_, r) => ({
props: { style: { backgroundColor: '#5B8FF9' + '1A' } },
children: _,
}),
},
];
const export_columns = [].concat(columns, [
{
title: '上次经过国家',
dataIndex: 'last_country',
key: 'last_country',
onCell: (r) => ({
style: { backgroundColor: '#5B8FF9' + '1A' },
}),
},
{
title: '复购周期',
dataIndex: 'Repurchase_cycle',
key: 'Repurchase_cycle',
width: '4em',
render: (_, r) => ({
props: { style: { backgroundColor: '#5B8FF9' + '1A' } },
children: _,
}),
},
{
title: '下单次数',
dataIndex: 'Orders_number',
key: 'Orders_number',
width: '4em',
render: (_, r) => ({
props: { style: { backgroundColor: '#5B8FF9' + '1A' } },
children: _,
}),
},
{
title: '推荐次数',
dataIndex: 'recommend_time',
key: 'recommend_time',
width: '4em',
render: (_, r) => ({
props: { style: { backgroundColor: '#5B8FF9' + '1A' } },
children: _,
}),
},
{
title: '历史成行次数',
dataIndex: 'Travel_count',
key: 'Travel_count',
width: '4em',
render: (_, r) => ({
props: { style: { backgroundColor: '#5B8FF9' + '1A' } },
children: _,
}),
},
{
title: '旅行周期',
dataIndex: 'Travel_cycle',
key: 'Travel_cycle',
width: '4em',
render: (_, r) => ({
props: { style: { backgroundColor: '#5B8FF9' + '1A' } },
children: _,
}),
},
{
title: '第1次走团日期',
dataIndex: 'firstStartdate',
key: 'firstStartdate',
width: '4em',
render: (_, r) => ({
props: { style: { backgroundColor: '#5B8FF9' + '1A' } },
children: _,
}),
},
]);
return (
<div>
<Row gutter={16} className={date_picker_store.siderBroken ? '' : 'sticky-top'}>
@ -140,8 +342,9 @@ const Customer_care_regular = () => {
writeFileXLSX(wb, '老客户.xlsx');
}}
>
导出excel
导出下表
</a>
<TableExportBtn btnTxt='导出详情' label={'老客户-详情'} columns={export_columns} dataSource={regular_data.data_detail} style={{ marginLeft: '10px' }} />
</Divider>
<Table
id="table_to_xlsx"
@ -149,100 +352,7 @@ const Customer_care_regular = () => {
loading={regular_data.detail_loading}
dataSource={regular_data.data_detail}
scroll={{ x: 1200 }}
columns={[
{
title: '订单号',
dataIndex: 'COLI_ID',
key: 'COLI_ID',
},
{
title: '预定日期',
dataIndex: 'COLI_ApplyDate',
key: 'COLI_ApplyDate',
},
{
title: '订单状态',width: '4rem',
dataIndex: 'OrderState',
key: 'OrderState',
render: (text, record) => <span>{text == 1 ? '成行' : '未成行'}</span>,
sorter: (a, b) => b.OrderState - a.OrderState,
},
{
title: '毛利',
dataIndex: 'ML',
key: 'ML',
},
{
title: '人数',
dataIndex: 'PersonNum',
key: 'PersonNum',
},
{
title: '天数',
dataIndex: 'COLI_Days',
key: 'COLI_Days',
},
{
title: '人天数',
dataIndex: 'CGI_PersonDays',
key: 'CGI_PersonDays',
},
{
title: '走团日期',
dataIndex: 'COLI_OrderStartDate',
key: 'COLI_OrderStartDate',
},
{
title: '小组',
dataIndex: 'Department',
key: 'Department',
},
{
title: '老客户',
dataIndex: 'COLI_IsOld',
key: 'COLI_IsOld',
},
{
title: '老客户推荐',
dataIndex: 'COLI_IsCusCommend',
key: 'COLI_IsCusCommend',
},
{
title: '国籍',
dataIndex: 'MEI_Country',
key: 'MEI_Country',
},
{
title: '网站',
dataIndex: 'COLI_WebCode',
key: 'COLI_WebCode',
},
{
title: '来源',
dataIndex: 'SourceType',
key: 'SourceType',
},
{
title: '页面类型',
dataIndex: 'COLI_LineClass',
key: 'COLI_LineClass',
},
{ title: '上次 订单号', dataIndex: 'coli_id_Last', key: 'coli_id_Last', width: '4em',
render: (_, r) => ({
props: { style: { backgroundColor: '#5B8FF9'+'1A' } },
children: _,
}), },
{ title: '上次 走团日期', dataIndex: 'COLI_OrderStartDate_Last', key: 'COLI_OrderStartDate_Last',width: '4em',
render: (_, r) => ({
props: { style: { backgroundColor: '#5B8FF9'+'1A' } },
children: _,
}), },
{ title: '上次 小组', dataIndex: 'Department_Last', key: 'Department_Last',width: '4em',
render: (_, r) => ({
props: { style: { backgroundColor: '#5B8FF9'+'1A' } },
children: _,
}), },
]}
columns={columns}
size="small"
rowKey={(record) => record.COLI_ID}
/>

Write Preview
Loading…
Cancel
Save