历史记录: 显示WhatsApp 号码和订单名字

src/views/ChatHistory.jsx

@@ -54,12 +54,9 @@ const SearchForm = memo(function ({ initialValues, onSubmit }) {
             <RangePicker format={'YYYY-MM-DD'} />
           </Form.Item>
         </Flex>
-        <div style={{flex: '0 1 64px'}}>
+        <div style={{ flex: '0 1 150px' }} className='flex justify-between'>
-          <Form.Item>
+          <Button onClick={() => form.resetFields()}>重置</Button>
-            <Button type='primary' htmlType='submit'>
+          <Button type='primary' htmlType='submit'>搜索</Button>
-              搜索
-            </Button>
-          </Form.Item>
         </div>
       </Flex>
     </Form>
@@ -348,7 +345,10 @@ function ChatHistory() {
                 ))}
               </div>
             )}
-            <div className='h-full relative flex-1 border-dashed border-y-0 border-r-0 border-l border-slate-200' ref={messagesEndRef}>
+            <Flex vertical className='flex-1'>
+              <div className='px-2 py-1 text-primary bg-white border-0 border-b border-slate-200'>{selectedConversation.whatsapp_name} {selectedConversation.whatsapp_phone_number}</div>
+
+            <div style={{height: 'calc(100% - 30px)'}} className='h-full flex-auto relative  border-dashed border-y-0 border-r-0 border-l border-slate-200' ref={messagesEndRef}>
               <List
                 loading={messageListLoading}
                 header={loadMorePre}
@@ -417,6 +417,7 @@ function ChatHistory() {
               />
             </div>
             </Flex>
+          </Flex>
           {/* <Image width={0} height={0} src={null} preview={{ visible: previewVisible, src: previewSrc, onClose: onPreviewClose }} /> */}
           <Image.PreviewGroup items={imageAlbum} preview={{ current: previewIndex, visible: previewVisible, onClose: onPreviewClose, onChange: setPreviewIndex }} />
         </Content>