FEV2 / fw-cms

import React, { useEffect, useState } from "react";
import { Modal, Skeleton } from "antd";
import { queryThresholds, Item } from "../api";
import useInitial from "@/hooks/useInitail";
import SettingList from "./SettingList";

interface Props {
  visible: boolean;
  onCancel: () => void;
  id?: number;
}

export default ({ visible, onCancel, id }: Props) => {
  const { data, loading, setParams, setData } = useInitial<Item[], any>(queryThresholds, [], { id }, !id);

  useEffect(() => {
    if (visible && id) {
      setParams({ id }, true);
    }
    if (!visible) {
      setData([]);
    }
  }, [visible]);

  return (
    <Modal open={visible} onCancel={onCancel} cancelButtonProps={{ hidden: true }} onOk={onCancel} title="待办超时干预条件" width="55%">
      <Skeleton active loading={loading}>
        <SettingList disabled value={data || []} />
      </Skeleton>
    </Modal>
  );
};