Function Process

web/packages/tca-layout/src/modules/nodes/process/index.tsx:25–232

()

const { Column } = Table;

const Process = () => {
  const { orgSid, nodeId }: any = useParams();
  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 getNodePorcessRequest = async (id: number) => {
    setLoading(true);
    const process: { [key: string]: any } = await getNodeProcess(orgSid, 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 getNode(orgSid, nodeId);
      setNodeInfo(node);
      await getNodePorcessRequest(nodeId);
    })();
  }, []);

  // 全选、全不选
  const onSelectAllChange = (e: CheckboxChangeEvent) => {
    setProcessTableData((data: Array<any>) => data.map((item: any) => {
      Object.keys(item).forEach((key) => {
        // eslint-disable-next-line no-param-reassign
        item[key].supported = e.target.checked;
        if (key === 'checktool') {
          // eslint-disable-next-line no-param-reassign
          item[key].indeterminate = false;
        }
      });
      return item;
    }));
  };

  // 全选某行，全不选某行
  const onSelectRowAllChange = (e: CheckboxChangeEvent, index: number) => {
    setProcessTableData((data: Array<any>) => {
      const item = data[index];