[demand forecast] update demo data

src/components/RoughScheduleDetail/RoughScheudleDetailView.tsx

@@ -88,32 +88,7 @@ const RoughScheduleDetailView: React.FC<Props> = ({
     [],
   );
 
-  const fakeRecords = useMemo<FGRecord[]>(
-      () => [
-        { 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<Props> = ({
     totalCount: 0,
   })
 
-  const columns = useMemo<Column<any>[]>(
-      () => [
-        {
-          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<Props> = ({
           </Button>
         </Stack>
 
-        <Typography variant="overline" display="block" marginBlockEnd={1}>
-          Overall
-        </Typography>
-        <EditableSearchResults<FGRecord>
-            items={fakeRecords} // Use the corresponding records for the day
-            isMockUp={true}
-            columns={columns}
-            setPagingController={setPagingController}
-            pagingController={pagingController}
-            isAutoPaging={false}
-            isHideButton={false}
-            isEdit={false}
-        />
+
         <Tabs value={tabIndex} onChange={handleTabChange} variant="scrollable">
         <Tab label={t("View By Schedule")} iconPosition="end"/>
         <Tab label={t("View By Material")} iconPosition="end" />

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<Props> = ({ apiRef, isEdit }) => {
     const {
         t,
@@ -61,54 +77,249 @@ const ViewByBomDetails: React.FC<Props> = ({ apiRef, isEdit }) => {
     const fakeRecords = useMemo<FGRecord[][]>(
         () => [
             [
-                { 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<FGOverallRecord[]>(
+        () => [
+            { 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<Column<any>[]>(
+        () => [
+            {
+                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<Column<any>[]>(
         () => [
             {
@@ -139,6 +350,21 @@ const ViewByBomDetails: React.FC<Props> = ({ apiRef, isEdit }) => {
 
     return (
         <Grid container spacing={2}>
+            <Grid item xs={12} key={"all"}>
+                <Typography variant="overline" display="block" marginBlockEnd={1}>
+                    Overall
+                </Typography>
+                <EditableSearchResults<FGRecord>
+                    items={fakeOverallRecords}
+                    isMockUp={true}
+                    columns={overallColumns}
+                    setPagingController={setPagingController}
+                    pagingController={pagingController}
+                    isAutoPaging={false}
+                    isHideButton={true}
+                    isEdit={false}
+                />
+            </Grid>
             {dayPeriod.map((date, index) => (
                 <Grid item xs={12} key={index}>
                     <Typography variant="overline" display="block" marginBlockEnd={1}>

src/components/RoughScheduleDetail/ViewByFGDetails.tsx

@@ -99,19 +99,19 @@ const ViewByFGDetails: React.FC<Props> = ({ apiRef, isEdit }) => {
     const fakeRecords = useMemo<FGRecord[][]>(
         () => [
             [
-                { 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<Props> = ({ 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<Props> = ({ apiRef, isEdit }) => {
         []
     );
 
+    const overallColumns = useMemo<Column<any>[]>(
+        () => [
+            {
+                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<FGRecord[]>(
+        () => [
+            { 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 (
         <Grid container spacing={2}>
+            <Grid item xs={12} key={"all"}>
+                <Typography variant="overline" display="block" marginBlockEnd={1}>
+                    Overall
+                </Typography>
+                <EditableSearchResults<FGRecord>
+                    items={fakeOverallRecords}
+                    isMockUp={true}
+                    columns={overallColumns}
+                    setPagingController={setPagingController}
+                    pagingController={pagingController}
+                    isAutoPaging={false}
+                    isHideButton={true}
+                    isEdit={isEdit}
+                />
+            </Grid>
             {dayPeriod.map((date, index) => (
                 <Grid item xs={12} key={index}>
                     <Typography variant="overline" display="block" marginBlockEnd={1}>