// material-ui import { Grid, Typography } from '@mui/material'; import MainCard from "../../../components/MainCard"; import {useEffect, useState} from "react"; import axios from "axios"; import {apiPath} from "../../../auth/utils"; import { // GET_DIVISION_FROM_SUB_DIVISION, GET_CLIENT_PATH, // GET_SEARCH_TEMPLATE_COMBO_PATH, // GET_SEARCH_TEMPLATE_PATH } from "../../../utils/ApiPathConst"; import * as React from "react"; import LoadingComponent from "../../extra-pages/LoadingComponent"; import ClientTable from "./ClientTable"; import ClientSearchForm from "./ClientSearchForm"; import Qs from "qs"; // import Autocomplete from "@mui/material/Autocomplete"; import {isObjEmpty} from "../../../utils/Utils"; import {isFormEmpty} from "../../../utils/CommonFunction"; // import UploadContext from "../../components/UploadProvider"; // import {useLocation} from "react-router-dom"; // import dayjs from "dayjs"; import {LIONER_FORM_THEME, CARD_MAX_WIDTH} from "../../../themes/themeConst"; import {ThemeProvider} from "@emotion/react"; // ==============================|| DASHBOARD - DEFAULT ||============================== // const ClientSearchPage = () => { const [onReady, setOnReady] = useState(false); const [expanded, setExpanded] = React.useState(true); const [record,setRecord] = useState([]); const [searchCriteria, setSearchCriteria] = useState({}); function getClientList() { // const userSubDivision = queryParams.get('userSubDivision'); // const year = queryParams.get('year'); // const temp = { // fromDate: year === null ? null : dayjs(year+"-01-01").format('YYYY-MM-DD'), // toDate: year === null ? null : dayjs(year+"-12-31").format('YYYY-MM-DD'), // divisionIdList: userSubDivision === "true" ? [userDivision.id] : null, // }; axios.get(`${apiPath}${GET_CLIENT_PATH}`, { params: searchCriteria, // params: isInit? temp : searchCriteria, paramsSerializer: function (params) { return Qs.stringify(params, { arrayFormat: 'repeat' }); }, } ) .then((response) => { if (response.status === 200) { if (!isFormEmpty(searchCriteria) && !isObjEmpty(response.data.records)) { setExpanded(false); } setRecord(response.data.records); setOnReady(true); } }) .catch(error => { console.log(error); return false; }); } useEffect(() => { getClientList(); }, [searchCriteria]); // useEffect(() => { // if(isObjEmpty(searchCriteria)){ // getClientList(); // } // console.log("1st"); // }, []); function applySearch(input) { // console.log("SearchCriteria:") // console.log(input) setSearchCriteria(input); } return ( Search Client {/* Search Form */} {!onReady? : // Client Table
}
); }; export default ClientSearchPage;