前言

代码案例LogItem.js

import React, { useState, useEffect, useCallback, memo } from 'react';
import {
    Modal,
    Input,
    message,
    Form,
    Select,
    Table,
    Button,
    Row,
    Col,
    Card,
    DatePicker,
    Cascader,
    Tabs,
    Typography, InputNumber
} from 'antd';
import { Menu } from '../service';
import {
    useQueryOrderDetailMutation, useManufactureAddMutation
} from '@/restapi/service/order/order'
import {
    useLazyQueryBaseCustomerQuery,
    useLazyQueryCategoryListQuery, useLazyQueryColorTypeListQuery, useLazyQuerySizeTypeListQuery,
    useLazyQueryStyleDataListQuery
} from "@/restapi/service/commonselect/tablerestapi";
import styles from "./indexOrder.module.less";
import { SingleValueType } from 'rc-cascader/lib/Cascader';
import { useQueryRegionListMutation } from "@/restapi/service/factory/factory";
import moment from "moment";
import { useNavigate } from "react-router";
const { Option } = Select
const { TabPane } = Tabs;
interface AddOrEditMenuFormProps {
    id?: number;
}
export interface AddOrEditMenuProps {
    visible: boolean;
    menu: Menu | null;
    onClose: () => void;
    onConfirm: (obj: any) => void;
    list: any[]
}
type ListItemType = {
    code?: string | number;
    id?: string;
    name?: string;
}
interface Option {
    id?: string;
    name?: string;
    children?: Option[];
}
const isEditing = (record: any) => {
    return record.editable;
};
type ValueType = SingleValueType | SingleValueType[]
const AddScModel: React.FC