|
@@ -5,7 +5,7 @@ import consts from '@/consts'
|
|
|
import { queryRoadpricingListV2 } from '@/services/product'
|
|
import { queryRoadpricingListV2 } from '@/services/product'
|
|
|
import { validateEnum } from '@/pages/Customer/Company/components/AddCompany/CompanyFormItem'
|
|
import { validateEnum } from '@/pages/Customer/Company/components/AddCompany/CompanyFormItem'
|
|
|
|
|
|
|
|
-const EnterpriseSearchSelect = ({ value, onChange, disabled, validateFn }) => {
|
|
|
|
|
|
|
+const EnterpriseSearchSelect = ({ value, onChange, disabled }) => {
|
|
|
const { Option } = Select
|
|
const { Option } = Select
|
|
|
const [state, setState] = useState({
|
|
const [state, setState] = useState({
|
|
|
inputVal: value,
|
|
inputVal: value,
|
|
@@ -26,41 +26,26 @@ const EnterpriseSearchSelect = ({ value, onChange, disabled, validateFn }) => {
|
|
|
if (code === consts.RET_CODE.SUCCESS) {
|
|
if (code === consts.RET_CODE.SUCCESS) {
|
|
|
const { list = [] } = data
|
|
const { list = [] } = data
|
|
|
setState({ ...state, roadlist: list })
|
|
setState({ ...state, roadlist: list })
|
|
|
- if (list?.length) {
|
|
|
|
|
- validateFn(validateEnum.Success)
|
|
|
|
|
- } else {
|
|
|
|
|
- validateFn(validateEnum.Error)
|
|
|
|
|
- }
|
|
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
const { run: handleQueryList, cancel: cancelQuerying } = useDebounceFn(queryRoadList, {
|
|
const { run: handleQueryList, cancel: cancelQuerying } = useDebounceFn(queryRoadList, {
|
|
|
- wait: 600
|
|
|
|
|
|
|
+ wait: 250
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
const handleOnSearch = async value => {
|
|
const handleOnSearch = async value => {
|
|
|
if (value) {
|
|
if (value) {
|
|
|
- handleQueryList(value)
|
|
|
|
|
- console.log(value)
|
|
|
|
|
|
|
+ await handleQueryList(value)
|
|
|
setState({ ...state, inputVal: value })
|
|
setState({ ...state, inputVal: value })
|
|
|
} else {
|
|
} else {
|
|
|
setState({ ...state, inputVal: value, roadlist: null })
|
|
setState({ ...state, inputVal: value, roadlist: null })
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- const handleOnChange = async e => {
|
|
|
|
|
- const val = e.target.value || ''
|
|
|
|
|
- // if (!val) {
|
|
|
|
|
- // cancelQuerying()
|
|
|
|
|
- // setState({ ...state, inputVal: val, roadlist: null, visible: false })
|
|
|
|
|
- // validateFn(validateEnum.Error)
|
|
|
|
|
- // } else {
|
|
|
|
|
- // setState({ ...state, inputVal: val })
|
|
|
|
|
- // validateFn(validateEnum.Validating)
|
|
|
|
|
- // handleQueryList(val)
|
|
|
|
|
- // }
|
|
|
|
|
|
|
+ const handleOnChange = async val => {
|
|
|
|
|
+ setState({ ...state, inputVal: val })
|
|
|
triggerChange(val)
|
|
triggerChange(val)
|
|
|
}
|
|
}
|
|
|
- const options = roadlist?.map(item => ({ key: item.ID, value: item.realName }))
|
|
|
|
|
|
|
+ const options = roadlist?.map(item => ({ label: item.realName, value: item.ID }))
|
|
|
return (
|
|
return (
|
|
|
<Select
|
|
<Select
|
|
|
showSearch
|
|
showSearch
|
|
@@ -71,6 +56,7 @@ const EnterpriseSearchSelect = ({ value, onChange, disabled, validateFn }) => {
|
|
|
value={inputVal}
|
|
value={inputVal}
|
|
|
options={options}
|
|
options={options}
|
|
|
disabled={disabled}
|
|
disabled={disabled}
|
|
|
|
|
+ allowClear
|
|
|
onSearch={handleOnSearch}
|
|
onSearch={handleOnSearch}
|
|
|
onChange={handleOnChange}
|
|
onChange={handleOnChange}
|
|
|
notFoundContent={null}
|
|
notFoundContent={null}
|