perf: 增加高级搜索切换

src/views/orders/components/MailBox.jsx

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useState } from 'react'
-import { ReloadOutlined, ReadOutlined, CheckSquareOutlined, StarOutlined, RightOutlined, LeftOutlined } from '@ant-design/icons'
-import { Flex, Button, Tooltip, List, Form, Row, Col, Drawer, Dropdown, Input, Checkbox, DatePicker, Select, Breadcrumb } from 'antd'
+import { ReloadOutlined, ReadOutlined, CheckSquareOutlined, StarOutlined, RightOutlined, LeftOutlined, ExpandOutlined, AppstoreOutlined } from '@ant-design/icons'
+import { Flex, Button, Tooltip, List, Form, Row, Col, Drawer, Dropdown, Input, Checkbox, DatePicker, Switch, Breadcrumb } from 'antd'
 import dayjs from 'dayjs'
 import { useEmailList } from '@/hooks/useEmail';
 
@@ -106,12 +106,33 @@ const MailBox = ({ mailboxDir, onMailItemClick, ...props}) => {
           }}
           placeholder={`邮件主题`}
         />
-        <Button
-          onClick={() => {
-            setOpenOrder(true)
-          }}>
-          高级搜索
-        </Button>
+        <Switch checkedChildren={<AppstoreOutlined />}
+      unCheckedChildren={<ExpandOutlined />} defaultChecked={false} />
+      </div>
+      <div className='bg-white h-auto p-1 flex gap-1 items-center hidden'>
+        <Form
+          form={form}
+          initialValues={{}}
+          // onFinish={handleSubmit}
+        >
+          <Row justify='start' gutter={16}>
+            <Col span={8}>
+              <Form.Item label='订单号' name='orderNumber'>
+                <Input placeholder='订单号' allowClear />
+              </Form.Item>
+            </Col>
+            <Col span={10}>
+              <Form.Item label='日期' name='confirmDateRange'>
+                <RangePicker allowClear={true} inputReadOnly={true} presets={DATE_RANGE_PRESETS} />
+              </Form.Item>
+            </Col>
+            <Col span={1} offset={1}>
+              <Button type='primary' htmlType='submit'>
+                搜索
+              </Button>
+            </Col>
+          </Row>
+        </Form>
       </div>
 
       <div className='bg-white overflow-y-auto' style={{ height: 'calc(100vh - 198px)' }}>