|
|
@ -6,19 +6,19 @@ import { View, Picker, Image, Input, Text } from '@tarojs/components' |
|
|
|
import arrowIcon from '../../../static/img/patrol/arrow-down.svg' |
|
|
|
import './index.scss' |
|
|
|
|
|
|
|
export default function InputPicker(props) { |
|
|
|
const { title, placeholder, selector, value, onInput, isView } = props |
|
|
|
export default function InputPicker (props) { |
|
|
|
const { title, placeholder, selector, value, onInput, isView, onlySelect } = props |
|
|
|
const [curSelector, setCurSelector] = useState([]) |
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
setCurSelector(selector) |
|
|
|
}, []) |
|
|
|
|
|
|
|
useEffect(()=>{ |
|
|
|
useEffect(() => { |
|
|
|
handleInput({ detail: { value: value } }) |
|
|
|
},[value]) |
|
|
|
}, [value]) |
|
|
|
|
|
|
|
function handleInput({ detail: { value: v } }) { |
|
|
|
function handleInput ({ detail: { value: v } }) { |
|
|
|
onInput(v) |
|
|
|
if (v) { |
|
|
|
setCurSelector(selector.filter(item => item && item.includes(v))) |
|
|
@ -30,7 +30,7 @@ export default function InputPicker(props) { |
|
|
|
const handlePickerChange = (e) => { |
|
|
|
onInput(curSelector[e.detail.value]) |
|
|
|
} |
|
|
|
|
|
|
|
console.log(onlySelect); |
|
|
|
return ( |
|
|
|
<View className='input-picker'> |
|
|
|
<View className='input-box'> |
|
|
@ -42,7 +42,7 @@ export default function InputPicker(props) { |
|
|
|
border={false} |
|
|
|
value={value} |
|
|
|
onInput={handleInput} |
|
|
|
disabled={isView} |
|
|
|
disabled={isView || onlySelect} |
|
|
|
/> |
|
|
|
</View> |
|
|
|
{ |
|
|
|