derek
/
FPSMS-frontend
1
0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
FPSMS-frontend
您最多选择25个主题 主题必须以字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
155 提交
4 分支
40 MiB
 
 
 
目录树: 3e6780b413
分支列表 标签列表
${ item.name }
创建分支 ${ searchTerm }
从 '3e6780b413'
${ noResults }
FPSMS-frontend/src/components/DetailScheduleDetail/ViewByBomDetails.tsx

1320 行
31 KiB
原始文件 Blame 文件历史 

  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. 

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

  1023.     {

  1024.       pageNum: 1,

  1025.       pageSize: 10,

  1026.       totalCount: 0,

  1027.     },

  1028.     {

  1029.       pageNum: 1,

  1030.       pageSize: 10,

  1031.       totalCount: 0,

  1032.     },

  1033.     {

  1034.       pageNum: 1,

  1035.       pageSize: 10,

  1036.       totalCount: 0,

  1037.     },

  1038.     {

  1039.       pageNum: 1,

  1040.       pageSize: 10,

  1041.       totalCount: 0,

  1042.     },

  1043.     {

  1044.       pageNum: 1,

  1045.       pageSize: 10,

  1046.       totalCount: 0,

  1047.     },

  1048.     {

  1049.       pageNum: 1,

  1050.       pageSize: 10,

  1051.       totalCount: 0,

  1052.     },

  1053.     {

  1054.       pageNum: 1,

  1055.       pageSize: 10,

  1056.       totalCount: 0,

  1057.     },

  1058.     {

  1059.       pageNum: 1,

  1060.       pageSize: 10,

  1061.       totalCount: 0,

  1062.     },

  1063.   ]);

  1064. 

  1065.   const updatePagingController = (updatedObj) => {

  1066.     setPagingController((prevState) => {

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

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

  1069.           return {

  1070.             ...item,

  1071.             pageNum: item.pageNum,

  1072.             pageSize: item.pageSize,

  1073.             totalCount: item.totalCount,

  1074.           };

  1075.         } else return item;

  1076.       });

  1077.     });

  1078.   };

  1079. 

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

  1081.     () => [

  1082.       {

  1083.         field: "code",

  1084.         label: t("code"),

  1085.         type: "read-only",

  1086.         // editable: true,

  1087.       },

  1088.       {

  1089.         field: "name",

  1090.         label: t("name"),

  1091.         type: "read-only",

  1092.       },

  1093.       {

  1094.         field: "type",

  1095.         label: t("type"),

  1096.         type: "read-only",

  1097.         // editable: true,

  1098.       },

  1099.       {

  1100.         field: "inStockQty",

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

  1102.         type: "read-only",

  1103.         style: {

  1104.           textAlign: "right",

  1105.         },

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

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

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

  1109.           }

  1110.           return row.inStockQty;

  1111.         },

  1112.         // editable: true,

  1113.       },

  1114.       {

  1115.         field: "overallPurchaseQty",

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

  1117.         type: "read-only",

  1118.         style: {

  1119.           textAlign: "right",

  1120.         },

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

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

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

  1124.           }

  1125.           return row.overallPurchaseQty;

  1126.         },

  1127.       },

  1128.       {

  1129.         field: "purchaseQty1",

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

  1131.         type: "read-only",

  1132.         style: {

  1133.           textAlign: "right",

  1134.         },

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

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

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

  1138.           }

  1139.           return row.purchaseQty1;

  1140.         },

  1141.       },

  1142.       {

  1143.         field: "purchaseQty2",

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

  1145.         type: "read-only",

  1146.         style: {

  1147.           textAlign: "right",

  1148.         },

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

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

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

  1152.           }

  1153.           return row.purchaseQty2;

  1154.         },

  1155.       },

  1156.       {

  1157.         field: "purchaseQty3",

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

  1159.         type: "read-only",

  1160.         style: {

  1161.           textAlign: "right",

  1162.         },

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

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

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

  1166.           }

  1167.           return row.purchaseQty3;

  1168.         },

  1169.       },

  1170.       {

  1171.         field: "purchaseQty4",

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

  1173.         type: "read-only",

  1174.         style: {

  1175.           textAlign: "right",

  1176.         },

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

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

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

  1180.           }

  1181.           return row.purchaseQty4;

  1182.         },

  1183.       },

  1184.       {

  1185.         field: "purchaseQty5",

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

  1187.         type: "read-only",

  1188.         style: {

  1189.           textAlign: "right",

  1190.         },

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

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

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

  1194.           }

  1195.           return row.purchaseQty5;

  1196.         },

  1197.       },

  1198.       {

  1199.         field: "purchaseQty6",

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

  1201.         type: "read-only",

  1202.         style: {

  1203.           textAlign: "right",

  1204.         },

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

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

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

  1208.           }

  1209.           return row.purchaseQty6;

  1210.         },

  1211.       },

  1212.       {

  1213.         field: "purchaseQty7",

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

  1215.         type: "read-only",

  1216.         style: {

  1217.           textAlign: "right",

  1218.         },

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

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

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

  1222.           }

  1223.           return row.purchaseQty7;

  1224.         },

  1225.       },

  1226.     ],

  1227.     [],

  1228.   );

  1229. 

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

  1231.     () => [

  1232.       {

  1233.         field: "code",

  1234.         label: t("code"),

  1235.         type: "read-only",

  1236.         // editable: true,

  1237.       },

  1238.       {

  1239.         field: "name",

  1240.         label: t("name"),

  1241.         type: "read-only",

  1242.       },

  1243.       {

  1244.         field: "type",

  1245.         label: t("type"),

  1246.         type: "read-only",

  1247.       },

  1248.       {

  1249.         field: "inStockQty",

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

  1251.         type: "read-only",

  1252.         // editable: true,

  1253.         style: {

  1254.           textAlign: "right",

  1255.         },

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

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

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

  1259.           }

  1260.           return row.inStockQty;

  1261.         },

  1262.       },

  1263.       {

  1264.         field: "purchaseQty",

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

  1266.         type: "read-only",

  1267.         style: {

  1268.           textAlign: "right",

  1269.         },

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

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

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

  1273.           }

  1274.           return row.purchaseQty;

  1275.         },

  1276.       },

  1277.     ],

  1278.     [],

  1279.   );

  1280. 

  1281.   return (

  1282.     <Grid container spacing={2}>

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

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

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

  1286.         </Typography>

  1287.         <EditableSearchResults<FGRecord>

  1288.           index={7}

  1289.           items={fakeOverallRecords}

  1290.           isMockUp={true}

  1291.           columns={overallColumns}

  1292.           setPagingController={updatePagingController}

  1293.           pagingController={pagingController[7]}

  1294.           isAutoPaging={true}

  1295.           isEditable={false}

  1296.           isEdit={false}

  1297.         />

  1298.       </Grid>

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

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

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

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

  1303.           </Typography>

  1304.           <EditableSearchResults<FGRecord>

  1305.             index={index}

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

  1307.             columns={columns}

  1308.             setPagingController={updatePagingController}

  1309.             pagingController={pagingController[index]}

  1310.             isAutoPaging={true}

  1311.             isEditable={false}

  1312.             isEdit={isEdit}

  1313.           />

  1314.         </Grid>

  1315.       ))}

  1316.     </Grid>

  1317.   );

  1318. };

  1319. export default ViewByBomDetails;