增加标题和间距

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);

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);
     }