规则维护添加修改表字段添加模糊查询

src/components/FieldRules/addRules.js

@@ -79,8 +79,14 @@ function ContentForm(props) {
             }
         })
     }
-    function getAddUpColumnName() {
-        post(api.getAddUpColumnName).then((res) => {
+    function getAddUpColumnName(tableCname, tableEname, columnCname, columnEname) {
+        post(api.getAddUpColumnName, {
+            tableCname: tableCname,
+            tableEname: tableEname,
+            columnCname: columnCname,
+            columnEname: columnEname,
+
+        }).then((res) => {
             if (res.data.code === 200) {
                 const data = res.data.data;
                 let columnList = []
@@ -95,7 +101,7 @@ function ContentForm(props) {
                 //         detail.columnList.forEach(it => {
                 //             if (item.getTableNameDTO.tableCname == it.tableCname) {
                 //                 let colList = [[]]
-                //                 colList[0] = data[i].getColumnNameDTOList
+                //                 colList[0] = data[i].DTOList
                 //                 setColList([...colList])
                 //             }
                 //         });
@@ -119,6 +125,22 @@ function ContentForm(props) {
             columnList: columnList
         });
     }
+    //表名称搜索(中文)
+    function cnameSearch(val) {
+        getAddUpColumnName(val, '', '', '')
+    }
+    //表名称搜索(英文)
+    function enameSearch(val) {
+        getAddUpColumnName('', val, '', '')
+    }
+    //字段名称搜索(中文)
+    function colmeSearch(val) {
+        getAddUpColumnName(val, '', '', '')
+    }
+    //字段名称搜索(英文)
+    function coleneSearch(val) {
+        getAddUpColumnName('', val, '', '')
+    }
     //表字段添加
     function modifyData(i) {
         const formData = form.getFieldsValue();
@@ -218,7 +240,7 @@ function ContentForm(props) {
 
             });
         }
-        if(type == 2){
+        if (type == 2) {
             seDisable(false)
         }
     }, []);
@@ -241,7 +263,7 @@ function ContentForm(props) {
                                     <div className='item'>
                                         <div className='item-box'>
                                             <Form.Item label="表名称（中文）" rules={[{ required: true }]} style={{ width: '50%' }} name={['columnList', i, 'tableCname']} labelAlign="right" >
-                                                <Select allowClear onChange={tablechange} style={{ width: 160 }} placeholder="请选择">
+                                                <Select allowClear showSearch onChange={tablechange} onSearch={cnameSearch} style={{ width: 160 }} placeholder="请选择">
                                                     {tableList.map((item) => {
                                                         return (
                                                             <Option value={item.tableCname} key={item.index}>{item.tableCname}</Option>
@@ -250,7 +272,7 @@ function ContentForm(props) {
                                                 </Select>
                                             </Form.Item>
                                             <Form.Item label="表名称（英文）" rules={[{ required: true }]} name={['columnList', i, 'tableEname']} labelAlign="right">
-                                                <Select allowClear onChange={tablechange} style={{ width: 160 }} placeholder="请选择" >
+                                                <Select allowClear showSearch onChange={tablechange} onSearch={enameSearch} style={{ width: 160 }} placeholder="请选择" >
                                                     {tableList.map((item) => {
                                                         return (
                                                             <Option value={item.tableEname} key={item.index}>{item.tableEname}</Option>
@@ -261,7 +283,7 @@ function ContentForm(props) {
                                         </div>
                                         <div className='item-box'>
                                             <Form.Item label="字段名称（中文）" rules={[{ required: true }]} style={{ width: '50%' }} name={['columnList', i, 'columnCname']} labelAlign="right">
-                                                <Select allowClear onChange={colchange} style={{ width: 160 }} placeholder="请选择" disabled={disable}>
+                                                <Select allowClear showSearch onChange={colchange} onSearch={colmeSearch} style={{ width: 160 }} placeholder="请选择" disabled={disable}>
                                                     {colList[i].map((item) => {
                                                         return (
                                                             <Option value={item.columnCname} key={item.id} index={i}>{item.columnCname}</Option>
@@ -270,7 +292,7 @@ function ContentForm(props) {
                                                 </Select>
                                             </Form.Item>
                                             <Form.Item label="字段名称（英文）" rules={[{ required: true }]} name={['columnList', i, 'columnEname']} labelAlign="right">
-                                                <Select allowClear onChange={colchange} style={{ width: 160 }} placeholder="请选择" disabled={disable}>
+                                                <Select allowClear showSearch onChange={colchange} onSearch={coleneSearch} style={{ width: 160 }} placeholder="请选择" disabled={disable}>
                                                     {colList[i].map((item) => {
                                                         return (
                                                             <Option value={item.columnEname} key={item.id} index={i}>{item.columnEname}</Option>