#

zhou zhou

20 小时以前 902069e82d959289d1824f3ae3e9f38df072edb0

 rsf-admin/src/page/components/DictionarySelect.jsx

@@ -1,25 +1,31 @@
import EditIcon from '@mui/icons-material/Edit';
import { useState, useEffect } from 'react';
import { useState, useEffect, useMemo } from 'react';
import {
    Button, useListContext, SelectInput,
    required, SelectArrayInput,
    useTranslate, useNotify
} from 'react-admin';
import { useFormContext } from 'react-hook-form';
import request from '@/utils/request';

const DictionarySelect = (props) => {
    const { 
        dictTypeCode, 
        name, 
        multiple = false, 
    const {
        dictTypeCode,
        name,
        group,
        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);

    useEffect(() => {
        http();
@@ -28,12 +34,13 @@
    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 {
@@ -52,12 +59,49 @@
        }
    };

    // 确保当前值在选项中，如果不在且正在加载，添加占位选项
    const choices = useMemo(() => {
        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 [];
        }

        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, multiple]);

    const InputComponent = multiple ? SelectArrayInput : SelectInput;

    return (
        <InputComponent
            source={name}
            choices={list}
            choices={choices}
            isLoading={loading}
            {...parmas}
        />