style: 历史记录查询表单

src/views/ChatHistory.jsx

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