From 694b226de9c1f675d69668490d225c7e93b19059 Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Fri, 14 Nov 2025 15:58:17 +0800
Subject: [PATCH] =?UTF-8?q?feat(component-env):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E7=8E=AF=E5=A2=83=E6=90=9C=E7=B4=A2=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增搜索文本状态管理
- 实现搜索输入框和按钮
- 集成搜索功能到环境列表获取逻辑
- 优化搜索按钮样式和间距
---
 .../componentEnv/index.tsx                    | 29 ++++++++++++-------
 1 file changed, 18 insertions(+), 11 deletions(-)

diff --git a/src/pages/componentDevelopment/componentEnv/index.tsx b/src/pages/componentDevelopment/componentEnv/index.tsx
index 1491bd1..1055a07 100644
--- a/src/pages/componentDevelopment/componentEnv/index.tsx
+++ b/src/pages/componentDevelopment/componentEnv/index.tsx
@@ -16,6 +16,7 @@ const ComponentEnv = () => {
   const [editingRecord, setEditingRecord] = useState(null);
   const [selectedEnvType, setSelectedEnvType] = useState(null); // 选中的环境类型
   const [selectedArch, setSelectedArch] = useState(null); // 选中的架构类型
+  const [searchText, setSearchText] = useState(''); // 搜索文本
 
   const columns: TableColumnProps[] = [
     {
@@ -119,6 +120,7 @@ const ComponentEnv = () => {
     });
   };
 
+
   // 获取环境列表，根据选择的类型和架构进行过滤
   const getEnvList = async (extraValue?: string, type?: string) => {
     // 构造查询参数
@@ -191,11 +193,22 @@ const ComponentEnv = () => {
 
         <div className={styles['component-env-header-right']}>
           <Space split={<Divider type="vertical" />}>
-            <Input
-              prefix={<IconSearch />}
-              placeholder={'搜索'}
-              style={{ width: 236 }}
-            />
+            <div>
+              <Input
+                prefix={<IconSearch />}
+                placeholder={'搜索'}
+                style={{ width: 236, marginRight: 5 }}
+                value={searchText}
+                onChange={(value) => setSearchText(value)}
+              />
+              <Button
+                type="primary"
+                style={{ borderRadius: 4 }}
+                onClick={() => getEnvList(searchText, 'name')}
+              >
+                搜索
+              </Button>
+            </div>
             <Button
               type="primary"
               style={{ borderRadius: 4 }}
@@ -227,9 +240,3 @@ const ComponentEnv = () => {
 };
 
 export default ComponentEnv;
-
-
-
-
-
-