功能:适配过滤表单布局

This commit is contained in:
Liu 宇阳
2024-11-11 14:10:37 +08:00
parent 34533ec1c2
commit 9a5e81c504
4 changed files with 12 additions and 12 deletions

View File

@@ -168,11 +168,11 @@ const ArticlePage = () => {
<Card className='my-2 overflow-scroll'>
<Form form={form} layout="inline" onFinish={onSubmit} autoComplete="off" className='flex-nowrap'>
<Form.Item label="标题" name="title" className='w-2/12'>
<Form.Item label="标题" name="title" className='min-w-[200px]'>
<Input placeholder='请输入关键词' />
</Form.Item>
<Form.Item label="分类" name="cateIds" className='w-2/12'>
<Form.Item label="分类" name="cateIds" className='min-w-[200px]'>
<Cascader
options={cateList}
maxTagCount="responsive"
@@ -181,7 +181,7 @@ const ArticlePage = () => {
/>
</Form.Item>
<Form.Item label="标签" name="tagId" className='w-2/12'>
<Form.Item label="标签" name="tagId" className='min-w-[200px]'>
<Select
allowClear
options={tagList}
@@ -190,7 +190,7 @@ const ArticlePage = () => {
/>
</Form.Item>
<Form.Item label="时间范围" name="createTime" className='w-3/12'>
<Form.Item label="时间范围" name="createTime" className='min-w-[250px]'>
<RangePicker placeholder={["选择起始时间", "选择结束时间"]} />
</Form.Item>

View File

@@ -154,15 +154,15 @@ const CommentPage = () => {
<Card className='my-2 overflow-scroll'>
<Form layout="inline" onFinish={onSubmit} autoComplete="off" className='flex-nowrap'>
<Form.Item label="标题" name="title" className='w-2/12'>
<Form.Item label="标题" name="title" className='min-w-[200px]'>
<Input placeholder='请输入标题关键词' />
</Form.Item>
<Form.Item label="内容" name="content" className='w-2/12'>
<Form.Item label="内容" name="content" className='min-w-[200px]'>
<Input placeholder='请输入内容关键词' />
</Form.Item>
<Form.Item label="时间范围" name="createTime" className='w-3/12'>
<Form.Item label="时间范围" name="createTime" className='min-w-[250px]'>
<RangePicker placeholder={["选择起始时间", "选择结束时间"]} />
</Form.Item>

View File

@@ -166,11 +166,11 @@ const FootprintPage = () => {
<Card className='my-2 overflow-scroll'>
<div className='flex'>
<Form layout="inline" onFinish={onFilterSubmit} autoComplete="off" className='flex-nowrap w-full'>
<Form.Item label="地址" name="address" className='w-2/12'>
<Form.Item label="地址" name="address" className='min-w-[200px]'>
<Input placeholder='请输入地址关键词' />
</Form.Item>
<Form.Item label="时间范围" name="createTime" className='w-3/12'>
<Form.Item label="时间范围" name="createTime" className='min-w-[250px]'>
<RangePicker placeholder={["选择起始时间", "选择结束时间"]} />
</Form.Item>

View File

@@ -122,11 +122,11 @@ const WallPage = () => {
<Card className='my-2 overflow-scroll'>
<Form layout="inline" onFinish={onSubmit} autoComplete="off" className='flex-nowrap'>
<Form.Item label="内容" name="content" className='w-2/12'>
<Form.Item label="内容" name="content" className='min-w-[200px]'>
<Input placeholder='请输入内容关键词' />
</Form.Item>
<Form.Item label="分类" name="cateId" className='w-2/12'>
<Form.Item label="分类" name="cateId" className='min-w-[200px]'>
<Select
allowClear
options={cateList}
@@ -135,7 +135,7 @@ const WallPage = () => {
/>
</Form.Item>
<Form.Item label="时间范围" name="createTime" className='w-3/12'>
<Form.Item label="时间范围" name="createTime" className='min-w-[250px]'>
<RangePicker placeholder={["选择起始时间", "选择结束时间"]} />
</Form.Item>