select 项目控件 支持搜索

src/components/SelectButton/BuildSelect.jsx

@@ -49,9 +49,17 @@ const BuildingSelect = (props) => {
   }
 
   return (
-      <Select value={'' === value ? undefined : value} style={{ width: '180px' }} placeholder="请选择项目" onChange={handleChange}>
+      <Select
+      showSearch
+      value={'' === value ? undefined : value}
+      style={{ width: '180px' }} 
+      placeholder="请选择项目" 
+      onChange={handleChange}
+      filterOption={(input, option) =>
+        option.props.children && option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      }>
           {data.map(building => (
-            <Option key={building.buildingId}>{building.buildingName}</Option>
+            <Option key={building.buildingId} value={building.buildingId}>{building.buildingName}</Option>
           ))}
       </Select>
   )

src/components/SelectButton/CitySelect.jsx

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

src/pages/customer/recommendCustomer/index.jsx

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