style: 历史记录查询表单

src/views/ChatHistory.jsx

@@ -35,14 +35,11 @@ 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 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} />
@@ -56,11 +53,15 @@ const SearchForm = memo(function ({ initialValues, onSubmit }) {
           <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>
   );
 });