614 lines
20 KiB
Plaintext
614 lines
20 KiB
Plaintext
{
|
|
"version": "2.6",
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "GIoPU",
|
|
"x": 950,
|
|
"y": 0,
|
|
"name": "WIP Overview - Integrated",
|
|
"width": 1200,
|
|
"fill": "#F5F7FA",
|
|
"layout": "vertical",
|
|
"gap": 16,
|
|
"padding": 20,
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "N2qxA",
|
|
"name": "header",
|
|
"width": "fill_container",
|
|
"height": 64,
|
|
"fill": {
|
|
"type": "gradient",
|
|
"gradientType": "linear",
|
|
"enabled": true,
|
|
"rotation": 135,
|
|
"size": {
|
|
"height": 1
|
|
},
|
|
"colors": [
|
|
{
|
|
"color": "#667eea",
|
|
"position": 0
|
|
},
|
|
{
|
|
"color": "#764ba2",
|
|
"position": 1
|
|
}
|
|
]
|
|
},
|
|
"cornerRadius": 10,
|
|
"padding": [
|
|
0,
|
|
22
|
|
],
|
|
"justifyContent": "space_between",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "7h8YC",
|
|
"name": "headerTitle",
|
|
"fill": "#FFFFFF",
|
|
"content": "WIP Overview Dashboard",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 24,
|
|
"fontWeight": "600"
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "JyskI",
|
|
"name": "headerRight",
|
|
"gap": 16,
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "8rtgc",
|
|
"name": "lastUpdate",
|
|
"fill": "rgba(255,255,255,0.8)",
|
|
"content": "Last Update: 2026-01-27 14:30",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "ZH0PW",
|
|
"name": "refreshBtn",
|
|
"fill": "rgba(255,255,255,0.2)",
|
|
"cornerRadius": 8,
|
|
"padding": [
|
|
9,
|
|
20
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "wlrMh",
|
|
"name": "refreshText",
|
|
"fill": "#FFFFFF",
|
|
"content": "重新整理",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "600"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "aYXjP",
|
|
"name": "Summary Section",
|
|
"width": "fill_container",
|
|
"layout": "vertical",
|
|
"gap": 12,
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "pFof4",
|
|
"name": "kpiRow",
|
|
"width": "fill_container",
|
|
"gap": 14,
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "0kWPh",
|
|
"name": "kpi1",
|
|
"width": "fill_container",
|
|
"fill": "#FFFFFF",
|
|
"cornerRadius": 10,
|
|
"stroke": {
|
|
"align": "inside",
|
|
"thickness": 1,
|
|
"fill": "#E2E6EF"
|
|
},
|
|
"layout": "vertical",
|
|
"gap": 6,
|
|
"padding": [
|
|
16,
|
|
20
|
|
],
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "DTtUq",
|
|
"name": "kpi1Label",
|
|
"fill": "#666666",
|
|
"content": "Total Lots",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 12,
|
|
"fontWeight": "normal"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "vdmq8",
|
|
"name": "kpi1Value",
|
|
"fill": "#667eea",
|
|
"content": "1,234",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 28,
|
|
"fontWeight": "700"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "wEupl",
|
|
"name": "kpi2",
|
|
"width": "fill_container",
|
|
"fill": "#FFFFFF",
|
|
"cornerRadius": 10,
|
|
"stroke": {
|
|
"align": "inside",
|
|
"thickness": 1,
|
|
"fill": "#E2E6EF"
|
|
},
|
|
"layout": "vertical",
|
|
"gap": 6,
|
|
"padding": [
|
|
16,
|
|
20
|
|
],
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "59OHd",
|
|
"name": "kpi2Label",
|
|
"fill": "#666666",
|
|
"content": "Total QTY",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 12,
|
|
"fontWeight": "normal"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "YkPVl",
|
|
"name": "kpi2Value",
|
|
"fill": "#667eea",
|
|
"content": "56,789",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 28,
|
|
"fontWeight": "700"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "g65nT",
|
|
"name": "wipStatusRow",
|
|
"width": "fill_container",
|
|
"gap": 14,
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "sbKdU",
|
|
"name": "runCard",
|
|
"width": "fill_container",
|
|
"fill": "#F0FDF4",
|
|
"cornerRadius": 10,
|
|
"stroke": {
|
|
"align": "inside",
|
|
"thickness": 2,
|
|
"fill": "#22C55E"
|
|
},
|
|
"layout": "vertical",
|
|
"gap": 8,
|
|
"padding": [
|
|
16,
|
|
20
|
|
],
|
|
"justifyContent": "space_between",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "EQzBo",
|
|
"name": "runLeft",
|
|
"width": "fill_container",
|
|
"gap": 10,
|
|
"justifyContent": "center",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "rectangle",
|
|
"cornerRadius": 5,
|
|
"id": "m7Prk",
|
|
"name": "runDot",
|
|
"fill": "#22C55E",
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "1DMEu",
|
|
"name": "runLabel",
|
|
"fill": "#166534",
|
|
"content": "RUN",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 14,
|
|
"fontWeight": "600"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "ZVtRH",
|
|
"name": "runRight",
|
|
"width": "fill_container",
|
|
"gap": 24,
|
|
"justifyContent": "center",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "OLwma",
|
|
"name": "runLots",
|
|
"fill": "#0D0D0D",
|
|
"content": "500 lots",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 24,
|
|
"fontWeight": "700"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "OI5f5",
|
|
"name": "runQty",
|
|
"fill": "#166534",
|
|
"content": "30,000 pcs",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 24,
|
|
"fontWeight": "700"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "uibRH",
|
|
"name": "queueCard",
|
|
"width": "fill_container",
|
|
"fill": "#FFFBEB",
|
|
"cornerRadius": 10,
|
|
"stroke": {
|
|
"align": "inside",
|
|
"thickness": 2,
|
|
"fill": "#F59E0B"
|
|
},
|
|
"layout": "vertical",
|
|
"gap": 8,
|
|
"padding": [
|
|
16,
|
|
20
|
|
],
|
|
"justifyContent": "space_between",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "xeGDP",
|
|
"name": "queueLeft",
|
|
"width": "fill_container",
|
|
"gap": 10,
|
|
"justifyContent": "center",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "rectangle",
|
|
"cornerRadius": 5,
|
|
"id": "KuAgl",
|
|
"name": "queueDot",
|
|
"fill": "#F59E0B",
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "TsD9B",
|
|
"name": "queueLabel",
|
|
"fill": "#92400E",
|
|
"content": "QUEUE",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 14,
|
|
"fontWeight": "600"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "41Db3",
|
|
"name": "queueRight",
|
|
"width": "fill_container",
|
|
"gap": 24,
|
|
"justifyContent": "center",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "dtaqd",
|
|
"name": "queueLots",
|
|
"fill": "#0D0D0D",
|
|
"content": "634 lots",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 24,
|
|
"fontWeight": "700"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "BVusD",
|
|
"name": "queueQty",
|
|
"fill": "#92400E",
|
|
"content": "21,789 pcs",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 24,
|
|
"fontWeight": "700"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "Y5gLu",
|
|
"name": "holdCard",
|
|
"width": "fill_container",
|
|
"fill": "#FEF2F2",
|
|
"cornerRadius": 10,
|
|
"stroke": {
|
|
"align": "inside",
|
|
"thickness": 2,
|
|
"fill": "#EF4444"
|
|
},
|
|
"layout": "vertical",
|
|
"gap": 8,
|
|
"padding": [
|
|
16,
|
|
20
|
|
],
|
|
"justifyContent": "space_between",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "juHZC",
|
|
"name": "holdLeft",
|
|
"width": "fill_container",
|
|
"gap": 10,
|
|
"justifyContent": "center",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "rectangle",
|
|
"cornerRadius": 5,
|
|
"id": "FW9Vv",
|
|
"name": "holdDot",
|
|
"fill": "#EF4444",
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "gEojA",
|
|
"name": "holdLabel",
|
|
"fill": "#991B1B",
|
|
"content": "HOLD",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 14,
|
|
"fontWeight": "600"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "3imiS",
|
|
"name": "holdRight",
|
|
"width": "fill_container",
|
|
"gap": 24,
|
|
"justifyContent": "center",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "AlTi3",
|
|
"name": "holdLots",
|
|
"fill": "#0D0D0D",
|
|
"content": "100 lots",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 24,
|
|
"fontWeight": "700"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "oKc0i",
|
|
"name": "holdQty",
|
|
"fill": "#991B1B",
|
|
"content": "5,000 pcs",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 24,
|
|
"fontWeight": "700"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "uRXyA",
|
|
"name": "Content Grid",
|
|
"width": "fill_container",
|
|
"gap": 16,
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "7HMip",
|
|
"name": "matrixCard",
|
|
"width": "fill_container",
|
|
"fill": "#FFFFFF",
|
|
"cornerRadius": 10,
|
|
"stroke": {
|
|
"align": "inside",
|
|
"thickness": 1,
|
|
"fill": "#E2E6EF"
|
|
},
|
|
"layout": "vertical",
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "pxsYm",
|
|
"name": "matrixHeader",
|
|
"width": "fill_container",
|
|
"fill": "#FAFBFC",
|
|
"stroke": {
|
|
"align": "inside",
|
|
"thickness": {
|
|
"bottom": 1
|
|
},
|
|
"fill": "#E2E6EF"
|
|
},
|
|
"padding": [
|
|
14,
|
|
20
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "JhSDl",
|
|
"name": "matrixTitle",
|
|
"fill": "#222222",
|
|
"content": "Workcenter x Package Matrix (QTY)",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 15,
|
|
"fontWeight": "600"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "4hQZP",
|
|
"name": "matrixBody",
|
|
"width": "fill_container",
|
|
"height": 200,
|
|
"layout": "vertical",
|
|
"padding": 16,
|
|
"justifyContent": "center",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "lH6Yr",
|
|
"name": "matrixPlaceholder",
|
|
"fill": "#999999",
|
|
"content": "[ Matrix Table ]",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 14,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "FOIFS",
|
|
"name": "holdSummaryCard",
|
|
"width": 320,
|
|
"fill": "#FFFFFF",
|
|
"cornerRadius": 10,
|
|
"stroke": {
|
|
"align": "inside",
|
|
"thickness": 1,
|
|
"fill": "#E2E6EF"
|
|
},
|
|
"layout": "vertical",
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "uikVi",
|
|
"name": "holdSummaryHeader",
|
|
"width": "fill_container",
|
|
"fill": "#FAFBFC",
|
|
"stroke": {
|
|
"align": "inside",
|
|
"thickness": {
|
|
"bottom": 1
|
|
},
|
|
"fill": "#E2E6EF"
|
|
},
|
|
"padding": [
|
|
14,
|
|
20
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "VBWBv",
|
|
"name": "holdSummaryTitle",
|
|
"fill": "#222222",
|
|
"content": "Hold Summary",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 15,
|
|
"fontWeight": "600"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "cFEPm",
|
|
"name": "holdSummaryBody",
|
|
"width": "fill_container",
|
|
"height": 200,
|
|
"layout": "vertical",
|
|
"padding": 16,
|
|
"justifyContent": "center",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "s7sa1",
|
|
"name": "holdSummaryPlaceholder",
|
|
"fill": "#999999",
|
|
"content": "[ Hold Table ]",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 14,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
} |