// import { Card, Col, Form, Radio, Row, Select, Table } from "antd"; // import { LocationSaleOrderStatus } from "./location-wise-sale-order"; // import { TotalSaleOrders } from "./sale-order"; // import './dashboard.css' // import React, { useEffect, useState } from "react"; // import Donut from "./donut"; // import Barchart from "./barchat"; // import Line from "./line"; // import Column from "./column"; // import Highdonut from "./donut"; // import Highline from "./line"; // import Highbar from "./barchat"; // import Highcolumn from "./column"; // import CardComponent from "./dashboard-components/card-component"; // import { DatePicker } from 'antd'; // import { BarChartRequest, CardBodyDetails, CardDetail, CardHeader, CardHeaderBody, DohountRequest, Highlinereq, HighColumn, ChartSeries, HighChartReq, TitleValue, SoCountDetailResponse, SoQntDetailResponse, SoLongRunResponse, SoComparisonDetailsResponse, SoDeadStockDetailsResponse, SoYearWisePlanningDetailsResponse, SoYearWiseShippedDetailsResponse, SoProductionStatusDetailsResponse, SoProductCompleteNotShippedResponse, SoCountDetail, SoQntDetail, UserDateRequest, SoLongRunDetails, SoComparisonDetails, SoProductionStatusDetails, SoYearWisePlanningDetails, SoProductCompleteNotShipped, SoDeadStockDetails, SoYearWiseShippedDetails, SoTopFiveDetails, UnitRequest, EndCustomerReq, } from "@gtpl/shared-models/common-models"; // import { LineSeries } from "libs/shared-models/common-models/src/lib/dashboards/line-series"; // import { ColumnRequest } from "@gtpl/shared-models/masters"; // import Highchartbar from "./highchart"; // import { SaleOrderService } from "@gtpl/shared-services/sale-management"; // import { AlertMessages } from "@gtpl/shared-utils/alert-messages"; // import { Button, Tooltip } from 'antd'; // import { SearchOutlined } from '@ant-design/icons'; // import moment from "moment"; // import { DestinationService } from "@gtpl/shared-services/masters"; // import { DestinationDto } from "@gtpl/shared-models/masters"; // import type { SizeType } from 'antd/es/config-provider/SizeContext'; // import type { RadioChangeEvent } from 'antd'; // import { useHistory } from "react-router-dom"; // import { useForm } from "antd/lib/form/Form"; // export const Dashboard = () => { // const [saleOrderCountDetail, setSaleOrderCountDetail] = useState([]); // const [saleOrderQtyDetail, setSaleOrderQtyDetail] = useState([]); // const [longRunSaleOrdersDetail, setLongRunSaleOrdersDetail] = useState([]); // const [saleOrderProductionInprogressDetail, setSaleOrderProductionInprogressDetail] = useState([]); // const [monthWiseSoCountDetail, setMonthWiseSoCountDetail] = useState([]); // const [monthWiseSoCountDetailPlnShp, setMonthWiseSoCountDetailPlnShp] = useState([]); // const [monthWiseSoCountDetailPrevCurYr, setMonthWiseSoCountDetailPrevCurYr] = useState([]); // const [soProductionCompleteNotShippedDetail, setSoProductionCompleteNotShippedDetail] = useState([]); // const [saleOrdersDeadStockDetail, setSaleOrdersDeadStockDetail] = useState([]); // const [saleOrdersComparisonDetail, setSaleOrdersComparisonDetail] = useState([]); // const [saleOrderYearWiseShippedDetail, setSaleOrderYearWiseShippedDetail] = useState([]); // const [saleOrderPrevYearCurrentYearDetail, setSaleOrderPrevYearCurrentYearDetail] = useState([]); // const [topFiveSaleOrdersDetail, setTopFiveSaleOrdersDetail] = useState([]); // const [soLifeCycleStatusCount, setSoLifeCycleStatusCount] = useState([]); // const [endcustomerWiseMonthlySOCount, setendcustomerWiseMonthlySOCount] = useState([]); // const saleOrderService = new SaleOrderService() // const { RangePicker } = DatePicker; // const [selectedFromDate, setSelectedFromDate] = useState(undefined); // const [selectedToDate, setSelectedToDate] = useState(undefined); // const [endCustomers, setEndCustomers] = useState([]); // const [selectedEndCustomers, setSelectedEndCustomers] = useState(); // const [size, setSize] = useState('middle'); // const [form] = useForm() // let history = useHistory() // const timeoutRef = setTimeout(() => { // history.push('/down-time-dashboard') // }, 120000); // console.log(timeoutRef,'ref') // const handleSizeChange = (e: RadioChangeEvent) => { // setSize(e.target.value); // } // useEffect(() => { // if (endcustomerWiseMonthlySOCount) { // console.log(endcustomerWiseMonthlySOCount) // } // }, [endcustomerWiseMonthlySOCount]) // const { Option } = Select; // useEffect(() => { // getSaleOrdersCountAndQtyDetail(); // getLongRunSaleOrdersDetail(); // getSaleOrderProductionStatusDetail(); // getSaleOrderYearWisePlannedDetail(); // getSoProductionCompleteNotShippedDetail(); // getSaleOrdersDeadStockDetail(); // getSaleOrdersComparisonDetail(); // getSaleOrderYearWiseShippedDetail(); // getTopFiveSaleOrdersDetail(); // getActiveEndCustomersDropDownData(); // getSoLifeCycleStatusCount(); // // getSaleOrderPrevYearCurrentYearDetail() // getendcustomerWiseMonthlySOCount(); // form.setFieldsValue({ planVsShipRange : // }, []) // const getSaleOrdersCountAndQtyDetail = () => { // const reqObj = new UserDateRequest(); // reqObj.fromDate = '2022-04-01'; // reqObj.toDate = '2023-03-31'; // reqObj.userName = 'User'; // saleOrderService.getSaleOrdersCounDetail(reqObj).then((res) => { // if (res.status) { // setSaleOrderCountDetail(res.data); // saleOrderService.getSaleOrdersQtyDetail(reqObj).then((res) => { // if (res.status) { // setSaleOrderQtyDetail(res.data); // } else { // setSaleOrderQtyDetail([]); // } // }).catch(err => { // AlertMessages.getErrorMessage(err.message); // setSaleOrderQtyDetail([]); // }) // } else { // setSaleOrderCountDetail([]); // } // }).catch(err => { // AlertMessages.getErrorMessage(err.message); // setSaleOrderCountDetail([]); // }); // } // const getLongRunSaleOrdersDetail = () => { // const reqObj = new UserDateRequest(); // reqObj.fromDate = '2022-04-01'; // reqObj.toDate = '2023-03-31'; // reqObj.userName = 'User'; // saleOrderService.getLongRunSaleOrdersDetail(reqObj).then((res) => { // if (res.status) { // setLongRunSaleOrdersDetail(res.data); // } else { // setLongRunSaleOrdersDetail([]); // } // }).catch(err => { // AlertMessages.getErrorMessage(err.message); // setLongRunSaleOrdersDetail([]); // }) // } // const getSaleOrdersComparisonDetail = () => { // const reqObj = new UserDateRequest(); // reqObj.fromDate = '2022-04-01'; // reqObj.toDate = '2023-03-31'; // reqObj.userName = 'User'; // saleOrderService.getSaleOrdersComparisonDetail(reqObj).then((res) => { // if (res.status) { // setSaleOrdersComparisonDetail(res.data); // } else { // setSaleOrdersComparisonDetail([]); // } // }).catch(err => { // AlertMessages.getErrorMessage(err.message); // setSaleOrdersComparisonDetail([]); // }) // } // const getSaleOrderProductionStatusDetail = () => { // const reqObj = new UserDateRequest(); // reqObj.fromDate = (selectedFromDate); // reqObj.toDate = (selectedToDate); // reqObj.userName = 'User'; // saleOrderService.getSaleOrderProductionStatusDetail(reqObj).then((res) => { // if (res.status) { // setSaleOrderProductionInprogressDetail(res.data); // } else { // setSaleOrderProductionInprogressDetail([]); // } // }).catch(err => { // AlertMessages.getErrorMessage(err.message); // setSaleOrderProductionInprogressDetail([]); // }) // } // const getSaleOrderYearWisePlannedDetail = () => { // const reqObj = new UserDateRequest(); // if (selectedFromDate && selectedToDate) { // reqObj.fromDate = (selectedFromDate); // reqObj.toDate = (selectedToDate); // reqObj.userName = 'User'; // } else { // // 2022 -> Jan 1st to Current date; // const currentYear = new Date().getFullYear(); // const fromDate = `${currentYear}-01-01`; // const toDate = new Date(); // reqObj.fromDate = '2022-04-01'; // reqObj.toDate = '2023-03-31'; // reqObj.userName = 'User'; // } // saleOrderService.getSaleOrderYearWisePlannedDetail(reqObj).then((res) => { // if (res.status) { // setMonthWiseSoCountDetail(res.data); // } else { // setMonthWiseSoCountDetail([]); // } // }).catch(err => { // AlertMessages.getErrorMessage(err.message); // setMonthWiseSoCountDetail([]); // }) // } // // const getSaleOrderPrevYearCurrentYearDetail = () => { // // const reqObj = new UserDateRequest(); // // reqObj.fromDate = (selectedFromDate); // // reqObj.toDate = (selectedToDate); // // reqObj.userName = 'User'; // // saleOrderService.getSaleOrderPrevYearCurrentYearDetail(reqObj).then((res) => { // // if (res.status) { // // setSaleOrderPrevYearCurrentYearDetail(res.data); // // } else { // // setSaleOrderPrevYearCurrentYearDetail([]); // // } // // }).catch(err => { // // AlertMessages.getErrorMessage(err.message); // // setSaleOrderPrevYearCurrentYearDetail([]); // // }) // // } // const getSoProductionCompleteNotShippedDetail = () => { // const reqObj = new UserDateRequest(); // reqObj.fromDate = (selectedFromDate); // reqObj.toDate = (selectedToDate); // reqObj.userName = 'User'; // saleOrderService.getSoProductionCompleteNotShippedDetail(reqObj).then((res) => { // if (res.status) { // setSoProductionCompleteNotShippedDetail(res.data); // } else { // setSoProductionCompleteNotShippedDetail([]); // } // }).catch(err => { // AlertMessages.getErrorMessage(err.message); // setSoProductionCompleteNotShippedDetail([]); // }) // } // const getSaleOrdersDeadStockDetail = () => { // const reqObj = new UserDateRequest(); // reqObj.fromDate = '2022-04-01'; // reqObj.toDate = '2023-03-31'; // reqObj.userName = 'User'; // saleOrderService.getSaleOrdersDeadStockDetail(reqObj).then((res) => { // if (res.status) { // setSaleOrdersDeadStockDetail(res.data); // } else { // setSaleOrdersDeadStockDetail([]); // } // }).catch(err => { // AlertMessages.getErrorMessage(err.message); // setSaleOrdersDeadStockDetail([]); // }) // } // const getSaleOrderYearWiseShippedDetail = () => { // const reqObj = new UserDateRequest(); // reqObj.fromDate = '2022-04-01'; // reqObj.toDate = '2023-03-31'; // reqObj.userName = 'User'; // saleOrderService.getSaleOrderYearWiseShippedDetail(reqObj).then((res) => { // if (res.status) { // setSaleOrderYearWiseShippedDetail(res.data); // } else { // setSaleOrderYearWiseShippedDetail([]); // } // }).catch(err => { // AlertMessages.getErrorMessage(err.message); // setSaleOrderYearWiseShippedDetail([]); // }) // } // const getTopFiveSaleOrdersDetail = () => { // const reqObj = new UserDateRequest(); // reqObj.fromDate = '2022-04-01'; // reqObj.toDate = '2023-03-31'; // reqObj.userName = 'User'; // saleOrderService.getTopFiveSaleOrdersDetail(reqObj).then((res) => { // if (res.status) { // setTopFiveSaleOrdersDetail(res.data); // } else { // setTopFiveSaleOrdersDetail([]); // } // }).catch(err => { // AlertMessages.getErrorMessage(err.message); // setTopFiveSaleOrdersDetail([]); // }) // } // const getActiveEndCustomersDropDownData = () => { // saleOrderService.getEndCustDropForSoReport({ unitId: Number(localStorage.getItem('unit_id')) }).then((res) => { // if (res.status) { // setEndCustomers(res.data); // } else { // if (res.intlCode) { // AlertMessages.getErrorMessage(res.internalMessage); // } else { // AlertMessages.getErrorMessage(res.internalMessage); // } // setEndCustomers([]); // } // }) // .catch((err) => { // AlertMessages.getErrorMessage(err.message); // setEndCustomers([]); // }); // } // const getSoLifeCycleStatusCount = () => { // saleOrderService.getSoLifeCycleStatusCount({ unitId: Number(localStorage.getItem('unit_id')) }).then((res) => { // if (res.status) { // setSoLifeCycleStatusCount(res.data); // } else { // setSoLifeCycleStatusCount([]); // } // }).catch(err => { // AlertMessages.getErrorMessage(err.message); // setSoLifeCycleStatusCount([]); // }) // } // const getendcustomerWiseMonthlySOCount = () => { // const unitId = Number(localStorage.getItem('unit_id')); // const fromDate = (selectedFromDate); // const toDate = (selectedToDate); // const req = new EndCustomerReq(selectedEndCustomers, fromDate, toDate, unitId == 5 ? null : unitId); // saleOrderService.endcustomerWiseMonthlySOCount(req).then((res) => { // if (res.status) { // setendcustomerWiseMonthlySOCount(res.data); // } else { // setendcustomerWiseMonthlySOCount([]); // } // }).catch(err => { // AlertMessages.getErrorMessage(err.message); // setendcustomerWiseMonthlySOCount([]); // }) // } // // real time apis calling // const unitsArray = ['K', 'U-1', 'U-2']; // const saleOrderYearWisePlannedDetail: SoYearWisePlanningDetailsResponse = null; // const unitWiseOpenSoCount = new Map(); // const unitWiseShippedSoCount = new Map(); // const unitWiseCanceledSoCount = new Map(); // const unitWiseTotalSoCount = new Map(); // const unitWiseOpenSoQty = new Map(); // const unitWiseShippedSoQty = new Map(); // const unitWiseCanceledSoQty = new Map(); // const unitWiseTotalSoQty = new Map(); // for (const unit of unitsArray) { // let totalCount = 0; // let totalQty = 0; // // constructing count details for each unit // if (!unitWiseOpenSoCount.has(unit)) { // unitWiseOpenSoCount.set(unit, 0); // } // if (!unitWiseShippedSoCount.has(unit)) { // unitWiseShippedSoCount.set(unit, 0); // } // if (!unitWiseCanceledSoCount.has(unit)) { // unitWiseCanceledSoCount.set(unit, 0); // } // if (!unitWiseTotalSoCount.has(unit)) { // unitWiseTotalSoCount.set(unit, 0); // } // const unitSoDetail: SoCountDetail[] = saleOrderCountDetail.filter(sale => sale.plant_code == unit); // for (const unitSo of unitSoDetail) { // const preUnitWiseOpenSoCount = unitWiseOpenSoCount.get(unit); // const preUnitWiseShippedSoCount = unitWiseShippedSoCount.get(unit); // const preUnitWiseCancelledSoCount = unitWiseCanceledSoCount.get(unit); // unitWiseOpenSoCount.set(unit, preUnitWiseOpenSoCount + Number(unitSo.openSos)); // unitWiseShippedSoCount.set(unit, preUnitWiseShippedSoCount + Number(unitSo.closesSos)); // unitWiseCanceledSoCount.set(unit, preUnitWiseCancelledSoCount + Number(unitSo.cancelledSos)); // totalCount += Number(unitSo.closesSos); // totalCount += Number(unitSo.openSos); // totalCount += Number(unitSo.cancelledSos); // } // // constructing Qty details for each unit // if (!unitWiseOpenSoQty.has(unit)) { // unitWiseOpenSoQty.set(unit, 0); // } // if (!unitWiseShippedSoQty.has(unit)) { // unitWiseShippedSoQty.set(unit, 0); // } // if (!unitWiseCanceledSoQty.has(unit)) { // unitWiseCanceledSoQty.set(unit, 0); // } // const unitSoQtyDetail: SoQntDetail[] = saleOrderQtyDetail.filter(sale => sale.plant_code == unit); // for (const unitSo of unitSoQtyDetail) { // const preUnitWiseOpenSoQty = unitWiseOpenSoQty.get(unit); // const preUnitWiseShippedSoQty = unitWiseShippedSoQty.get(unit); // const preUnitWiseCancelledSoQty = unitWiseCanceledSoQty.get(unit); // unitWiseOpenSoQty.set(unit, preUnitWiseOpenSoQty + Number(unitSo.openSos)); // unitWiseShippedSoQty.set(unit, preUnitWiseShippedSoQty + Number(unitSo.closesSos)); // unitWiseCanceledSoQty.set(unit, preUnitWiseCancelledSoQty + Number(unitSo.cancelledSos)); // totalQty += Number(unitSo.closesSos); // totalQty += Number(unitSo.openSos); // totalQty += Number(unitSo.cancelledSos); // } // unitWiseTotalSoCount.set(unit, totalCount); // unitWiseTotalSoQty.set(unit, totalQty); // } // // constructing Open Card // const cardBodyDetailOpen: CardBodyDetails[] = []; // const cardBodyDetailShipped: CardBodyDetails[] = []; // const cardBodyDetailCancelled: CardBodyDetails[] = []; // const cardBodyDetailTotal: CardBodyDetails[] = []; // let openSoCountTotal = 0; // let shippedSoCountTotal = 0; // let cancelledCountTotal = 0; // let totalCountTotal = 0; // let openSoQtyTotal = 0; // let shippedSoQtyTotal = 0; // let cancelledQtyTotal = 0; // let totalQtyTotal = 0; // unitsArray.forEach((unit) => { // const openSoCount = unitWiseOpenSoCount.get(unit); // const openSoQty = unitWiseOpenSoQty.get(unit); // openSoCountTotal += openSoCount; // openSoQtyTotal += openSoQty; // const shippedSoCount = unitWiseShippedSoCount.get(unit); // const shippedSoQty = unitWiseShippedSoQty.get(unit); // shippedSoCountTotal += shippedSoCount; // shippedSoQtyTotal += shippedSoQty; // const cancelledSoCount = unitWiseCanceledSoCount.get(unit); // const cancelledSoQty = unitWiseCanceledSoQty.get(unit); // cancelledCountTotal += cancelledSoCount; // cancelledQtyTotal += cancelledSoQty; // const totalSoCount = unitWiseTotalSoCount.get(unit); // const totalSoQty = unitWiseTotalSoQty.get(unit); // totalCountTotal += totalSoCount; // totalQtyTotal += totalSoQty; // const openSoCardBody = new CardBodyDetails(unit, openSoCount.toString(), openSoQty.toString()); // cardBodyDetailOpen.push(openSoCardBody); // const shippedSoCardBody = new CardBodyDetails(unit, shippedSoCount.toString(), shippedSoQty.toString()); // cardBodyDetailShipped.push(shippedSoCardBody); // const cancelledSoCardBody = new CardBodyDetails(unit, cancelledSoCount.toString(), cancelledSoQty.toString()); // cardBodyDetailCancelled.push(cancelledSoCardBody); // const totalSoCardBody = new CardBodyDetails(unit, totalSoCount.toString(), totalSoQty.toString()); // cardBodyDetailTotal.push(totalSoCardBody); // }); // const unitWiseDetail = saleOrderProductionInprogressDetail.filter(so => Number(so.completedPercentage) <= 30); // let soBelow30Count = 0; // for (const unitDetail of unitWiseDetail) { // soBelow30Count += Number(unitDetail.orderCases); // } // const openSoCardBody1 = new CardHeaderBody('0-30 %', soBelow30Count.toString()); // const unitWiseDetailFor60To90 = saleOrderProductionInprogressDetail.filter((so) => { // return Number(so.completedPercentage) > 30 && Number(so.completedPercentage) >= 60 // }); // let soBelow60Count = 0; // for (const unitDetail of unitWiseDetailFor60To90) { // soBelow60Count += Number(unitDetail.orderCases); // } // const openSoCardBody2 = new CardHeaderBody('30 - 60 %', soBelow60Count.toString()); // const unitWiseDetailFor99 = saleOrderProductionInprogressDetail.filter((so) => { // return Number(so.completedPercentage) > 60 && Number(so.completedPercentage) >= 99 // }); // let soBelow99Count = 0; // for (const unitDetail of unitWiseDetailFor99) { // soBelow99Count += Number(unitDetail.orderCases); // } // const openSoCardBody3 = new CardHeaderBody('60 - 90%', soBelow99Count.toString()); // const doNutReq = new DohountRequest('InProgress S.O Details', 'S.O Count', [openSoCardBody1, openSoCardBody2, openSoCardBody3]); // // high chart data preparation // const finMonthTextMap = new Map(); // finMonthTextMap.set(1, 'Jan'); // finMonthTextMap.set(2, 'Feb'); // finMonthTextMap.set(3, 'Mar'); // finMonthTextMap.set(4, 'Apl'); // finMonthTextMap.set(5, 'May'); // finMonthTextMap.set(6, 'Jun'); // finMonthTextMap.set(7, 'Jul'); // finMonthTextMap.set(8, 'Aug'); // finMonthTextMap.set(9, 'Sep'); // finMonthTextMap.set(10, 'Oct'); // finMonthTextMap.set(11, 'Nov'); // finMonthTextMap.set(12, 'Dec'); // const unitMonthWiseCountMap = new Map(); // const monthsNamesArray = new Set(); // const seriesDetails: TitleValue[] = []; // const lineSeriesForPlanned: CardHeaderBody[] = []; // const lineSeriesForShipped: CardHeaderBody[] = []; // const currentYrForPlanned: CardHeaderBody[] = []; // const preYrForPlanned: CardHeaderBody[] = []; // const endCustomer: CardHeaderBody[] = []; // const monthPlanned = new Map(); // const endCustomerMap = new Map(); // const monthShipped = new Map(); // for (const unit of unitsArray) { // if (!unitMonthWiseCountMap.has(unit)) { // unitMonthWiseCountMap.set(unit, []); // } // const monthCountOpenArray = []; // const monthCountRecArray = []; // const monthCountShippedArray = []; // for (const [monthNumber, month] of finMonthTextMap) { // if (!monthPlanned.has(monthNumber)) { // monthPlanned.set(monthNumber, 0); // } // if (!monthShipped.has(monthNumber)) { // monthShipped.set(monthNumber, 0); // } // monthsNamesArray.add(month); // const monthWiseUnitSoCountDetailForOpen = monthWiseSoCountDetail.filter((so) => { // return so.plantCode == unit && Number(so.finMonth) == monthNumber // }); // let monthCountOpen = 0; // let monthCountRec = 0; // let monthCountShipped = 0; // if (monthWiseUnitSoCountDetailForOpen.length) { // for (const monthSo of monthWiseUnitSoCountDetailForOpen) { // monthCountOpen += Number(monthSo.openSos); // monthCountShipped += Number(monthSo.closesSos); // monthCountRec += Number(monthSo.openSos) + Number(monthSo.closesSos); // } // } // // if(endcustomerWiseMonthlySOCount.length > 0) { // // console.log(endcustomerWiseMonthlySOCount) // // for(const item of endcustomerWiseMonthlySOCount){ // // if(!endCustomerMap.has(monthNumber)){ // // // if(month == item.monthName){ // // endCustomerMap.set(monthNumber,Number(item.soCount)) // // // } // // } // // } // // console.log(endCustomerMap) // // } // const preMonthPlanned = monthPlanned.get(monthNumber); // const preMonthShipped = monthShipped.get(monthNumber); // monthPlanned.set(monthNumber, preMonthPlanned + monthCountRec); // monthShipped.set(monthNumber, preMonthShipped + monthCountShipped); // monthCountOpenArray.push(monthCountOpen); // monthCountRecArray.push(monthCountRec); // monthCountShippedArray.push(monthCountShipped); // } // seriesDetails.push(new TitleValue(unit, monthCountRecArray, 'Received')); // seriesDetails.push(new TitleValue(unit, monthCountShippedArray, 'Shipped')); // seriesDetails.push(new TitleValue(unit, monthCountOpenArray, 'Planned')); // } // // high chart request // const highChartReqes = new HighChartReq('Trend of S.O Received, Planned and Shipped', Array.from(monthsNamesArray), 'NO. of Sale Orders', seriesDetails); // // graph for planed and shipped // for (const [montNum, count] of monthPlanned) { // lineSeriesForPlanned.push(new CardHeaderBody('PLANNED QUANTITY', count.toString())); // currentYrForPlanned.push(new CardHeaderBody('Current Year', count.toString())); // const preCount = 0; // const soCount = 0; // preYrForPlanned.push(new CardHeaderBody('Previous Year', preCount.toString())); // } // for (const [montNum, count] of monthShipped) { // lineSeriesForShipped.push(new CardHeaderBody('SHIPPED QUANTITY', count.toString())); // } // const lineSeries1 = new LineSeries(lineSeriesForPlanned); // const lineSeries2 = new LineSeries(lineSeriesForShipped); // const highlinerequest = new Highlinereq('Trend of Planned vs Shipped', '{value}', Array.from(monthsNamesArray), '2022-2023', [lineSeries1, lineSeries2]); // // Prev Year and current year comparisons // const lineSeriesYear1 = new LineSeries(currentYrForPlanned); // const lineSeriesyear2 = new LineSeries(preYrForPlanned); // console.log(monthsNamesArray); // const highColumnreaqest = new HighColumn('Trend of S.Os Prev Yr Vs Current Year', Array.from(monthsNamesArray), 'Total Number Of Sale Order Count', [lineSeriesYear1, lineSeriesyear2]) // //end customer wise total So's // console.log(endcustomerWiseMonthlySOCount); // for (const soCount of endcustomerWiseMonthlySOCount) { // const soCountVal = soCount.soCount // console.log(soCount.soCount); // endCustomer.push(new CardHeaderBody('So Count', soCountVal.toString())); // } // console.log(endCustomer) // const lineSeriesEndCusSo = new LineSeries(endCustomer); // const highEndreaqest = new HighColumn('End Customer Wise Total So', Array.from(monthsNamesArray), 'Total Number Of Sale Orders', [lineSeriesEndCusSo]) // // completed but not shipped card // const cardBodyForCompletedButNotShipped: CardBodyDetails[] = []; // let completedButNotShippedCount = 0; // let completedButNotShippedQty = 0; // for (const productInfo of soProductionCompleteNotShippedDetail) { // cardBodyForCompletedButNotShipped.push(new CardBodyDetails(productInfo.poNumbr, Number(productInfo.orderCases).toLocaleString('en-IN', { minimumFractionDigits: 0, maximumFractionDigits: 0 }), Number(productInfo.fgCases).toLocaleString('en-IN', { minimumFractionDigits: 0, maximumFractionDigits: 0 }))); // completedButNotShippedCount += Number(productInfo.orderCases); // completedButNotShippedQty += Number(productInfo.fgCases); // } // const completedButNotShippedBodyCount = new CardHeaderBody('Total Count', Number(completedButNotShippedCount).toLocaleString('en-IN', { minimumFractionDigits: 0, maximumFractionDigits: 0 })); // const completedButNotShippedBodyQty = new CardHeaderBody('Total Qty', Number(completedButNotShippedQty).toLocaleString('en-IN', { minimumFractionDigits: 0, maximumFractionDigits: 0 })); // const completedButNotShippedBodyCardHeader = new CardHeader('SO Completed But Not Shipped', [completedButNotShippedBodyCount, completedButNotShippedBodyQty]); // const completedButNotShippedCard = new CardDetail(completedButNotShippedBodyCardHeader, cardBodyForCompletedButNotShipped, ['SO', 'Count', 'Qty']); // // Top 5 lONG RUN SO // const cardBodyForlongRunSo: CardBodyDetails[] = []; // let maxInvDate = ''; // let maxActEndDate = ''; // for (const productInfo of longRunSaleOrdersDetail) { // const invDateFormatted = productInfo.invoiceDate ? moment(productInfo.invoiceDate).format('YYYY-MM-DD') : ''; // const actDateFormatted = productInfo.actEdlDate ? moment(productInfo.actEdlDate).format('YYYY-MM-DD') : ''; // cardBodyForlongRunSo.push(new CardBodyDetails(productInfo.poNumber, invDateFormatted, actDateFormatted)); // maxInvDate = productInfo.invoiceDate ? moment(productInfo.invoiceDate).format('MM-DD') : ''; // maxActEndDate = productInfo.actEdlDate ? moment(productInfo.actEdlDate).format('MM-DD') : ''; // } // const longRunSoBodyCount = new CardHeaderBody('Max InvDt.', maxInvDate); // const longRunSoBodyQty = new CardHeaderBody('Max Act EndDt.', maxActEndDate); // const longRunSoBodyCardHeader = new CardHeader('Skipped Sale Orders', [longRunSoBodyCount, longRunSoBodyQty]); // const longRunSoCard = new CardDetail(longRunSoBodyCardHeader, cardBodyForlongRunSo, ['SO', 'Inv Date', 'Act Date']); // //top 5 selling So // const cardBodyForTopFiveSo: CardBodyDetails[] = []; // let maxiInvDate = ''; // let maxiActEndDate = ''; // for (const productInfo of topFiveSaleOrdersDetail) { // const invDateFormatted = productInfo.invoiceDate ? moment(productInfo.invoiceDate).format('YYYY-MM-DD') : ''; // const actDateFormatted = productInfo.actEdlDate ? moment(productInfo.actEdlDate).format('YYYY-MM-DD') : ''; // cardBodyForTopFiveSo.push(new CardBodyDetails(productInfo.count, invDateFormatted, actDateFormatted)); // maxiInvDate = productInfo.invoiceDate ? moment(productInfo.invoiceDate).format('MM-DD') : ''; // maxiActEndDate = productInfo.actEdlDate ? moment(productInfo.actEdlDate).format('MM-DD') : ''; // } // const topFiveSoBodyCount = new CardHeaderBody('Max InvDt.', maxiInvDate); // const topFiveSoBodyQty = new CardHeaderBody('Max Act EndDt.', maxiActEndDate); // const topFiveSoBodyCardHeader = new CardHeader('Fast Moving Product', [topFiveSoBodyCount, topFiveSoBodyQty]); // const topFiveSoCard = new CardDetail(topFiveSoBodyCardHeader, cardBodyForTopFiveSo, ['SO', 'Inv Date', 'Act Date']); // // SoLifeCycleStatusCount // const cardBodyForSoLifeCycleStatusCount: CardBodyDetails[] = []; // let LifeCycleStatusCount = 0; // let kakinadaCount = 0; // let unitOneCount = 0; // let unitTwoCount = 0; // for (const productInfo of soLifeCycleStatusCount) { // cardBodyForSoLifeCycleStatusCount.push(new CardBodyDetails(productInfo.life_cycle_status, Number(productInfo.kakinada).toLocaleString('en-IN', { minimumFractionDigits: 0, maximumFractionDigits: 0 }), Number(productInfo.unit1).toLocaleString('en-IN', { minimumFractionDigits: 0, maximumFractionDigits: 0 }), Number(productInfo.unit2).toLocaleString('en-IN', { minimumFractionDigits: 0, maximumFractionDigits: 0 }))); // kakinadaCount = kakinadaCount + Number(productInfo.kakinada) // unitOneCount = unitOneCount + Number(productInfo.unit1); // unitTwoCount = unitTwoCount + Number(productInfo.unit2); // } // LifeCycleStatusCount = Number(kakinadaCount + unitOneCount + unitTwoCount); // const soLifeCycleStatusCountBodyStatus = new CardHeaderBody('', status); // const soLifeCycleStatusCountBodyCount = new CardHeaderBody('Total Count', Number(LifeCycleStatusCount).toLocaleString('en-IN', { minimumFractionDigits: 0, maximumFractionDigits: 0 })); // const soLifeCycleStatusCountBodyCardHeader = new CardHeader('So Life Cycle Status Count', [soLifeCycleStatusCountBodyStatus, soLifeCycleStatusCountBodyCount]); // const soLifeCycleStatusCountSoCard = new CardDetail(soLifeCycleStatusCountBodyCardHeader, cardBodyForSoLifeCycleStatusCount, ['Status', 'Kakinada', 'Unit1', 'Unit2']); // // Top 5 Dead stock Products // const cardBodyForDeadStockPro: CardBodyDetails[] = []; // let deadStockCount = 0; // let deadStockQty = 0; // for (const productInfo of saleOrdersDeadStockDetail) { // cardBodyForDeadStockPro.push(new CardBodyDetails(productInfo.variantCode, Number(productInfo.days).toLocaleString('en-IN', { minimumFractionDigits: 0, maximumFractionDigits: 0 }), Number(productInfo.weightInLbs).toLocaleString('en-IN', { minimumFractionDigits: 0, maximumFractionDigits: 0 }))); // deadStockCount += Number(productInfo.days); // deadStockQty += Number(productInfo.weightInLbs); // } // const DeadStockProBodyCount = new CardHeaderBody('Total Age', Number(deadStockCount).toLocaleString('en-IN', { minimumFractionDigits: 0, maximumFractionDigits: 0 })); // const DeadStockProBodyQty = new CardHeaderBody('Total weight In(LBs)', Number(deadStockQty).toLocaleString('en-IN', { minimumFractionDigits: 0, maximumFractionDigits: 0 })); // const DeadStockProBodyCardHeader = new CardHeader('Dead Stock Products', [DeadStockProBodyCount, DeadStockProBodyQty]); // const DeadStockProCard = new CardDetail(DeadStockProBodyCardHeader, cardBodyForDeadStockPro, ['Product', 'Age', 'Qty']); // //integration for Open Cancel Inprogress cancel // const openSoCardHeaderBody1 = new CardHeaderBody('Total Count', openSoCountTotal.toString()); // const openSoCardHeaderBody2 = new CardHeaderBody('Total Qty', openSoQtyTotal.toString()); // const openSoCardHeader = new CardHeader('Open SO Detail', [openSoCardHeaderBody1, openSoCardHeaderBody2]); // const openSoDetails = new CardDetail(openSoCardHeader, cardBodyDetailOpen, ['Unit', 'Count', 'Qty']); // const shippedSoCardHeaderBody1 = new CardHeaderBody('Total Count', shippedSoCountTotal.toString()); // const shippedSoCardHeaderBody2 = new CardHeaderBody('Total Qty', shippedSoQtyTotal.toString()); // const shippedSoCardHeader = new CardHeader('Shipped SO Detail', [shippedSoCardHeaderBody1, shippedSoCardHeaderBody2]); // const shippedSoDetails = new CardDetail(shippedSoCardHeader, cardBodyDetailShipped, ['Unit', 'Count', 'Qty']); // const cancelledSoCardHeaderBody1 = new CardHeaderBody('Total Count', cancelledCountTotal.toString()); // const cancelledSoCardHeaderBody2 = new CardHeaderBody('Total Qty', cancelledQtyTotal.toString()); // const cancelledSoCardHeader = new CardHeader('Cancelled SO Detail', [cancelledSoCardHeaderBody1, cancelledSoCardHeaderBody2]); // const cancelledSoDetails = new CardDetail(cancelledSoCardHeader, cardBodyDetailCancelled, ['Unit', 'Count', 'Qty']); // const totalSoCardHeaderBody1 = new CardHeaderBody('Total Count', totalCountTotal.toString()); // const totalSoCardHeaderBody2 = new CardHeaderBody('Total Qty', totalQtyTotal.toString()); // const totalSoCardHeader = new CardHeader('Total SO Detail', [totalSoCardHeaderBody1, totalSoCardHeaderBody2]); // const totalSoDetails = new CardDetail(totalSoCardHeader, cardBodyDetailTotal, ['Unit', 'Count', 'Qty']); // const EstimatedDate = (value) => { // const fromDate = new Date(value[0].format('YYYY-MM-DD')); // const toDate = new Date(value[1].format('YYYY-MM-DD')); // setSelectedFromDate(fromDate); // setSelectedToDate(toDate); // console.log(value); // } // const handleEndCustomer = (value) => { // console.log(value); // setSelectedEndCustomers(value) // } // // const newData = JsonData.map((JsonData)=>{ // return ( // <> //
// // {/* // // // // // // // // // // // */} // // // // // // // // // // //
// // ); // } // export default Dashboard;