style: 历史记录查询表单

src/views/ChatHistory.jsx

@@ -35,32 +35,33 @@ const SearchForm = memo(function ({ initialValues, onSubmit }) {
     });
   }
   return (
-    <Form
-      layout={'inline'}
-      form={form}
-      initialValues={initialValues}
-      onFinish={handleSubmit}
-      style={{}}>
-      <Form.Item label='顾问' name='agent' style={{ width: '200px' }} rules={[{required: false, message: '请选择顾问'}]}>
-        <SearchInput placeholder='搜索顾问' fetchOptions={fetchSalesAgent} mode={'tags'} maxTagCount={0} />
-      </Form.Item>
-      <Form.Item label='客人' name='customer' style={{ width: '200px' }}>
-        <SearchInput placeholder='搜索客人' fetchOptions={fetchCustomerList} mode={'tags'} maxTagCount={0} />
-      </Form.Item>
-      <Form.Item label='订单号' name='coli_id'>
-        <Input placeholder='订单号' allowClear />
-      </Form.Item>
-      <Form.Item label='关键词' name='search'>
-        <Input placeholder='关键词' allowClear />
-      </Form.Item>
-      <Form.Item label='日期' name='msgDateRange'>
-        <RangePicker format={'YYYY-MM-DD'} />
-      </Form.Item>
-      <Form.Item>
-        <Button type='primary' htmlType='submit'>
-          搜索
-        </Button>
-      </Form.Item>
+    <Form layout={'inline'} form={form} initialValues={initialValues} onFinish={handleSubmit} style={{}}>
+      <Flex className='w-full'>
+        <Flex flex={'auto'} wrap='wrap' gap={4}>
+          <Form.Item label='发送人' name='agent' style={{ width: '200px' }} rules={[{ required: false, message: '请选择发送人' }]}>
+            <SearchInput placeholder='搜索发送人' fetchOptions={fetchSalesAgent} mode={'tags'} maxTagCount={0} />
+          </Form.Item>
+          <Form.Item label='客人' name='customer' style={{ width: '200px' }}>
+            <SearchInput placeholder='搜索客人' fetchOptions={fetchCustomerList} mode={'tags'} maxTagCount={0} />
+          </Form.Item>
+          <Form.Item label='订单号' name='coli_id'>
+            <Input placeholder='订单号' allowClear />
+          </Form.Item>
+          <Form.Item label='关键词' name='search'>
+            <Input placeholder='关键词' allowClear />
+          </Form.Item>
+          <Form.Item label='日期' name='msgDateRange'>
+            <RangePicker format={'YYYY-MM-DD'} />
+          </Form.Item>
+        </Flex>
+        <div style={{flex: '0 1 64px'}}>
+          <Form.Item>
+            <Button type='primary' htmlType='submit'>
+              搜索
+            </Button>
+          </Form.Item>
+        </div>
+      </Flex>
     </Form>
   );
 });