From e568dafd9c58eef5cce0928295f3422d52bd9246 Mon Sep 17 00:00:00 2001
From: YCC <ycc@hainatravel.com>
Date: Fri, 15 Sep 2023 14:21:59 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=BC=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/AgentGroupCount.jsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/views/AgentGroupCount.jsx b/src/views/AgentGroupCount.jsx
index 2cc8697..e3ceefd 100644
--- a/src/views/AgentGroupCount.jsx
+++ b/src/views/AgentGroupCount.jsx
@@ -36,8 +36,8 @@ const AgentGroupCount = () => {
   return (
     <>
       <Space direction="vertical" style={{ width: '100%' }}>
-        <Row gutter={{ md: 24 }} justify="end">
-          <Col span={4}>
+        <Row gutter={{  sm: 16, lg: 32 }} justify="end">
+        <Col md={24} lg={8} xxl={8}>
             <Select
               value={customerServicesStore.selectedAgent}
               style={{ width: '95%' }}
@@ -56,13 +56,13 @@ const AgentGroupCount = () => {
               {agentList.map(renderAgentItem)}
             </Select>
           </Col>
-          <Col span={4}>
+          <Col md={24} lg={8} xxl={8}>
             <GroupSelect value={customerServicesStore.selectedTeam}
               onChange={(value) => customerServicesStore.selectTeam(value)}
               style={{ width: '95%' }} show_all={true}
             />
           </Col>
-          <Col span={4}>
+          <Col md={24} lg={8} xxl={8}>
             <Select
               value={customerServicesStore.selectedCountry}
               style={{ width: '95%' }}
@@ -79,7 +79,7 @@ const AgentGroupCount = () => {
               </Select.Option>
             </Select>
           </Col>
-          <Col span={4}>
+          <Col md={24} lg={8} xxl={8}>
             <Select
               value={dateType}
               style={{ width: '95%' }}
@@ -93,7 +93,7 @@ const AgentGroupCount = () => {
               </Select.Option>
             </Select>
           </Col>
-          <Col span={4}>
+          <Col md={24} lg={8} xxl={8}>
             <DatePicker.RangePicker
               format={config.DATE_FORMAT}
               locale={zhCNlocale}
@@ -120,7 +120,7 @@ const AgentGroupCount = () => {
               }}
             />
           </Col>
-          <Col span={4}>
+          <Col md={24} lg={8} xxl={8}>
             <Button
               type="primary"
               icon={<SearchOutlined />}