From 124185c40ed34dae7c9b52d47291d519072d4757 Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Thu, 10 Nov 2022 15:54:02 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=A0=87=E9=A2=98=E5=92=8C?=
 =?UTF-8?q?=E9=97=B4=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/charts/AgentGroup.js       | 15 +++++----------
 src/stores/CustomerServices.js |  1 +
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/charts/AgentGroup.js b/src/charts/AgentGroup.js
index 16932b3..3eeee52 100644
--- a/src/charts/AgentGroup.js
+++ b/src/charts/AgentGroup.js
@@ -1,5 +1,5 @@
 import React, {Component} from 'react';
-import {Row, Col, List, Avatar, Space, DatePicker, Button, Select, Table} from 'antd';
+import {Row, Col, List, Typography, Space, DatePicker, Button, Select, Table} from 'antd';
 import {
   ContainerOutlined, CarryOutOutlined,
   SmileOutlined, TagsOutlined, GlobalOutlined,
@@ -43,10 +43,10 @@ class AgentGroup extends Component {
       const groupList = customerServicesStore.groupList;    
       const groupListColumns = customerServicesStore.groupListColumns;
       const {startDate, endDate, dateType} = customerServicesStore;
-      const { selectedRowKeys } = this.state;
 
       return (
         <>
+        <Space direction="vertical" style={{width: '100%'}}>
           <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }}>
               <Col md={8} lg={7} xxl={6}>
                 <Select value={dateType} style={{ width: "95%" }} onChange={(value) => customerServicesStore.selectDateType(value)}>
@@ -90,6 +90,7 @@ class AgentGroup extends Component {
         </Row>
         <Row>
           <Col span={24}>
+            <Typography.Title level={3}>地接社团信息</Typography.Title>
             <Table 
               dataSource={agentList} 
               columns={agentListColumns} 
@@ -98,13 +99,6 @@ class AgentGroup extends Component {
               loading={false} 
               pagination={false} 
               scroll={{ x: "100%" }}
-              // rowSelection={{
-              //   type: 'radio',
-              //   selectedRowKeys,
-              //   onChange: (selectedRowKeys) => {
-              //     console.info({ selectedRowKeys });
-              //   },
-              // }}
               onRow={(agent) => ({
                 onClick: () => {
                   customerServicesStore.selectAgent(agent);
@@ -115,13 +109,14 @@ class AgentGroup extends Component {
         </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={false} pagination={false} scroll={{ x: "100%" }} />
           </Col>
         </Row>
+        </Space>
       </>
     );
   }
-
 }
 
 export default observer(AgentGroup);
\ No newline at end of file
diff --git a/src/stores/CustomerServices.js b/src/stores/CustomerServices.js
index 5fbacff..5a4c295 100644
--- a/src/stores/CustomerServices.js
+++ b/src/stores/CustomerServices.js
@@ -12,6 +12,7 @@ class CustomerServices {
       this.startDateString = this.startDate.format(config.DATE_FORMAT);
       this.endDateString = this.endDate.format(config.DATE_FORMAT) + '%2023:59';
       this.dateType = 'startDate';
+      this.selectedAgent = {VendorName: '请选择地接社'};
       makeAutoObservable(this);
     }