优化间距

src/views/DestinationGroupCount.jsx

@@ -30,14 +30,14 @@ const DestinationGroupCount = () => {
   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}>
             <GroupSelect value={customerServicesStore.selectedTeam}
               onChange={(value) => customerServicesStore.selectTeam(value)}
               style={{ width: '95%' }} show_all={true}
             />
           </Col>
-          <Col span={2}>
+          <Col md={24} lg={8} xxl={8}>
             <Select value={customerServicesStore.selectedCountry} style={{ width: "95%" }} onChange={(value) => customerServicesStore.selectCountry(value)}>
               <Select.Option key="china" value="china">
                 国内
@@ -47,7 +47,7 @@ const DestinationGroupCount = () => {
               </Select.Option>
             </Select>
           </Col>
-          <Col span={2}>
+          <Col md={24} lg={8} xxl={8}>
             <Select value={customerServicesStore.selectedOrderStatus} style={{ width: "95%" }} onChange={(value) => customerServicesStore.selectStatus(value)}>
               <Select.Option key="所有" value="-1">
               所有
@@ -60,7 +60,7 @@ const DestinationGroupCount = () => {
               </Select.Option>
             </Select>
           </Col>
-          <Col span={4}>
+          <Col md={24} lg={8} xxl={8}>
             <Select value={dateType} style={{ width: "95%" }} onChange={(value) => customerServicesStore.selectDateType(value)}>
               <Select.Option key="startDate" value="startDate">
                 走团日期
@@ -70,7 +70,7 @@ const DestinationGroupCount = () => {
               </Select.Option>
             </Select>
           </Col>
-          <Col span={4}>
+          <Col md={24} lg={8} xxl={8}>
             <DatePicker.RangePicker
               format={config.DATE_FORMAT} locale={zhCNlocale}
               allowClear={false}
@@ -88,7 +88,7 @@ const DestinationGroupCount = () => {
               }}
             />
           </Col>
-          <Col span={4}>
+          <Col md={24} lg={8} xxl={8}>
             <Button
               type="primary"
               icon={<SearchOutlined />}