jason
/
FPSMS-frontend
2
0
Atdalīts 0
Kods Problēmas 0 Izmaiņu pieprasījumi 0 Laidieni 0 Vikivietne Aktivitāte
FPSMS-frontend
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.
54 Revīzijas
4 Atzari
13 MiB
 
 
Koks: d86903aafa
Atzari Tagi
${ item.name }
Izveidot atzaru ${ searchTerm }
no 'd86903aafa'
${ noResults }
FPSMS-frontend/src/components/RoughScheduleDetail/ViewByBomDetails.tsx

512 rindas
26 KiB
Neapstrādāts Vainot Vēsture 

  1. "use client";

  2. 

  3. import { CreateItemInputs } from "@/app/api/settings/item/actions";

  4. import {

  5.     GridColDef,

  6.     GridRowModel,

  7.     GridRenderEditCellParams,

  8.     GridEditInputCell,

  9.     GridRowSelectionModel,

  10.     useGridApiRef,

  11. } from "@mui/x-data-grid";

  12. import {MutableRefObject, useCallback, useEffect, useMemo, useState} from "react";

  13. import { useFormContext } from "react-hook-form";

  14. import { useTranslation } from "react-i18next";

  15. import InputDataGrid, { TableRow } from "../InputDataGrid/InputDataGrid";

  16. import {Box, Grid, Tooltip, Typography} from "@mui/material";

  17. import { ItemQc } from "@/app/api/settings/item";

  18. import { QcChecksInputs } from "@/app/api/settings/qcCheck/actions";

  19. import { GridApiCommunity } from "@mui/x-data-grid/internals";

  20. import { RiceBowl } from "@mui/icons-material";

  21. import EditableSearchResults, {Column} from "@/components/SearchResults/EditableSearchResults";

  22. import { decimalFormatter } from "@/app/utils/formatUtil";

  23. import { GridRenderCellParams } from "@mui/x-data-grid";

  24. 

  25. type Props = {

  26.     apiRef: MutableRefObject<GridApiCommunity>

  27. };

  28. type EntryError =

  29.     | {

  30.     [field in keyof QcChecksInputs]?: string;

  31. }

  32.     | undefined;

  33. 

  34. export type FGRecord = {

  35.     id: string | number

  36.     code: string;

  37.     name: string;

  38.     inStockQty: number;

  39.     purchaseQty: number;

  40. }

  41. 

  42. export type FGOverallRecord = {

  43.     id: string | number

  44.     code: string;

  45.     name: string;

  46.     inStockQty: number;

  47.     purchaseQty: number;

  48.     purchaseQty1: number;

  49.     purchaseQty2: number;

  50.     purchaseQty3: number;

  51.     purchaseQty4: number;

  52.     purchaseQty5: number;

  53.     purchaseQty6: number;

  54.     purchaseQty7: number;

  55.     overallPurchaseQty: number;

  56. }

  57. 

  58. const ViewByBomDetails: React.FC<Props> = ({ apiRef, isEdit }) => {

  59.     const {

  60.         t,

  61.         i18n: { language },

  62.     } = useTranslation("schedule");

  63. 

  64.     const {

  65.         formState: { errors, defaultValues, touchedFields },

  66.     } = useFormContext<CreateItemInputs>();

  67. //   const apiRef = useGridApiRef();

  68. 

  69.     const dayPeriod = [

  70.         '2025-05-11',

  71.         '2025-05-12',

  72.         '2025-05-13',

  73.         '2025-05-14',

  74.         '2025-05-15',

  75.         '2025-05-16',

  76.         '2025-05-17',

  77.     ];

  78. 

  79.     const fakeRecords = useMemo<FGRecord[][]>(

  80.         () => [

  81.             [

  82.                 { id: 1,  code:  "MH0040",  name: "大豆油(1噸/桶)", inStockQty:  54.44 , purchaseQty: 972.12 },

  83.                 { id: 2,  code:  "GI3236",  name: "清水(煮過牛腩)", inStockQty:  317.52 , purchaseQty: 3175.2 },

  84.                 { id: 3,  code:  "MG1700",  name: "STERILTOM 意大利茄粒", inStockQty:  9.00 , purchaseQty: 90 },

  85.                 { id: 4,  code:  "FA0533",  name: "乾蔥茸", inStockQty:  6.04 , purchaseQty: 60.4 },

  86.                 { id: 5,  code:  "FA0210",  name: "薑茸", inStockQty:  6.04 , purchaseQty: 66.45 },

  87.                 { id: 6,  code:  "FA0608",  name: "粗蒜茸", inStockQty:  6.04 , purchaseQty: 78.55 },

  88.                 { id: 7,  code:  "FA0056",  name: "洋蔥肉", inStockQty:  241.98 , purchaseQty: 2419.8 },

  89.                 { id: 8,  code:  "PP1188",  name: "咖喱膽", inStockQty:  36.00 , purchaseQty: 0 },

  90.                 { id: 9,  code:  "PP8001",  name: "咖哩汁箱料粉", inStockQty:  77.42 , purchaseQty: 774.2 },

  91.                 { id: 10, code: "PP1096",   name: "白麵撈", inStockQty:  60.00 , purchaseQty: 0 },

  92.                 { id: 11, code: "NA0476",   name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty:  600.00 , purchaseQty: 6000 },

  93.                 { id: 12, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 972.12  },

  94.                 { id: 13, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 28.15  },

  95.                 { id: 14, code: "MG1288", name: "炸紅蔥頭", inStockQty: 0, purchaseQty:  6.05   },

  96.                 { id: 15, code: "MG0066", name: "咖哩料(5斤x16包+2斤/包)", inStockQty: 0, purchaseQty:  241.98   },

  97.                 { id: 16, code: "MH0040", name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)", inStockQty: 0, purchaseQty:  250.00  },

  98.             ],

  99.             [

  100.                 { id: 1,  code:  "MH0040",  name: "大豆油(1噸/桶)", inStockQty:  54.44 , purchaseQty: 972.12 },

  101.                 { id: 2,  code:  "GI3236",  name: "清水(煮過牛腩)", inStockQty:  317.52 , purchaseQty: 3175.2 },

  102.                 { id: 3,  code:  "MG1700",  name: "STERILTOM 意大利茄粒", inStockQty:  9.00 , purchaseQty: 90 },

  103.                 { id: 4,  code:  "FA0533",  name: "乾蔥茸", inStockQty:  6.04 , purchaseQty: 60.4 },

  104.                 { id: 5,  code:  "FA0210",  name: "薑茸", inStockQty:  6.04 , purchaseQty: 66.45 },

  105.                 { id: 6,  code:  "FA0608",  name: "粗蒜茸", inStockQty:  6.04 , purchaseQty: 78.55 },

  106.                 { id: 7,  code:  "FA0056",  name: "洋蔥肉", inStockQty:  241.98 , purchaseQty: 2419.8 },

  107.                 { id: 8,  code:  "PP1188",  name: "咖喱膽", inStockQty:  36.00 , purchaseQty: 0 },

  108.                 { id: 9,  code:  "PP8001",  name: "咖哩汁箱料粉", inStockQty:  77.42 , purchaseQty: 774.2 },

  109.                 { id: 10, code: "PP1096",   name: "白麵撈", inStockQty:  60.00 , purchaseQty: 0 },

  110.                 { id: 11, code: "NA0476",   name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty:  600.00 , purchaseQty: 6000 },

  111.                 { id: 12, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 972.12  },

  112.                 { id: 13, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 28.15  },

  113.                 { id: 14, code: "MG1288", name: "炸紅蔥頭", inStockQty: 0, purchaseQty:  6.05   },

  114.                 { id: 15, code: "MG0066", name: "咖哩料(5斤x16包+2斤/包)", inStockQty: 0, purchaseQty:  241.98   },

  115.                 { id: 16, code: "MH0040", name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)", inStockQty: 0, purchaseQty:  250.00  },

  116.             ],

  117.             [

  118.                 { id: 1,  code:  "MH0040",  name: "大豆油(1噸/桶)", inStockQty:  54.44 , purchaseQty: 972.12 },

  119.                 { id: 2,  code:  "GI3236",  name: "清水(煮過牛腩)", inStockQty:  317.52 , purchaseQty: 3175.2 },

  120.                 { id: 3,  code:  "MG1700",  name: "STERILTOM 意大利茄粒", inStockQty:  9.00 , purchaseQty: 90 },

  121.                 { id: 4,  code:  "FA0533",  name: "乾蔥茸", inStockQty:  6.04 , purchaseQty: 60.4 },

  122.                 { id: 5,  code:  "FA0210",  name: "薑茸", inStockQty:  6.04 , purchaseQty: 66.45 },

  123.                 { id: 6,  code:  "FA0608",  name: "粗蒜茸", inStockQty:  6.04 , purchaseQty: 78.55 },

  124.                 { id: 7,  code:  "FA0056",  name: "洋蔥肉", inStockQty:  241.98 , purchaseQty: 2419.8 },

  125.                 { id: 8,  code:  "PP1188",  name: "咖喱膽", inStockQty:  36.00 , purchaseQty: 0 },

  126.                 { id: 9,  code:  "PP8001",  name: "咖哩汁箱料粉", inStockQty:  77.42 , purchaseQty: 774.2 },

  127.                 { id: 10, code: "PP1096",   name: "白麵撈", inStockQty:  60.00 , purchaseQty: 0 },

  128.                 { id: 11, code: "NA0476",   name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty:  600.00 , purchaseQty: 6000 },

  129.                 { id: 12, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 972.12  },

  130.                 { id: 13, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 28.15  },

  131.                 { id: 14, code: "MG1288", name: "炸紅蔥頭", inStockQty: 0, purchaseQty:  6.05   },

  132.                 { id: 15, code: "MG0066", name: "咖哩料(5斤x16包+2斤/包)", inStockQty: 0, purchaseQty:  241.98   },

  133.                 { id: 16, code: "MH0040", name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)", inStockQty: 0, purchaseQty:  250.00  },

  134.             ],

  135.             [

  136.                 { id: 1,  code:  "MH0040",  name: "大豆油(1噸/桶)", inStockQty:  54.44 , purchaseQty: 972.12 },

  137.                 { id: 2,  code:  "GI3236",  name: "清水(煮過牛腩)", inStockQty:  317.52 , purchaseQty: 3175.2 },

  138.                 { id: 3,  code:  "MG1700",  name: "STERILTOM 意大利茄粒", inStockQty:  9.00 , purchaseQty: 90 },

  139.                 { id: 4,  code:  "FA0533",  name: "乾蔥茸", inStockQty:  6.04 , purchaseQty: 60.4 },

  140.                 { id: 5,  code:  "FA0210",  name: "薑茸", inStockQty:  6.04 , purchaseQty: 66.45 },

  141.                 { id: 6,  code:  "FA0608",  name: "粗蒜茸", inStockQty:  6.04 , purchaseQty: 78.55 },

  142.                 { id: 7,  code:  "FA0056",  name: "洋蔥肉", inStockQty:  241.98 , purchaseQty: 2419.8 },

  143.                 { id: 8,  code:  "PP1188",  name: "咖喱膽", inStockQty:  36.00 , purchaseQty: 0 },

  144.                 { id: 9,  code:  "PP8001",  name: "咖哩汁箱料粉", inStockQty:  77.42 , purchaseQty: 774.2 },

  145.                 { id: 10, code: "PP1096",   name: "白麵撈", inStockQty:  60.00 , purchaseQty: 0 },

  146.                 { id: 11, code: "NA0476",   name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty:  600.00 , purchaseQty: 6000 },

  147.                 { id: 12, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 972.12  },

  148.                 { id: 13, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 28.15  },

  149.                 { id: 14, code: "MG1288", name: "炸紅蔥頭", inStockQty: 0, purchaseQty:  6.05   },

  150.                 { id: 15, code: "MG0066", name: "咖哩料(5斤x16包+2斤/包)", inStockQty: 0, purchaseQty:  241.98   },

  151.                 { id: 16, code: "MH0040", name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)", inStockQty: 0, purchaseQty:  250.00  },

  152.             ],

  153.             [

  154.                 { id: 1,  code:  "MH0040",  name: "大豆油(1噸/桶)", inStockQty:  54.44 , purchaseQty: 972.12 },

  155.                 { id: 2,  code:  "GI3236",  name: "清水(煮過牛腩)", inStockQty:  317.52 , purchaseQty: 3175.2 },

  156.                 { id: 3,  code:  "MG1700",  name: "STERILTOM 意大利茄粒", inStockQty:  9.00 , purchaseQty: 90 },

  157.                 { id: 4,  code:  "FA0533",  name: "乾蔥茸", inStockQty:  6.04 , purchaseQty: 60.4 },

  158.                 { id: 5,  code:  "FA0210",  name: "薑茸", inStockQty:  6.04 , purchaseQty: 66.45 },

  159.                 { id: 6,  code:  "FA0608",  name: "粗蒜茸", inStockQty:  6.04 , purchaseQty: 78.55 },

  160.                 { id: 7,  code:  "FA0056",  name: "洋蔥肉", inStockQty:  241.98 , purchaseQty: 2419.8 },

  161.                 { id: 8,  code:  "PP1188",  name: "咖喱膽", inStockQty:  36.00 , purchaseQty: 0 },

  162.                 { id: 9,  code:  "PP8001",  name: "咖哩汁箱料粉", inStockQty:  77.42 , purchaseQty: 774.2 },

  163.                 { id: 10, code: "PP1096",   name: "白麵撈", inStockQty:  60.00 , purchaseQty: 0 },

  164.                 { id: 11, code: "NA0476",   name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty:  600.00 , purchaseQty: 6000 },

  165.                 { id: 12, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 972.12  },

  166.                 { id: 13, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 28.15  },

  167.                 { id: 14, code: "MG1288", name: "炸紅蔥頭", inStockQty: 0, purchaseQty:  6.05   },

  168.                 { id: 15, code: "MG0066", name: "咖哩料(5斤x16包+2斤/包)", inStockQty: 0, purchaseQty:  241.98   },

  169.                 { id: 16, code: "MH0040", name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)", inStockQty: 0, purchaseQty:  250.00  },

  170.             ],

  171.             [

  172.                 { id: 1,  code:  "MH0040",  name: "大豆油(1噸/桶)", inStockQty:  54.44 , purchaseQty: 972.12 },

  173.                 { id: 2,  code:  "GI3236",  name: "清水(煮過牛腩)", inStockQty:  317.52 , purchaseQty: 3175.2 },

  174.                 { id: 3,  code:  "MG1700",  name: "STERILTOM 意大利茄粒", inStockQty:  9.00 , purchaseQty: 90 },

  175.                 { id: 4,  code:  "FA0533",  name: "乾蔥茸", inStockQty:  6.04 , purchaseQty: 60.4 },

  176.                 { id: 5,  code:  "FA0210",  name: "薑茸", inStockQty:  6.04 , purchaseQty: 66.45 },

  177.                 { id: 6,  code:  "FA0608",  name: "粗蒜茸", inStockQty:  6.04 , purchaseQty: 78.55 },

  178.                 { id: 7,  code:  "FA0056",  name: "洋蔥肉", inStockQty:  241.98 , purchaseQty: 2419.8 },

  179.                 { id: 8,  code:  "PP1188",  name: "咖喱膽", inStockQty:  36.00 , purchaseQty: 0 },

  180.                 { id: 9,  code:  "PP8001",  name: "咖哩汁箱料粉", inStockQty:  77.42 , purchaseQty: 774.2 },

  181.                 { id: 10, code: "PP1096",   name: "白麵撈", inStockQty:  60.00 , purchaseQty: 0 },

  182.                 { id: 11, code: "NA0476",   name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty:  600.00 , purchaseQty: 6000 },

  183.                 { id: 12, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 972.12  },

  184.                 { id: 13, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 28.15  },

  185.                 { id: 14, code: "MG1288", name: "炸紅蔥頭", inStockQty: 0, purchaseQty:  6.05   },

  186.                 { id: 15, code: "MG0066", name: "咖哩料(5斤x16包+2斤/包)", inStockQty: 0, purchaseQty:  241.98   },

  187.                 { id: 16, code: "MH0040", name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)", inStockQty: 0, purchaseQty:  250.00  },

  188.             ],

  189.             [

  190.                 { id: 1,  code:  "MH0040",  name: "大豆油(1噸/桶)", inStockQty:  54.44 , purchaseQty: 972.12 },

  191.                 { id: 2,  code:  "GI3236",  name: "清水(煮過牛腩)", inStockQty:  317.52 , purchaseQty: 3175.2 },

  192.                 { id: 3,  code:  "MG1700",  name: "STERILTOM 意大利茄粒", inStockQty:  9.00 , purchaseQty: 90 },

  193.                 { id: 4,  code:  "FA0533",  name: "乾蔥茸", inStockQty:  6.04 , purchaseQty: 60.4 },

  194.                 { id: 5,  code:  "FA0210",  name: "薑茸", inStockQty:  6.04 , purchaseQty: 66.45 },

  195.                 { id: 6,  code:  "FA0608",  name: "粗蒜茸", inStockQty:  6.04 , purchaseQty: 78.55 },

  196.                 { id: 7,  code:  "FA0056",  name: "洋蔥肉", inStockQty:  241.98 , purchaseQty: 2419.8 },

  197.                 { id: 8,  code:  "PP1188",  name: "咖喱膽", inStockQty:  36.00 , purchaseQty: 0 },

  198.                 { id: 9,  code:  "PP8001",  name: "咖哩汁箱料粉", inStockQty:  77.42 , purchaseQty: 774.2 },

  199.                 { id: 10, code: "PP1096",   name: "白麵撈", inStockQty:  60.00 , purchaseQty: 0 },

  200.                 { id: 11, code: "NA0476",   name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty:  600.00 , purchaseQty: 6000 },

  201.                 { id: 12, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 972.12  },

  202.                 { id: 13, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 28.15  },

  203.                 { id: 14, code: "MG1288", name: "炸紅蔥頭", inStockQty: 0, purchaseQty:  6.05   },

  204.                 { id: 15, code: "MG0066", name: "咖哩料(5斤x16包+2斤/包)", inStockQty: 0, purchaseQty:  241.98   },

  205.                 { id: 16, code: "MH0040", name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)", inStockQty: 0, purchaseQty:  250.00  },

  206.             ],

  207.         ],

  208.         []

  209.     );

  210. 

  211.     const fakeOverallRecords = useMemo<FGOverallRecord[]>(

  212.         () => [

  213.             { id: 1,  code:  "MH0040",  name: "大豆油(1噸/桶)", inStockQty:  54.44 ,

  214.                 purchaseQty1: 972.12, purchaseQty2: 972.12, purchaseQty3: 972.12,

  215.                 purchaseQty4: 972.12, purchaseQty5: 972.12, purchaseQty6: 972.12,

  216.                 purchaseQty7: 972.12, overallPurchaseQty: 6804.84

  217.             },

  218.             { id: 2,  code:  "GI3236",  name: "清水(煮過牛腩)", inStockQty: 317.52 ,

  219.                 purchaseQty1: 3175.2, purchaseQty2: 3175.2, purchaseQty3: 3175.2,

  220.                 purchaseQty4: 3175.2, purchaseQty5: 3175.2, purchaseQty6: 3175.2,

  221.                 purchaseQty7: 3175.2, overallPurchaseQty: 22226.4

  222.             },

  223.             { id: 3,  code:  "MG1700",  name: "STERILTOM 意大利茄粒", inStockQty:  9.00 ,

  224.                 purchaseQty1: 90, purchaseQty2: 90, purchaseQty3: 90,

  225.                 purchaseQty4: 90, purchaseQty5: 90, purchaseQty6: 90,

  226.                 purchaseQty7: 90, overallPurchaseQty: 630

  227.             },

  228.             { id: 4,  code:  "FA0533",  name: "乾蔥茸", inStockQty:  6.04 ,

  229.                 purchaseQty1: 60.4, purchaseQty2: 60.4, purchaseQty3: 60.4,

  230.                 purchaseQty4: 60.4, purchaseQty5: 60.4, purchaseQty6: 60.4,

  231.                 purchaseQty7: 60.4, overallPurchaseQty: 422.8

  232.             },

  233.             { id: 5,  code:  "FA0210",  name: "薑茸", inStockQty:  6.04 ,

  234.                 purchaseQty1: 66.45, purchaseQty2: 66.45, purchaseQty3: 66.45,

  235.                 purchaseQty4: 66.45, purchaseQty5: 66.45, purchaseQty6: 66.45,

  236.                 purchaseQty7: 66.45, overallPurchaseQty: 465.15

  237.             },

  238.             { id: 6,  code:  "FA0608",  name: "粗蒜茸", inStockQty:  6.04 ,

  239.                 purchaseQty1: 78.55, purchaseQty2: 78.55, purchaseQty3: 78.55,

  240.                 purchaseQty4: 78.55, purchaseQty5: 78.55, purchaseQty6: 78.55,

  241.                 purchaseQty7: 78.55, overallPurchaseQty: 549.85

  242.             },

  243.             { id: 7,  code:  "FA0056",  name: "洋蔥肉", inStockQty:  241.98 , purchaseQty: 2419.8 },

  244.             { id: 8,  code:  "PP1188",  name: "咖喱膽", inStockQty:  36.00 , purchaseQty: 0 },

  245.             { id: 9,  code:  "PP8001",  name: "咖哩汁箱料粉", inStockQty:  77.42 , purchaseQty: 774.2 },

  246.             { id: 10, code: "PP1096",   name: "白麵撈", inStockQty:  60.00 , purchaseQty: 0 },

  247.             { id: 11, code: "NA0476",   name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty:  600.00 , purchaseQty: 6000 },

  248.             { id: 12, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 972.12  },

  249.             { id: 13, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 28.15  },

  250.             { id: 14, code: "MG1288", name: "炸紅蔥頭", inStockQty: 0, purchaseQty:  6.05   },

  251.             { id: 15, code: "MG0066", name: "咖哩料(5斤x16包+2斤/包)", inStockQty: 0, purchaseQty:  241.98   },

  252.             { id: 16, code: "MH0040", name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)", inStockQty: 0, purchaseQty:  250.00  },

  253.         ],

  254.         []

  255.     );

  256. 

  257.     const [pagingController, setPagingController] = useState([

  258.         {

  259.             pageNum: 1,

  260.             pageSize: 10,

  261.             totalCount: 0,

  262.         },

  263.         {

  264.             pageNum: 1,

  265.             pageSize: 10,

  266.             totalCount: 0,

  267.         },

  268.         {

  269.             pageNum: 1,

  270.             pageSize: 10,

  271.             totalCount: 0,

  272.         },

  273.         {

  274.             pageNum: 1,

  275.             pageSize: 10,

  276.             totalCount: 0,

  277.         },

  278.         {

  279.             pageNum: 1,

  280.             pageSize: 10,

  281.             totalCount: 0,

  282.         },

  283.         {

  284.             pageNum: 1,

  285.             pageSize: 10,

  286.             totalCount: 0,

  287.         },

  288.         {

  289.             pageNum: 1,

  290.             pageSize: 10,

  291.             totalCount: 0,

  292.         },

  293.         {

  294.             pageNum: 1,

  295.             pageSize: 10,

  296.             totalCount: 0,

  297.         },

  298.     ])

  299. 

  300.     const updatePagingController = (updatedObj) => {

  301.         setPagingController((prevState) => {

  302.             return prevState.map((item, index) => {

  303.                 if (index === updatedObj?.index){

  304.                     return {

  305.                         ...item,

  306.                         pageNum: item.pageNum,

  307.                         pageSize: item.pageSize,

  308.                         totalCount: item.totalCount,

  309.                     };

  310.                 }

  311.                 else

  312.                     return item

  313.             });

  314.         });

  315.     };

  316. 

  317.     const overallColumns = useMemo<Column<any>[]>(

  318.         () => [

  319.             {

  320.                 field: "name",

  321.                 label: t("name"),

  322.                 type: 'read-only',

  323.             },

  324.             {

  325.                 field: "code",

  326.                 label: "code",

  327.                 type: 'read-only',

  328.                 // editable: true,

  329.             },

  330.             {

  331.                 field: "inStockQty",

  332.                 label: "In Stock Amount",

  333.                 type: 'read-only',

  334.                 renderCell: (row: FGOverallRecord) => {

  335.                     if (typeof(row.inStockQty) == "number") {

  336.                         return decimalFormatter.format(row.inStockQty)

  337.                     }

  338.                     return row.inStockQty

  339.                 }

  340.                 // editable: true,

  341.             },

  342.             {

  343.                 field: "overallPurchaseQty",

  344.                 label: t("Total Demand Qty"),

  345.                 type: 'read-only',

  346.                 renderCell: (row: FGOverallRecord) => {

  347.                     if (typeof(row.overallPurchaseQty) == "number") {

  348.                         return decimalFormatter.format(row.overallPurchaseQty)

  349.                     }

  350.                     return row.overallPurchaseQty

  351.                 }

  352.             },

  353.             {

  354.                 field: "purchaseQty1",

  355.                 label: t("Demand Qty (Day1)"),

  356.                 type: 'read-only',

  357.                 renderCell: (row: FGOverallRecord) => {

  358.                     if (typeof(row.purchaseQty1) == "number") {

  359.                         return decimalFormatter.format(row.purchaseQty1)

  360.                     }

  361.                     return row.purchaseQty1

  362.                 }

  363.             },

  364.             {

  365.                 field: "purchaseQty2",

  366.                 label: t("Demand Qty (Day2)"),

  367.                 type: 'read-only',

  368.                 renderCell: (row: FGOverallRecord) => {

  369.                     if (typeof(row.purchaseQty2) == "number") {

  370.                         return decimalFormatter.format(row.purchaseQty2)

  371.                     }

  372.                     return row.purchaseQty2

  373.                 }

  374.             },

  375.             {

  376.                 field: "purchaseQty3",

  377.                 label: t("Demand Qty (Day3)"),

  378.                 type: 'read-only',

  379.                 renderCell: (row: FGOverallRecord) => {

  380.                     if (typeof(row.purchaseQty3) == "number") {

  381.                         return decimalFormatter.format(row.purchaseQty3)

  382.                     }

  383.                     return row.purchaseQty3

  384.                 }

  385.             },

  386.             {

  387.                 field: "purchaseQty4",

  388.                 label: t("Demand Qty (Day4)"),

  389.                 type: 'read-only',

  390.                 renderCell: (row: FGOverallRecord) => {

  391.                     if (typeof(row.purchaseQty4) == "number") {

  392.                         return decimalFormatter.format(row.purchaseQty4)

  393.                     }

  394.                     return row.purchaseQty4

  395.                 }

  396.             },{

  397.                 field: "purchaseQty5",

  398.                 label: t("Demand Qty (Day5)"),

  399.                 type: 'read-only',

  400.                 renderCell: (row: FGOverallRecord) => {

  401.                     if (typeof(row.purchaseQty5) == "number") {

  402.                         return decimalFormatter.format(row.purchaseQty5)

  403.                     }

  404.                     return row.purchaseQty5

  405.                 }

  406.             },

  407.             {

  408.                 field: "purchaseQty6",

  409.                 label: t("Demand Qty (Day6)"),

  410.                 type: 'read-only',

  411.                 renderCell: (row: FGOverallRecord) => {

  412.                     if (typeof(row.purchaseQty6) == "number") {

  413.                         return decimalFormatter.format(row.purchaseQty6)

  414.                     }

  415.                     return row.purchaseQty6

  416.                 }

  417.             },

  418.             {

  419.                 field: "purchaseQty7",

  420.                 label: t("Demand Qty (Day7)"),

  421.                 type: 'read-only',

  422.                 renderCell: (row: FGOverallRecord) => {

  423.                     if (typeof(row.purchaseQty7) == "number") {

  424.                         return decimalFormatter.format(row.purchaseQty7)

  425.                     }

  426.                     return row.purchaseQty7

  427.                 }

  428.             },

  429.         ],

  430.         []

  431.     );

  432. 

  433.     const columns = useMemo<Column<any>[]>(

  434.         () => [

  435.             {

  436.                 field: "name",

  437.                 label: "name",

  438.                 type: 'read-only',

  439.             },

  440.             {

  441.                 field: "code",

  442.                 label: "code",

  443.                 type: 'read-only',

  444.                 // editable: true,

  445.             },

  446.             {

  447.                 field: "inStockQty",

  448.                 label: "In Stock Amount",

  449.                 type: 'read-only',

  450.                 // editable: true,

  451.                 renderCell: (row: FGRecord) => {

  452.                     if (typeof(row.inStockQty) == "number") {

  453.                         return decimalFormatter.format(row.inStockQty)

  454.                     }

  455.                     return row.inStockQty

  456.                 }

  457.             },

  458.             {

  459.                 field: "purchaseQty",

  460.                 label: "Purchase Qty",

  461.                 type: 'read-only',

  462.                 renderCell: (row: FGRecord) => {

  463.                     if (typeof(row.purchaseQty) == "number") {

  464.                         return decimalFormatter.format(row.purchaseQty)

  465.                     }

  466.                     return row.purchaseQty

  467.                 }

  468.             },

  469.         ],

  470.         []

  471.     );

  472. 

  473.     return (

  474.         <Grid container spacing={2}>

  475.             <Grid item xs={12} key={"all"}>

  476.                 <Typography variant="overline" display="block" marginBlockEnd={1}>

  477.                     Overall

  478.                 </Typography>

  479.                 <EditableSearchResults<FGRecord>

  480.                     index={7}

  481.                     items={fakeOverallRecords}

  482.                     isMockUp={true}

  483.                     columns={overallColumns}

  484.                     setPagingController={updatePagingController}

  485.                     pagingController={pagingController[7]}

  486.                     isAutoPaging={true}

  487.                     isEditable={false}

  488.                     isEdit={false}

  489.                 />

  490.             </Grid>

  491.             {dayPeriod.map((date, index) => (

  492.                 <Grid item xs={12} key={index}>

  493.                     <Typography variant="overline" display="block" marginBlockEnd={1}>

  494.                         {date}

  495.                     </Typography>

  496.                     <EditableSearchResults<FGRecord>

  497.                         index={index}

  498.                         items={fakeRecords[index]} // Use the corresponding records for the day

  499.                         columns={columns}

  500.                         setPagingController={updatePagingController}

  501.                         pagingController={pagingController[index]}

  502.                         isAutoPaging={true}

  503.                         isEditable={false}

  504.                         isEdit={isEdit}

  505.                     />

  506.                 </Grid>

  507.             ))}

  508.         </Grid>

  509.     );

  510. };

  511. export default ViewByBomDetails;