|
|
|
|
@ -1,32 +1,245 @@
|
|
|
|
|
import { useContext, useEffect } from 'react';
|
|
|
|
|
import { useContext } from 'react';
|
|
|
|
|
import { NavLink } from "react-router-dom";
|
|
|
|
|
import { Row, Col, Typography, Space, Table, Divider } from 'antd';
|
|
|
|
|
import { stores_Context } from '../config';
|
|
|
|
|
import { observer } from 'mobx-react';
|
|
|
|
|
import { toJS } from 'mobx';
|
|
|
|
|
import 'moment/locale/zh-cn';
|
|
|
|
|
import { utils, writeFileXLSX } from 'xlsx';
|
|
|
|
|
import SearchForm from './../components/search/SearchForm';
|
|
|
|
|
import { TableExportBtn } from './../components/Data';
|
|
|
|
|
import { TableExportBtn, VSDataTag } from './../components/Data';
|
|
|
|
|
import useCustomerServicesStore from '../zustand/CustomerServices';
|
|
|
|
|
import { useShallow } from 'zustand/shallow';
|
|
|
|
|
import { fixTo2Decimals } from "@haina/utils-commons";
|
|
|
|
|
|
|
|
|
|
const sorter = (a, b, key) => a[key] - b[key];
|
|
|
|
|
// 注意TdCell要提到DataTable作用域外声明
|
|
|
|
|
const TdCell = (tdprops) => {
|
|
|
|
|
// onMouseEnter, onMouseLeave在数据量多的时候，会严重阻塞表格单元格渲染，严重影响性能
|
|
|
|
|
const { onMouseEnter, onMouseLeave, ...restProps } = tdprops;
|
|
|
|
|
return <td {...restProps} />;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const DataRenderCell = ({ data1, data2, dataSuffix = '', showDiffData }) => {
|
|
|
|
|
if (showDiffData) {
|
|
|
|
|
return <VSDataTag data1={data1} data2={data2} dataSuffix={dataSuffix} />;
|
|
|
|
|
}
|
|
|
|
|
return <div>{data1}{dataSuffix}</div>;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const AgentGroupCount = () => {
|
|
|
|
|
const { customerServicesStore, date_picker_store } = useContext(stores_Context);
|
|
|
|
|
const agentGroupList = customerServicesStore.agentGroupList;
|
|
|
|
|
const agentGroupListColumns = customerServicesStore.agentGroupListColumns;
|
|
|
|
|
const { inProgress } = customerServicesStore;
|
|
|
|
|
const [loading, searchValues, setSearchValues, searchValuesToSub] = useCustomerServicesStore(useShallow((state) => [state.loading, state.searchValues, state.setSearchValues, state.searchValuesToSub]));
|
|
|
|
|
|
|
|
|
|
const [agentGroupList, total1] = useCustomerServicesStore(useShallow((state) => [state.agentCountList, state.agentCountTotal]));
|
|
|
|
|
const getAgentGroupCount = useCustomerServicesStore((state) => state.getAgentGroupCount);
|
|
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
customerServicesStore.fetchAllAgent();
|
|
|
|
|
}, []);
|
|
|
|
|
const columns = [
|
|
|
|
|
{
|
|
|
|
|
title: '地接社名称',
|
|
|
|
|
dataIndex: 'VendorName',
|
|
|
|
|
fixed: 'left',
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
// title: this.startDate.format(config.DATE_FORMAT) + '~' + this.endDate.format(config.DATE_FORMAT),
|
|
|
|
|
dataIndex: 'VendorName',
|
|
|
|
|
fixed: 'left',
|
|
|
|
|
render: (text, record) => <NavLink to={`/agent/${record.EOI_ObjSN}/group/list`}>{record.VendorName}</NavLink>,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '团数',
|
|
|
|
|
dataIndex: 'GroupCount',
|
|
|
|
|
sorter: (a, b) => sorter(a, b, 'GroupCount'),
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
title: <DataRenderCell data1={total1.GroupCount} data2={total1.diff?.GroupCount} showDiffData={!!searchValuesToSub.DateDiff1} />, // total1.GroupCount,
|
|
|
|
|
dataIndex: 'GroupCount',
|
|
|
|
|
render: (text, r) => <DataRenderCell data1={r.GroupCount} data2={r.diff?.GroupCount} showDiffData={!!searchValuesToSub.DateDiff1} />,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '人数',
|
|
|
|
|
dataIndex: 'PersonNum',
|
|
|
|
|
sorter: (a, b) => sorter(a, b, 'PersonNum'),
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
title: <DataRenderCell data1={total1.PersonNum} data2={total1.diff?.PersonNum} showDiffData={!!searchValuesToSub.DateDiff1} />, // total1.PersonNum,
|
|
|
|
|
dataIndex: 'PersonNum',
|
|
|
|
|
render: (text, r) => <DataRenderCell data1={r.PersonNum} data2={r.diff?.PersonNum} showDiffData={!!searchValuesToSub.DateDiff1} />,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '团天数',
|
|
|
|
|
dataIndex: 'GroupDays',
|
|
|
|
|
sorter: (a, b) => sorter(a, b, 'GroupDays'),
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
title: <DataRenderCell data1={total1.GroupDays} data2={total1.diff?.GroupDays} showDiffData={!!searchValuesToSub.DateDiff1} />, // total1.GroupDays,
|
|
|
|
|
dataIndex: 'GroupDays',
|
|
|
|
|
render: (text, r) => <DataRenderCell data1={r.GroupDays} data2={r.diff?.GroupDays} showDiffData={!!searchValuesToSub.DateDiff1} />,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '交易额',
|
|
|
|
|
dataIndex: 'totalcost',
|
|
|
|
|
sorter: (a, b) => sorter(a, b, 'totalcost'),
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
title: <DataRenderCell data1={total1.totalcost} data2={total1.diff?.totalcost} showDiffData={!!searchValuesToSub.DateDiff1} />, // total1.totalcost,
|
|
|
|
|
dataIndex: 'totalcost',
|
|
|
|
|
render: (text, r) => <DataRenderCell data1={r.totalcost} data2={r.diff?.totalcost} showDiffData={!!searchValuesToSub.DateDiff1} />,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '反馈表团数',
|
|
|
|
|
dataIndex: 'FKBTS',
|
|
|
|
|
sorter: (a, b) => sorter(a, b, 'FKBTS'),
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
title: <DataRenderCell data1={total1.FKBTS} data2={total1.diff?.FKBTS} showDiffData={!!searchValuesToSub.DateDiff1} />, // total1.FKBTS,
|
|
|
|
|
dataIndex: 'FKBTS',
|
|
|
|
|
render: (text, r) => <DataRenderCell data1={r.FKBTS} data2={r.diff?.FKBTS} showDiffData={!!searchValuesToSub.DateDiff1} />,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '东道主团数',
|
|
|
|
|
dataIndex: 'DDZTS',
|
|
|
|
|
sorter: (a, b) => sorter(a, b, 'DDZTS'),
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
title: <DataRenderCell data1={total1.DDZTS} data2={total1.diff?.DDZTS} showDiffData={!!searchValuesToSub.DateDiff1} />, // total1.DDZTS,
|
|
|
|
|
dataIndex: 'DDZTS',
|
|
|
|
|
render: (text, r) => <DataRenderCell data1={r.DDZTS} data2={r.diff?.DDZTS} showDiffData={!!searchValuesToSub.DateDiff1} />,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '东道主案例数',
|
|
|
|
|
dataIndex: 'DDZCases',
|
|
|
|
|
sorter: (a, b) => sorter(a, b, 'DDZCases'),
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
title: <DataRenderCell data1={total1.DDZCases} data2={total1.diff?.DDZCases} showDiffData={!!searchValuesToSub.DateDiff1} />, // total1.DDZCases,
|
|
|
|
|
dataIndex: 'DDZCases',
|
|
|
|
|
render: (text, r) => <DataRenderCell data1={r.DDZCases} data2={r.diff?.DDZCases} showDiffData={!!searchValuesToSub.DateDiff1} />,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '东道主案例比例',
|
|
|
|
|
dataIndex: 'DDZRate',
|
|
|
|
|
sorter: (a, b) => sorter(a, b, 'DDZRate'),
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
title: <DataRenderCell data1={fixTo2Decimals(total1.DDZRate*100)} data2={fixTo2Decimals(total1.diff?.DDZRate*100)} dataSuffix='%' showDiffData={!!searchValuesToSub.DateDiff1} />, // total1.DDZRate,
|
|
|
|
|
dataIndex: 'DDZRate',
|
|
|
|
|
render: (text, r) => <DataRenderCell data1={fixTo2Decimals(r.DDZRate*100)} data2={fixTo2Decimals(r.diff?.DDZRate*100)} dataSuffix='%' showDiffData={!!searchValuesToSub.DateDiff1} />,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '站外好评团数',
|
|
|
|
|
dataIndex: 'ZWHP',
|
|
|
|
|
sorter: (a, b) => sorter(a, b, 'ZWHP'),
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
title: <DataRenderCell data1={total1.ZWHP} data2={total1.diff?.ZWHP} showDiffData={!!searchValuesToSub.DateDiff1} />, // total1.ZWHP,
|
|
|
|
|
dataIndex: 'ZWHP',
|
|
|
|
|
render: (text, r) => <DataRenderCell data1={r.ZWHP} data2={r.diff?.ZWHP} showDiffData={!!searchValuesToSub.DateDiff1} />,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '站外好评数',
|
|
|
|
|
dataIndex: 'ZWHPCases',
|
|
|
|
|
sorter: (a, b) => sorter(a, b, 'ZWHPCases'),
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
title: <DataRenderCell data1={total1.ZWHPCases} data2={total1.diff?.ZWHPCases} showDiffData={!!searchValuesToSub.DateDiff1} />, // total1.ZWHPCases,
|
|
|
|
|
dataIndex: 'ZWHPCases',
|
|
|
|
|
render: (text, r) => <DataRenderCell data1={r.ZWHPCases} data2={r.diff?.ZWHPCases} showDiffData={!!searchValuesToSub.DateDiff1} />,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '站外好评率',
|
|
|
|
|
dataIndex: 'ZWHPRate',
|
|
|
|
|
sorter: (a, b) => sorter(a, b, 'ZWHPRate'), // parseInt(a.ZWHPRate) - parseInt(b.ZWHPRate),
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
title: <DataRenderCell data1={fixTo2Decimals(total1.ZWHPRate*100)} data2={fixTo2Decimals(total1.diff?.ZWHPRate*100)} dataSuffix='%' showDiffData={!!searchValuesToSub.DateDiff1} />, // total1.ZWHPRate,
|
|
|
|
|
dataIndex: 'ZWHPRate',
|
|
|
|
|
render: (text, r) => <DataRenderCell data1={fixTo2Decimals(r.ZWHPRate*100)} data2={fixTo2Decimals(r.diff?.ZWHPRate*100)} dataSuffix='%' showDiffData={!!searchValuesToSub.DateDiff1} />,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '不满数',
|
|
|
|
|
dataIndex: 'BMS',
|
|
|
|
|
sorter: (a, b) => sorter(a, b, 'BMS'),
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
title: <DataRenderCell data1={total1.BMS} data2={total1.diff?.BMS} showDiffData={!!searchValuesToSub.DateDiff1} />, // total1.BMS,
|
|
|
|
|
dataIndex: 'BMS',
|
|
|
|
|
render: (text, r) => <DataRenderCell data1={r.BMS} data2={r.diff?.BMS} showDiffData={!!searchValuesToSub.DateDiff1} />,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '不满率',
|
|
|
|
|
dataIndex: 'BMRate',
|
|
|
|
|
sorter: (a, b) => sorter(a, b, 'BMRate'), // parseInt(a.BMRate) - parseInt(b.BMRate),
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
title: <DataRenderCell data1={fixTo2Decimals(total1.BMRate*100)} data2={fixTo2Decimals((total1.diff?.BMRate || 0)*100)} dataSuffix='%' showDiffData={!!searchValuesToSub.DateDiff1} />, // total1.BMRate,
|
|
|
|
|
dataIndex: 'BMRate',
|
|
|
|
|
render: (text, r) => <DataRenderCell data1={fixTo2Decimals(r.BMRate*100)} data2={fixTo2Decimals(r.diff?.BMRate*100)} dataSuffix='%' showDiffData={!!searchValuesToSub.DateDiff1} />,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '投诉数',
|
|
|
|
|
dataIndex: 'TS',
|
|
|
|
|
sorter: (a, b) => sorter(a, b, 'TS'),
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
title: <DataRenderCell data1={total1.TS} data2={total1.diff?.TS} showDiffData={!!searchValuesToSub.DateDiff1} />, // total1.TS,
|
|
|
|
|
dataIndex: 'TS',
|
|
|
|
|
render: (text, r) => <DataRenderCell data1={r.TS} data2={r.diff?.TS} showDiffData={!!searchValuesToSub.DateDiff1} />,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '投诉率',
|
|
|
|
|
dataIndex: 'TSRate',
|
|
|
|
|
sorter: (a, b) => sorter(a, b, 'TSRate'), // parseInt(a.TSRate) - parseInt(b.TSRate),
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
title: <DataRenderCell data1={fixTo2Decimals(total1.TSRate*100)} data2={fixTo2Decimals(total1.diff?.TSRate*100)} dataSuffix='%' showDiffData={!!searchValuesToSub.DateDiff1} />, // total1.TSRate,
|
|
|
|
|
dataIndex: 'TSRate',
|
|
|
|
|
render: (text, r) => <DataRenderCell data1={fixTo2Decimals(r.TSRate*100)} data2={fixTo2Decimals(r.diff?.TSRate*100)} dataSuffix='%' showDiffData={!!searchValuesToSub.DateDiff1} />,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<>
|
|
|
|
|
<Space direction="vertical" style={{ width: '100%' }}>
|
|
|
|
|
<Row gutter={16} className={date_picker_store.siderBroken ? "" : "sticky-top"} >
|
|
|
|
|
<Row gutter={16} className={toJS(date_picker_store.siderBroken) ? "" : "sticky-top"} >
|
|
|
|
|
<Col className="gutter-row" span={24}>
|
|
|
|
|
<SearchForm
|
|
|
|
|
defaultValue={{
|
|
|
|
|
initialValue: {
|
|
|
|
|
...date_picker_store.formValues,
|
|
|
|
|
...toJS(date_picker_store.formValues),
|
|
|
|
|
...customerServicesStore.searchValues,
|
|
|
|
|
...searchValues,
|
|
|
|
|
},
|
|
|
|
|
shows: ['agency', 'departureDateType', 'DepartmentList', 'countryArea', 'dates'],
|
|
|
|
|
fieldProps: {
|
|
|
|
|
@ -38,7 +251,8 @@ const AgentGroupCount = () => {
|
|
|
|
|
}}
|
|
|
|
|
onSubmit={(_err, obj, form) => {
|
|
|
|
|
customerServicesStore.setSearchValues(obj, form);
|
|
|
|
|
customerServicesStore.fetchAgentGroupCount();
|
|
|
|
|
setSearchValues(obj, form);
|
|
|
|
|
getAgentGroupCount(obj);
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
</Col>
|
|
|
|
|
@ -47,18 +261,19 @@ const AgentGroupCount = () => {
|
|
|
|
|
<Col span={24}>
|
|
|
|
|
<Typography.Title level={3}>地接社团信息</Typography.Title>
|
|
|
|
|
<Divider orientation="right" plain>
|
|
|
|
|
<TableExportBtn label={'地接社团信息'} {...{ columns: agentGroupListColumns, dataSource: agentGroupList }} />
|
|
|
|
|
<TableExportBtn label={'地接社团信息'} {...{ columns, dataSource: agentGroupList }} />
|
|
|
|
|
</Divider>
|
|
|
|
|
<Table
|
|
|
|
|
sticky
|
|
|
|
|
id="agentGroupList"
|
|
|
|
|
components={{ body: { cell: TdCell } }}
|
|
|
|
|
dataSource={agentGroupList}
|
|
|
|
|
columns={agentGroupListColumns}
|
|
|
|
|
columns={columns}
|
|
|
|
|
size="small"
|
|
|
|
|
rowKey={(record) => record.key}
|
|
|
|
|
loading={inProgress}
|
|
|
|
|
rowKey={(record) => record.EOI_ObjSN}
|
|
|
|
|
loading={loading}
|
|
|
|
|
pagination={false}
|
|
|
|
|
scroll={{ x: 1000 }}
|
|
|
|
|
scroll={{ x: 2000 }}
|
|
|
|
|
/>
|
|
|
|
|
</Col>
|
|
|
|
|
</Row>
|
|
|
|
|
|
Lei OT
3 months ago