Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
S
saas-bi
项目
项目
详情
活动
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
图表
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
EzijingWeb
saas-bi
Commits
05606e8e
提交
05606e8e
authored
3月 21, 2025
作者:
王鹏飞
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
chore: update
上级
350da781
隐藏空白字符变更
内嵌
并排
正在显示
1 个修改的文件
包含
9 行增加
和
3 行删除
+9
-3
AppList.tsx
src/components/AppList.tsx
+9
-3
没有找到文件。
src/components/AppList.tsx
浏览文件 @
05606e8e
...
...
@@ -2,6 +2,7 @@ import { useState, useImperativeHandle, forwardRef } from 'react'
import
{
Table
,
Form
,
Button
,
Space
,
Flex
}
from
'antd'
import
type
{
TableProps
}
from
'antd'
import
{
useQuery
}
from
'@tanstack/react-query'
import
{
debounce
}
from
'lodash-es'
export
interface
QueryParams
{
[
key
:
string
]:
any
...
...
@@ -45,9 +46,9 @@ const AppList = forwardRef<AppListRef, AppListProps>(
// 提交筛选
const
handleSearch
=
(
values
:
Record
<
string
,
any
>
)
=>
{
console
.
log
(
values
)
setQueryParams
((
prev
)
=>
({
...
prev
,
...
values
,
page
:
1
}))
}
const
handleSearchDebounce
=
debounce
(
handleSearch
,
500
)
const
handleReset
=
()
=>
{
form
.
resetFields
()
...
...
@@ -71,9 +72,14 @@ const AppList = forwardRef<AppListRef, AppListProps>(
const
filterElement
=
(
<
div
className=
"app-list-filter"
style=
{
{
marginBottom
:
20
}
}
>
<
Flex
justify=
"space-between"
>
<
Form
layout=
"inline"
autoComplete=
"off"
form=
{
form
}
onFinish=
{
handleSearch
}
>
<
Form
layout=
"inline"
autoComplete=
"off"
form=
{
form
}
onFinish=
{
handleSearch
}
onValuesChange=
{
handleSearchDebounce
}
>
{
filters
.
map
((
item
,
index
)
=>
(
<
Form
.
Item
label=
{
item
.
label
}
name=
{
item
.
name
}
key=
{
index
}
>
<
Form
.
Item
label=
{
item
.
label
}
name=
{
item
.
name
}
key=
{
index
}
style=
{
{
minWidth
:
140
}
}
>
{
item
.
element
}
</
Form
.
Item
>
))
}
...
...
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论