derek
/
FPSMS-frontend
1
0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Aktiviteter
FPSMS-frontend
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
155 Incheckningar
4 Grenar
40 MiB
 
 
 
Träd: 46ee3f2623
Grenar Taggar
${ item.name }
Skapa branchen ${ searchTerm }
från '46ee3f2623'
${ noResults }
FPSMS-frontend/src/components/DetailScheduleDetail/ViewByBomDetails.tsx

1497 rader
35 KiB
Rå Blame Historik 

  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 {

  13.   MutableRefObject,

  14.   useCallback,

  15.   useEffect,

  16.   useMemo,

  17.   useState,

  18. } from "react";

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

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

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

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

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

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

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

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

  27. import EditableSearchResults, {

  28.   Column,

  29. } from "@/components/SearchResults/EditableSearchResults";

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

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

  32. 

  33. type Props = {

  34.   apiRef: MutableRefObject<GridApiCommunity>;

  35.   isEdit: boolean;

  36. };

  37. type EntryError =

  38.   | {

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

  40.     }

  41.   | undefined;

  42. 

  43. export type FGRecord = {

  44.   id: string | number;

  45.   code: string;

  46.   name: string;

  47.   inStockQty: number;

  48.   purchaseQty: number;

  49. };

  50. 

  51. export type FGOverallRecord = {

  52.   id: string | number;

  53.   code: string;

  54.   name: string;

  55.   type: string;

  56.   inStockQty?: number;

  57.   purchaseQty?: number;

  58.   purchaseQty1?: number;

  59.   purchaseQty2?: number;

  60.   purchaseQty3?: number;

  61.   purchaseQty4?: number;

  62.   purchaseQty5?: number;

  63.   purchaseQty6?: number;

  64.   purchaseQty7?: number;

  65.   overallPurchaseQty?: number;

  66. };

  67. 

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

  69.   const {

  70.     t,

  71.     i18n: { language },

  72.   } = useTranslation("schedule");

  73. 

  74.   const {

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

  76.   } = useFormContext<CreateItemInputs>();

  77.   //   const apiRef = useGridApiRef();

  78. 

  79.   const dayPeriod = [

  80.     "2025-05-11",

  81.     "2025-05-12",

  82.     "2025-05-13",

  83.     "2025-05-14",

  84.     "2025-05-15",

  85.     "2025-05-16",

  86.     "2025-05-17",

  87.   ];

  88. 

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

  90.     () => [

  91.       [

  92.         {

  93.           id: 1,

  94.           code: "MH0040",

  95.           type: "Material",

  96.           name: "大豆油(1噸/桶)",

  97.           inStockQty: 54.44,

  98.           purchaseQty: 972.12,

  99.         },

  100.         {

  101.           id: 2,

  102.           code: "GI3236",

  103.           type: "Material",

  104.           name: "清水(煮過牛腩)",

  105.           inStockQty: 317.52,

  106.           purchaseQty: 3175.2,

  107.         },

  108.         {

  109.           id: 3,

  110.           code: "MG1700",

  111.           type: "Material",

  112.           name: "STERILTOM 意大利茄粒",

  113.           inStockQty: 9.0,

  114.           purchaseQty: 90,

  115.         },

  116.         {

  117.           id: 4,

  118.           code: "FA0533",

  119.           type: "Material",

  120.           name: "乾蔥茸",

  121.           inStockQty: 6.04,

  122.           purchaseQty: 60.4,

  123.         },

  124.         {

  125.           id: 5,

  126.           code: "FA0210",

  127.           type: "Material",

  128.           name: "薑茸",

  129.           inStockQty: 6.04,

  130.           purchaseQty: 66.45,

  131.         },

  132.         {

  133.           id: 6,

  134.           code: "FA0608",

  135.           type: "Material",

  136.           name: "粗蒜茸",

  137.           inStockQty: 6.04,

  138.           purchaseQty: 78.55,

  139.         },

  140.         {

  141.           id: 7,

  142.           code: "FA0056",

  143.           type: "Material",

  144.           name: "洋蔥肉",

  145.           inStockQty: 241.98,

  146.           purchaseQty: 2419.8,

  147.         },

  148.         {

  149.           id: 8,

  150.           code: "PP1188",

  151.           type: "Material",

  152.           name: "咖喱膽",

  153.           inStockQty: 36.0,

  154.           purchaseQty: 0,

  155.         },

  156.         {

  157.           id: 9,

  158.           code: "PP8001",

  159.           type: "Material",

  160.           name: "咖哩汁箱料粉",

  161.           inStockQty: 77.42,

  162.           purchaseQty: 774.2,

  163.         },

  164.         {

  165.           id: 10,

  166.           code: "PP1096",

  167.           type: "Material",

  168.           name: "白麵撈",

  169.           inStockQty: 60.0,

  170.           purchaseQty: 0,

  171.         },

  172.         {

  173.           id: 11,

  174.           code: "NA0476",

  175.           type: "Material",

  176.           name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計",

  177.           inStockQty: 600.0,

  178.           purchaseQty: 6000,

  179.         },

  180.         {

  181.           id: 12,

  182.           code: "MH0040",

  183.           type: "Material",

  184.           name: "大豆油(1噸/桶)",

  185.           inStockQty: 0,

  186.           purchaseQty: 972.12,

  187.         },

  188.         {

  189.           id: 13,

  190.           code: "FA0161",

  191.           type: "Material",

  192.           name: "洋蔥粒",

  193.           inStockQty: 0,

  194.           purchaseQty: 28.15,

  195.         },

  196.         {

  197.           id: 14,

  198.           code: "MG1288",

  199.           type: "Material",

  200.           name: "炸紅蔥頭",

  201.           inStockQty: 0,

  202.           purchaseQty: 6.05,

  203.         },

  204.         {

  205.           id: 15,

  206.           code: "MG0066",

  207.           type: "Material",

  208.           name: "咖哩料(5斤x16包+2斤/包)",

  209.           inStockQty: 0,

  210.           purchaseQty: 241.98,

  211.         },

  212.         {

  213.           id: 16,

  214.           code: "MH0040",

  215.           type: "Material",

  216.           name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)",

  217.           inStockQty: 0,

  218.           purchaseQty: 250.0,

  219.         },

  220.       ],

  221.       [

  222.         {

  223.           id: 1,

  224.           code: "MH0040",

  225.           type: "Material",

  226.           name: "大豆油(1噸/桶)",

  227.           inStockQty: 54.44,

  228.           purchaseQty: 972.12,

  229.         },

  230.         {

  231.           id: 2,

  232.           code: "GI3236",

  233.           type: "Material",

  234.           name: "清水(煮過牛腩)",

  235.           inStockQty: 317.52,

  236.           purchaseQty: 3175.2,

  237.         },

  238.         {

  239.           id: 3,

  240.           code: "MG1700",

  241.           type: "Material",

  242.           name: "STERILTOM 意大利茄粒",

  243.           inStockQty: 9.0,

  244.           purchaseQty: 90,

  245.         },

  246.         {

  247.           id: 4,

  248.           code: "FA0533",

  249.           type: "Material",

  250.           name: "乾蔥茸",

  251.           inStockQty: 6.04,

  252.           purchaseQty: 60.4,

  253.         },

  254.         {

  255.           id: 5,

  256.           code: "FA0210",

  257.           type: "Material",

  258.           name: "薑茸",

  259.           inStockQty: 6.04,

  260.           purchaseQty: 66.45,

  261.         },

  262.         {

  263.           id: 6,

  264.           code: "FA0608",

  265.           type: "Material",

  266.           name: "粗蒜茸",

  267.           inStockQty: 6.04,

  268.           purchaseQty: 78.55,

  269.         },

  270.         {

  271.           id: 7,

  272.           code: "FA0056",

  273.           type: "Material",

  274.           name: "洋蔥肉",

  275.           inStockQty: 241.98,

  276.           purchaseQty: 2419.8,

  277.         },

  278.         {

  279.           id: 8,

  280.           code: "PP1188",

  281.           type: "Material",

  282.           name: "咖喱膽",

  283.           inStockQty: 36.0,

  284.           purchaseQty: 0,

  285.         },

  286.         {

  287.           id: 9,

  288.           code: "PP8001",

  289.           type: "Material",

  290.           name: "咖哩汁箱料粉",

  291.           inStockQty: 77.42,

  292.           purchaseQty: 774.2,

  293.         },

  294.         {

  295.           id: 10,

  296.           code: "PP1096",

  297.           type: "Material",

  298.           name: "白麵撈",

  299.           inStockQty: 60.0,

  300.           purchaseQty: 0,

  301.         },

  302.         {

  303.           id: 11,

  304.           code: "NA0476",

  305.           type: "Material",

  306.           name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計",

  307.           inStockQty: 600.0,

  308.           purchaseQty: 6000,

  309.         },

  310.         {

  311.           id: 12,

  312.           code: "MH0040",

  313.           type: "Material",

  314.           name: "大豆油(1噸/桶)",

  315.           inStockQty: 0,

  316.           purchaseQty: 972.12,

  317.         },

  318.         {

  319.           id: 13,

  320.           code: "FA0161",

  321.           type: "Material",

  322.           name: "洋蔥粒",

  323.           inStockQty: 0,

  324.           purchaseQty: 28.15,

  325.         },

  326.         {

  327.           id: 14,

  328.           code: "MG1288",

  329.           type: "Material",

  330.           name: "炸紅蔥頭",

  331.           inStockQty: 0,

  332.           purchaseQty: 6.05,

  333.         },

  334.         {

  335.           id: 15,

  336.           code: "MG0066",

  337.           type: "Material",

  338.           name: "咖哩料(5斤x16包+2斤/包)",

  339.           inStockQty: 0,

  340.           purchaseQty: 241.98,

  341.         },

  342.         {

  343.           id: 16,

  344.           code: "MH0040",

  345.           type: "Material",

  346.           name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)",

  347.           inStockQty: 0,

  348.           purchaseQty: 250.0,

  349.         },

  350.       ],

  351.       [

  352.         {

  353.           id: 1,

  354.           code: "MH0040",

  355.           type: "Material",

  356.           name: "大豆油(1噸/桶)",

  357.           inStockQty: 54.44,

  358.           purchaseQty: 972.12,

  359.         },

  360.         {

  361.           id: 2,

  362.           code: "GI3236",

  363.           type: "Material",

  364.           name: "清水(煮過牛腩)",

  365.           inStockQty: 317.52,

  366.           purchaseQty: 3175.2,

  367.         },

  368.         {

  369.           id: 3,

  370.           code: "MG1700",

  371.           type: "Material",

  372.           name: "STERILTOM 意大利茄粒",

  373.           inStockQty: 9.0,

  374.           purchaseQty: 90,

  375.         },

  376.         {

  377.           id: 4,

  378.           code: "FA0533",

  379.           type: "Material",

  380.           name: "乾蔥茸",

  381.           inStockQty: 6.04,

  382.           purchaseQty: 60.4,

  383.         },

  384.         {

  385.           id: 5,

  386.           code: "FA0210",

  387.           type: "Material",

  388.           name: "薑茸",

  389.           inStockQty: 6.04,

  390.           purchaseQty: 66.45,

  391.         },

  392.         {

  393.           id: 6,

  394.           code: "FA0608",

  395.           type: "Material",

  396.           name: "粗蒜茸",

  397.           inStockQty: 6.04,

  398.           purchaseQty: 78.55,

  399.         },

  400.         {

  401.           id: 7,

  402.           code: "FA0056",

  403.           type: "Material",

  404.           name: "洋蔥肉",

  405.           inStockQty: 241.98,

  406.           purchaseQty: 2419.8,

  407.         },

  408.         {

  409.           id: 8,

  410.           code: "PP1188",

  411.           type: "Material",

  412.           name: "咖喱膽",

  413.           inStockQty: 36.0,

  414.           purchaseQty: 0,

  415.         },

  416.         {

  417.           id: 9,

  418.           code: "PP8001",

  419.           type: "Material",

  420.           name: "咖哩汁箱料粉",

  421.           inStockQty: 77.42,

  422.           purchaseQty: 774.2,

  423.         },

  424.         {

  425.           id: 10,

  426.           code: "PP1096",

  427.           type: "Material",

  428.           name: "白麵撈",

  429.           inStockQty: 60.0,

  430.           purchaseQty: 0,

  431.         },

  432.         {

  433.           id: 11,

  434.           code: "NA0476",

  435.           type: "Material",

  436.           name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計",

  437.           inStockQty: 600.0,

  438.           purchaseQty: 6000,

  439.         },

  440.         {

  441.           id: 12,

  442.           code: "MH0040",

  443.           type: "Material",

  444.           name: "大豆油(1噸/桶)",

  445.           inStockQty: 0,

  446.           purchaseQty: 972.12,

  447.         },

  448.         {

  449.           id: 13,

  450.           code: "FA0161",

  451.           type: "Material",

  452.           name: "洋蔥粒",

  453.           inStockQty: 0,

  454.           purchaseQty: 28.15,

  455.         },

  456.         {

  457.           id: 14,

  458.           code: "MG1288",

  459.           type: "Material",

  460.           name: "炸紅蔥頭",

  461.           inStockQty: 0,

  462.           purchaseQty: 6.05,

  463.         },

  464.         {

  465.           id: 15,

  466.           code: "MG0066",

  467.           type: "Material",

  468.           name: "咖哩料(5斤x16包+2斤/包)",

  469.           inStockQty: 0,

  470.           purchaseQty: 241.98,

  471.         },

  472.         {

  473.           id: 16,

  474.           code: "MH0040",

  475.           type: "Material",

  476.           name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)",

  477.           inStockQty: 0,

  478.           purchaseQty: 250.0,

  479.         },

  480.       ],

  481.       [

  482.         {

  483.           id: 1,

  484.           code: "MH0040",

  485.           type: "Material",

  486.           name: "大豆油(1噸/桶)",

  487.           inStockQty: 54.44,

  488.           purchaseQty: 972.12,

  489.         },

  490.         {

  491.           id: 2,

  492.           code: "GI3236",

  493.           type: "Material",

  494.           name: "清水(煮過牛腩)",

  495.           inStockQty: 317.52,

  496.           purchaseQty: 3175.2,

  497.         },

  498.         {

  499.           id: 3,

  500.           code: "MG1700",

  501.           type: "Material",

  502.           name: "STERILTOM 意大利茄粒",

  503.           inStockQty: 9.0,

  504.           purchaseQty: 90,

  505.         },

  506.         {

  507.           id: 4,

  508.           code: "FA0533",

  509.           type: "Material",

  510.           name: "乾蔥茸",

  511.           inStockQty: 6.04,

  512.           purchaseQty: 60.4,

  513.         },

  514.         {

  515.           id: 5,

  516.           code: "FA0210",

  517.           type: "Material",

  518.           name: "薑茸",

  519.           inStockQty: 6.04,

  520.           purchaseQty: 66.45,

  521.         },

  522.         {

  523.           id: 6,

  524.           code: "FA0608",

  525.           type: "Material",

  526.           name: "粗蒜茸",

  527.           inStockQty: 6.04,

  528.           purchaseQty: 78.55,

  529.         },

  530.         {

  531.           id: 7,

  532.           code: "FA0056",

  533.           type: "Material",

  534.           name: "洋蔥肉",

  535.           inStockQty: 241.98,

  536.           purchaseQty: 2419.8,

  537.         },

  538.         {

  539.           id: 8,

  540.           code: "PP1188",

  541.           type: "Material",

  542.           name: "咖喱膽",

  543.           inStockQty: 36.0,

  544.           purchaseQty: 0,

  545.         },

  546.         {

  547.           id: 9,

  548.           code: "PP8001",

  549.           type: "Material",

  550.           name: "咖哩汁箱料粉",

  551.           inStockQty: 77.42,

  552.           purchaseQty: 774.2,

  553.         },

  554.         {

  555.           id: 10,

  556.           code: "PP1096",

  557.           type: "Material",

  558.           name: "白麵撈",

  559.           inStockQty: 60.0,

  560.           purchaseQty: 0,

  561.         },

  562.         {

  563.           id: 11,

  564.           code: "NA0476",

  565.           type: "Material",

  566.           name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計",

  567.           inStockQty: 600.0,

  568.           purchaseQty: 6000,

  569.         },

  570.         {

  571.           id: 12,

  572.           code: "MH0040",

  573.           type: "Material",

  574.           name: "大豆油(1噸/桶)",

  575.           inStockQty: 0,

  576.           purchaseQty: 972.12,

  577.         },

  578.         {

  579.           id: 13,

  580.           code: "FA0161",

  581.           type: "Material",

  582.           name: "洋蔥粒",

  583.           inStockQty: 0,

  584.           purchaseQty: 28.15,

  585.         },

  586.         {

  587.           id: 14,

  588.           code: "MG1288",

  589.           type: "Material",

  590.           name: "炸紅蔥頭",

  591.           inStockQty: 0,

  592.           purchaseQty: 6.05,

  593.         },

  594.         {

  595.           id: 15,

  596.           code: "MG0066",

  597.           type: "Material",

  598.           name: "咖哩料(5斤x16包+2斤/包)",

  599.           inStockQty: 0,

  600.           purchaseQty: 241.98,

  601.         },

  602.         {

  603.           id: 16,

  604.           code: "MH0040",

  605.           type: "Material",

  606.           name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)",

  607.           inStockQty: 0,

  608.           purchaseQty: 250.0,

  609.         },

  610.       ],

  611.       [

  612.         {

  613.           id: 1,

  614.           code: "MH0040",

  615.           type: "Material",

  616.           name: "大豆油(1噸/桶)",

  617.           inStockQty: 54.44,

  618.           purchaseQty: 972.12,

  619.         },

  620.         {

  621.           id: 2,

  622.           code: "GI3236",

  623.           type: "Material",

  624.           name: "清水(煮過牛腩)",

  625.           inStockQty: 317.52,

  626.           purchaseQty: 3175.2,

  627.         },

  628.         {

  629.           id: 3,

  630.           code: "MG1700",

  631.           type: "Material",

  632.           name: "STERILTOM 意大利茄粒",

  633.           inStockQty: 9.0,

  634.           purchaseQty: 90,

  635.         },

  636.         {

  637.           id: 4,

  638.           code: "FA0533",

  639.           type: "Material",

  640.           name: "乾蔥茸",

  641.           inStockQty: 6.04,

  642.           purchaseQty: 60.4,

  643.         },

  644.         {

  645.           id: 5,

  646.           code: "FA0210",

  647.           type: "Material",

  648.           name: "薑茸",

  649.           inStockQty: 6.04,

  650.           purchaseQty: 66.45,

  651.         },

  652.         {

  653.           id: 6,

  654.           code: "FA0608",

  655.           type: "Material",

  656.           name: "粗蒜茸",

  657.           inStockQty: 6.04,

  658.           purchaseQty: 78.55,

  659.         },

  660.         {

  661.           id: 7,

  662.           code: "FA0056",

  663.           type: "Material",

  664.           name: "洋蔥肉",

  665.           inStockQty: 241.98,

  666.           purchaseQty: 2419.8,

  667.         },

  668.         {

  669.           id: 8,

  670.           code: "PP1188",

  671.           type: "Material",

  672.           name: "咖喱膽",

  673.           inStockQty: 36.0,

  674.           purchaseQty: 0,

  675.         },

  676.         {

  677.           id: 9,

  678.           code: "PP8001",

  679.           type: "Material",

  680.           name: "咖哩汁箱料粉",

  681.           inStockQty: 77.42,

  682.           purchaseQty: 774.2,

  683.         },

  684.         {

  685.           id: 10,

  686.           code: "PP1096",

  687.           type: "Material",

  688.           name: "白麵撈",

  689.           inStockQty: 60.0,

  690.           purchaseQty: 0,

  691.         },

  692.         {

  693.           id: 11,

  694.           code: "NA0476",

  695.           type: "Material",

  696.           name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計",

  697.           inStockQty: 600.0,

  698.           purchaseQty: 6000,

  699.         },

  700.         {

  701.           id: 12,

  702.           code: "MH0040",

  703.           type: "Material",

  704.           name: "大豆油(1噸/桶)",

  705.           inStockQty: 0,

  706.           purchaseQty: 972.12,

  707.         },

  708.         {

  709.           id: 13,

  710.           code: "FA0161",

  711.           type: "Material",

  712.           name: "洋蔥粒",

  713.           inStockQty: 0,

  714.           purchaseQty: 28.15,

  715.         },

  716.         {

  717.           id: 14,

  718.           code: "MG1288",

  719.           type: "Material",

  720.           name: "炸紅蔥頭",

  721.           inStockQty: 0,

  722.           purchaseQty: 6.05,

  723.         },

  724.         {

  725.           id: 15,

  726.           code: "MG0066",

  727.           type: "Material",

  728.           name: "咖哩料(5斤x16包+2斤/包)",

  729.           inStockQty: 0,

  730.           purchaseQty: 241.98,

  731.         },

  732.         {

  733.           id: 16,

  734.           code: "MH0040",

  735.           type: "Material",

  736.           name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)",

  737.           inStockQty: 0,

  738.           purchaseQty: 250.0,

  739.         },

  740.       ],

  741.       [

  742.         {

  743.           id: 1,

  744.           code: "MH0040",

  745.           type: "Material",

  746.           name: "大豆油(1噸/桶)",

  747.           inStockQty: 54.44,

  748.           purchaseQty: 972.12,

  749.         },

  750.         {

  751.           id: 2,

  752.           code: "GI3236",

  753.           type: "Material",

  754.           name: "清水(煮過牛腩)",

  755.           inStockQty: 317.52,

  756.           purchaseQty: 3175.2,

  757.         },

  758.         {

  759.           id: 3,

  760.           code: "MG1700",

  761.           type: "Material",

  762.           name: "STERILTOM 意大利茄粒",

  763.           inStockQty: 9.0,

  764.           purchaseQty: 90,

  765.         },

  766.         {

  767.           id: 4,

  768.           code: "FA0533",

  769.           type: "Material",

  770.           name: "乾蔥茸",

  771.           inStockQty: 6.04,

  772.           purchaseQty: 60.4,

  773.         },

  774.         {

  775.           id: 5,

  776.           code: "FA0210",

  777.           type: "Material",

  778.           name: "薑茸",

  779.           inStockQty: 6.04,

  780.           purchaseQty: 66.45,

  781.         },

  782.         {

  783.           id: 6,

  784.           code: "FA0608",

  785.           type: "Material",

  786.           name: "粗蒜茸",

  787.           inStockQty: 6.04,

  788.           purchaseQty: 78.55,

  789.         },

  790.         {

  791.           id: 7,

  792.           code: "FA0056",

  793.           type: "Material",

  794.           name: "洋蔥肉",

  795.           inStockQty: 241.98,

  796.           purchaseQty: 2419.8,

  797.         },

  798.         {

  799.           id: 8,

  800.           code: "PP1188",

  801.           type: "Material",

  802.           name: "咖喱膽",

  803.           inStockQty: 36.0,

  804.           purchaseQty: 0,

  805.         },

  806.         {

  807.           id: 9,

  808.           code: "PP8001",

  809.           type: "Material",

  810.           name: "咖哩汁箱料粉",

  811.           inStockQty: 77.42,

  812.           purchaseQty: 774.2,

  813.         },

  814.         {

  815.           id: 10,

  816.           code: "PP1096",

  817.           type: "Material",

  818.           name: "白麵撈",

  819.           inStockQty: 60.0,

  820.           purchaseQty: 0,

  821.         },

  822.         {

  823.           id: 11,

  824.           code: "NA0476",

  825.           type: "Material",

  826.           name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計",

  827.           inStockQty: 600.0,

  828.           purchaseQty: 6000,

  829.         },

  830.         {

  831.           id: 12,

  832.           code: "MH0040",

  833.           type: "Material",

  834.           name: "大豆油(1噸/桶)",

  835.           inStockQty: 0,

  836.           purchaseQty: 972.12,

  837.         },

  838.         {

  839.           id: 13,

  840.           code: "FA0161",

  841.           type: "Material",

  842.           name: "洋蔥粒",

  843.           inStockQty: 0,

  844.           purchaseQty: 28.15,

  845.         },

  846.         {

  847.           id: 14,

  848.           code: "MG1288",

  849.           type: "Material",

  850.           name: "炸紅蔥頭",

  851.           inStockQty: 0,

  852.           purchaseQty: 6.05,

  853.         },

  854.         {

  855.           id: 15,

  856.           code: "MG0066",

  857.           type: "Material",

  858.           name: "咖哩料(5斤x16包+2斤/包)",

  859.           inStockQty: 0,

  860.           purchaseQty: 241.98,

  861.         },

  862.         {

  863.           id: 16,

  864.           code: "MH0040",

  865.           type: "Material",

  866.           name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)",

  867.           inStockQty: 0,

  868.           purchaseQty: 250.0,

  869.         },

  870.       ],

  871.       [

  872.         {

  873.           id: 1,

  874.           code: "MH0040",

  875.           type: "Material",

  876.           name: "大豆油(1噸/桶)",

  877.           inStockQty: 54.44,

  878.           purchaseQty: 972.12,

  879.         },

  880.         {

  881.           id: 2,

  882.           code: "GI3236",

  883.           type: "Material",

  884.           name: "清水(煮過牛腩)",

  885.           inStockQty: 317.52,

  886.           purchaseQty: 3175.2,

  887.         },

  888.         {

  889.           id: 3,

  890.           code: "MG1700",

  891.           type: "Material",

  892.           name: "STERILTOM 意大利茄粒",

  893.           inStockQty: 9.0,

  894.           purchaseQty: 90,

  895.         },

  896.         {

  897.           id: 4,

  898.           code: "FA0533",

  899.           type: "Material",

  900.           name: "乾蔥茸",

  901.           inStockQty: 6.04,

  902.           purchaseQty: 60.4,

  903.         },

  904.         {

  905.           id: 5,

  906.           code: "FA0210",

  907.           type: "Material",

  908.           name: "薑茸",

  909.           inStockQty: 6.04,

  910.           purchaseQty: 66.45,

  911.         },

  912.         {

  913.           id: 6,

  914.           code: "FA0608",

  915.           type: "Material",

  916.           name: "粗蒜茸",

  917.           inStockQty: 6.04,

  918.           purchaseQty: 78.55,

  919.         },

  920.         {

  921.           id: 7,

  922.           code: "FA0056",

  923.           type: "Material",

  924.           name: "洋蔥肉",

  925.           inStockQty: 241.98,

  926.           purchaseQty: 2419.8,

  927.         },

  928.         {

  929.           id: 8,

  930.           code: "PP1188",

  931.           type: "Material",

  932.           name: "咖喱膽",

  933.           inStockQty: 36.0,

  934.           purchaseQty: 0,

  935.         },

  936.         {

  937.           id: 9,

  938.           code: "PP8001",

  939.           type: "Material",

  940.           name: "咖哩汁箱料粉",

  941.           inStockQty: 77.42,

  942.           purchaseQty: 774.2,

  943.         },

  944.         {

  945.           id: 10,

  946.           code: "PP1096",

  947.           type: "Material",

  948.           name: "白麵撈",

  949.           inStockQty: 60.0,

  950.           purchaseQty: 0,

  951.         },

  952.         {

  953.           id: 11,

  954.           code: "NA0476",

  955.           type: "Material",

  956.           name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計",

  957.           inStockQty: 600.0,

  958.           purchaseQty: 6000,

  959.         },

  960.         {

  961.           id: 12,

  962.           code: "MH0040",

  963.           type: "Material",

  964.           name: "大豆油(1噸/桶)",

  965.           inStockQty: 0,

  966.           purchaseQty: 972.12,

  967.         },

  968.         {

  969.           id: 13,

  970.           code: "FA0161",

  971.           type: "Material",

  972.           name: "洋蔥粒",

  973.           inStockQty: 0,

  974.           purchaseQty: 28.15,

  975.         },

  976.         {

  977.           id: 14,

  978.           code: "MG1288",

  979.           type: "Material",

  980.           name: "炸紅蔥頭",

  981.           inStockQty: 0,

  982.           purchaseQty: 6.05,

  983.         },

  984.         {

  985.           id: 15,

  986.           code: "MG0066",

  987.           type: "Material",

  988.           name: "咖哩料(5斤x16包+2斤/包)",

  989.           inStockQty: 0,

  990.           purchaseQty: 241.98,

  991.         },

  992.         {

  993.           id: 16,

  994.           code: "MH0040",

  995.           type: "Material",

  996.           name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)",

  997.           inStockQty: 0,

  998.           purchaseQty: 250.0,

  999.         },

  1000.       ],

  1001.     ],

  1002.     [],

  1003.   );

  1004. 

  1005.     // const updatePagingController = (updatedObj: { index: number, pageNum: number, pageSize: number, totalCount: number }) => {

  1006.     //     setPagingController((prevState) => {

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

  1008.     //             if (index === updatedObj?.index){

  1009.     //                 return {

  1010.     //                     ...item,

  1011.     //                     pageNum: item.pageNum,

  1012.     //                     pageSize: item.pageSize,

  1013.     //                     totalCount: item.totalCount,

  1014.     //                 };

  1015.     //             }

  1016.     //             else

  1017.     //                 return item

  1018.     //         });

  1019.     //     });

  1020.     // };

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

  1022.     () => [

  1023.       {

  1024.         id: 1,

  1025.         code: "MH0040",

  1026.         type: "Material",

  1027.         name: "大豆油(1噸/桶)",

  1028.         inStockQty: 54.44,

  1029.         purchaseQty1: 972.12,

  1030.         purchaseQty2: 972.12,

  1031.         purchaseQty3: 972.12,

  1032.         purchaseQty4: 972.12,

  1033.         purchaseQty5: 972.12,

  1034.         purchaseQty6: 972.12,

  1035.         purchaseQty7: 972.12,

  1036.         overallPurchaseQty: 6804.84,

  1037.       },

  1038.       {

  1039.         id: 2,

  1040.         code: "GI3236",

  1041.         type: "Material",

  1042.         name: "清水(煮過牛腩)",

  1043.         inStockQty: 317.52,

  1044.         purchaseQty1: 3175.2,

  1045.         purchaseQty2: 3175.2,

  1046.         purchaseQty3: 3175.2,

  1047.         purchaseQty4: 3175.2,

  1048.         purchaseQty5: 3175.2,

  1049.         purchaseQty6: 3175.2,

  1050.         purchaseQty7: 3175.2,

  1051.         overallPurchaseQty: 22226.4,

  1052.       },

  1053.       {

  1054.         id: 3,

  1055.         code: "MG1700",

  1056.         type: "Material",

  1057.         name: "STERILTOM 意大利茄粒",

  1058.         inStockQty: 9.0,

  1059.         purchaseQty1: 90,

  1060.         purchaseQty2: 90,

  1061.         purchaseQty3: 90,

  1062.         purchaseQty4: 90,

  1063.         purchaseQty5: 90,

  1064.         purchaseQty6: 90,

  1065.         purchaseQty7: 90,

  1066.         overallPurchaseQty: 630,

  1067.       },

  1068.       {

  1069.         id: 4,

  1070.         code: "FA0533",

  1071.         type: "Material",

  1072.         name: "乾蔥茸",

  1073.         inStockQty: 6.04,

  1074.         purchaseQty1: 60.4,

  1075.         purchaseQty2: 60.4,

  1076.         purchaseQty3: 60.4,

  1077.         purchaseQty4: 60.4,

  1078.         purchaseQty5: 60.4,

  1079.         purchaseQty6: 60.4,

  1080.         purchaseQty7: 60.4,

  1081.         overallPurchaseQty: 422.8,

  1082.       },

  1083.       {

  1084.         id: 5,

  1085.         code: "FA0210",

  1086.         type: "Material",

  1087.         name: "薑茸",

  1088.         inStockQty: 6.04,

  1089.         purchaseQty1: 66.45,

  1090.         purchaseQty2: 66.45,

  1091.         purchaseQty3: 66.45,

  1092.         purchaseQty4: 66.45,

  1093.         purchaseQty5: 66.45,

  1094.         purchaseQty6: 66.45,

  1095.         purchaseQty7: 66.45,

  1096.         overallPurchaseQty: 465.15,

  1097.       },

  1098.       {

  1099.         id: 6,

  1100.         code: "FA0608",

  1101.         type: "Material",

  1102.         name: "粗蒜茸",

  1103.         inStockQty: 6.04,

  1104.         purchaseQty1: 78.55,

  1105.         purchaseQty2: 78.55,

  1106.         purchaseQty3: 78.55,

  1107.         purchaseQty4: 78.55,

  1108.         purchaseQty5: 78.55,

  1109.         purchaseQty6: 78.55,

  1110.         purchaseQty7: 78.55,

  1111.         overallPurchaseQty: 549.85,

  1112.       },

  1113.       {

  1114.         id: 7,

  1115.         code: "FA0056",

  1116.         type: "Material",

  1117.         name: "洋蔥肉",

  1118.         inStockQty: 241.98,

  1119.         purchaseQty: 2419.8,

  1120.       },

  1121.       {

  1122.         id: 8,

  1123.         code: "PP1188",

  1124.         type: "Material",

  1125.         name: "咖喱膽",

  1126.         inStockQty: 36.0,

  1127.         purchaseQty: 0,

  1128.       },

  1129.       {

  1130.         id: 9,

  1131.         code: "PP8001",

  1132.         type: "Material",

  1133.         name: "咖哩汁箱料粉",

  1134.         inStockQty: 77.42,

  1135.         purchaseQty: 774.2,

  1136.       },

  1137.       {

  1138.         id: 10,

  1139.         code: "PP1096",

  1140.         type: "Material",

  1141.         name: "白麵撈",

  1142.         inStockQty: 60.0,

  1143.         purchaseQty: 0,

  1144.       },

  1145.       {

  1146.         id: 11,

  1147.         code: "NA0476",

  1148.         type: "Material",

  1149.         name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計",

  1150.         inStockQty: 600.0,

  1151.         purchaseQty: 6000,

  1152.       },

  1153.       {

  1154.         id: 12,

  1155.         code: "MH0040",

  1156.         type: "Material",

  1157.         name: "大豆油(1噸/桶)",

  1158.         inStockQty: 0,

  1159.         purchaseQty: 972.12,

  1160.       },

  1161.       {

  1162.         id: 13,

  1163.         code: "FA0161",

  1164.         type: "Material",

  1165.         name: "洋蔥粒",

  1166.         inStockQty: 0,

  1167.         purchaseQty: 28.15,

  1168.       },

  1169.       {

  1170.         id: 14,

  1171.         code: "MG1288",

  1172.         type: "Material",

  1173.         name: "炸紅蔥頭",

  1174.         inStockQty: 0,

  1175.         purchaseQty: 6.05,

  1176.       },

  1177.       {

  1178.         id: 15,

  1179.         code: "MG0066",

  1180.         type: "Material",

  1181.         name: "咖哩料(5斤x16包+2斤/包)",

  1182.         inStockQty: 0,

  1183.         purchaseQty: 241.98,

  1184.       },

  1185.       {

  1186.         id: 16,

  1187.         code: "MH0040",

  1188.         type: "Material",

  1189.         name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)",

  1190.         inStockQty: 0,

  1191.         purchaseQty: 250.0,

  1192.       },

  1193.     ],

  1194.     [],

  1195.   );

  1196. 

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

  1198.     {

  1199.       pageNum: 1,

  1200.       pageSize: 10,

  1201.       totalCount: 0,

  1202.     },

  1203.     {

  1204.       pageNum: 1,

  1205.       pageSize: 10,

  1206.       totalCount: 0,

  1207.     },

  1208.     {

  1209.       pageNum: 1,

  1210.       pageSize: 10,

  1211.       totalCount: 0,

  1212.     },

  1213.     {

  1214.       pageNum: 1,

  1215.       pageSize: 10,

  1216.       totalCount: 0,

  1217.     },

  1218.     {

  1219.       pageNum: 1,

  1220.       pageSize: 10,

  1221.       totalCount: 0,

  1222.     },

  1223.     {

  1224.       pageNum: 1,

  1225.       pageSize: 10,

  1226.       totalCount: 0,

  1227.     },

  1228.     {

  1229.       pageNum: 1,

  1230.       pageSize: 10,

  1231.       totalCount: 0,

  1232.     },

  1233.     {

  1234.       pageNum: 1,

  1235.       pageSize: 10,

  1236.       totalCount: 0,

  1237.     },

  1238.   ]);

  1239. 

  1240.   const updatePagingController = (updatedObj: any) => {

  1241.     setPagingController((prevState) => {

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

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

  1244.           return {

  1245.             ...item,

  1246.             pageNum: item.pageNum,

  1247.             pageSize: item.pageSize,

  1248.             totalCount: item.totalCount,

  1249.           };

  1250.         } else return item;

  1251.       });

  1252.     });

  1253.   };

  1254. 

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

  1256.     () => [

  1257.       {

  1258.         field: "code",

  1259.         label: t("code"),

  1260.         type: "read-only",

  1261.         // editable: true,

  1262.       },

  1263.       {

  1264.         field: "name",

  1265.         label: t("name"),

  1266.         type: "read-only",

  1267.       },

  1268.       {

  1269.         field: "type",

  1270.         label: t("type"),

  1271.         type: "read-only",

  1272.         // editable: true,

  1273.       },

  1274.       {

  1275.         field: "inStockQty",

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

  1277.         type: "read-only",

  1278.         style: {

  1279.           textAlign: "right",

  1280.         },

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

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

  1283.             return decimalFormatter.format(row.inStockQty);

  1284.           }

  1285.           return row.inStockQty;

  1286.         },

  1287.         // editable: true,

  1288.       },

  1289.       {

  1290.         field: "overallPurchaseQty",

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

  1292.         type: "read-only",

  1293.         style: {

  1294.           textAlign: "right",

  1295.         },

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

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

  1298.             return decimalFormatter.format(row.overallPurchaseQty);

  1299.           }

  1300.           return row.overallPurchaseQty;

  1301.         },

  1302.       },

  1303.       {

  1304.         field: "purchaseQty1",

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

  1306.         type: "read-only",

  1307.         style: {

  1308.           textAlign: "right",

  1309.         },

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

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

  1312.             return decimalFormatter.format(row.purchaseQty1);

  1313.           }

  1314.           return row.purchaseQty1;

  1315.         },

  1316.       },

  1317.       {

  1318.         field: "purchaseQty2",

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

  1320.         type: "read-only",

  1321.         style: {

  1322.           textAlign: "right",

  1323.         },

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

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

  1326.             return decimalFormatter.format(row.purchaseQty2);

  1327.           }

  1328.           return row.purchaseQty2;

  1329.         },

  1330.       },

  1331.       {

  1332.         field: "purchaseQty3",

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

  1334.         type: "read-only",

  1335.         style: {

  1336.           textAlign: "right",

  1337.         },

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

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

  1340.             return decimalFormatter.format(row.purchaseQty3);

  1341.           }

  1342.           return row.purchaseQty3;

  1343.         },

  1344.       },

  1345.       {

  1346.         field: "purchaseQty4",

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

  1348.         type: "read-only",

  1349.         style: {

  1350.           textAlign: "right",

  1351.         },

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

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

  1354.             return decimalFormatter.format(row.purchaseQty4);

  1355.           }

  1356.           return row.purchaseQty4;

  1357.         },

  1358.       },

  1359.       {

  1360.         field: "purchaseQty5",

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

  1362.         type: "read-only",

  1363.         style: {

  1364.           textAlign: "right",

  1365.         },

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

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

  1368.             return decimalFormatter.format(row.purchaseQty5);

  1369.           }

  1370.           return row.purchaseQty5;

  1371.         },

  1372.       },

  1373.       {

  1374.         field: "purchaseQty6",

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

  1376.         type: "read-only",

  1377.         style: {

  1378.           textAlign: "right",

  1379.         },

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

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

  1382.             return decimalFormatter.format(row.purchaseQty6);

  1383.           }

  1384.           return row.purchaseQty6;

  1385.         },

  1386.       },

  1387.       {

  1388.         field: "purchaseQty7",

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

  1390.         type: "read-only",

  1391.         style: {

  1392.           textAlign: "right",

  1393.         },

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

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

  1396.             return decimalFormatter.format(row.purchaseQty7);

  1397.           }

  1398.           return row.purchaseQty7;

  1399.         },

  1400.       },

  1401.     ],

  1402.     [],

  1403.   );

  1404. 

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

  1406.     () => [

  1407.       {

  1408.         field: "code",

  1409.         label: t("code"),

  1410.         type: "read-only",

  1411.         // editable: true,

  1412.       },

  1413.       {

  1414.         field: "name",

  1415.         label: t("name"),

  1416.         type: "read-only",

  1417.       },

  1418.       {

  1419.         field: "type",

  1420.         label: t("type"),

  1421.         type: "read-only",

  1422.       },

  1423.       {

  1424.         field: "inStockQty",

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

  1426.         type: "read-only",

  1427.         // editable: true,

  1428.         style: {

  1429.           textAlign: "right",

  1430.         },

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

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

  1433.             return decimalFormatter.format(row.inStockQty);

  1434.           }

  1435.           return row.inStockQty;

  1436.         },

  1437.       },

  1438.       {

  1439.         field: "purchaseQty",

  1440.         label: t("Demand Qty"),

  1441.         type: "read-only",

  1442.         style: {

  1443.           textAlign: "right",

  1444.         },

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

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

  1447.             return decimalFormatter.format(row.purchaseQty);

  1448.           }

  1449.           return row.purchaseQty;

  1450.         },

  1451.       },

  1452.     ],

  1453.     [],

  1454.   );

  1455. 

  1456.   return (

  1457.     <Grid container spacing={2}>

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

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

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

  1461.         </Typography>

  1462.         <EditableSearchResults<FGRecord>

  1463.           index={7}

  1464.           items={fakeOverallRecords as FGRecord[]}

  1465.           hasCollapse

  1466.           // isMockUp={true}

  1467.           columns={overallColumns}

  1468.           setPagingController={updatePagingController}

  1469.           pagingController={pagingController[7]}

  1470.           isAutoPaging={true}

  1471.           isEditable={false}

  1472.           isEdit={false}

  1473.         />

  1474.       </Grid>

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

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

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

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

  1479.           </Typography>

  1480.           <EditableSearchResults<FGRecord>

  1481.             hasCollapse

  1482.             index={index}

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

  1484.             columns={columns}

  1485.             setPagingController={updatePagingController}

  1486.             pagingController={pagingController[index]}

  1487.             isAutoPaging={true}

  1488.             isEditable={false}

  1489.             isEdit={isEdit}

  1490.           />

  1491.         </Grid>

  1492.       ))}

  1493.     </Grid>

  1494.   );

  1495. };

  1496. export default ViewByBomDetails;