|
|
|
@ -1,5 +1,5 @@
|
|
|
|
|
import React, {useContext, useEffect} from 'react';
|
|
|
|
|
import {Row, Col, Typography, Space, DatePicker, Button, Select, Table} from 'antd';
|
|
|
|
|
import {Row, Col, Typography, Space, DatePicker, Button, Select, Table, List} from 'antd';
|
|
|
|
|
import {
|
|
|
|
|
SearchOutlined,
|
|
|
|
|
} from '@ant-design/icons';
|
|
|
|
@ -28,8 +28,48 @@ const GroupList = () => {
|
|
|
|
|
<>
|
|
|
|
|
<Space direction="vertical" style={{width: '100%'}}>
|
|
|
|
|
<Row gutter={{md: 24}} justify="end">
|
|
|
|
|
<Col span={12}>
|
|
|
|
|
<Col span={4}>
|
|
|
|
|
<NavLink to={'/AgentGroupCount'}>返回</NavLink>
|
|
|
|
|
</Col>
|
|
|
|
|
<Col span={4}>
|
|
|
|
|
<Select
|
|
|
|
|
style={{ width: "95%" }}
|
|
|
|
|
value={customerServicesStore.selectedTeam}
|
|
|
|
|
onChange={(value) => customerServicesStore.selectTeam(value)}
|
|
|
|
|
>
|
|
|
|
|
<Select.Option key="0" value="">所有小组</Select.Option>
|
|
|
|
|
<Select.Option key="31" value="1,2,28,7">GH事业部</Select.Option>
|
|
|
|
|
<Select.Option key="32" value="8,9,11,12,20,21">国际事业部</Select.Option>
|
|
|
|
|
<Select.Option key="33" value="10,18,16,30">孵化学院</Select.Option>
|
|
|
|
|
<Select.Option key="1" value="1">CH直销</Select.Option>
|
|
|
|
|
<Select.Option key="2" value="2">CH大客户</Select.Option>
|
|
|
|
|
<Select.Option key="28" value="28">AH</Select.Option>
|
|
|
|
|
<Select.Option key="7" value="7">市场推广</Select.Option>
|
|
|
|
|
<Select.Option key="8" value="8">德语</Select.Option>
|
|
|
|
|
<Select.Option key="9" value="9">日语</Select.Option>
|
|
|
|
|
<Select.Option key="11" value="11">法语</Select.Option>
|
|
|
|
|
<Select.Option key="12" value="12">西语</Select.Option>
|
|
|
|
|
<Select.Option key="20" value="20">俄语</Select.Option>
|
|
|
|
|
<Select.Option key="21" value="21">意语</Select.Option>
|
|
|
|
|
<Select.Option key="10" value="10">商旅</Select.Option>
|
|
|
|
|
<Select.Option key="18" value="18">CT</Select.Option>
|
|
|
|
|
<Select.Option key="16" value="16">APP</Select.Option>
|
|
|
|
|
<Select.Option key="30" value="30">Trippest</Select.Option>
|
|
|
|
|
<Select.Option key="31" value="31">花梨鹰</Select.Option>
|
|
|
|
|
</Select>
|
|
|
|
|
</Col>
|
|
|
|
|
<Col span={4}>
|
|
|
|
|
<Select value={customerServicesStore.selectedCountry} style={{ width: "95%" }} onChange={(value) => customerServicesStore.selectCountry(value)}>
|
|
|
|
|
<Select.Option key="ALL" value="">
|
|
|
|
|
所有国家
|
|
|
|
|
</Select.Option>
|
|
|
|
|
<Select.Option key="china" value="china">
|
|
|
|
|
国内
|
|
|
|
|
</Select.Option>
|
|
|
|
|
<Select.Option key="foreign" value="foreign">
|
|
|
|
|
国外
|
|
|
|
|
</Select.Option>
|
|
|
|
|
</Select>
|
|
|
|
|
</Col>
|
|
|
|
|
<Col span={4}>
|
|
|
|
|
<Select value={dateType} style={{ width: "95%" }} onChange={(value) => customerServicesStore.selectDateType(value)}>
|
|
|
|
@ -66,7 +106,7 @@ const GroupList = () => {
|
|
|
|
|
loading={inProgress}
|
|
|
|
|
onClick={() => {
|
|
|
|
|
customerServicesStore.fetchGroupListByAgentId(agentId);
|
|
|
|
|
customerServicesStore.fetchAgentList();
|
|
|
|
|
customerServicesStore.fetchAgentGroupList();
|
|
|
|
|
}}>
|
|
|
|
|
统计
|
|
|
|
|
</Button>
|
|
|
|
@ -74,8 +114,37 @@ const GroupList = () => {
|
|
|
|
|
</Row>
|
|
|
|
|
<Row>
|
|
|
|
|
<Col span={24}>
|
|
|
|
|
<Typography.Title level={3}>{customerServicesStore.selectedAgent.VendorName}</Typography.Title>
|
|
|
|
|
<Table dataSource={groupList} columns={groupListColumns} size="small" rowKey={(record) => record.key} loading={inProgress} pagination={false} scroll={{ x: "100%" }} />
|
|
|
|
|
<Typography.Title level={3}>{customerServicesStore.agentCompany}</Typography.Title>
|
|
|
|
|
<Table
|
|
|
|
|
dataSource={groupList}
|
|
|
|
|
columns={groupListColumns}
|
|
|
|
|
size="small"
|
|
|
|
|
rowKey={(record) => record.key}
|
|
|
|
|
loading={inProgress}
|
|
|
|
|
pagination={false}
|
|
|
|
|
scroll={{ x: "100%" }}
|
|
|
|
|
expandable={{
|
|
|
|
|
expandedRowRender: (record) => (
|
|
|
|
|
|
|
|
|
|
<List
|
|
|
|
|
itemLayout="horizontal"
|
|
|
|
|
>
|
|
|
|
|
<List.Item>
|
|
|
|
|
<List.Item.Meta
|
|
|
|
|
title='经过城市'
|
|
|
|
|
description={record.PassCity}
|
|
|
|
|
/>
|
|
|
|
|
</List.Item>
|
|
|
|
|
<List.Item>
|
|
|
|
|
<List.Item.Meta
|
|
|
|
|
title='评论内容'
|
|
|
|
|
description={record.ECI_Content}
|
|
|
|
|
/>
|
|
|
|
|
</List.Item>
|
|
|
|
|
</List>
|
|
|
|
|
),
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
</Col>
|
|
|
|
|
</Row>
|
|
|
|
|
</Space>
|
|
|
|
|