adai/MemoryBear
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(web): ApplicationManagement add type filter

Browse Source
This commit is contained in:
zhaoying
2026-02-04 18:58:11 +08:00
parent 10ed093eb8
commit 95745ba869
2 changed files with 21 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/views/ApplicationManagement/components/ApplicationModal.tsx
View File

@@ -35,7 +35,7 @@ interface ApplicationModalProps {
/** /**
* Supported application types * Supported application types
*/ */
const types = [ export const types = [
'agent', 'agent',
'multi_agent', 'multi_agent',
'workflow' 'workflow'

25
web/src/views/ApplicationManagement/index.tsx
View File

@@ -1,8 +1,8 @@
/* /*
* @Author: ZhaoYing * @Author: ZhaoYing
* @Date: 2026-02-03 16:34:12 * @Date: 2026-02-03 16:34:12
* @Last Modified by: ZhaoYing * @Last Modified by: ZhaoYing
* @Last Modified time: 2026-02-03 16:34:12 * @Last Modified time: 2026-02-04 18:57:35
*/ */
/** /**
* Application Management Page * Application Management Page
@@ -12,12 +12,12 @@
import React, { useState, useRef } from 'react'; import React, { useState, useRef } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { Button, Row, Col, App } from 'antd'; import { Button, Row, Col, App, Select } from 'antd';
import clsx from 'clsx'; import clsx from 'clsx';
import { DeleteOutlined } from '@ant-design/icons'; import { DeleteOutlined } from '@ant-design/icons';
import type { Application, ApplicationModalRef, Query } from './types'; import type { Application, ApplicationModalRef, Query } from './types';
import ApplicationModal from './components/ApplicationModal'; import ApplicationModal, { types } from './components/ApplicationModal';
import SearchInput from '@/components/SearchInput' import SearchInput from '@/components/SearchInput'
import RbCard from '@/components/RbCard/Card' import RbCard from '@/components/RbCard/Card'
import { getApplicationListUrl, deleteApplication } from '@/api/application' import { getApplicationListUrl, deleteApplication } from '@/api/application'
@@ -65,10 +65,25 @@ const ApplicationManagement: React.FC = () => {
} }
}) })
} }
const handleChangeType = (value?: string) => {
setQuery(prev => ({...prev, type: value}))
}
return ( return (
<> <>
<Row gutter={16} className="rb:mb-4"> <Row gutter={16} className="rb:mb-4">
<Col span={12}> <Col span={3}>
<Select
placeholder={t('application.applicationType')}
options={types.map((type) => ({
value: type,
label: t(`application.${type}`),
}))}
allowClear
className="rb:w-full"
onChange={handleChangeType}
/>
</Col>
<Col span={9}>
<SearchInput <SearchInput
placeholder={t('application.searchPlaceholder')} placeholder={t('application.searchPlaceholder')}
onSearch={(value) => setQuery({ search: value })} onSearch={(value) => setQuery({ search: value })}