Function Process

web/packages/tca-manage/src/modules/process/index.tsx:14–249

()

import s from './style.scss';

const Process = () => {
  const [nodeInfo, setNodeInfo] = useState<any>(null);
  const [processTableData, setProcessTableData] = useState<Array<any>>([]);
  const [loading, setLoading] = useState(false);

  const checkedAll = processTableData.every(item => item.checktool.supported);
  const uncheckedAll = processTableData.every(item => !item.checktool.supported);
  const checkedAllIndeterminate = !uncheckedAll && !checkedAll;

  const { nodeId }: any = useParams();

  const getNodePorcessRequest = async (id: number) => {
    setLoading(true);
    const process: { [key: string]: any } = await getNodeProcess(id);
    const data = Object.keys(process).map((key: string) => {
      const item = process[key];
      const supported = Object.keys(item).every((k: string) => item[k].supported);
      const unsupported = Object.keys(item).every((k: string) => !item[k].supported);
      return {
        checktool: {
          name: key,
          supported,
          indeterminate: !supported && !unsupported,
        },
        ...process[key],
      };
    });
    setProcessTableData(data);
    setLoading(false);
    return process;
  };

  useEffect(() => {
    (async () => {
      const node = await nodeAPI.getDetail(nodeId);
      setNodeInfo(node);
      await getNodePorcessRequest(nodeId);
    })();
  }, [nodeId]);

  // 全选、全不选
  const onSelectAllChange = (checked: boolean) => {
    setProcessTableData((data: Array<any>) => data.map((item: any) => {
      Object.keys(item).forEach((key) => {
        item[key].supported = checked;
        if (key === 'checktool') {
          item[key].indeterminate = false;
        }
      });
      return item;
    }));
  };

  // 全选某行，全不选某行
  const onSelectRowAllChange = (checked: boolean, index: number) => {
    setProcessTableData((data: Array<any>) => {
      const item = data[index];
      Object.keys(item).forEach((key) => {