derek
/
FPSMS-frontend
1
0
Fork 0
Code Issues 0 Pull-Requests 0 Releases 0 Wiki Aktivität
FPSMS-frontend
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
58 Commits
4 Branches
40 MiB
 
 
 
Struktur: a6aa86a9fa
Branches Tags
${ item.name }
Erstelle Branch ${ searchTerm }
von „a6aa86a9fa“
${ noResults }
FPSMS-frontend/src/components/RoughScheduleDetail/ViewByBomDetails.tsx

557 Zeilen
30 KiB
Originalformat Blame Verlauf 

  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.     type: string;

  47.     inStockQty: number;

  48.     purchaseQty: number;

  49.     purchaseQty1: number;

  50.     purchaseQty2: number;

  51.     purchaseQty3: number;

  52.     purchaseQty4: number;

  53.     purchaseQty5: number;

  54.     purchaseQty6: number;

  55.     purchaseQty7: number;

  56.     overallPurchaseQty: number;

  57. }

  58. 

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

  60.     const {

  61.         t,

  62.         i18n: { language },

  63.     } = useTranslation("schedule");

  64. 

  65.     const {

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

  67.     } = useFormContext<CreateItemInputs>();

  68. //   const apiRef = useGridApiRef();

  69. 

  70.     const dayPeriod = [

  71.         '2025-05-11',

  72.         '2025-05-12',

  73.         '2025-05-13',

  74.         '2025-05-14',

  75.         '2025-05-15',

  76.         '2025-05-16',

  77.         '2025-05-17',

  78.     ];

  79. 

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

  81.         () => [

  82.             [

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  99.             ],

  100.             [

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  117.             ],

  118.             [

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  135.             ],

  136.             [

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  153.             ],

  154.             [

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  171.             ],

  172.             [

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  189.             ],

  190.             [

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  207.             ],

  208.         ],

  209.         []

  210.     );

  211. 

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

  213.         () => [

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

  215.                 purchaseQty1: 972.12, purchaseQty2: 972.12, purchaseQty3: 972.12,

  216.                 purchaseQty4: 972.12, purchaseQty5: 972.12, purchaseQty6: 972.12,

  217.                 purchaseQty7: 972.12, overallPurchaseQty: 6804.84

  218.             },

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

  220.                 purchaseQty1: 3175.2, purchaseQty2: 3175.2, purchaseQty3: 3175.2,

  221.                 purchaseQty4: 3175.2, purchaseQty5: 3175.2, purchaseQty6: 3175.2,

  222.                 purchaseQty7: 3175.2, overallPurchaseQty: 22226.4

  223.             },

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

  225.                 purchaseQty1: 90, purchaseQty2: 90, purchaseQty3: 90,

  226.                 purchaseQty4: 90, purchaseQty5: 90, purchaseQty6: 90,

  227.                 purchaseQty7: 90, overallPurchaseQty: 630

  228.             },

  229.             { id: 4,  code:  "FA0533", type: "Material", name: "乾蔥茸", inStockQty:  6.04 ,

  230.                 purchaseQty1: 60.4, purchaseQty2: 60.4, purchaseQty3: 60.4,

  231.                 purchaseQty4: 60.4, purchaseQty5: 60.4, purchaseQty6: 60.4,

  232.                 purchaseQty7: 60.4, overallPurchaseQty: 422.8

  233.             },

  234.             { id: 5,  code:  "FA0210", type: "Material", name: "薑茸", inStockQty:  6.04 ,

  235.                 purchaseQty1: 66.45, purchaseQty2: 66.45, purchaseQty3: 66.45,

  236.                 purchaseQty4: 66.45, purchaseQty5: 66.45, purchaseQty6: 66.45,

  237.                 purchaseQty7: 66.45, overallPurchaseQty: 465.15

  238.             },

  239.             { id: 6,  code:  "FA0608", type: "Material", name: "粗蒜茸", inStockQty:  6.04 ,

  240.                 purchaseQty1: 78.55, purchaseQty2: 78.55, purchaseQty3: 78.55,

  241.                 purchaseQty4: 78.55, purchaseQty5: 78.55, purchaseQty6: 78.55,

  242.                 purchaseQty7: 78.55, overallPurchaseQty: 549.85

  243.             },

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

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

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

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

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

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

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

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

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

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

  254.         ],

  255.         []

  256.     );

  257. 

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

  259.         {

  260.             pageNum: 1,

  261.             pageSize: 10,

  262.             totalCount: 0,

  263.         },

  264.         {

  265.             pageNum: 1,

  266.             pageSize: 10,

  267.             totalCount: 0,

  268.         },

  269.         {

  270.             pageNum: 1,

  271.             pageSize: 10,

  272.             totalCount: 0,

  273.         },

  274.         {

  275.             pageNum: 1,

  276.             pageSize: 10,

  277.             totalCount: 0,

  278.         },

  279.         {

  280.             pageNum: 1,

  281.             pageSize: 10,

  282.             totalCount: 0,

  283.         },

  284.         {

  285.             pageNum: 1,

  286.             pageSize: 10,

  287.             totalCount: 0,

  288.         },

  289.         {

  290.             pageNum: 1,

  291.             pageSize: 10,

  292.             totalCount: 0,

  293.         },

  294.         {

  295.             pageNum: 1,

  296.             pageSize: 10,

  297.             totalCount: 0,

  298.         },

  299.     ])

  300. 

  301.     const updatePagingController = (updatedObj) => {

  302.         setPagingController((prevState) => {

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

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

  305.                     return {

  306.                         ...item,

  307.                         pageNum: item.pageNum,

  308.                         pageSize: item.pageSize,

  309.                         totalCount: item.totalCount,

  310.                     };

  311.                 }

  312.                 else

  313.                     return item

  314.             });

  315.         });

  316.     };

  317. 

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

  319.         () => [

  320.             {

  321.                 field: "code",

  322.                 label: "code",

  323.                 type: 'read-only',

  324.                 // editable: true,

  325.             },

  326.             {

  327.                 field: "name",

  328.                 label: t("name"),

  329.                 type: 'read-only',

  330.             },

  331.             {

  332.                 field: "type",

  333.                 label: "type",

  334.                 type: 'read-only',

  335.                 // editable: true,

  336.             },

  337.             {

  338.                 field: "inStockQty",

  339.                 label: t("Available Qty"),

  340.                 type: 'read-only',

  341.                 style: {

  342.                     textAlign: "right",

  343.                 },

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

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

  346.                         return decimalFormatter.format(row.inStockQty)

  347.                     }

  348.                     return row.inStockQty

  349.                 }

  350.                 // editable: true,

  351.             },

  352.             {

  353.                 field: "overallPurchaseQty",

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

  355.                 type: 'read-only',

  356.                 style: {

  357.                     textAlign: "right",

  358.                 },

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

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

  361.                         return decimalFormatter.format(row.overallPurchaseQty)

  362.                     }

  363.                     return row.overallPurchaseQty

  364.                 }

  365.             },

  366.             {

  367.                 field: "purchaseQty1",

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

  369.                 type: 'read-only',

  370.                 style: {

  371.                     textAlign: "right",

  372.                 },

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

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

  375.                         return decimalFormatter.format(row.purchaseQty1)

  376.                     }

  377.                     return row.purchaseQty1

  378.                 }

  379.             },

  380.             {

  381.                 field: "purchaseQty2",

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

  383.                 type: 'read-only',

  384.                 style: {

  385.                     textAlign: "right",

  386.                 },

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

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

  389.                         return decimalFormatter.format(row.purchaseQty2)

  390.                     }

  391.                     return row.purchaseQty2

  392.                 }

  393.             },

  394.             {

  395.                 field: "purchaseQty3",

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

  397.                 type: 'read-only',

  398.                 style: {

  399.                     textAlign: "right",

  400.                 },

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

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

  403.                         return decimalFormatter.format(row.purchaseQty3)

  404.                     }

  405.                     return row.purchaseQty3

  406.                 }

  407.             },

  408.             {

  409.                 field: "purchaseQty4",

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

  411.                 type: 'read-only',

  412.                 style: {

  413.                     textAlign: "right",

  414.                 },

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

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

  417.                         return decimalFormatter.format(row.purchaseQty4)

  418.                     }

  419.                     return row.purchaseQty4

  420.                 }

  421.             },{

  422.                 field: "purchaseQty5",

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

  424.                 type: 'read-only',

  425.                 style: {

  426.                     textAlign: "right",

  427.                 },

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

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

  430.                         return decimalFormatter.format(row.purchaseQty5)

  431.                     }

  432.                     return row.purchaseQty5

  433.                 }

  434.             },

  435.             {

  436.                 field: "purchaseQty6",

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

  438.                 type: 'read-only',

  439.                 style: {

  440.                     textAlign: "right",

  441.                 },

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

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

  444.                         return decimalFormatter.format(row.purchaseQty6)

  445.                     }

  446.                     return row.purchaseQty6

  447.                 }

  448.             },

  449.             {

  450.                 field: "purchaseQty7",

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

  452.                 type: 'read-only',

  453.                 style: {

  454.                     textAlign: "right",

  455.                 },

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

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

  458.                         return decimalFormatter.format(row.purchaseQty7)

  459.                     }

  460.                     return row.purchaseQty7

  461.                 }

  462.             },

  463.         ],

  464.         []

  465.     );

  466. 

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

  468.         () => [

  469.             {

  470.                 field: "code",

  471.                 label: "code",

  472.                 type: 'read-only',

  473.                 // editable: true,

  474.             },

  475.             {

  476.                 field: "name",

  477.                 label: "name",

  478.                 type: 'read-only',

  479.             },

  480.             {

  481.                 field: "type",

  482.                 label: "type",

  483.                 type: 'read-only',

  484.             },

  485.             {

  486.                 field: "inStockQty",

  487.                 label: "Available Qty",

  488.                 type: 'read-only',

  489.                 // editable: true,

  490.                 style: {

  491.                     textAlign: "right",

  492.                 },

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

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

  495.                         return decimalFormatter.format(row.inStockQty)

  496.                     }

  497.                     return row.inStockQty

  498.                 }

  499.             },

  500.             {

  501.                 field: "purchaseQty",

  502.                 label: "Demand Qty",

  503.                 type: 'read-only',

  504.                 style: {

  505.                     textAlign: "right",

  506.                 },

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

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

  509.                         return decimalFormatter.format(row.purchaseQty)

  510.                     }

  511.                     return row.purchaseQty

  512.                 }

  513.             },

  514.         ],

  515.         []

  516.     );

  517. 

  518.     return (

  519.         <Grid container spacing={2}>

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

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

  522.                     {t("Material Demand List (7 Days)")}

  523.                 </Typography>

  524.                 <EditableSearchResults<FGRecord>

  525.                     index={7}

  526.                     items={fakeOverallRecords}

  527.                     isMockUp={true}

  528.                     columns={overallColumns}

  529.                     setPagingController={updatePagingController}

  530.                     pagingController={pagingController[7]}

  531.                     isAutoPaging={true}

  532.                     isEditable={false}

  533.                     isEdit={false}

  534.                 />

  535.             </Grid>

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

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

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

  539.                         {`${t("Material Demand Date")}: ${date}`}

  540.                     </Typography>

  541.                     <EditableSearchResults<FGRecord>

  542.                         index={index}

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

  544.                         columns={columns}

  545.                         setPagingController={updatePagingController}

  546.                         pagingController={pagingController[index]}

  547.                         isAutoPaging={true}

  548.                         isEditable={false}

  549.                         isEdit={isEdit}

  550.                     />

  551.                 </Grid>

  552.             ))}

  553.         </Grid>

  554.     );

  555. };

  556. export default ViewByBomDetails;