derek
/
FPSMS-frontend
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
FPSMS-frontend
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 Commits
4 Branches
40 MiB
 
 
 
Tree: 6dcbd400dc
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '6dcbd400dc'
${ noResults }
FPSMS-frontend/src/components/RoughScheduleDetail/ViewByFGDetails.tsx

598 lines
34 KiB
Raw Blame History 

  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, 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. 

  23. type Props = {

  24.     apiRef: MutableRefObject<GridApiCommunity>

  25.     isEdit: Boolean

  26. };

  27. type EntryError =

  28.     | {

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

  30. }

  31.     | undefined;

  32. 

  33. export type FGRecord = {

  34.     id: string | number

  35.     code: string;

  36.     name: string;

  37.     inStockQty: number;

  38.     productionQty?: number;

  39.     purchaseQty?: number

  40. }

  41. 

  42. 

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

  44.     const {

  45.         t,

  46.         i18n: { language },

  47.     } = useTranslation();

  48. 

  49.     const {

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

  51.     } = useFormContext<CreateItemInputs>();

  52. //   const apiRef = useGridApiRef();

  53. 

  54.     const dayPeriod = [

  55.         '2025-05-11',

  56.         '2025-05-12',

  57.         '2025-05-13',

  58.         '2025-05-14',

  59.         '2025-05-15',

  60.         '2025-05-16',

  61.         '2025-05-17',

  62.     ];

  63. 

  64.     const fakeRecordLine = useMemo<FGRecord[][]>(

  65.         () => [

  66.             [

  67.                 { id: 1, code: "mt1", name: "material 1", inStockQty: 10, purchaseQty: 1 },

  68.                 { id: 2, code: "mt2", name: "material 2", inStockQty: 20, purchaseQty: 199 },

  69.             ],

  70.             [

  71.                 { id: 3, code: "mt3", name: "material 3", inStockQty: 30, purchaseQty: 3 },

  72.                 { id: 4, code: "mt4", name: "material 4", inStockQty: 40, purchaseQty: 499 },

  73.             ],

  74.             [

  75.                 { id: 5, code: "mt5", name: "material 5", inStockQty: 50, purchaseQty: 5 },

  76.                 { id: 6, code: "mt6", name: "material 6", inStockQty: 60, purchaseQty: 699 },

  77.             ],

  78.             [

  79.                 { id: 7, code: "mt7", name: "material 7", inStockQty: 70, purchaseQty: 7 },

  80.                 { id: 8, code: "mt8", name: "material 8", inStockQty: 80, purchaseQty: 899 },

  81.             ],

  82.             [

  83.                 { id: 9, code: "mt9", name: "material 9", inStockQty: 90, purchaseQty: 9 },

  84.                 { id: 10, code: "mt10", name: "material 10", inStockQty: 100, purchaseQty: 999 },

  85.             ],

  86.             [

  87.                 { id: 11, code: "mt11", name: "material 11", inStockQty: 110, purchaseQty: 11 },

  88.                 { id: 12, code: "mt12", name: "material 12", inStockQty: 120, purchaseQty: 1299 },

  89.             ],

  90.             [

  91.                 { id: 13, code: "mt13", name: "material 13", inStockQty: 130, purchaseQty: 13 },

  92.                 { id: 14, code: "mt14", name: "material 14", inStockQty: 140, purchaseQty: 1499 },

  93.             ],

  94.         ],

  95.         []

  96.     );

  97. 

  98. 

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

  100.         () => [

  101.             [

  102.                 { id: 1, code: "PP1080", name: "咖哩汁", inStockQty: 2400, productionQty: 1200.0,

  103.                     lines: [

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

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

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

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

  108.                         { id: 5,  code:  "FA0210", name: "薑茸", inStockQty: 0, purchaseQty:  12.08  },

  109.                         { id: 6,  code:  "FA0608", name: "粗蒜茸", inStockQty:  0 , purchaseQty:  12.08  },

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

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

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

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

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

  115.                     ]

  116.                 },

  117.                 { id: 2, code: "PP1193", name: "蔥油(1磅) ", inStockQty: 1322, productionQty: 661,

  118.                     lines: [

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

  120.                         { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 10  }

  121.                     ]

  122.                 },

  123.                 { id: 3, code: " PP1188", name: "咖喱膽", inStockQty: 1016.2, productionQty: 508.1,

  124.                     lines: [

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

  126.                         { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty:  18.15   },

  127.                         { id: 3, code: "FA0608", name: "粗蒜茸", inStockQty: 0, purchaseQty:  18.15   },

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

  129.                         { id: 5, code: "FA0210", name: "薑茸", inStockQty: 0, purchaseQty:  6.05   },

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

  131.                     ]

  132.                 },

  133.                 { id: 4, code: " PP1096", name: "白麵撈", inStockQty: 1040, productionQty: 520,

  134.                     lines: [

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

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

  137.                         { id: 2, code: "FA0161", name: "蔥油", inStockQty: 1322, purchaseQty:  0  },

  138.                     ]

  139.                 },

  140.             ],

  141.             [

  142.                 { id: 1, code: "PP1080", name: "咖哩汁", inStockQty: 2400, productionQty: 1200.0,

  143.                     lines: [

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

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

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

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

  148.                         { id: 5,  code:  "FA0210", name: "薑茸", inStockQty: 0, purchaseQty:  12.08  },

  149.                         { id: 6,  code:  "FA0608", name: "粗蒜茸", inStockQty:  0 , purchaseQty:  12.08  },

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

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

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

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

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

  155.                     ]

  156.                 },

  157.                 { id: 2, code: "PP1193", name: "蔥油(1磅) ", inStockQty: 1322, productionQty: 661,

  158.                     lines: [

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

  160.                         { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 10  }

  161.                     ]

  162.                 },

  163.                 { id: 3, code: " PP1188", name: "咖喱膽", inStockQty: 1016.2, productionQty: 508.1,

  164.                     lines: [

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

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

  167.                         { id: 3, code: "FA0608", name: "粗蒜茸", inStockQty: 0, purchaseQty:  18.15   },

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

  169.                         { id: 5, code: "FA0210", name: "薑茸", inStockQty: 0, purchaseQty:  6.05   },

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

  171.                     ]

  172.                 },

  173.                 { id: 4, code: " PP1096", name: "白麵撈", inStockQty: 1040, productionQty: 520,

  174.                     lines: [

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

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

  177.                         { id: 2, code: "FA0161", name: "蔥油", inStockQty: 1322, purchaseQty:  0  },

  178.                     ]

  179.                 },

  180.             ],

  181.             [

  182.                 { id: 1, code: "PP1080", name: "咖哩汁", inStockQty: 2400, productionQty: 1200.0,

  183.                     lines: [

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

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

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

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

  188.                         { id: 5,  code:  "FA0210", name: "薑茸", inStockQty: 0, purchaseQty:  12.08  },

  189.                         { id: 6,  code:  "FA0608", name: "粗蒜茸", inStockQty:  0 , purchaseQty:  12.08  },

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

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

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

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

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

  195.                     ]

  196.                 },

  197.                 { id: 2, code: "PP1193", name: "蔥油(1磅) ", inStockQty: 1322, productionQty: 661,

  198.                     lines: [

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

  200.                         { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 10  }

  201.                     ]

  202.                 },

  203.                 { id: 3, code: " PP1188", name: "咖喱膽", inStockQty: 1016.2, productionQty: 508.1,

  204.                     lines: [

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

  206.                         { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty:  18.15   },

  207.                         { id: 3, code: "FA0608", name: "粗蒜茸", inStockQty: 0, purchaseQty:  18.15   },

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

  209.                         { id: 5, code: "FA0210", name: "薑茸", inStockQty: 0, purchaseQty:  6.05   },

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

  211.                     ]

  212.                 },

  213.                 { id: 4, code: " PP1096", name: "白麵撈", inStockQty: 1040, productionQty: 520,

  214.                     lines: [

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

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

  217.                         { id: 2, code: "FA0161", name: "蔥油", inStockQty: 1322, purchaseQty:  0  },

  218.                     ]

  219.                 },

  220.             ],

  221.             [

  222.                 { id: 1, code: "PP1080", name: "咖哩汁", inStockQty: 2400, productionQty: 1200.0,

  223.                     lines: [

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

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

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

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

  228.                         { id: 5,  code:  "FA0210", name: "薑茸", inStockQty: 0, purchaseQty:  12.08  },

  229.                         { id: 6,  code:  "FA0608", name: "粗蒜茸", inStockQty:  0 , purchaseQty:  12.08  },

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

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

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

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

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

  235.                     ]

  236.                 },

  237.                 { id: 2, code: "PP1193", name: "蔥油(1磅) ", inStockQty: 1322, productionQty: 661,

  238.                     lines: [

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

  240.                         { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 10  }

  241.                     ]

  242.                 },

  243.                 { id: 3, code: " PP1188", name: "咖喱膽", inStockQty: 1016.2, productionQty: 508.1,

  244.                     lines: [

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

  246.                         { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty:  18.15   },

  247.                         { id: 3, code: "FA0608", name: "粗蒜茸", inStockQty: 0, purchaseQty:  18.15   },

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

  249.                         { id: 5, code: "FA0210", name: "薑茸", inStockQty: 0, purchaseQty:  6.05   },

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

  251.                     ]

  252.                 },

  253.                 { id: 4, code: " PP1096", name: "白麵撈", inStockQty: 1040, productionQty: 520,

  254.                     lines: [

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

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

  257.                         { id: 2, code: "FA0161", name: "蔥油", inStockQty: 1322, purchaseQty:  0  },

  258.                     ]

  259.                 },

  260.             ],

  261.             [

  262.                 { id: 1, code: "PP1080", name: "咖哩汁", inStockQty: 2400, productionQty: 1200.0,

  263.                     lines: [

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

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

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

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

  268.                         { id: 5,  code:  "FA0210", name: "薑茸", inStockQty: 0, purchaseQty:  12.08  },

  269.                         { id: 6,  code:  "FA0608", name: "粗蒜茸", inStockQty:  0 , purchaseQty:  12.08  },

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

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

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

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

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

  275.                     ]

  276.                 },

  277.                 { id: 2, code: "PP1193", name: "蔥油(1磅) ", inStockQty: 1322, productionQty: 661,

  278.                     lines: [

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

  280.                         { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 10  }

  281.                     ]

  282.                 },

  283.                 { id: 3, code: " PP1188", name: "咖喱膽", inStockQty: 1016.2, productionQty: 508.1,

  284.                     lines: [

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

  286.                         { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty:  18.15   },

  287.                         { id: 3, code: "FA0608", name: "粗蒜茸", inStockQty: 0, purchaseQty:  18.15   },

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

  289.                         { id: 5, code: "FA0210", name: "薑茸", inStockQty: 0, purchaseQty:  6.05   },

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

  291.                     ]

  292.                 },

  293.                 { id: 4, code: " PP1096", name: "白麵撈", inStockQty: 1040, productionQty: 520,

  294.                     lines: [

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

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

  297.                         { id: 2, code: "FA0161", name: "蔥油", inStockQty: 1322, purchaseQty:  0  },

  298.                     ]

  299.                 },

  300.             ],

  301.             [

  302.                 { id: 1, code: "PP1080", name: "咖哩汁", inStockQty: 2400, productionQty: 1200.0,

  303.                     lines: [

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

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

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

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

  308.                         { id: 5,  code:  "FA0210", name: "薑茸", inStockQty: 0, purchaseQty:  12.08  },

  309.                         { id: 6,  code:  "FA0608", name: "粗蒜茸", inStockQty:  0 , purchaseQty:  12.08  },

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

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

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

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

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

  315.                     ]

  316.                 },

  317.                 { id: 2, code: "PP1193", name: "蔥油(1磅) ", inStockQty: 1322, productionQty: 661,

  318.                     lines: [

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

  320.                         { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 10  }

  321.                     ]

  322.                 },

  323.                 { id: 3, code: " PP1188", name: "咖喱膽", inStockQty: 1016.2, productionQty: 508.1,

  324.                     lines: [

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

  326.                         { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty:  18.15   },

  327.                         { id: 3, code: "FA0608", name: "粗蒜茸", inStockQty: 0, purchaseQty:  18.15   },

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

  329.                         { id: 5, code: "FA0210", name: "薑茸", inStockQty: 0, purchaseQty:  6.05   },

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

  331.                     ]

  332.                 },

  333.                 { id: 4, code: " PP1096", name: "白麵撈", inStockQty: 1040, productionQty: 520,

  334.                     lines: [

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

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

  337.                         { id: 2, code: "FA0161", name: "蔥油", inStockQty: 1322, purchaseQty:  0  },

  338.                     ]

  339.                 },

  340.             ],

  341.             [

  342.                 { id: 1, code: "PP1080", name: "咖哩汁", inStockQty: 2400, productionQty: 1200.0,

  343.                     lines: [

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

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

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

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

  348.                         { id: 5,  code:  "FA0210", name: "薑茸", inStockQty: 0, purchaseQty:  12.08  },

  349.                         { id: 6,  code:  "FA0608", name: "粗蒜茸", inStockQty:  0 , purchaseQty:  12.08  },

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

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

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

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

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

  355.                     ]

  356.                 },

  357.                 { id: 2, code: "PP1193", name: "蔥油(1磅) ", inStockQty: 1322, productionQty: 661,

  358.                     lines: [

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

  360.                         { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 10  }

  361.                     ]

  362.                 },

  363.                 { id: 3, code: " PP1188", name: "咖喱膽", inStockQty: 1016.2, productionQty: 508.1,

  364.                     lines: [

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

  366.                         { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty:  18.15   },

  367.                         { id: 3, code: "FA0608", name: "粗蒜茸", inStockQty: 0, purchaseQty:  18.15   },

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

  369.                         { id: 5, code: "FA0210", name: "薑茸", inStockQty: 0, purchaseQty:  6.05   },

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

  371.                     ]

  372.                 },

  373.                 { id: 4, code: " PP1096", name: "白麵撈", inStockQty: 1040, productionQty: 520,

  374.                     lines: [

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

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

  377.                         { id: 2, code: "FA0161", name: "蔥油", inStockQty: 1322, purchaseQty:  0  },

  378.                     ]

  379.                 },

  380.             ],

  381.         ],

  382.         []

  383.     );

  384. 

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

  386.         {

  387.             pageNum: 1,

  388.             pageSize: 10,

  389.             totalCount: 0,

  390.         },

  391.         {

  392.             pageNum: 1,

  393.             pageSize: 10,

  394.             totalCount: 0,

  395.         },

  396.         {

  397.             pageNum: 1,

  398.             pageSize: 10,

  399.             totalCount: 0,

  400.         },

  401.         {

  402.             pageNum: 1,

  403.             pageSize: 10,

  404.             totalCount: 0,

  405.         },

  406.         {

  407.             pageNum: 1,

  408.             pageSize: 10,

  409.             totalCount: 0,

  410.         },

  411.         {

  412.             pageNum: 1,

  413.             pageSize: 10,

  414.             totalCount: 0,

  415.         },

  416.         {

  417.             pageNum: 1,

  418.             pageSize: 10,

  419.             totalCount: 0,

  420.         },

  421.         {

  422.             pageNum: 1,

  423.             pageSize: 10,

  424.             totalCount: 0,

  425.         },

  426.     ])

  427. 

  428.     const updatePagingController = (updatedObj) => {

  429.         setPagingController((prevState) => {

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

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

  432.                     return {

  433.                         ...item,

  434.                         pageNum: item.pageNum,

  435.                         pageSize: item.pageSize,

  436.                         totalCount: item.totalCount,

  437.                     };

  438.                 }

  439.                 else

  440.                     return item

  441.             });

  442.         });

  443.     };

  444. 

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

  446.         () => [

  447.             {

  448.                 field: "name",

  449.                 label: "name",

  450.                 type: 'read-only',

  451.             },

  452.             {

  453.                 field: "code",

  454.                 label: "code",

  455.                 type: 'read-only',

  456.                 // editable: true,

  457.             },

  458.             {

  459.                 field: "inStockQty",

  460.                 label: "In Stock Amount",

  461.                 type: 'read-only',

  462.                 // editable: true,

  463.             },

  464.             {

  465.                 field: "productionQty",

  466.                 label: "Production Qty",

  467.                 type: 'input',

  468.             },

  469.         ],

  470.         []

  471.     );

  472. 

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

  474.         () => [

  475.             {

  476.                 field: "name",

  477.                 label: "name",

  478.                 type: 'read-only',

  479.             },

  480.             {

  481.                 field: "code",

  482.                 label: "code",

  483.                 type: 'read-only',

  484.                 // editable: true,

  485.             },

  486.             {

  487.                 field: "lastMonthAvgStock",

  488.                 label: "Last Month Average Stock",

  489.                 type: 'read-only',

  490.                 // editable: true,

  491.             },

  492.             {

  493.                 field: "safetyStock",

  494.                 label: "Safety Stock",

  495.                 type: 'read-only',

  496.                 // editable: true,

  497.             },

  498.             {

  499.                 field: "inStockQty",

  500.                 label: "In Stock Amount",

  501.                 type: 'read-only',

  502.                 // editable: true,

  503.             },

  504.             {

  505.                 field: "productionQty",

  506.                 label: "Production Qty",

  507.                 type: 'input',

  508.             },

  509.         ],

  510.         []

  511.     );

  512. 

  513.     const fakeOverallRecords = useMemo<FGRecord[]>(

  514.         () => [

  515.             { id: 1, code: "PP1080", name: "咖哩汁", lastMonthAvgStock: 2400, safetyStock: 2400, inStockQty: 2400, productionQty: 8400.0,

  516.                 lines: [

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

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

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

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

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

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

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

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

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

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

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

  528.                 ]

  529.             },

  530.             { id: 2, code: "PP1193", name: "蔥油(1磅) ", lastMonthAvgStock: 1320, safetyStock: 1322, inStockQty: 1322, productionQty: 4627,

  531.                 lines: [

  532.                     { id: 2, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 20  },

  533.                     { id: 3, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 10  }

  534.                 ]

  535.             },

  536.             { id: 3, code: " PP1188", name: "咖喱膽", lastMonthAvgStock: 1017, safetyStock: 1017, inStockQty: 1016.2, productionQty: 3556.7,

  537.                 lines: [

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

  539.                     { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty:  18.15   },

  540.                     { id: 3, code: "FA0608", name: "粗蒜茸", inStockQty: 0, purchaseQty:  18.15   },

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

  542.                     { id: 5, code: "FA0210", name: "薑茸", inStockQty: 0, purchaseQty:  6.05   },

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

  544.                 ]

  545.             },

  546.             { id: 4, code: " PP1096", name: "白麵撈", lastMonthAvgStock: 1040, safetyStock: 1040, inStockQty: 1040, productionQty: 3640,

  547.                 lines: [

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

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

  550.                     { id: 2, code: "FA0161", name: "蔥油", inStockQty: 1322, purchaseQty:  0  },

  551.                 ]

  552.             },

  553.         ],

  554.         []

  555.     );

  556. 

  557.     return (

  558.         <Grid container spacing={2}>

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

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

  561.                     Overall

  562.                 </Typography>

  563.                 <EditableSearchResults<FGRecord>

  564.                     index={7}

  565.                     items={fakeOverallRecords}

  566.                     isMockUp={true}

  567.                     columns={overallColumns}

  568.                     setPagingController={updatePagingController}

  569.                     pagingController={pagingController[7]}

  570.                     isAutoPaging={false}

  571.                     isHideButton={true}

  572.                     isEdit={isEdit}

  573.                     hasCollapse={true}

  574.                 />

  575.             </Grid>

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

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

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

  579.                         {date}

  580.                     </Typography>

  581.                     <EditableSearchResults<FGRecord>

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

  583.                         isMockUp={true}

  584.                         columns={columns}

  585.                         setPagingController={updatePagingController}

  586.                         pagingController={pagingController[index]}

  587.                         isAutoPaging={false}

  588.                         isHideButton={false}

  589.                         isEdit={isEdit}

  590.                         hasCollapse={true}

  591.                     />

  592.                 </Grid>

  593.             ))}

  594.         </Grid>

  595.     );

  596. };

  597. export default ViewByFGDetails;