index.jsx

import React, { useContext, useState, useEffect, useRef } from 'react';
import { connect, history } from 'umi';
import { dispatchHandle } from '@/utils/publicHandle';
import {
  Form,
  Card,
  Tabs,
  Badge,
  Spin,
  Row,
  Col,
  Input,
  Select,
  Button,
  Table,
  InputNumber,
  Popover,
  Steps,
  Tag,
  Divider,
  message
} from 'antd';
const Index = (props) => {
    const [count, setCount] = useState(0);
    const { modelUrl, countData, countKeyName, dispatch ,modelName,auditStateKey,auditStateValue } = props;
    useEffect(() => {
            setCount(countData);
     }, [countData ]);
  useEffect(() => {
    let auditStateName = auditStateKey || 'auditState';
    let payload = {
      // auditState: 4,//待审批
      pageNumber: 1,
      pageSize: 10
    };
    if(auditStateValue){
      payload[String(auditStateName)] = auditStateValue; //传入进来的审批字段值
    }else{
      payload[String(auditStateName)] = 4; //待审批
    }
    
    console.log(`inner payload is=========>`, payload,`modelUrl is:`,modelUrl);
    dispatchHandle(dispatch, modelUrl, payload,(res,allRes)=> {
          //待审批状态下执行计数
      console.log(`allRes is:`, allRes);
        let tempObj = {};
        tempObj[String(countKeyName)] = allRes?.totalElements || 0;
          dispatchHandle(dispatch, modelName && `${modelName}/setModelsState` || 'ware/setModelsState', tempObj );
    });
  }, []);
    return (
        <span>
            {count}
        </span>
    )
};
export default connect(({ dict,universal }) => ({
  dict,universal,
}))(Index);