Преглед изворни кода

select 项目控件 支持搜索

魏熙美 пре 5 година
родитељ
комит
a096c626d4

+ 10
- 2
src/components/SelectButton/BuildSelect.jsx Прегледај датотеку

@@ -49,9 +49,17 @@ const BuildingSelect = (props) => {
49 49
   }
50 50
 
51 51
   return (
52
-      <Select value={'' === value ? undefined : value} style={{ width: '180px' }} placeholder="请选择项目" onChange={handleChange}>
52
+      <Select
53
+      showSearch
54
+      value={'' === value ? undefined : value}
55
+      style={{ width: '180px' }} 
56
+      placeholder="请选择项目" 
57
+      onChange={handleChange}
58
+      filterOption={(input, option) =>
59
+        option.props.children && option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
60
+      }>
53 61
           {data.map(building => (
54
-            <Option key={building.buildingId}>{building.buildingName}</Option>
62
+            <Option key={building.buildingId} value={building.buildingId}>{building.buildingName}</Option>
55 63
           ))}
56 64
       </Select>
57 65
   )

+ 1
- 1
src/components/SelectButton/CitySelect.jsx Прегледај датотеку

@@ -33,7 +33,7 @@ const CitySelect = (props) => {
33 33
       <Select 
34 34
       showSearch 
35 35
       value={props.value} 
36
-      style={{ width: '180px' }} 
36
+      style={{ width: '180px' }}
37 37
       placeholder="请选择城市" 
38 38
       onChange={props.onChange} 
39 39
       filterOption={(input, option) =>

+ 6
- 0
src/pages/customer/recommendCustomer/index.jsx Прегледај датотеку

@@ -6,6 +6,7 @@ import apis from '../../../services/apis';
6 6
 import Styles from './style.less';
7 7
 import { router } from 'umi';
8 8
 import AuthButton from '@/components/AuthButton';
9
+import BuildingSelect from '@/components/SelectButton/BuildSelect';
9 10
 
10 11
 
11 12
 const { Option } = Select;
@@ -215,6 +216,11 @@ function body(props) {
215 216
             </Select>,
216 217
           )}
217 218
         </Form.Item>
219
+        <Form.Item>
220
+          {getFieldDecorator('buildingId')(
221
+            <BuildingSelect />,
222
+          )}
223
+        </Form.Item>
218 224
         <Form.Item style={{ position:'absolute',right:'38px' }}>
219 225
             <Button type="primary" htmlType="submit" >
220 226
               搜索