| | |
| | | import request from '@/utils/request'; |
| | | |
| | | const DictionarySelect = (props) => { |
| | | const { |
| | | dictTypeCode, |
| | | name, |
| | | const { |
| | | dictTypeCode, |
| | | name, |
| | | group, |
| | | multiple = false, |
| | | multiple = false, |
| | | perPage = 100, // 默认每页显示100条数据 |
| | | page = 1, // 默认第一页 |
| | | ...parmas |
| | | ...parmas |
| | | } = props; |
| | | const translate = useTranslate(); |
| | | const notify = useNotify(); |
| | | const { watch } = useFormContext(); |
| | | const [list, setList] = useState([]); |
| | | const [loading, setLoading] = useState(false); |
| | | |
| | | |
| | | // 获取当前表单值 |
| | | const currentValue = watch(name); |
| | | |
| | |
| | | const http = async () => { |
| | | setLoading(true); |
| | | try { |
| | | const res = await request.post('/dictData/page', { |
| | | const res = await request.post('/dictData/page', { |
| | | dictTypeCode, |
| | | group, |
| | | current: page, |
| | | pageSize: perPage |
| | | }); |
| | | |
| | | |
| | | if (res?.data?.code === 200) { |
| | | setList(res.data.data.records.map((item) => { |
| | | return { |
| | |
| | | if (!list || list.length === 0) { |
| | | // 如果列表为空但当前有值,添加占位选项以避免警告 |
| | | if (currentValue !== undefined && currentValue !== null && currentValue !== '') { |
| | | if (multiple && Array.isArray(currentValue)) { |
| | | return currentValue.map(v => ({ id: v, name: String(v) })); |
| | | } |
| | | return [{ id: currentValue, name: String(currentValue) }]; |
| | | } |
| | | return []; |
| | | } |
| | | |
| | | // 检查当前值是否在选项中 |
| | | const valueExists = list.some(item => String(item.id) === String(currentValue)); |
| | | |
| | | // 如果当前值不在选项中,添加它(可能是加载延迟导致的) |
| | | if (currentValue !== undefined && currentValue !== null && currentValue !== '' && !valueExists) { |
| | | return [...list, { id: currentValue, name: String(currentValue) }]; |
| | | |
| | | if (currentValue !== undefined && currentValue !== null && currentValue !== '') { |
| | | if (multiple && Array.isArray(currentValue)) { |
| | | let newChoices = [...list]; |
| | | currentValue.forEach(val => { |
| | | const exists = newChoices.some(item => String(item.id) === String(val)); |
| | | if (!exists) { |
| | | newChoices.push({ id: val, name: String(val) }); |
| | | } |
| | | }); |
| | | return newChoices; |
| | | } else { |
| | | // 检查当前值是否在选项中 |
| | | const valueExists = list.some(item => String(item.id) === String(currentValue)); |
| | | |
| | | // 如果当前值不在选项中,添加它(可能是加载延迟导致的) |
| | | if (!valueExists) { |
| | | return [...list, { id: currentValue, name: String(currentValue) }]; |
| | | } |
| | | } |
| | | } |
| | | |
| | | |
| | | return list; |
| | | }, [list, currentValue]); |
| | | }, [list, currentValue, multiple]); |
| | | |
| | | const InputComponent = multiple ? SelectArrayInput : SelectInput; |
| | | |