diff --git a/src/components/RoughScheduleDetail/RoughScheudleDetailView.tsx b/src/components/RoughScheduleDetail/RoughScheudleDetailView.tsx index 3576863..15e3d91 100644 --- a/src/components/RoughScheduleDetail/RoughScheudleDetailView.tsx +++ b/src/components/RoughScheduleDetail/RoughScheudleDetailView.tsx @@ -88,32 +88,7 @@ const RoughScheduleDetailView: React.FC = ({ [], ); - const fakeRecords = useMemo( - () => [ - { id: 1, code: "PP1080", name: "咖哩汁", lastMonthAvgStock: 100, safetyStock: 900, inStockQty: 1200, productionQty: 600.0, - lines: [ - { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 54.44 , purchaseQty: 544.4 }, - { id: 2, code: "GI3236", name: "清水(煮過牛腩)", inStockQty: 317.52 , purchaseQty: 3175.2 }, - { id: 3, code: "MG1700", name: "STERILTOM 意大利茄粒", inStockQty: 9.00 , purchaseQty: 90 }, - { id: 4, code: "FA0533", name: "乾蔥茸", inStockQty: 6.04 , purchaseQty: 60.4 }, - { id: 5, code: "FA0210", name: "薑茸", inStockQty: 6.04 , purchaseQty: 60.4 }, - { id: 6, code: "FA0608", name: "粗蒜茸", inStockQty: 6.04 , purchaseQty: 60.4 }, - { id: 7, code: "FA0056", name: "洋蔥肉", inStockQty: 241.98 , purchaseQty: 2419.8 }, - { id: 8, code: "PP1188", name: "咖喱膽", inStockQty: 36.00 , purchaseQty: 360 }, - { id: 9, code: "PP8001", name: "咖哩汁箱料粉", inStockQty: 77.42 , purchaseQty: 774.2 }, - { id: 10, code: "PP1096", name: "白麵撈", inStockQty: 60.00 , purchaseQty: 600 }, - { id: 10, code: "NA0476", name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty: 600.00 , purchaseQty: 6000 }, - ] - }, - { id: 2, code: "PP1193", name: "蔥油(1磅) ", lastMonthAvgStock: 50, safetyStock: 400, inStockQty: 1322, productionQty: 661, - lines: [ - { id: 2, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 20 }, - { id: 3, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 10 } - ] - }, - ], - [] - ); + const [pagingController, setPagingController] = useState({ pageNum: 1, @@ -121,45 +96,6 @@ const RoughScheduleDetailView: React.FC = ({ totalCount: 0, }) - const columns = useMemo[]>( - () => [ - { - field: "name", - label: "name", - type: 'read-only', - }, - { - field: "code", - label: "code", - type: 'read-only', - // editable: true, - }, - { - field: "lastMonthAvgStock", - label: "Last Month Average Stock", - type: 'read-only', - // editable: true, - }, - { - field: "safetyStock", - label: "Safety Stock", - type: 'read-only', - // editable: true, - }, - { - field: "inStockQty", - label: "In Stock Amount", - type: 'read-only', - // editable: true, - }, - { - field: "productionQty", - label: "Production Qty", - type: 'input', - }, - ], - [] - ); const handleCancel = () => { router.replace(`/scheduling/rough`); @@ -235,19 +171,7 @@ const RoughScheduleDetailView: React.FC = ({ - - Overall - - - items={fakeRecords} // Use the corresponding records for the day - isMockUp={true} - columns={columns} - setPagingController={setPagingController} - pagingController={pagingController} - isAutoPaging={false} - isHideButton={false} - isEdit={false} - /> + diff --git a/src/components/RoughScheduleDetail/ViewByBomDetails.tsx b/src/components/RoughScheduleDetail/ViewByBomDetails.tsx index 1d19327..de89134 100644 --- a/src/components/RoughScheduleDetail/ViewByBomDetails.tsx +++ b/src/components/RoughScheduleDetail/ViewByBomDetails.tsx @@ -37,6 +37,22 @@ export type FGRecord = { purchaseQty: number; } +export type FGOverallRecord = { + id: string | number + code: string; + name: string; + inStockQty: number; + purchaseQty: number; + purchaseQty1: number; + purchaseQty2: number; + purchaseQty3: number; + purchaseQty4: number; + purchaseQty5: number; + purchaseQty6: number; + purchaseQty7: number; + overallPurchaseQty: number; +} + const ViewByBomDetails: React.FC = ({ apiRef, isEdit }) => { const { t, @@ -61,54 +77,249 @@ const ViewByBomDetails: React.FC = ({ apiRef, isEdit }) => { const fakeRecords = useMemo( () => [ [ - { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 54.44 , purchaseQty: 544.4 }, + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 54.44 , purchaseQty: 972.12 }, { id: 2, code: "GI3236", name: "清水(煮過牛腩)", inStockQty: 317.52 , purchaseQty: 3175.2 }, { id: 3, code: "MG1700", name: "STERILTOM 意大利茄粒", inStockQty: 9.00 , purchaseQty: 90 }, { id: 4, code: "FA0533", name: "乾蔥茸", inStockQty: 6.04 , purchaseQty: 60.4 }, - { id: 5, code: "FA0210", name: "薑茸", inStockQty: 6.04 , purchaseQty: 60.4 }, - { id: 6, code: "FA0608", name: "粗蒜茸", inStockQty: 6.04 , purchaseQty: 60.4 }, + { id: 5, code: "FA0210", name: "薑茸", inStockQty: 6.04 , purchaseQty: 66.45 }, + { id: 6, code: "FA0608", name: "粗蒜茸", inStockQty: 6.04 , purchaseQty: 78.55 }, { id: 7, code: "FA0056", name: "洋蔥肉", inStockQty: 241.98 , purchaseQty: 2419.8 }, - { id: 8, code: "PP1188", name: "咖喱膽", inStockQty: 36.00 , purchaseQty: 360 }, + { id: 8, code: "PP1188", name: "咖喱膽", inStockQty: 36.00 , purchaseQty: 0 }, { id: 9, code: "PP8001", name: "咖哩汁箱料粉", inStockQty: 77.42 , purchaseQty: 774.2 }, - { id: 10, code: "PP1096", name: "白麵撈", inStockQty: 60.00 , purchaseQty: 600 }, - { id: 10, code: "NA0476", name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty: 600.00 , purchaseQty: 6000 }, - { id: 2, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 20 }, - { id: 3, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 10 } + { id: 10, code: "PP1096", name: "白麵撈", inStockQty: 60.00 , purchaseQty: 0 }, + { id: 11, code: "NA0476", name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty: 600.00 , purchaseQty: 6000 }, + { id: 12, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 972.12 }, + { id: 13, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 28.15 }, + { id: 14, code: "MG1288", name: "炸紅蔥頭", inStockQty: 0, purchaseQty: 6.05 }, + { id: 15, code: "MG0066", name: "咖哩料(5斤x16包+2斤/包)", inStockQty: 0, purchaseQty: 241.98 }, + { id: 16, code: "MH0040", name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)", inStockQty: 0, purchaseQty: 250.00 }, ], [ - { id: 3, code: "mt3", name: "material 3", inStockQty: 30, purchaseQty: 3 }, - { id: 4, code: "mt4", name: "material 4", inStockQty: 40, purchaseQty: 499 }, + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 54.44 , purchaseQty: 972.12 }, + { id: 2, code: "GI3236", name: "清水(煮過牛腩)", inStockQty: 317.52 , purchaseQty: 3175.2 }, + { id: 3, code: "MG1700", name: "STERILTOM 意大利茄粒", inStockQty: 9.00 , purchaseQty: 90 }, + { id: 4, code: "FA0533", name: "乾蔥茸", inStockQty: 6.04 , purchaseQty: 60.4 }, + { id: 5, code: "FA0210", name: "薑茸", inStockQty: 6.04 , purchaseQty: 66.45 }, + { id: 6, code: "FA0608", name: "粗蒜茸", inStockQty: 6.04 , purchaseQty: 78.55 }, + { id: 7, code: "FA0056", name: "洋蔥肉", inStockQty: 241.98 , purchaseQty: 2419.8 }, + { id: 8, code: "PP1188", name: "咖喱膽", inStockQty: 36.00 , purchaseQty: 0 }, + { id: 9, code: "PP8001", name: "咖哩汁箱料粉", inStockQty: 77.42 , purchaseQty: 774.2 }, + { id: 10, code: "PP1096", name: "白麵撈", inStockQty: 60.00 , purchaseQty: 0 }, + { id: 11, code: "NA0476", name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty: 600.00 , purchaseQty: 6000 }, + { id: 12, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 972.12 }, + { id: 13, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 28.15 }, + { id: 14, code: "MG1288", name: "炸紅蔥頭", inStockQty: 0, purchaseQty: 6.05 }, + { id: 15, code: "MG0066", name: "咖哩料(5斤x16包+2斤/包)", inStockQty: 0, purchaseQty: 241.98 }, + { id: 16, code: "MH0040", name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)", inStockQty: 0, purchaseQty: 250.00 }, ], [ - { id: 5, code: "mt5", name: "material 5", inStockQty: 50, purchaseQty: 5 }, - { id: 6, code: "mt6", name: "material 6", inStockQty: 60, purchaseQty: 699 }, + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 54.44 , purchaseQty: 972.12 }, + { id: 2, code: "GI3236", name: "清水(煮過牛腩)", inStockQty: 317.52 , purchaseQty: 3175.2 }, + { id: 3, code: "MG1700", name: "STERILTOM 意大利茄粒", inStockQty: 9.00 , purchaseQty: 90 }, + { id: 4, code: "FA0533", name: "乾蔥茸", inStockQty: 6.04 , purchaseQty: 60.4 }, + { id: 5, code: "FA0210", name: "薑茸", inStockQty: 6.04 , purchaseQty: 66.45 }, + { id: 6, code: "FA0608", name: "粗蒜茸", inStockQty: 6.04 , purchaseQty: 78.55 }, + { id: 7, code: "FA0056", name: "洋蔥肉", inStockQty: 241.98 , purchaseQty: 2419.8 }, + { id: 8, code: "PP1188", name: "咖喱膽", inStockQty: 36.00 , purchaseQty: 0 }, + { id: 9, code: "PP8001", name: "咖哩汁箱料粉", inStockQty: 77.42 , purchaseQty: 774.2 }, + { id: 10, code: "PP1096", name: "白麵撈", inStockQty: 60.00 , purchaseQty: 0 }, + { id: 11, code: "NA0476", name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty: 600.00 , purchaseQty: 6000 }, + { id: 12, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 972.12 }, + { id: 13, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 28.15 }, + { id: 14, code: "MG1288", name: "炸紅蔥頭", inStockQty: 0, purchaseQty: 6.05 }, + { id: 15, code: "MG0066", name: "咖哩料(5斤x16包+2斤/包)", inStockQty: 0, purchaseQty: 241.98 }, + { id: 16, code: "MH0040", name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)", inStockQty: 0, purchaseQty: 250.00 }, ], [ - { id: 7, code: "mt7", name: "material 7", inStockQty: 70, purchaseQty: 7 }, - { id: 8, code: "mt8", name: "material 8", inStockQty: 80, purchaseQty: 899 }, + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 54.44 , purchaseQty: 972.12 }, + { id: 2, code: "GI3236", name: "清水(煮過牛腩)", inStockQty: 317.52 , purchaseQty: 3175.2 }, + { id: 3, code: "MG1700", name: "STERILTOM 意大利茄粒", inStockQty: 9.00 , purchaseQty: 90 }, + { id: 4, code: "FA0533", name: "乾蔥茸", inStockQty: 6.04 , purchaseQty: 60.4 }, + { id: 5, code: "FA0210", name: "薑茸", inStockQty: 6.04 , purchaseQty: 66.45 }, + { id: 6, code: "FA0608", name: "粗蒜茸", inStockQty: 6.04 , purchaseQty: 78.55 }, + { id: 7, code: "FA0056", name: "洋蔥肉", inStockQty: 241.98 , purchaseQty: 2419.8 }, + { id: 8, code: "PP1188", name: "咖喱膽", inStockQty: 36.00 , purchaseQty: 0 }, + { id: 9, code: "PP8001", name: "咖哩汁箱料粉", inStockQty: 77.42 , purchaseQty: 774.2 }, + { id: 10, code: "PP1096", name: "白麵撈", inStockQty: 60.00 , purchaseQty: 0 }, + { id: 11, code: "NA0476", name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty: 600.00 , purchaseQty: 6000 }, + { id: 12, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 972.12 }, + { id: 13, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 28.15 }, + { id: 14, code: "MG1288", name: "炸紅蔥頭", inStockQty: 0, purchaseQty: 6.05 }, + { id: 15, code: "MG0066", name: "咖哩料(5斤x16包+2斤/包)", inStockQty: 0, purchaseQty: 241.98 }, + { id: 16, code: "MH0040", name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)", inStockQty: 0, purchaseQty: 250.00 }, ], [ - { id: 9, code: "mt9", name: "material 9", inStockQty: 90, purchaseQty: 9 }, - { id: 10, code: "mt10", name: "material 10", inStockQty: 100, purchaseQty: 999 }, + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 54.44 , purchaseQty: 972.12 }, + { id: 2, code: "GI3236", name: "清水(煮過牛腩)", inStockQty: 317.52 , purchaseQty: 3175.2 }, + { id: 3, code: "MG1700", name: "STERILTOM 意大利茄粒", inStockQty: 9.00 , purchaseQty: 90 }, + { id: 4, code: "FA0533", name: "乾蔥茸", inStockQty: 6.04 , purchaseQty: 60.4 }, + { id: 5, code: "FA0210", name: "薑茸", inStockQty: 6.04 , purchaseQty: 66.45 }, + { id: 6, code: "FA0608", name: "粗蒜茸", inStockQty: 6.04 , purchaseQty: 78.55 }, + { id: 7, code: "FA0056", name: "洋蔥肉", inStockQty: 241.98 , purchaseQty: 2419.8 }, + { id: 8, code: "PP1188", name: "咖喱膽", inStockQty: 36.00 , purchaseQty: 0 }, + { id: 9, code: "PP8001", name: "咖哩汁箱料粉", inStockQty: 77.42 , purchaseQty: 774.2 }, + { id: 10, code: "PP1096", name: "白麵撈", inStockQty: 60.00 , purchaseQty: 0 }, + { id: 11, code: "NA0476", name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty: 600.00 , purchaseQty: 6000 }, + { id: 12, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 972.12 }, + { id: 13, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 28.15 }, + { id: 14, code: "MG1288", name: "炸紅蔥頭", inStockQty: 0, purchaseQty: 6.05 }, + { id: 15, code: "MG0066", name: "咖哩料(5斤x16包+2斤/包)", inStockQty: 0, purchaseQty: 241.98 }, + { id: 16, code: "MH0040", name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)", inStockQty: 0, purchaseQty: 250.00 }, ], [ - { id: 11, code: "mt11", name: "material 11", inStockQty: 110, purchaseQty: 11 }, - { id: 12, code: "mt12", name: "material 12", inStockQty: 120, purchaseQty: 1299 }, + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 54.44 , purchaseQty: 972.12 }, + { id: 2, code: "GI3236", name: "清水(煮過牛腩)", inStockQty: 317.52 , purchaseQty: 3175.2 }, + { id: 3, code: "MG1700", name: "STERILTOM 意大利茄粒", inStockQty: 9.00 , purchaseQty: 90 }, + { id: 4, code: "FA0533", name: "乾蔥茸", inStockQty: 6.04 , purchaseQty: 60.4 }, + { id: 5, code: "FA0210", name: "薑茸", inStockQty: 6.04 , purchaseQty: 66.45 }, + { id: 6, code: "FA0608", name: "粗蒜茸", inStockQty: 6.04 , purchaseQty: 78.55 }, + { id: 7, code: "FA0056", name: "洋蔥肉", inStockQty: 241.98 , purchaseQty: 2419.8 }, + { id: 8, code: "PP1188", name: "咖喱膽", inStockQty: 36.00 , purchaseQty: 0 }, + { id: 9, code: "PP8001", name: "咖哩汁箱料粉", inStockQty: 77.42 , purchaseQty: 774.2 }, + { id: 10, code: "PP1096", name: "白麵撈", inStockQty: 60.00 , purchaseQty: 0 }, + { id: 11, code: "NA0476", name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty: 600.00 , purchaseQty: 6000 }, + { id: 12, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 972.12 }, + { id: 13, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 28.15 }, + { id: 14, code: "MG1288", name: "炸紅蔥頭", inStockQty: 0, purchaseQty: 6.05 }, + { id: 15, code: "MG0066", name: "咖哩料(5斤x16包+2斤/包)", inStockQty: 0, purchaseQty: 241.98 }, + { id: 16, code: "MH0040", name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)", inStockQty: 0, purchaseQty: 250.00 }, ], [ - { id: 13, code: "mt13", name: "material 13", inStockQty: 130, purchaseQty: 13 }, - { id: 14, code: "mt14", name: "material 14", inStockQty: 140, purchaseQty: 1499 }, + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 54.44 , purchaseQty: 972.12 }, + { id: 2, code: "GI3236", name: "清水(煮過牛腩)", inStockQty: 317.52 , purchaseQty: 3175.2 }, + { id: 3, code: "MG1700", name: "STERILTOM 意大利茄粒", inStockQty: 9.00 , purchaseQty: 90 }, + { id: 4, code: "FA0533", name: "乾蔥茸", inStockQty: 6.04 , purchaseQty: 60.4 }, + { id: 5, code: "FA0210", name: "薑茸", inStockQty: 6.04 , purchaseQty: 66.45 }, + { id: 6, code: "FA0608", name: "粗蒜茸", inStockQty: 6.04 , purchaseQty: 78.55 }, + { id: 7, code: "FA0056", name: "洋蔥肉", inStockQty: 241.98 , purchaseQty: 2419.8 }, + { id: 8, code: "PP1188", name: "咖喱膽", inStockQty: 36.00 , purchaseQty: 0 }, + { id: 9, code: "PP8001", name: "咖哩汁箱料粉", inStockQty: 77.42 , purchaseQty: 774.2 }, + { id: 10, code: "PP1096", name: "白麵撈", inStockQty: 60.00 , purchaseQty: 0 }, + { id: 11, code: "NA0476", name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty: 600.00 , purchaseQty: 6000 }, + { id: 12, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 972.12 }, + { id: 13, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 28.15 }, + { id: 14, code: "MG1288", name: "炸紅蔥頭", inStockQty: 0, purchaseQty: 6.05 }, + { id: 15, code: "MG0066", name: "咖哩料(5斤x16包+2斤/包)", inStockQty: 0, purchaseQty: 241.98 }, + { id: 16, code: "MH0040", name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)", inStockQty: 0, purchaseQty: 250.00 }, ], ], [] ); + const fakeOverallRecords = useMemo( + () => [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 54.44 , + purchaseQty1: 972.12, purchaseQty2: 972.12, purchaseQty3: 972.12, + purchaseQty4: 972.12, purchaseQty5: 972.12, purchaseQty6: 972.12, + purchaseQty7: 972.12, overallPurchaseQty: 6804.84 + }, + { id: 2, code: "GI3236", name: "清水(煮過牛腩)", inStockQty: 317.52 , + purchaseQty1: 3175.2, purchaseQty2: 3175.2, purchaseQty3: 3175.2, + purchaseQty4: 3175.2, purchaseQty5: 3175.2, purchaseQty6: 3175.2, + purchaseQty7: 3175.2, overallPurchaseQty: 22226.4 + }, + { id: 3, code: "MG1700", name: "STERILTOM 意大利茄粒", inStockQty: 9.00 , + purchaseQty1: 90, purchaseQty2: 90, purchaseQty3: 90, + purchaseQty4: 90, purchaseQty5: 90, purchaseQty6: 90, + purchaseQty7: 90, overallPurchaseQty: 630 + }, + { id: 4, code: "FA0533", name: "乾蔥茸", inStockQty: 6.04 , + purchaseQty1: 60.4, purchaseQty2: 60.4, purchaseQty3: 60.4, + purchaseQty4: 60.4, purchaseQty5: 60.4, purchaseQty6: 60.4, + purchaseQty7: 60.4, overallPurchaseQty: 422.8 + }, + { id: 5, code: "FA0210", name: "薑茸", inStockQty: 6.04 , + purchaseQty1: 66.45, purchaseQty2: 66.45, purchaseQty3: 66.45, + purchaseQty4: 66.45, purchaseQty5: 66.45, purchaseQty6: 66.45, + purchaseQty7: 66.45, overallPurchaseQty: 465.15 + }, + { id: 6, code: "FA0608", name: "粗蒜茸", inStockQty: 6.04 , + purchaseQty1: 78.55, purchaseQty2: 78.55, purchaseQty3: 78.55, + purchaseQty4: 78.55, purchaseQty5: 78.55, purchaseQty6: 78.55, + purchaseQty7: 78.55, overallPurchaseQty: 549.85 + }, + { id: 7, code: "FA0056", name: "洋蔥肉", inStockQty: 241.98 , purchaseQty: 2419.8 }, + { id: 8, code: "PP1188", name: "咖喱膽", inStockQty: 36.00 , purchaseQty: 0 }, + { id: 9, code: "PP8001", name: "咖哩汁箱料粉", inStockQty: 77.42 , purchaseQty: 774.2 }, + { id: 10, code: "PP1096", name: "白麵撈", inStockQty: 60.00 , purchaseQty: 0 }, + { id: 11, code: "NA0476", name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty: 600.00 , purchaseQty: 6000 }, + { id: 12, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 972.12 }, + { id: 13, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 28.15 }, + { id: 14, code: "MG1288", name: "炸紅蔥頭", inStockQty: 0, purchaseQty: 6.05 }, + { id: 15, code: "MG0066", name: "咖哩料(5斤x16包+2斤/包)", inStockQty: 0, purchaseQty: 241.98 }, + { id: 16, code: "MH0040", name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)", inStockQty: 0, purchaseQty: 250.00 }, + ], + [] + ); + const [pagingController, setPagingController] = useState({ pageNum: 1, pageSize: 10, totalCount: 0, }) + const overallColumns = useMemo[]>( + () => [ + { + field: "name", + label: "name", + type: 'read-only', + }, + { + field: "code", + label: "code", + type: 'read-only', + // editable: true, + }, + { + field: "inStockQty", + label: "In Stock Amount", + type: 'read-only', + // editable: true, + }, + { + field: "overallPurchaseQty", + label: "Total Purchase Qty", + type: 'read-only', + }, + { + field: "purchaseQty1", + label: "Purchase Qty (Day1)", + type: 'read-only', + }, + { + field: "purchaseQty2", + label: "Purchase Qty (Day2)", + type: 'read-only', + }, + { + field: "purchaseQty3", + label: "Purchase Qty (Day3)", + type: 'read-only', + }, + { + field: "purchaseQty4", + label: "Purchase Qty (Day4)", + type: 'read-only', + },{ + field: "purchaseQty5", + label: "Purchase Qty (Day5)", + type: 'read-only', + }, + { + field: "purchaseQty6", + label: "Purchase Qty (Day6)", + type: 'read-only', + }, + { + field: "purchaseQty7", + label: "Purchase Qty (Day7)", + type: 'read-only', + }, + ], + [] + ); + const columns = useMemo[]>( () => [ { @@ -139,6 +350,21 @@ const ViewByBomDetails: React.FC = ({ apiRef, isEdit }) => { return ( + + + Overall + + + items={fakeOverallRecords} + isMockUp={true} + columns={overallColumns} + setPagingController={setPagingController} + pagingController={pagingController} + isAutoPaging={false} + isHideButton={true} + isEdit={false} + /> + {dayPeriod.map((date, index) => ( diff --git a/src/components/RoughScheduleDetail/ViewByFGDetails.tsx b/src/components/RoughScheduleDetail/ViewByFGDetails.tsx index 31a3592..6881499 100644 --- a/src/components/RoughScheduleDetail/ViewByFGDetails.tsx +++ b/src/components/RoughScheduleDetail/ViewByFGDetails.tsx @@ -99,19 +99,19 @@ const ViewByFGDetails: React.FC = ({ apiRef, isEdit }) => { const fakeRecords = useMemo( () => [ [ - { id: 1, code: "PP1080", name: "咖哩汁", inStockQty: 1200, productionQty: 600.0, + { id: 1, code: "PP1080", name: "咖哩汁", inStockQty: 2400, productionQty: 1200.0, lines: [ - { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 54.44 , purchaseQty: 544.4 }, - { id: 2, code: "GI3236", name: "清水(煮過牛腩)", inStockQty: 317.52 , purchaseQty: 3175.2 }, - { id: 3, code: "MG1700", name: "STERILTOM 意大利茄粒", inStockQty: 9.00 , purchaseQty: 90 }, - { id: 4, code: "FA0533", name: "乾蔥茸", inStockQty: 6.04 , purchaseQty: 60.4 }, - { id: 5, code: "FA0210", name: "薑茸", inStockQty: 6.04 , purchaseQty: 60.4 }, - { id: 6, code: "FA0608", name: "粗蒜茸", inStockQty: 6.04 , purchaseQty: 60.4 }, - { id: 7, code: "FA0056", name: "洋蔥肉", inStockQty: 241.98 , purchaseQty: 2419.8 }, - { id: 8, code: "PP1188", name: "咖喱膽", inStockQty: 36.00 , purchaseQty: 360 }, - { id: 9, code: "PP8001", name: "咖哩汁箱料粉", inStockQty: 77.42 , purchaseQty: 774.2 }, - { id: 10, code: "PP1096", name: "白麵撈", inStockQty: 60.00 , purchaseQty: 600 }, - { id: 10, code: "NA0476", name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty: 600.00 , purchaseQty: 6000 }, + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0 , purchaseQty: 108.88 }, + { id: 2, code: "GI3236", name: "清水(煮過牛腩)", inStockQty: 317.52 , purchaseQty: 635.04 }, + { id: 3, code: "MG1700", name: "STERILTOM 意大利茄粒", inStockQty: 9.00 , purchaseQty: 18.00 }, + { id: 4, code: "FA0533", name: "乾蔥茸", inStockQty: 6.04 , purchaseQty: 12.08 }, + { id: 5, code: "FA0210", name: "薑茸", inStockQty: 0, purchaseQty: 12.08 }, + { id: 6, code: "FA0608", name: "粗蒜茸", inStockQty: 0 , purchaseQty: 12.08 }, + { id: 7, code: "FA0056", name: "洋蔥肉", inStockQty: 241.98 , purchaseQty: 483.96 }, + { id: 8, code: "PP1188", name: "咖喱膽", inStockQty: 36.00 , purchaseQty: 72.00 }, + { id: 9, code: "PP8001", name: "咖哩汁箱料粉", inStockQty: 77.42 , purchaseQty: 154.84 }, + { id: 10, code: "PP1096", name: "白麵撈", inStockQty: 60.00 , purchaseQty: 120.00 }, + { id: 10, code: "NA0476", name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty: 600.00 , purchaseQty: 200.0 }, ] }, { id: 2, code: "PP1193", name: "蔥油(1磅) ", inStockQty: 1322, productionQty: 661, @@ -120,53 +120,262 @@ const ViewByFGDetails: React.FC = ({ apiRef, isEdit }) => { { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 10 } ] }, + { id: 3, code: " PP1188", name: "咖喱膽", inStockQty: 1016.2, productionQty: 508.1, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 217.72 }, + { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 18.15 }, + { id: 3, code: "FA0608", name: "粗蒜茸", inStockQty: 0, purchaseQty: 18.15 }, + { id: 4, code: "MG1288", name: "炸紅蔥頭", inStockQty: 0, purchaseQty: 6.05 }, + { id: 5, code: "FA0210", name: "薑茸", inStockQty: 0, purchaseQty: 6.05 }, + { id: 6, code: "MG0066", name: "咖哩料(5斤x16包+2斤/包)", inStockQty: 0, purchaseQty: 241.98 }, + ] + }, + { id: 4, code: " PP1096", name: "白麵撈", inStockQty: 1040, productionQty: 520, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 190.00 }, + { id: 1, code: "MH0040", name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)", inStockQty: 0, purchaseQty: 250.00 }, + { id: 2, code: "FA0161", name: "蔥油", inStockQty: 1322, purchaseQty: 0 }, + ] + }, ], [ - { id: 3, code: "fg3", name: "finished good 3", inStockQty: 30, productionQty: 3, - lines: [{ id: 3, code: "mt3", name: "material 3", inStockQty: 30, purchaseQty: 3 }] + { id: 1, code: "PP1080", name: "咖哩汁", inStockQty: 2400, productionQty: 1200.0, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0 , purchaseQty: 108.88 }, + { id: 2, code: "GI3236", name: "清水(煮過牛腩)", inStockQty: 317.52 , purchaseQty: 635.04 }, + { id: 3, code: "MG1700", name: "STERILTOM 意大利茄粒", inStockQty: 9.00 , purchaseQty: 18.00 }, + { id: 4, code: "FA0533", name: "乾蔥茸", inStockQty: 6.04 , purchaseQty: 12.08 }, + { id: 5, code: "FA0210", name: "薑茸", inStockQty: 0, purchaseQty: 12.08 }, + { id: 6, code: "FA0608", name: "粗蒜茸", inStockQty: 0 , purchaseQty: 12.08 }, + { id: 7, code: "FA0056", name: "洋蔥肉", inStockQty: 241.98 , purchaseQty: 483.96 }, + { id: 8, code: "PP1188", name: "咖喱膽", inStockQty: 36.00 , purchaseQty: 72.00 }, + { id: 9, code: "PP8001", name: "咖哩汁箱料粉", inStockQty: 77.42 , purchaseQty: 154.84 }, + { id: 10, code: "PP1096", name: "白麵撈", inStockQty: 60.00 , purchaseQty: 120.00 }, + { id: 10, code: "NA0476", name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty: 600.00 , purchaseQty: 200.0 }, + ] + }, + { id: 2, code: "PP1193", name: "蔥油(1磅) ", inStockQty: 1322, productionQty: 661, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 20 }, + { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 10 } + ] + }, + { id: 3, code: " PP1188", name: "咖喱膽", inStockQty: 1016.2, productionQty: 508.1, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 217.72 }, + { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 18.15 }, + { id: 3, code: "FA0608", name: "粗蒜茸", inStockQty: 0, purchaseQty: 18.15 }, + { id: 4, code: "MG1288", name: "炸紅蔥頭", inStockQty: 0, purchaseQty: 6.05 }, + { id: 5, code: "FA0210", name: "薑茸", inStockQty: 0, purchaseQty: 6.05 }, + { id: 6, code: "MG0066", name: "咖哩料(5斤x16包+2斤/包)", inStockQty: 0, purchaseQty: 241.98 }, + ] }, - { id: 4, code: "fg4", name: "finished good 4", inStockQty: 40, productionQty: 499, - lines: [{ id: 4, code: "mt4", name: "material 4", inStockQty: 40, purchaseQty: 499 }] + { id: 4, code: " PP1096", name: "白麵撈", inStockQty: 1040, productionQty: 520, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 190.00 }, + { id: 1, code: "MH0040", name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)", inStockQty: 0, purchaseQty: 250.00 }, + { id: 2, code: "FA0161", name: "蔥油", inStockQty: 1322, purchaseQty: 0 }, + ] }, ], [ - { id: 5, code: "fg5", name: "finished good 5", inStockQty: 50, productionQty: 5, - lines: [{ id: 5, code: "mt5", name: "material 5", inStockQty: 50, purchaseQty: 5 }] + { id: 1, code: "PP1080", name: "咖哩汁", inStockQty: 2400, productionQty: 1200.0, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0 , purchaseQty: 108.88 }, + { id: 2, code: "GI3236", name: "清水(煮過牛腩)", inStockQty: 317.52 , purchaseQty: 635.04 }, + { id: 3, code: "MG1700", name: "STERILTOM 意大利茄粒", inStockQty: 9.00 , purchaseQty: 18.00 }, + { id: 4, code: "FA0533", name: "乾蔥茸", inStockQty: 6.04 , purchaseQty: 12.08 }, + { id: 5, code: "FA0210", name: "薑茸", inStockQty: 0, purchaseQty: 12.08 }, + { id: 6, code: "FA0608", name: "粗蒜茸", inStockQty: 0 , purchaseQty: 12.08 }, + { id: 7, code: "FA0056", name: "洋蔥肉", inStockQty: 241.98 , purchaseQty: 483.96 }, + { id: 8, code: "PP1188", name: "咖喱膽", inStockQty: 36.00 , purchaseQty: 72.00 }, + { id: 9, code: "PP8001", name: "咖哩汁箱料粉", inStockQty: 77.42 , purchaseQty: 154.84 }, + { id: 10, code: "PP1096", name: "白麵撈", inStockQty: 60.00 , purchaseQty: 120.00 }, + { id: 10, code: "NA0476", name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty: 600.00 , purchaseQty: 200.0 }, + ] + }, + { id: 2, code: "PP1193", name: "蔥油(1磅) ", inStockQty: 1322, productionQty: 661, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 20 }, + { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 10 } + ] + }, + { id: 3, code: " PP1188", name: "咖喱膽", inStockQty: 1016.2, productionQty: 508.1, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 217.72 }, + { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 18.15 }, + { id: 3, code: "FA0608", name: "粗蒜茸", inStockQty: 0, purchaseQty: 18.15 }, + { id: 4, code: "MG1288", name: "炸紅蔥頭", inStockQty: 0, purchaseQty: 6.05 }, + { id: 5, code: "FA0210", name: "薑茸", inStockQty: 0, purchaseQty: 6.05 }, + { id: 6, code: "MG0066", name: "咖哩料(5斤x16包+2斤/包)", inStockQty: 0, purchaseQty: 241.98 }, + ] }, - { id: 6, code: "fg6", name: "finished good 6", inStockQty: 60, productionQty: 699, - lines: [{ id: 6, code: "mt6", name: "material 6", inStockQty: 60, purchaseQty: 699 }] + { id: 4, code: " PP1096", name: "白麵撈", inStockQty: 1040, productionQty: 520, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 190.00 }, + { id: 1, code: "MH0040", name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)", inStockQty: 0, purchaseQty: 250.00 }, + { id: 2, code: "FA0161", name: "蔥油", inStockQty: 1322, purchaseQty: 0 }, + ] }, ], [ - { id: 7, code: "fg7", name: "finished good 7", inStockQty: 70, productionQty: 7, - lines: [{ id: 7, code: "mt7", name: "material 7", inStockQty: 70, purchaseQty: 7 }] + { id: 1, code: "PP1080", name: "咖哩汁", inStockQty: 2400, productionQty: 1200.0, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0 , purchaseQty: 108.88 }, + { id: 2, code: "GI3236", name: "清水(煮過牛腩)", inStockQty: 317.52 , purchaseQty: 635.04 }, + { id: 3, code: "MG1700", name: "STERILTOM 意大利茄粒", inStockQty: 9.00 , purchaseQty: 18.00 }, + { id: 4, code: "FA0533", name: "乾蔥茸", inStockQty: 6.04 , purchaseQty: 12.08 }, + { id: 5, code: "FA0210", name: "薑茸", inStockQty: 0, purchaseQty: 12.08 }, + { id: 6, code: "FA0608", name: "粗蒜茸", inStockQty: 0 , purchaseQty: 12.08 }, + { id: 7, code: "FA0056", name: "洋蔥肉", inStockQty: 241.98 , purchaseQty: 483.96 }, + { id: 8, code: "PP1188", name: "咖喱膽", inStockQty: 36.00 , purchaseQty: 72.00 }, + { id: 9, code: "PP8001", name: "咖哩汁箱料粉", inStockQty: 77.42 , purchaseQty: 154.84 }, + { id: 10, code: "PP1096", name: "白麵撈", inStockQty: 60.00 , purchaseQty: 120.00 }, + { id: 10, code: "NA0476", name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty: 600.00 , purchaseQty: 200.0 }, + ] + }, + { id: 2, code: "PP1193", name: "蔥油(1磅) ", inStockQty: 1322, productionQty: 661, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 20 }, + { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 10 } + ] }, - { id: 8, code: "fg8", name: "finished good 8", inStockQty: 80, productionQty: 899, - lines: [{ id: 8, code: "mt8", name: "material 8", inStockQty: 80, purchaseQty: 899 }] + { id: 3, code: " PP1188", name: "咖喱膽", inStockQty: 1016.2, productionQty: 508.1, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 217.72 }, + { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 18.15 }, + { id: 3, code: "FA0608", name: "粗蒜茸", inStockQty: 0, purchaseQty: 18.15 }, + { id: 4, code: "MG1288", name: "炸紅蔥頭", inStockQty: 0, purchaseQty: 6.05 }, + { id: 5, code: "FA0210", name: "薑茸", inStockQty: 0, purchaseQty: 6.05 }, + { id: 6, code: "MG0066", name: "咖哩料(5斤x16包+2斤/包)", inStockQty: 0, purchaseQty: 241.98 }, + ] + }, + { id: 4, code: " PP1096", name: "白麵撈", inStockQty: 1040, productionQty: 520, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 190.00 }, + { id: 1, code: "MH0040", name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)", inStockQty: 0, purchaseQty: 250.00 }, + { id: 2, code: "FA0161", name: "蔥油", inStockQty: 1322, purchaseQty: 0 }, + ] }, ], [ - { id: 9, code: "fg9", name: "finished good 9", inStockQty: 90, productionQty: 9, - lines: [{ id: 9, code: "mt9", name: "material 9", inStockQty: 90, purchaseQty: 9 }] + { id: 1, code: "PP1080", name: "咖哩汁", inStockQty: 2400, productionQty: 1200.0, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0 , purchaseQty: 108.88 }, + { id: 2, code: "GI3236", name: "清水(煮過牛腩)", inStockQty: 317.52 , purchaseQty: 635.04 }, + { id: 3, code: "MG1700", name: "STERILTOM 意大利茄粒", inStockQty: 9.00 , purchaseQty: 18.00 }, + { id: 4, code: "FA0533", name: "乾蔥茸", inStockQty: 6.04 , purchaseQty: 12.08 }, + { id: 5, code: "FA0210", name: "薑茸", inStockQty: 0, purchaseQty: 12.08 }, + { id: 6, code: "FA0608", name: "粗蒜茸", inStockQty: 0 , purchaseQty: 12.08 }, + { id: 7, code: "FA0056", name: "洋蔥肉", inStockQty: 241.98 , purchaseQty: 483.96 }, + { id: 8, code: "PP1188", name: "咖喱膽", inStockQty: 36.00 , purchaseQty: 72.00 }, + { id: 9, code: "PP8001", name: "咖哩汁箱料粉", inStockQty: 77.42 , purchaseQty: 154.84 }, + { id: 10, code: "PP1096", name: "白麵撈", inStockQty: 60.00 , purchaseQty: 120.00 }, + { id: 10, code: "NA0476", name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty: 600.00 , purchaseQty: 200.00 }, + ] + }, + { id: 2, code: "PP1193", name: "蔥油(1磅) ", inStockQty: 1322, productionQty: 661, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 20 }, + { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 10 } + ] + }, + { id: 3, code: " PP1188", name: "咖喱膽", inStockQty: 1016.2, productionQty: 508.1, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 217.72 }, + { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 18.15 }, + { id: 3, code: "FA0608", name: "粗蒜茸", inStockQty: 0, purchaseQty: 18.15 }, + { id: 4, code: "MG1288", name: "炸紅蔥頭", inStockQty: 0, purchaseQty: 6.05 }, + { id: 5, code: "FA0210", name: "薑茸", inStockQty: 0, purchaseQty: 6.05 }, + { id: 6, code: "MG0066", name: "咖哩料(5斤x16包+2斤/包)", inStockQty: 0, purchaseQty: 241.98 }, + ] }, - { id: 10, code: "fg10", name: "finished good 10", inStockQty: 100, productionQty: 999, - lines: [{ id: 10, code: "mt10", name: "material 10", inStockQty: 100, purchaseQty: 999 }] + { id: 4, code: " PP1096", name: "白麵撈", inStockQty: 1040, productionQty: 520, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 190.00 }, + { id: 1, code: "MH0040", name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)", inStockQty: 0, purchaseQty: 250.00 }, + { id: 2, code: "FA0161", name: "蔥油", inStockQty: 1322, purchaseQty: 0 }, + ] }, ], [ - { id: 11, code: "fg11", name: "finished good 11", inStockQty: 110, productionQty: 11, - lines: [{ id: 11, code: "mt11", name: "material 11", inStockQty: 110, purchaseQty: 11 }] + { id: 1, code: "PP1080", name: "咖哩汁", inStockQty: 2400, productionQty: 1200.0, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0 , purchaseQty: 108.88 }, + { id: 2, code: "GI3236", name: "清水(煮過牛腩)", inStockQty: 317.52 , purchaseQty: 635.04 }, + { id: 3, code: "MG1700", name: "STERILTOM 意大利茄粒", inStockQty: 9.00 , purchaseQty: 18.00 }, + { id: 4, code: "FA0533", name: "乾蔥茸", inStockQty: 6.04 , purchaseQty: 12.08 }, + { id: 5, code: "FA0210", name: "薑茸", inStockQty: 0, purchaseQty: 12.08 }, + { id: 6, code: "FA0608", name: "粗蒜茸", inStockQty: 0 , purchaseQty: 12.08 }, + { id: 7, code: "FA0056", name: "洋蔥肉", inStockQty: 241.98 , purchaseQty: 483.96 }, + { id: 8, code: "PP1188", name: "咖喱膽", inStockQty: 36.00 , purchaseQty: 72.00 }, + { id: 9, code: "PP8001", name: "咖哩汁箱料粉", inStockQty: 77.42 , purchaseQty: 154.84 }, + { id: 10, code: "PP1096", name: "白麵撈", inStockQty: 60.00 , purchaseQty: 120.00 }, + { id: 10, code: "NA0476", name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty: 600.00 , purchaseQty: 200.0 }, + ] + }, + { id: 2, code: "PP1193", name: "蔥油(1磅) ", inStockQty: 1322, productionQty: 661, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 20 }, + { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 10 } + ] + }, + { id: 3, code: " PP1188", name: "咖喱膽", inStockQty: 1016.2, productionQty: 508.1, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 217.72 }, + { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 18.15 }, + { id: 3, code: "FA0608", name: "粗蒜茸", inStockQty: 0, purchaseQty: 18.15 }, + { id: 4, code: "MG1288", name: "炸紅蔥頭", inStockQty: 0, purchaseQty: 6.05 }, + { id: 5, code: "FA0210", name: "薑茸", inStockQty: 0, purchaseQty: 6.05 }, + { id: 6, code: "MG0066", name: "咖哩料(5斤x16包+2斤/包)", inStockQty: 0, purchaseQty: 241.98 }, + ] }, - { id: 12, code: "fg12", name: "finished good 12", inStockQty: 120, productionQty: 1299, - lines: [{ id: 12, code: "mt12", name: "material 12", inStockQty: 120, purchaseQty: 1299 }] + { id: 4, code: " PP1096", name: "白麵撈", inStockQty: 1040, productionQty: 520, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 190.00 }, + { id: 1, code: "MH0040", name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)", inStockQty: 0, purchaseQty: 250.00 }, + { id: 2, code: "FA0161", name: "蔥油", inStockQty: 1322, purchaseQty: 0 }, + ] }, ], [ - { id: 13, code: "fg13", name: "finished good 13", inStockQty: 130, productionQty: 13, - lines: [{ id: 13, code: "mt13", name: "material 13", inStockQty: 130, purchaseQty: 13 }] + { id: 1, code: "PP1080", name: "咖哩汁", inStockQty: 2400, productionQty: 1200.0, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0 , purchaseQty: 108.88 }, + { id: 2, code: "GI3236", name: "清水(煮過牛腩)", inStockQty: 317.52 , purchaseQty: 635.04 }, + { id: 3, code: "MG1700", name: "STERILTOM 意大利茄粒", inStockQty: 9.00 , purchaseQty: 18.00 }, + { id: 4, code: "FA0533", name: "乾蔥茸", inStockQty: 6.04 , purchaseQty: 12.08 }, + { id: 5, code: "FA0210", name: "薑茸", inStockQty: 0, purchaseQty: 12.08 }, + { id: 6, code: "FA0608", name: "粗蒜茸", inStockQty: 0 , purchaseQty: 12.08 }, + { id: 7, code: "FA0056", name: "洋蔥肉", inStockQty: 241.98 , purchaseQty: 483.96 }, + { id: 8, code: "PP1188", name: "咖喱膽", inStockQty: 36.00 , purchaseQty: 72.00 }, + { id: 9, code: "PP8001", name: "咖哩汁箱料粉", inStockQty: 77.42 , purchaseQty: 154.84 }, + { id: 10, code: "PP1096", name: "白麵撈", inStockQty: 60.00 , purchaseQty: 120.00 }, + { id: 10, code: "NA0476", name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty: 600.00 , purchaseQty: 200.0 }, + ] + }, + { id: 2, code: "PP1193", name: "蔥油(1磅) ", inStockQty: 1322, productionQty: 661, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 20 }, + { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 10 } + ] + }, + { id: 3, code: " PP1188", name: "咖喱膽", inStockQty: 1016.2, productionQty: 508.1, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 217.72 }, + { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 18.15 }, + { id: 3, code: "FA0608", name: "粗蒜茸", inStockQty: 0, purchaseQty: 18.15 }, + { id: 4, code: "MG1288", name: "炸紅蔥頭", inStockQty: 0, purchaseQty: 6.05 }, + { id: 5, code: "FA0210", name: "薑茸", inStockQty: 0, purchaseQty: 6.05 }, + { id: 6, code: "MG0066", name: "咖哩料(5斤x16包+2斤/包)", inStockQty: 0, purchaseQty: 241.98 }, + ] }, - { id: 14, code: "fg14", name: "finished good 14", inStockQty: 140, productionQty: 1499, - lines: [{ id: 14, code: "mt14", name: "material 14", inStockQty: 140, purchaseQty: 1499 }] + { id: 4, code: " PP1096", name: "白麵撈", inStockQty: 1040, productionQty: 520, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 190.00 }, + { id: 1, code: "MH0040", name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)", inStockQty: 0, purchaseQty: 250.00 }, + { id: 2, code: "FA0161", name: "蔥油", inStockQty: 1322, purchaseQty: 0 }, + ] }, ], ], @@ -207,8 +416,107 @@ const ViewByFGDetails: React.FC = ({ apiRef, isEdit }) => { [] ); + const overallColumns = useMemo[]>( + () => [ + { + field: "name", + label: "name", + type: 'read-only', + }, + { + field: "code", + label: "code", + type: 'read-only', + // editable: true, + }, + { + field: "lastMonthAvgStock", + label: "Last Month Average Stock", + type: 'read-only', + // editable: true, + }, + { + field: "safetyStock", + label: "Safety Stock", + type: 'read-only', + // editable: true, + }, + { + field: "inStockQty", + label: "In Stock Amount", + type: 'read-only', + // editable: true, + }, + { + field: "productionQty", + label: "Production Qty", + type: 'input', + }, + ], + [] + ); + + const fakeOverallRecords = useMemo( + () => [ + { id: 1, code: "PP1080", name: "咖哩汁", lastMonthAvgStock: 2400, safetyStock: 2400, inStockQty: 2400, productionQty: 8400.0, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 54.44 , purchaseQty: 544.4 }, + { id: 2, code: "GI3236", name: "清水(煮過牛腩)", inStockQty: 317.52 , purchaseQty: 3175.2 }, + { id: 3, code: "MG1700", name: "STERILTOM 意大利茄粒", inStockQty: 9.00 , purchaseQty: 90 }, + { id: 4, code: "FA0533", name: "乾蔥茸", inStockQty: 6.04 , purchaseQty: 60.4 }, + { id: 5, code: "FA0210", name: "薑茸", inStockQty: 6.04 , purchaseQty: 60.4 }, + { id: 6, code: "FA0608", name: "粗蒜茸", inStockQty: 6.04 , purchaseQty: 60.4 }, + { id: 7, code: "FA0056", name: "洋蔥肉", inStockQty: 241.98 , purchaseQty: 2419.8 }, + { id: 8, code: "PP1188", name: "咖喱膽", inStockQty: 36.00 , purchaseQty: 360 }, + { id: 9, code: "PP8001", name: "咖哩汁箱料粉", inStockQty: 77.42 , purchaseQty: 774.2 }, + { id: 10, code: "PP1096", name: "白麵撈", inStockQty: 60.00 , purchaseQty: 600 }, + { id: 10, code: "NA0476", name: "2磅份量三邊覆合袋 (0.1x225x260mm)個計", inStockQty: 600.00 , purchaseQty: 6000 }, + ] + }, + { id: 2, code: "PP1193", name: "蔥油(1磅) ", lastMonthAvgStock: 1320, safetyStock: 1322, inStockQty: 1322, productionQty: 4627, + lines: [ + { id: 2, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 20 }, + { id: 3, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 10 } + ] + }, + { id: 3, code: " PP1188", name: "咖喱膽", lastMonthAvgStock: 1017, safetyStock: 1017, inStockQty: 1016.2, productionQty: 3556.7, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 217.72 }, + { id: 2, code: "FA0161", name: "洋蔥粒", inStockQty: 0, purchaseQty: 18.15 }, + { id: 3, code: "FA0608", name: "粗蒜茸", inStockQty: 0, purchaseQty: 18.15 }, + { id: 4, code: "MG1288", name: "炸紅蔥頭", inStockQty: 0, purchaseQty: 6.05 }, + { id: 5, code: "FA0210", name: "薑茸", inStockQty: 0, purchaseQty: 6.05 }, + { id: 6, code: "MG0066", name: "咖哩料(5斤x16包+2斤/包)", inStockQty: 0, purchaseQty: 241.98 }, + ] + }, + { id: 4, code: " PP1096", name: "白麵撈", lastMonthAvgStock: 1040, safetyStock: 1040, inStockQty: 1040, productionQty: 3640, + lines: [ + { id: 1, code: "MH0040", name: "大豆油(1噸/桶)", inStockQty: 0, purchaseQty: 190.00 }, + { id: 1, code: "MH0040", name: "星加坡綠富貴花牌幼白麵粉 (50磅/包)", inStockQty: 0, purchaseQty: 250.00 }, + { id: 2, code: "FA0161", name: "蔥油", inStockQty: 1322, purchaseQty: 0 }, + ] + }, + ], + [] + ); + return ( + + + Overall + + + items={fakeOverallRecords} + isMockUp={true} + columns={overallColumns} + setPagingController={setPagingController} + pagingController={pagingController} + isAutoPaging={false} + isHideButton={true} + isEdit={isEdit} + /> + {dayPeriod.map((date, index) => (