admin/pos-system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Enhance tPOS UI by integrating new customer interaction features, including updated loyalty information and refined buttons, to boost user engagement across cafe, karaoke, and restaurant workflows.

Browse Source
This commit is contained in:
Ho Ngoc Hai
2026-02-06 02:06:18 +07:00
parent ffa6011206
commit c431073071
4 changed files with 1437 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

351
pencil-design/src/pages/tPOS/pos/shared/staff/cashier-journey.pen Normal file
View File

@@ -0,0 +1,351 @@
{
"version": "2.6",
"children": [
{
"type": "frame",
"id": "CashierJourney1",
"name": "Cashier Journey/1-Login",
"width": 440,
"height": 700,
"fill": "#0A0A0B",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "CSJ1Modal",
"width": 380,
"fill": "#111113",
"cornerRadius": 24,
"stroke": {"thickness": 1, "fill": "#1F1F23"},
"layout": "vertical",
"gap": 24,
"padding": 32,
"alignItems": "center",
"children": [
{"type": "frame", "id": "CSJ1Step", "fill": "#3B82F620", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "CSJ1StepT", "fill": "#3B82F6", "content": "Bước 1/6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
{"type": "frame", "id": "CSJ1Icon", "width": 72, "height": 72, "fill": "#3B82F61A", "cornerRadius": 36, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "CSJ1IconI", "width": 32, "height": 32, "iconFontName": "user-circle", "iconFontFamily": "lucide", "fill": "#3B82F6"}
]},
{"type": "frame", "id": "CSJ1Title", "layout": "vertical", "gap": 6, "alignItems": "center", "children": [
{"type": "text", "id": "CSJ1TitleT", "fill": "#FFFFFF", "content": "Đăng nhập Thu ngân", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "600"},
{"type": "text", "id": "CSJ1Desc", "fill": "#8B8B90", "content": "Nhập mã PIN để bắt đầu ca", "fontFamily": "Roboto", "fontSize": 14}
]},
{"type": "frame", "id": "CSJ1Staff", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 12, "padding": 14, "gap": 12, "alignItems": "center", "children": [
{"type": "frame", "id": "CSJ1Avatar", "width": 48, "height": 48, "fill": "#3B82F630", "cornerRadius": 24, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "CSJ1Initial", "fill": "#3B82F6", "content": "LM", "fontFamily": "Roboto", "fontSize": 16, "fontWeight": "600"}]},
{"type": "frame", "id": "CSJ1Info", "layout": "vertical", "gap": 2, "children": [
{"type": "text", "id": "CSJ1Name", "fill": "#FFFFFF", "content": "Lê Mai", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "500"},
{"type": "text", "id": "CSJ1Role", "fill": "#8B8B90", "content": "Thu ngân • Ca sáng", "fontFamily": "Roboto", "fontSize": 12}
]}
]},
{"type": "frame", "id": "CSJ1PIN", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [
{"type": "text", "id": "CSJ1PINLabel", "fill": "#8B8B90", "content": "Mã PIN", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"},
{"type": "frame", "id": "CSJ1PINDots", "width": "fill_container", "justifyContent": "center", "gap": 16, "children": [
{"type": "frame", "id": "CSJ1Dot1", "width": 16, "height": 16, "fill": "#3B82F6", "cornerRadius": 8},
{"type": "frame", "id": "CSJ1Dot2", "width": 16, "height": 16, "fill": "#3B82F6", "cornerRadius": 8},
{"type": "frame", "id": "CSJ1Dot3", "width": 16, "height": 16, "fill": "#3B82F6", "cornerRadius": 8},
{"type": "frame", "id": "CSJ1Dot4", "width": 16, "height": 16, "fill": "#2A2A2E", "cornerRadius": 8}
]}
]},
{"type": "frame", "id": "CSJ1Confirm", "width": "fill_container", "height": 50, "fill": "#3B82F6", "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "CSJ1ConfirmI", "width": 18, "height": 18, "iconFontName": "log-in", "iconFontFamily": "lucide", "fill": "#FFFFFF"},
{"type": "text", "id": "CSJ1ConfirmT", "fill": "#FFFFFF", "content": "Đăng nhập", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
]}
]
}
]
},
{
"type": "frame",
"id": "CashierJourney2",
"name": "Cashier Journey/2-OpenShift",
"x": 540,
"width": 440,
"height": 700,
"fill": "#0A0A0B",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "CSJ2Modal",
"width": 380,
"fill": "#111113",
"cornerRadius": 24,
"stroke": {"thickness": 1, "fill": "#1F1F23"},
"layout": "vertical",
"gap": 20,
"padding": 28,
"alignItems": "center",
"children": [
{"type": "frame", "id": "CSJ2Step", "fill": "#22C55E20", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "CSJ2StepT", "fill": "#22C55E", "content": "Bước 2/6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
{"type": "frame", "id": "CSJ2Icon", "width": 64, "height": 64, "fill": "#22C55E1A", "cornerRadius": 32, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "CSJ2IconI", "width": 28, "height": 28, "iconFontName": "briefcase", "iconFontFamily": "lucide", "fill": "#22C55E"}
]},
{"type": "frame", "id": "CSJ2Title", "layout": "vertical", "gap": 6, "alignItems": "center", "children": [
{"type": "text", "id": "CSJ2TitleT", "fill": "#FFFFFF", "content": "Mở ca làm việc", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "600"},
{"type": "text", "id": "CSJ2Desc", "fill": "#8B8B90", "content": "Kiểm tra tiền đầu ca", "fontFamily": "Roboto", "fontSize": 14}
]},
{"type": "frame", "id": "CSJ2Cash", "width": "fill_container", "fill": "#22C55E10", "cornerRadius": 14, "padding": 18, "layout": "vertical", "gap": 12, "alignItems": "center", "children": [
{"type": "text", "id": "CSJ2CashLabel", "fill": "#8B8B90", "content": "TIỀN ĐẦU CA", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"},
{"type": "text", "id": "CSJ2CashValue", "fill": "#22C55E", "content": "5,000,000₫", "fontFamily": "Roboto", "fontSize": 32, "fontWeight": "700"},
{"type": "text", "id": "CSJ2CashNote", "fill": "#8B8B90", "content": "Đã kiểm đếm bởi Quản lý", "fontFamily": "Roboto", "fontSize": 12}
]},
{"type": "frame", "id": "CSJ2Info", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 12, "padding": 14, "layout": "vertical", "gap": 10, "children": [
{"type": "frame", "id": "CSJ2Row1", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "CSJ2L1", "fill": "#8B8B90", "content": "Ca làm việc", "fontFamily": "Roboto", "fontSize": 13}, {"type": "text", "id": "CSJ2V1", "fill": "#FFFFFF", "content": "Ca sáng", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]},
{"type": "frame", "id": "CSJ2Row2", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "CSJ2L2", "fill": "#8B8B90", "content": "Thời gian", "fontFamily": "Roboto", "fontSize": 13}, {"type": "text", "id": "CSJ2V2", "fill": "#FFFFFF", "content": "07:00 - 15:00", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]},
{"type": "frame", "id": "CSJ2Row3", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "CSJ2L3", "fill": "#8B8B90", "content": "Quầy", "fontFamily": "Roboto", "fontSize": 13}, {"type": "text", "id": "CSJ2V3", "fill": "#22C55E", "content": "Quầy 01", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}]}
]},
{"type": "frame", "id": "CSJ2Confirm", "width": "fill_container", "height": 50, "fill": "#22C55E", "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "CSJ2ConfirmI", "width": 18, "height": 18, "iconFontName": "play", "iconFontFamily": "lucide", "fill": "#FFFFFF"},
{"type": "text", "id": "CSJ2ConfirmT", "fill": "#FFFFFF", "content": "Xác nhận & Mở ca", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
]}
]
}
]
},
{
"type": "frame",
"id": "CashierJourney3",
"name": "Cashier Journey/3-Active",
"x": 1080,
"width": 440,
"height": 700,
"fill": "#0A0A0B",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "CSJ3Modal",
"width": 380,
"fill": "#111113",
"cornerRadius": 24,
"stroke": {"thickness": 1, "fill": "#1F1F23"},
"layout": "vertical",
"gap": 16,
"padding": 24,
"children": [
{"type": "frame", "id": "CSJ3Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "CSJ3Step", "fill": "#FF5C0020", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "CSJ3StepT", "fill": "#FF5C00", "content": "Bước 3/6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
{"type": "frame", "id": "CSJ3Status", "fill": "#22C55E20", "cornerRadius": 6, "padding": [4, 8], "gap": 4, "alignItems": "center", "children": [
{"type": "frame", "id": "CSJ3StatusDot", "width": 6, "height": 6, "fill": "#22C55E", "cornerRadius": 3},
{"type": "text", "id": "CSJ3StatusT", "fill": "#22C55E", "content": "Đang hoạt động", "fontFamily": "Roboto", "fontSize": 10, "fontWeight": "600"}
]}
]},
{"type": "frame", "id": "CSJ3Title", "width": "fill_container", "children": [{"type": "text", "id": "CSJ3TitleT", "fill": "#FFFFFF", "content": "Dashboard Ca làm", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "600"}]},
{"type": "frame", "id": "CSJ3Stats", "width": "fill_container", "gap": 10, "children": [
{"type": "frame", "id": "CSJ3Stat1", "width": "fill_container", "fill": "#FF5C0010", "cornerRadius": 12, "padding": 14, "layout": "vertical", "gap": 4, "alignItems": "center", "children": [
{"type": "text", "id": "CSJ3Stat1V", "fill": "#FF5C00", "content": "12", "fontFamily": "Roboto", "fontSize": 28, "fontWeight": "700"},
{"type": "text", "id": "CSJ3Stat1L", "fill": "#8B8B90", "content": "Đơn hàng", "fontFamily": "Roboto", "fontSize": 11}
]},
{"type": "frame", "id": "CSJ3Stat2", "width": "fill_container", "fill": "#22C55E10", "cornerRadius": 12, "padding": 14, "layout": "vertical", "gap": 4, "alignItems": "center", "children": [
{"type": "text", "id": "CSJ3Stat2V", "fill": "#22C55E", "content": "2.4M", "fontFamily": "Roboto", "fontSize": 28, "fontWeight": "700"},
{"type": "text", "id": "CSJ3Stat2L", "fill": "#8B8B90", "content": "Doanh thu", "fontFamily": "Roboto", "fontSize": 11}
]}
]},
{"type": "frame", "id": "CSJ3Time", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 10, "padding": 12, "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "CSJ3TimeL", "gap": 8, "alignItems": "center", "children": [
{"type": "icon_font", "id": "CSJ3TimeI", "width": 16, "height": 16, "iconFontName": "clock", "iconFontFamily": "lucide", "fill": "#8B8B90"},
{"type": "text", "id": "CSJ3TimeT", "fill": "#8B8B90", "content": "Thời gian làm việc", "fontFamily": "Roboto", "fontSize": 13}
]},
{"type": "text", "id": "CSJ3TimeV", "fill": "#FFFFFF", "content": "3h 24m", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
]},
{"type": "frame", "id": "CSJ3Recent", "width": "fill_container", "layout": "vertical", "gap": 10, "children": [
{"type": "text", "id": "CSJ3RecentT", "fill": "#8B8B90", "content": "Giao dịch gần đây", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"},
{"type": "frame", "id": "CSJ3Tx1", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 8, "padding": 10, "justifyContent": "space_between", "children": [
{"type": "frame", "id": "CSJ3Tx1L", "gap": 8, "alignItems": "center", "children": [
{"type": "frame", "id": "CSJ3Tx1Icon", "width": 28, "height": 28, "fill": "#22C55E20", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "CSJ3Tx1I", "width": 14, "height": 14, "iconFontName": "check", "iconFontFamily": "lucide", "fill": "#22C55E"}]},
{"type": "frame", "id": "CSJ3Tx1Info", "layout": "vertical", "gap": 1, "children": [
{"type": "text", "id": "CSJ3Tx1N", "fill": "#FFFFFF", "content": "#ORD-042", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"},
{"type": "text", "id": "CSJ3Tx1T", "fill": "#6B6B70", "content": "2 phút trước", "fontFamily": "Roboto", "fontSize": 10}
]}
]},
{"type": "text", "id": "CSJ3Tx1V", "fill": "#22C55E", "content": "+145,000₫", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}
]},
{"type": "frame", "id": "CSJ3Tx2", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 8, "padding": 10, "justifyContent": "space_between", "children": [
{"type": "frame", "id": "CSJ3Tx2L", "gap": 8, "alignItems": "center", "children": [
{"type": "frame", "id": "CSJ3Tx2Icon", "width": 28, "height": 28, "fill": "#22C55E20", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "CSJ3Tx2I", "width": 14, "height": 14, "iconFontName": "check", "iconFontFamily": "lucide", "fill": "#22C55E"}]},
{"type": "frame", "id": "CSJ3Tx2Info", "layout": "vertical", "gap": 1, "children": [
{"type": "text", "id": "CSJ3Tx2N", "fill": "#FFFFFF", "content": "#ORD-041", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"},
{"type": "text", "id": "CSJ3Tx2T", "fill": "#6B6B70", "content": "8 phút trước", "fontFamily": "Roboto", "fontSize": 10}
]}
]},
{"type": "text", "id": "CSJ3Tx2V", "fill": "#22C55E", "content": "+89,000₫", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}
]}
]},
{"type": "frame", "id": "CSJ3Close", "width": "fill_container", "height": 44, "fill": "#EF444420", "cornerRadius": 10, "gap": 6, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "CSJ3CloseI", "width": 16, "height": 16, "iconFontName": "log-out", "iconFontFamily": "lucide", "fill": "#EF4444"},
{"type": "text", "id": "CSJ3CloseT", "fill": "#EF4444", "content": "Đóng ca", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
]}
]
}
]
},
{
"type": "frame",
"id": "CashierJourney4",
"name": "Cashier Journey/4-Transaction",
"x": 1620,
"width": 440,
"height": 700,
"fill": "#0A0A0B",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "CSJ4Modal",
"width": 380,
"fill": "#111113",
"cornerRadius": 24,
"stroke": {"thickness": 2, "fill": "#22C55E"},
"layout": "vertical",
"gap": 20,
"padding": 28,
"alignItems": "center",
"children": [
{"type": "frame", "id": "CSJ4Step", "fill": "#22C55E20", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "CSJ4StepT", "fill": "#22C55E", "content": "Bước 4/6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
{"type": "frame", "id": "CSJ4Icon", "width": 64, "height": 64, "fill": "#22C55E1A", "cornerRadius": 32, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "CSJ4IconI", "width": 28, "height": 28, "iconFontName": "receipt", "iconFontFamily": "lucide", "fill": "#22C55E"}
]},
{"type": "frame", "id": "CSJ4Title", "layout": "vertical", "gap": 6, "alignItems": "center", "children": [
{"type": "text", "id": "CSJ4TitleT", "fill": "#FFFFFF", "content": "Thu tiền khách", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "600"},
{"type": "text", "id": "CSJ4Desc", "fill": "#8B8B90", "content": "Đơn hàng #ORD-043", "fontFamily": "Roboto", "fontSize": 14}
]},
{"type": "frame", "id": "CSJ4Amount", "width": "fill_container", "fill": "#22C55E10", "cornerRadius": 14, "padding": 18, "layout": "vertical", "gap": 8, "alignItems": "center", "children": [
{"type": "text", "id": "CSJ4AmountL", "fill": "#8B8B90", "content": "TỔNG THANH TOÁN", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"},
{"type": "text", "id": "CSJ4AmountV", "fill": "#22C55E", "content": "255,000₫", "fontFamily": "Roboto", "fontSize": 36, "fontWeight": "700"}
]},
{"type": "frame", "id": "CSJ4Method", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 10, "padding": 12, "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "CSJ4MethodL", "gap": 10, "alignItems": "center", "children": [
{"type": "icon_font", "id": "CSJ4MethodI", "width": 20, "height": 20, "iconFontName": "banknote", "iconFontFamily": "lucide", "fill": "#22C55E"},
{"type": "text", "id": "CSJ4MethodT", "fill": "#FFFFFF", "content": "Tiền mặt", "fontFamily": "Roboto", "fontSize": 14}
]},
{"type": "icon_font", "id": "CSJ4MethodCheck", "width": 18, "height": 18, "iconFontName": "check-circle-2", "iconFontFamily": "lucide", "fill": "#22C55E"}
]},
{"type": "frame", "id": "CSJ4Change", "width": "fill_container", "fill": "#F59E0B10", "cornerRadius": 10, "padding": 14, "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "text", "id": "CSJ4ChangeL", "fill": "#F59E0B", "content": "Khách đưa: 300,000₫", "fontFamily": "Roboto", "fontSize": 14},
{"type": "text", "id": "CSJ4ChangeV", "fill": "#F59E0B", "content": "Thối: 45,000₫", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
]},
{"type": "frame", "id": "CSJ4Confirm", "width": "fill_container", "height": 50, "fill": "#22C55E", "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "CSJ4ConfirmI", "width": 18, "height": 18, "iconFontName": "check", "iconFontFamily": "lucide", "fill": "#FFFFFF"},
{"type": "text", "id": "CSJ4ConfirmT", "fill": "#FFFFFF", "content": "Hoàn tất thanh toán", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
]}
]
}
]
},
{
"type": "frame",
"id": "CashierJourney5",
"name": "Cashier Journey/5-CloseShift",
"x": 2160,
"width": 440,
"height": 700,
"fill": "#0A0A0B",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "CSJ5Modal",
"width": 380,
"fill": "#111113",
"cornerRadius": 24,
"stroke": {"thickness": 1, "fill": "#1F1F23"},
"layout": "vertical",
"gap": 18,
"padding": 24,
"children": [
{"type": "frame", "id": "CSJ5Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "CSJ5Step", "fill": "#F59E0B20", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "CSJ5StepT", "fill": "#F59E0B", "content": "Bước 5/6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
{"type": "text", "id": "CSJ5Time", "fill": "#8B8B90", "content": "15:02 • 8h làm", "fontFamily": "Roboto", "fontSize": 12}
]},
{"type": "frame", "id": "CSJ5Title", "width": "fill_container", "children": [{"type": "text", "id": "CSJ5TitleT", "fill": "#FFFFFF", "content": "Đóng ca làm việc", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "600"}]},
{"type": "frame", "id": "CSJ5Summary", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 12, "padding": 14, "layout": "vertical", "gap": 10, "children": [
{"type": "frame", "id": "CSJ5Row1", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "CSJ5L1", "fill": "#8B8B90", "content": "Tiền đầu ca", "fontFamily": "Roboto", "fontSize": 13}, {"type": "text", "id": "CSJ5V1", "fill": "#FFFFFF", "content": "5,000,000₫", "fontFamily": "Roboto", "fontSize": 13}]},
{"type": "frame", "id": "CSJ5Row2", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "CSJ5L2", "fill": "#8B8B90", "content": "Thu tiền mặt", "fontFamily": "Roboto", "fontSize": 13}, {"type": "text", "id": "CSJ5V2", "fill": "#22C55E", "content": "+3,450,000₫", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]},
{"type": "frame", "id": "CSJ5Row3", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "CSJ5L3", "fill": "#8B8B90", "content": "Thối lại", "fontFamily": "Roboto", "fontSize": 13}, {"type": "text", "id": "CSJ5V3", "fill": "#EF4444", "content": "-780,000₫", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]},
{"type": "frame", "id": "CSJ5Divider", "width": "fill_container", "height": 1, "fill": "#2A2A2E"},
{"type": "frame", "id": "CSJ5Total", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "CSJ5TotalL", "fill": "#FFFFFF", "content": "Tiền cuối ca", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}, {"type": "text", "id": "CSJ5TotalV", "fill": "#F59E0B", "content": "7,670,000₫", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "700"}]}
]},
{"type": "frame", "id": "CSJ5Count", "width": "fill_container", "fill": "#F59E0B10", "cornerRadius": 10, "padding": 14, "layout": "vertical", "gap": 10, "children": [
{"type": "text", "id": "CSJ5CountLabel", "fill": "#F59E0B", "content": "Kiểm đếm tiền mặt", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"},
{"type": "frame", "id": "CSJ5CountInput", "width": "fill_container", "height": 48, "fill": "#1A1A1D", "cornerRadius": 8, "stroke": {"thickness": 1, "fill": "#F59E0B"}, "padding": [0, 14], "alignItems": "center", "children": [
{"type": "text", "id": "CSJ5CountV", "fill": "#FFFFFF", "content": "7,670,000", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "600"}
]}
]},
{"type": "frame", "id": "CSJ5Match", "width": "fill_container", "fill": "#22C55E10", "cornerRadius": 8, "padding": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "CSJ5MatchI", "width": 16, "height": 16, "iconFontName": "check-circle", "iconFontFamily": "lucide", "fill": "#22C55E"},
{"type": "text", "id": "CSJ5MatchT", "fill": "#22C55E", "content": "Tiền khớp với hệ thống", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
]},
{"type": "frame", "id": "CSJ5Confirm", "width": "fill_container", "height": 50, "fill": "#F59E0B", "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "CSJ5ConfirmI", "width": 18, "height": 18, "iconFontName": "lock", "iconFontFamily": "lucide", "fill": "#000"},
{"type": "text", "id": "CSJ5ConfirmT", "fill": "#000000", "content": "Xác nhận đóng ca", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
]}
]
}
]
},
{
"type": "frame",
"id": "CashierJourney6",
"name": "Cashier Journey/6-Report",
"x": 2700,
"width": 440,
"height": 700,
"fill": "#0A0A0B",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "CSJ6Modal",
"width": 380,
"fill": "#111113",
"cornerRadius": 24,
"stroke": {"thickness": 1, "fill": "#1F1F23"},
"layout": "vertical",
"gap": 20,
"padding": 28,
"alignItems": "center",
"children": [
{"type": "frame", "id": "CSJ6Step", "fill": "#14B8A620", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "CSJ6StepT", "fill": "#14B8A6", "content": "Hoàn tất", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
{"type": "frame", "id": "CSJ6Icon", "width": 72, "height": 72, "fill": "#14B8A61A", "cornerRadius": 36, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "CSJ6IconI", "width": 32, "height": 32, "iconFontName": "bar-chart-3", "iconFontFamily": "lucide", "fill": "#14B8A6"}
]},
{"type": "frame", "id": "CSJ6Title", "layout": "vertical", "gap": 6, "alignItems": "center", "children": [
{"type": "text", "id": "CSJ6TitleT", "fill": "#FFFFFF", "content": "Báo cáo Ca sáng", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "600"},
{"type": "text", "id": "CSJ6Desc", "fill": "#8B8B90", "content": "06/02/2026 • Lê Mai", "fontFamily": "Roboto", "fontSize": 14}
]},
{"type": "frame", "id": "CSJ6Stats", "width": "fill_container", "gap": 10, "children": [
{"type": "frame", "id": "CSJ6Stat1", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 12, "padding": 14, "layout": "vertical", "gap": 4, "alignItems": "center", "children": [
{"type": "text", "id": "CSJ6Stat1V", "fill": "#14B8A6", "content": "32", "fontFamily": "Roboto", "fontSize": 24, "fontWeight": "700"},
{"type": "text", "id": "CSJ6Stat1L", "fill": "#8B8B90", "content": "Đơn hàng", "fontFamily": "Roboto", "fontSize": 11}
]},
{"type": "frame", "id": "CSJ6Stat2", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 12, "padding": 14, "layout": "vertical", "gap": 4, "alignItems": "center", "children": [
{"type": "text", "id": "CSJ6Stat2V", "fill": "#22C55E", "content": "8.2M", "fontFamily": "Roboto", "fontSize": 24, "fontWeight": "700"},
{"type": "text", "id": "CSJ6Stat2L", "fill": "#8B8B90", "content": "Doanh thu", "fontFamily": "Roboto", "fontSize": 11}
]}
]},
{"type": "frame", "id": "CSJ6Details", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 12, "padding": 14, "layout": "vertical", "gap": 8, "children": [
{"type": "frame", "id": "CSJ6D1", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "CSJ6D1L", "fill": "#8B8B90", "content": "Tiền mặt", "fontFamily": "Roboto", "fontSize": 12}, {"type": "text", "id": "CSJ6D1V", "fill": "#FFFFFF", "content": "3,450,000₫", "fontFamily": "Roboto", "fontSize": 12}]},
{"type": "frame", "id": "CSJ6D2", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "CSJ6D2L", "fill": "#8B8B90", "content": "Chuyển khoản", "fontFamily": "Roboto", "fontSize": 12}, {"type": "text", "id": "CSJ6D2V", "fill": "#FFFFFF", "content": "4,750,000₫", "fontFamily": "Roboto", "fontSize": 12}]},
{"type": "frame", "id": "CSJ6D3", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "CSJ6D3L", "fill": "#8B8B90", "content": "Thẻ", "fontFamily": "Roboto", "fontSize": 12}, {"type": "text", "id": "CSJ6D3V", "fill": "#FFFFFF", "content": "0₫", "fontFamily": "Roboto", "fontSize": 12}]}
]},
{"type": "frame", "id": "CSJ6Actions", "width": "fill_container", "gap": 10, "children": [
{"type": "frame", "id": "CSJ6Print", "width": "fill_container", "height": 44, "fill": "#2A2A2E", "cornerRadius": 10, "gap": 6, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "CSJ6PrintI", "width": 16, "height": 16, "iconFontName": "printer", "iconFontFamily": "lucide", "fill": "#ADADB0"},
{"type": "text", "id": "CSJ6PrintT", "fill": "#ADADB0", "content": "In báo cáo", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
]},
{"type": "frame", "id": "CSJ6Done", "width": "fill_container", "height": 44, "fill": "#14B8A6", "cornerRadius": 10, "gap": 6, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "text", "id": "CSJ6DoneT", "fill": "#FFFFFF", "content": "Hoàn tất", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}
]}
]}
]
}
]
}
]
}

340
pencil-design/src/pages/tPOS/pos/shared/staff/kitchen-journey.pen Normal file
View File

@@ -0,0 +1,340 @@
{
"version": "2.6",
"children": [
{
"type": "frame",
"id": "KitchenJourney1",
"name": "Kitchen Journey/1-Queue",
"width": 440,
"height": 700,
"fill": "#0A0A0B",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "KTJ1Modal",
"width": 380,
"fill": "#111113",
"cornerRadius": 24,
"stroke": {"thickness": 1, "fill": "#1F1F23"},
"layout": "vertical",
"gap": 16,
"padding": 24,
"children": [
{"type": "frame", "id": "KTJ1Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "KTJ1Step", "fill": "#FF5C0020", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "KTJ1StepT", "fill": "#FF5C00", "content": "Bước 1/6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
{"type": "frame", "id": "KTJ1Badge", "fill": "#EF4444", "cornerRadius": 10, "padding": [4, 10], "children": [{"type": "text", "id": "KTJ1BadgeT", "fill": "#FFFFFF", "content": "5 đơn chờ", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]}
]},
{"type": "frame", "id": "KTJ1Title", "width": "fill_container", "gap": 10, "alignItems": "center", "children": [
{"type": "icon_font", "id": "KTJ1TitleI", "width": 24, "height": 24, "iconFontName": "chef-hat", "iconFontFamily": "lucide", "fill": "#FF5C00"},
{"type": "text", "id": "KTJ1TitleT", "fill": "#FFFFFF", "content": "Đơn hàng chờ", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "600"}
]},
{"type": "frame", "id": "KTJ1Orders", "width": "fill_container", "layout": "vertical", "gap": 10, "children": [
{"type": "frame", "id": "KTJ1Order1", "width": "fill_container", "fill": "#EF444420", "stroke": {"thickness": 2, "fill": "#EF4444"}, "cornerRadius": 12, "padding": 14, "layout": "vertical", "gap": 10, "children": [
{"type": "frame", "id": "KTJ1O1Header", "width": "fill_container", "justifyContent": "space_between", "children": [
{"type": "frame", "id": "KTJ1O1L", "gap": 6, "alignItems": "center", "children": [{"type": "text", "id": "KTJ1O1N", "fill": "#FFFFFF", "content": "#ORD-045", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}, {"type": "frame", "id": "KTJ1O1Urgent", "fill": "#EF4444", "cornerRadius": 4, "padding": [2, 6], "children": [{"type": "text", "id": "KTJ1O1UT", "fill": "#FFF", "content": "GẤP", "fontFamily": "Roboto", "fontSize": 9, "fontWeight": "700"}]}]},
{"type": "text", "id": "KTJ1O1Time", "fill": "#EF4444", "content": "5 phút", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}
]},
{"type": "frame", "id": "KTJ1O1Items", "width": "fill_container", "layout": "vertical", "gap": 4, "children": [
{"type": "text", "id": "KTJ1O1I1", "fill": "#ADADB0", "content": "2x Phở bò tái", "fontFamily": "Roboto", "fontSize": 12},
{"type": "text", "id": "KTJ1O1I2", "fill": "#ADADB0", "content": "1x Bún chả", "fontFamily": "Roboto", "fontSize": 12}
]}
]},
{"type": "frame", "id": "KTJ1Order2", "width": "fill_container", "fill": "#1A1A1D", "stroke": {"thickness": 1, "fill": "#2A2A2E"}, "cornerRadius": 12, "padding": 14, "layout": "vertical", "gap": 10, "children": [
{"type": "frame", "id": "KTJ1O2Header", "width": "fill_container", "justifyContent": "space_between", "children": [
{"type": "text", "id": "KTJ1O2N", "fill": "#FFFFFF", "content": "#ORD-044", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"},
{"type": "text", "id": "KTJ1O2Time", "fill": "#8B8B90", "content": "3 phút", "fontFamily": "Roboto", "fontSize": 12}
]},
{"type": "text", "id": "KTJ1O2I1", "fill": "#ADADB0", "content": "1x Cơm tấm sườn bì chả", "fontFamily": "Roboto", "fontSize": 12}
]},
{"type": "frame", "id": "KTJ1Order3", "width": "fill_container", "fill": "#1A1A1D", "stroke": {"thickness": 1, "fill": "#2A2A2E"}, "cornerRadius": 12, "padding": 14, "layout": "vertical", "gap": 10, "children": [
{"type": "frame", "id": "KTJ1O3Header", "width": "fill_container", "justifyContent": "space_between", "children": [
{"type": "text", "id": "KTJ1O3N", "fill": "#FFFFFF", "content": "#ORD-043", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"},
{"type": "text", "id": "KTJ1O3Time", "fill": "#8B8B90", "content": "1 phút", "fontFamily": "Roboto", "fontSize": 12}
]},
{"type": "text", "id": "KTJ1O3I1", "fill": "#ADADB0", "content": "3x Gỏi cuốn", "fontFamily": "Roboto", "fontSize": 12}
]}
]},
{"type": "frame", "id": "KTJ1Accept", "width": "fill_container", "height": 48, "fill": "#FF5C00", "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "KTJ1AcceptI", "width": 18, "height": 18, "iconFontName": "hand", "iconFontFamily": "lucide", "fill": "#FFFFFF"},
{"type": "text", "id": "KTJ1AcceptT", "fill": "#FFFFFF", "content": "Nhận đơn #ORD-045", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
]}
]
}
]
},
{
"type": "frame",
"id": "KitchenJourney2",
"name": "Kitchen Journey/2-Accept",
"x": 540,
"width": 440,
"height": 700,
"fill": "#0A0A0B",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "KTJ2Modal",
"width": 380,
"fill": "#111113",
"cornerRadius": 24,
"stroke": {"thickness": 2, "fill": "#3B82F6"},
"layout": "vertical",
"gap": 20,
"padding": 28,
"alignItems": "center",
"children": [
{"type": "frame", "id": "KTJ2Step", "fill": "#3B82F620", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "KTJ2StepT", "fill": "#3B82F6", "content": "Bước 2/6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
{"type": "frame", "id": "KTJ2Icon", "width": 64, "height": 64, "fill": "#3B82F61A", "cornerRadius": 32, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "KTJ2IconI", "width": 28, "height": 28, "iconFontName": "clipboard-check", "iconFontFamily": "lucide", "fill": "#3B82F6"}
]},
{"type": "frame", "id": "KTJ2Title", "layout": "vertical", "gap": 6, "alignItems": "center", "children": [
{"type": "text", "id": "KTJ2TitleT", "fill": "#FFFFFF", "content": "Đã nhận đơn #ORD-045", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "600"},
{"type": "text", "id": "KTJ2Desc", "fill": "#8B8B90", "content": "Bắt đầu chuẩn bị món", "fontFamily": "Roboto", "fontSize": 14}
]},
{"type": "frame", "id": "KTJ2Items", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 14, "padding": 16, "layout": "vertical", "gap": 12, "children": [
{"type": "frame", "id": "KTJ2Item1", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "KTJ2I1L", "gap": 10, "alignItems": "center", "children": [
{"type": "frame", "id": "KTJ2I1Check", "width": 24, "height": 24, "fill": "#2A2A2E", "cornerRadius": 6, "stroke": {"thickness": 1, "fill": "#3B82F6"}, "justifyContent": "center", "alignItems": "center"},
{"type": "text", "id": "KTJ2I1T", "fill": "#FFFFFF", "content": "2x Phở bò tái", "fontFamily": "Roboto", "fontSize": 14}
]},
{"type": "frame", "id": "KTJ2I1Status", "fill": "#3B82F620", "cornerRadius": 4, "padding": [4, 8], "children": [{"type": "text", "id": "KTJ2I1ST", "fill": "#3B82F6", "content": "Bắt đầu", "fontFamily": "Roboto", "fontSize": 10, "fontWeight": "600"}]}
]},
{"type": "frame", "id": "KTJ2Item2", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "KTJ2I2L", "gap": 10, "alignItems": "center", "children": [
{"type": "frame", "id": "KTJ2I2Check", "width": 24, "height": 24, "fill": "#2A2A2E", "cornerRadius": 6},
{"type": "text", "id": "KTJ2I2T", "fill": "#8B8B90", "content": "1x Bún chả", "fontFamily": "Roboto", "fontSize": 14}
]},
{"type": "text", "id": "KTJ2I2S", "fill": "#6B6B70", "content": "Chờ", "fontFamily": "Roboto", "fontSize": 10}
]}
]},
{"type": "frame", "id": "KTJ2Timer", "width": "fill_container", "fill": "#3B82F610", "cornerRadius": 10, "padding": 12, "justifyContent": "center", "gap": 8, "alignItems": "center", "children": [
{"type": "icon_font", "id": "KTJ2TimerI", "width": 16, "height": 16, "iconFontName": "timer", "iconFontFamily": "lucide", "fill": "#3B82F6"},
{"type": "text", "id": "KTJ2TimerT", "fill": "#3B82F6", "content": "Mục tiêu: 10 phút", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}
]},
{"type": "frame", "id": "KTJ2Start", "width": "fill_container", "height": 50, "fill": "#3B82F6", "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "KTJ2StartI", "width": 18, "height": 18, "iconFontName": "flame", "iconFontFamily": "lucide", "fill": "#FFFFFF"},
{"type": "text", "id": "KTJ2StartT", "fill": "#FFFFFF", "content": "Bắt đầu nấu", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
]}
]
}
]
},
{
"type": "frame",
"id": "KitchenJourney3",
"name": "Kitchen Journey/3-Cooking",
"x": 1080,
"width": 440,
"height": 700,
"fill": "#0A0A0B",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "KTJ3Modal",
"width": 380,
"fill": "#111113",
"cornerRadius": 24,
"stroke": {"thickness": 1, "fill": "#1F1F23"},
"layout": "vertical",
"gap": 18,
"padding": 24,
"children": [
{"type": "frame", "id": "KTJ3Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "KTJ3Step", "fill": "#EC489920", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "KTJ3StepT", "fill": "#EC4899", "content": "Bước 3/6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
{"type": "text", "id": "KTJ3Order", "fill": "#8B8B90", "content": "#ORD-045", "fontFamily": "Roboto", "fontSize": 12}
]},
{"type": "frame", "id": "KTJ3Timer", "width": "fill_container", "fill": "#EC48991A", "cornerRadius": 14, "padding": 18, "layout": "vertical", "gap": 6, "alignItems": "center", "children": [
{"type": "text", "id": "KTJ3TimerL", "fill": "#EC4899", "content": "ĐANG NẤU", "fontFamily": "Roboto", "fontSize": 10, "fontWeight": "600"},
{"type": "text", "id": "KTJ3TimerV", "fill": "#EC4899", "content": "04:32", "fontFamily": "Roboto", "fontSize": 40, "fontWeight": "700"},
{"type": "text", "id": "KTJ3TimerR", "fill": "#8B8B90", "content": "Còn 5:28 cho mục tiêu", "fontFamily": "Roboto", "fontSize": 12}
]},
{"type": "frame", "id": "KTJ3Items", "width": "fill_container", "layout": "vertical", "gap": 10, "children": [
{"type": "frame", "id": "KTJ3Item1", "width": "fill_container", "fill": "#22C55E10", "cornerRadius": 10, "padding": 12, "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "KTJ3I1L", "gap": 10, "alignItems": "center", "children": [
{"type": "frame", "id": "KTJ3I1Check", "width": 24, "height": 24, "fill": "#22C55E", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "KTJ3I1CI", "width": 14, "height": 14, "iconFontName": "check", "iconFontFamily": "lucide", "fill": "#FFF"}]},
{"type": "text", "id": "KTJ3I1T", "fill": "#FFFFFF", "content": "2x Phở bò tái", "fontFamily": "Roboto", "fontSize": 14}
]},
{"type": "text", "id": "KTJ3I1S", "fill": "#22C55E", "content": "Xong", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}
]},
{"type": "frame", "id": "KTJ3Item2", "width": "fill_container", "fill": "#EC489910", "cornerRadius": 10, "padding": 12, "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "KTJ3I2L", "gap": 10, "alignItems": "center", "children": [
{"type": "frame", "id": "KTJ3I2Check", "width": 24, "height": 24, "fill": "#EC4899", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "KTJ3I2CI", "width": 14, "height": 14, "iconFontName": "loader-2", "iconFontFamily": "lucide", "fill": "#FFF"}]},
{"type": "text", "id": "KTJ3I2T", "fill": "#FFFFFF", "content": "1x Bún chả", "fontFamily": "Roboto", "fontSize": 14}
]},
{"type": "text", "id": "KTJ3I2S", "fill": "#EC4899", "content": "Đang nấu", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}
]}
]},
{"type": "frame", "id": "KTJ3Actions", "width": "fill_container", "gap": 10, "children": [
{"type": "frame", "id": "KTJ3Issue", "width": 48, "height": 48, "fill": "#EF444420", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "KTJ3IssueI", "width": 20, "height": 20, "iconFontName": "alert-triangle", "iconFontFamily": "lucide", "fill": "#EF4444"}]},
{"type": "frame", "id": "KTJ3Complete", "width": "fill_container", "height": 48, "fill": "#22C55E", "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "KTJ3CompleteI", "width": 18, "height": 18, "iconFontName": "check-circle", "iconFontFamily": "lucide", "fill": "#FFFFFF"},
{"type": "text", "id": "KTJ3CompleteT", "fill": "#FFFFFF", "content": "Hoàn thành món", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
]}
]}
]
}
]
},
{
"type": "frame",
"id": "KitchenJourney4",
"name": "Kitchen Journey/4-Ready",
"x": 1620,
"width": 440,
"height": 700,
"fill": "#0A0A0B",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "KTJ4Modal",
"width": 380,
"fill": "#111113",
"cornerRadius": 24,
"stroke": {"thickness": 2, "fill": "#22C55E"},
"layout": "vertical",
"gap": 24,
"padding": 32,
"alignItems": "center",
"children": [
{"type": "frame", "id": "KTJ4Step", "fill": "#22C55E20", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "KTJ4StepT", "fill": "#22C55E", "content": "Bước 4/6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
{"type": "frame", "id": "KTJ4Icon", "width": 72, "height": 72, "fill": "#22C55E1A", "cornerRadius": 36, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "KTJ4IconI", "width": 32, "height": 32, "iconFontName": "utensils-crossed", "iconFontFamily": "lucide", "fill": "#22C55E"}
]},
{"type": "frame", "id": "KTJ4Title", "layout": "vertical", "gap": 6, "alignItems": "center", "children": [
{"type": "text", "id": "KTJ4TitleT", "fill": "#FFFFFF", "content": "Món đã sẵn sàng!", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "600"},
{"type": "text", "id": "KTJ4Desc", "fill": "#8B8B90", "content": "#ORD-045 • Bàn 12", "fontFamily": "Roboto", "fontSize": 14}
]},
{"type": "frame", "id": "KTJ4Time", "width": "fill_container", "fill": "#22C55E10", "cornerRadius": 12, "padding": 14, "justifyContent": "center", "gap": 10, "alignItems": "center", "children": [
{"type": "icon_font", "id": "KTJ4TimeI", "width": 18, "height": 18, "iconFontName": "clock", "iconFontFamily": "lucide", "fill": "#22C55E"},
{"type": "text", "id": "KTJ4TimeT", "fill": "#22C55E", "content": "Hoàn thành trong 8:45 phút", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
]},
{"type": "frame", "id": "KTJ4Items", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 12, "padding": 14, "layout": "vertical", "gap": 8, "children": [
{"type": "frame", "id": "KTJ4I1", "width": "fill_container", "gap": 8, "alignItems": "center", "children": [{"type": "icon_font", "id": "KTJ4I1I", "width": 14, "height": 14, "iconFontName": "check", "iconFontFamily": "lucide", "fill": "#22C55E"}, {"type": "text", "id": "KTJ4I1T", "fill": "#FFFFFF", "content": "2x Phở bò tái", "fontFamily": "Roboto", "fontSize": 13}]},
{"type": "frame", "id": "KTJ4I2", "width": "fill_container", "gap": 8, "alignItems": "center", "children": [{"type": "icon_font", "id": "KTJ4I2I", "width": 14, "height": 14, "iconFontName": "check", "iconFontFamily": "lucide", "fill": "#22C55E"}, {"type": "text", "id": "KTJ4I2T", "fill": "#FFFFFF", "content": "1x Bún chả", "fontFamily": "Roboto", "fontSize": 13}]}
]},
{"type": "frame", "id": "KTJ4Bell", "width": "fill_container", "height": 50, "fill": "#22C55E", "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "KTJ4BellI", "width": 18, "height": 18, "iconFontName": "bell-ring", "iconFontFamily": "lucide", "fill": "#FFFFFF"},
{"type": "text", "id": "KTJ4BellT", "fill": "#FFFFFF", "content": "Gọi phục vụ", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
]}
]
}
]
},
{
"type": "frame",
"id": "KitchenJourney5",
"name": "Kitchen Journey/5-Served",
"x": 2160,
"width": 440,
"height": 700,
"fill": "#0A0A0B",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "KTJ5Modal",
"width": 380,
"fill": "#111113",
"cornerRadius": 24,
"stroke": {"thickness": 1, "fill": "#1F1F23"},
"layout": "vertical",
"gap": 24,
"padding": 32,
"alignItems": "center",
"children": [
{"type": "frame", "id": "KTJ5Step", "fill": "#14B8A620", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "KTJ5StepT", "fill": "#14B8A6", "content": "Bước 5/6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
{"type": "frame", "id": "KTJ5Icon", "width": 72, "height": 72, "fill": "#14B8A61A", "cornerRadius": 36, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "KTJ5IconI", "width": 32, "height": 32, "iconFontName": "truck", "iconFontFamily": "lucide", "fill": "#14B8A6"}
]},
{"type": "frame", "id": "KTJ5Title", "layout": "vertical", "gap": 6, "alignItems": "center", "children": [
{"type": "text", "id": "KTJ5TitleT", "fill": "#FFFFFF", "content": "Đã giao cho khách", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "600"},
{"type": "text", "id": "KTJ5Desc", "fill": "#8B8B90", "content": "#ORD-045 • Bàn 12", "fontFamily": "Roboto", "fontSize": 14}
]},
{"type": "frame", "id": "KTJ5Server", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 12, "padding": 14, "gap": 12, "alignItems": "center", "children": [
{"type": "frame", "id": "KTJ5Avatar", "width": 44, "height": 44, "fill": "#14B8A630", "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "KTJ5Initial", "fill": "#14B8A6", "content": "HT", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}]},
{"type": "frame", "id": "KTJ5Info", "layout": "vertical", "gap": 2, "children": [
{"type": "text", "id": "KTJ5Name", "fill": "#FFFFFF", "content": "Hoàng Tùng", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"},
{"type": "text", "id": "KTJ5Role", "fill": "#8B8B90", "content": "Đã phục vụ món • 14:23", "fontFamily": "Roboto", "fontSize": 12}
]}
]},
{"type": "frame", "id": "KTJ5Summary", "width": "fill_container", "fill": "#14B8A610", "cornerRadius": 10, "padding": 14, "layout": "vertical", "gap": 8, "alignItems": "center", "children": [
{"type": "text", "id": "KTJ5SumL", "fill": "#14B8A6", "content": "Thời gian hoàn thành", "fontFamily": "Roboto", "fontSize": 12},
{"type": "text", "id": "KTJ5SumV", "fill": "#14B8A6", "content": "8:45", "fontFamily": "Roboto", "fontSize": 28, "fontWeight": "700"},
{"type": "frame", "id": "KTJ5SumBadge", "fill": "#22C55E", "cornerRadius": 4, "padding": [4, 8], "children": [{"type": "text", "id": "KTJ5SumBT", "fill": "#FFF", "content": "Nhanh hơn mục tiêu!", "fontFamily": "Roboto", "fontSize": 10, "fontWeight": "600"}]}
]},
{"type": "frame", "id": "KTJ5Next", "width": "fill_container", "height": 48, "fill": "#2A2A2E", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "KTJ5NextT", "fill": "#FFFFFF", "content": "Xem đơn tiếp theo", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]}
]
}
]
},
{
"type": "frame",
"id": "KitchenJourney6",
"name": "Kitchen Journey/6-Stats",
"x": 2700,
"width": 440,
"height": 700,
"fill": "#0A0A0B",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "KTJ6Modal",
"width": 380,
"fill": "#111113",
"cornerRadius": 24,
"stroke": {"thickness": 1, "fill": "#1F1F23"},
"layout": "vertical",
"gap": 16,
"padding": 24,
"children": [
{"type": "frame", "id": "KTJ6Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "KTJ6Step", "fill": "#8B5CF620", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "KTJ6StepT", "fill": "#8B5CF6", "content": "Thống kê", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
{"type": "text", "id": "KTJ6Date", "fill": "#8B8B90", "content": "Hôm nay", "fontFamily": "Roboto", "fontSize": 12}
]},
{"type": "frame", "id": "KTJ6Title", "width": "fill_container", "gap": 10, "alignItems": "center", "children": [
{"type": "icon_font", "id": "KTJ6TitleI", "width": 24, "height": 24, "iconFontName": "bar-chart-3", "iconFontFamily": "lucide", "fill": "#8B5CF6"},
{"type": "text", "id": "KTJ6TitleT", "fill": "#FFFFFF", "content": "Hiệu suất bếp", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "600"}
]},
{"type": "frame", "id": "KTJ6Stats", "width": "fill_container", "gap": 10, "children": [
{"type": "frame", "id": "KTJ6Stat1", "width": "fill_container", "fill": "#22C55E10", "cornerRadius": 12, "padding": 14, "layout": "vertical", "gap": 4, "alignItems": "center", "children": [
{"type": "text", "id": "KTJ6S1V", "fill": "#22C55E", "content": "45", "fontFamily": "Roboto", "fontSize": 28, "fontWeight": "700"},
{"type": "text", "id": "KTJ6S1L", "fill": "#8B8B90", "content": "Món xong", "fontFamily": "Roboto", "fontSize": 11}
]},
{"type": "frame", "id": "KTJ6Stat2", "width": "fill_container", "fill": "#3B82F610", "cornerRadius": 12, "padding": 14, "layout": "vertical", "gap": 4, "alignItems": "center", "children": [
{"type": "text", "id": "KTJ6S2V", "fill": "#3B82F6", "content": "8.2", "fontFamily": "Roboto", "fontSize": 28, "fontWeight": "700"},
{"type": "text", "id": "KTJ6S2L", "fill": "#8B8B90", "content": "Phút/món", "fontFamily": "Roboto", "fontSize": 11}
]}
]},
{"type": "frame", "id": "KTJ6Breakdown", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 12, "padding": 14, "layout": "vertical", "gap": 10, "children": [
{"type": "text", "id": "KTJ6BLabel", "fill": "#8B8B90", "content": "Chi tiết", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"},
{"type": "frame", "id": "KTJ6B1", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "KTJ6B1L", "fill": "#ADADB0", "content": "Đúng giờ", "fontFamily": "Roboto", "fontSize": 12}, {"type": "text", "id": "KTJ6B1V", "fill": "#22C55E", "content": "42 (93%)", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]},
{"type": "frame", "id": "KTJ6B2", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "KTJ6B2L", "fill": "#ADADB0", "content": "Chậm trễ", "fontFamily": "Roboto", "fontSize": 12}, {"type": "text", "id": "KTJ6B2V", "fill": "#F59E0B", "content": "3 (7%)", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]},
{"type": "frame", "id": "KTJ6B3", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "KTJ6B3L", "fill": "#ADADB0", "content": "Phản hồi tốt", "fontFamily": "Roboto", "fontSize": 12}, {"type": "text", "id": "KTJ6B3V", "fill": "#8B5CF6", "content": "12 lượt", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]}
]},
{"type": "frame", "id": "KTJ6Rating", "width": "fill_container", "fill": "#8B5CF610", "cornerRadius": 10, "padding": 14, "justifyContent": "center", "gap": 10, "alignItems": "center", "children": [
{"type": "frame", "id": "KTJ6Stars", "gap": 4, "children": [
{"type": "icon_font", "id": "KTJ6Star1", "width": 18, "height": 18, "iconFontName": "star", "iconFontFamily": "lucide", "fill": "#F59E0B"},
{"type": "icon_font", "id": "KTJ6Star2", "width": 18, "height": 18, "iconFontName": "star", "iconFontFamily": "lucide", "fill": "#F59E0B"},
{"type": "icon_font", "id": "KTJ6Star3", "width": 18, "height": 18, "iconFontName": "star", "iconFontFamily": "lucide", "fill": "#F59E0B"},
{"type": "icon_font", "id": "KTJ6Star4", "width": 18, "height": 18, "iconFontName": "star", "iconFontFamily": "lucide", "fill": "#F59E0B"},
{"type": "icon_font", "id": "KTJ6Star5", "width": 18, "height": 18, "iconFontName": "star", "iconFontFamily": "lucide", "fill": "#2A2A2E"}
]},
{"type": "text", "id": "KTJ6RatingV", "fill": "#8B5CF6", "content": "4.8/5", "fontFamily": "Roboto", "fontSize": 16, "fontWeight": "600"}
]}
]
}
]
}
]
}

383
pencil-design/src/pages/tPOS/pos/shared/staff/manager-journey.pen Normal file
View File

@@ -0,0 +1,383 @@
{
"version": "2.6",
"children": [
{
"type": "frame",
"id": "ManagerJourney1",
"name": "Manager Journey/1-Dashboard",
"width": 440,
"height": 700,
"fill": "#0A0A0B",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "MJ1Modal",
"width": 380,
"fill": "#111113",
"cornerRadius": 24,
"stroke": {"thickness": 1, "fill": "#1F1F23"},
"layout": "vertical",
"gap": 16,
"padding": 24,
"children": [
{"type": "frame", "id": "MJ1Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "MJ1Step", "fill": "#3B82F620", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "MJ1StepT", "fill": "#3B82F6", "content": "Bước 1/6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
{"type": "frame", "id": "MJ1User", "gap": 6, "alignItems": "center", "children": [
{"type": "frame", "id": "MJ1Avatar", "width": 28, "height": 28, "fill": "#8B5CF630", "cornerRadius": 14, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "MJ1Initial", "fill": "#8B5CF6", "content": "QL", "fontFamily": "Roboto", "fontSize": 10, "fontWeight": "600"}]},
{"type": "text", "id": "MJ1Name", "fill": "#8B8B90", "content": "Quản lý", "fontFamily": "Roboto", "fontSize": 12}
]}
]},
{"type": "frame", "id": "MJ1Title", "width": "fill_container", "gap": 10, "alignItems": "center", "children": [
{"type": "icon_font", "id": "MJ1TitleI", "width": 22, "height": 22, "iconFontName": "layout-dashboard", "iconFontFamily": "lucide", "fill": "#3B82F6"},
{"type": "text", "id": "MJ1TitleT", "fill": "#FFFFFF", "content": "Dashboard cửa hàng", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "600"}
]},
{"type": "frame", "id": "MJ1Stats", "width": "fill_container", "gap": 10, "children": [
{"type": "frame", "id": "MJ1Stat1", "width": "fill_container", "fill": "#22C55E10", "cornerRadius": 12, "padding": 14, "layout": "vertical", "gap": 4, "alignItems": "center", "children": [
{"type": "text", "id": "MJ1S1V", "fill": "#22C55E", "content": "12.5M", "fontFamily": "Roboto", "fontSize": 22, "fontWeight": "700"},
{"type": "text", "id": "MJ1S1L", "fill": "#8B8B90", "content": "Doanh thu", "fontFamily": "Roboto", "fontSize": 10}
]},
{"type": "frame", "id": "MJ1Stat2", "width": "fill_container", "fill": "#3B82F610", "cornerRadius": 12, "padding": 14, "layout": "vertical", "gap": 4, "alignItems": "center", "children": [
{"type": "text", "id": "MJ1S2V", "fill": "#3B82F6", "content": "89", "fontFamily": "Roboto", "fontSize": 22, "fontWeight": "700"},
{"type": "text", "id": "MJ1S2L", "fill": "#8B8B90", "content": "Đơn hàng", "fontFamily": "Roboto", "fontSize": 10}
]}
]},
{"type": "frame", "id": "MJ1Alerts", "width": "fill_container", "fill": "#EF444420", "cornerRadius": 12, "padding": 14, "gap": 12, "alignItems": "center", "children": [
{"type": "frame", "id": "MJ1AlertIcon", "width": 36, "height": 36, "fill": "#EF4444", "cornerRadius": 18, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "MJ1AlertI", "width": 18, "height": 18, "iconFontName": "alert-triangle", "iconFontFamily": "lucide", "fill": "#FFF"}]},
{"type": "frame", "id": "MJ1AlertInfo", "layout": "vertical", "gap": 2, "children": [
{"type": "text", "id": "MJ1AlertTitle", "fill": "#EF4444", "content": "3 cảnh báo cần xử lý", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"},
{"type": "text", "id": "MJ1AlertDesc", "fill": "#8B8B90", "content": "1 yêu cầu hoàn tiền, 2 hàng sắp hết", "fontFamily": "Roboto", "fontSize": 11}
]}
]},
{"type": "frame", "id": "MJ1Staff", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 10, "padding": 12, "justifyContent": "space_between", "children": [
{"type": "frame", "id": "MJ1StaffL", "gap": 8, "alignItems": "center", "children": [{"type": "icon_font", "id": "MJ1StaffI", "width": 16, "height": 16, "iconFontName": "users", "iconFontFamily": "lucide", "fill": "#8B8B90"}, {"type": "text", "id": "MJ1StaffT", "fill": "#FFFFFF", "content": "Nhân viên đang làm", "fontFamily": "Roboto", "fontSize": 13}]},
{"type": "text", "id": "MJ1StaffV", "fill": "#22C55E", "content": "8/10", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
]},
{"type": "frame", "id": "MJ1Tables", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 10, "padding": 12, "justifyContent": "space_between", "children": [
{"type": "frame", "id": "MJ1TablesL", "gap": 8, "alignItems": "center", "children": [{"type": "icon_font", "id": "MJ1TablesI", "width": 16, "height": 16, "iconFontName": "layout-grid", "iconFontFamily": "lucide", "fill": "#8B8B90"}, {"type": "text", "id": "MJ1TablesT", "fill": "#FFFFFF", "content": "Bàn đang hoạt động", "fontFamily": "Roboto", "fontSize": 13}]},
{"type": "text", "id": "MJ1TablesV", "fill": "#FF5C00", "content": "18/25", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
]},
{"type": "frame", "id": "MJ1Action", "width": "fill_container", "height": 48, "fill": "#EF4444", "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "MJ1ActionI", "width": 18, "height": 18, "iconFontName": "alert-triangle", "iconFontFamily": "lucide", "fill": "#FFFFFF"},
{"type": "text", "id": "MJ1ActionT", "fill": "#FFFFFF", "content": "Xử lý cảnh báo (3)", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
]}
]
}
]
},
{
"type": "frame",
"id": "ManagerJourney2",
"name": "Manager Journey/2-Alerts",
"x": 540,
"width": 440,
"height": 700,
"fill": "#0A0A0B",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "MJ2Modal",
"width": 380,
"fill": "#111113",
"cornerRadius": 24,
"stroke": {"thickness": 2, "fill": "#EF4444"},
"layout": "vertical",
"gap": 18,
"padding": 24,
"children": [
{"type": "frame", "id": "MJ2Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "MJ2Step", "fill": "#EF444420", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "MJ2StepT", "fill": "#EF4444", "content": "Bước 2/6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
{"type": "frame", "id": "MJ2Badge", "fill": "#EF4444", "cornerRadius": 10, "padding": [4, 10], "children": [{"type": "text", "id": "MJ2BadgeT", "fill": "#FFF", "content": "3 cảnh báo", "fontFamily": "Roboto", "fontSize": 10, "fontWeight": "600"}]}
]},
{"type": "frame", "id": "MJ2Title", "width": "fill_container", "children": [{"type": "text", "id": "MJ2TitleT", "fill": "#FFFFFF", "content": "Xử lý cảnh báo", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "600"}]},
{"type": "frame", "id": "MJ2Alerts", "width": "fill_container", "layout": "vertical", "gap": 10, "children": [
{"type": "frame", "id": "MJ2Alert1", "width": "fill_container", "fill": "#EF444420", "stroke": {"thickness": 2, "fill": "#EF4444"}, "cornerRadius": 12, "padding": 14, "layout": "vertical", "gap": 10, "children": [
{"type": "frame", "id": "MJ2A1Header", "width": "fill_container", "justifyContent": "space_between", "children": [
{"type": "frame", "id": "MJ2A1L", "gap": 8, "alignItems": "center", "children": [
{"type": "icon_font", "id": "MJ2A1I", "width": 18, "height": 18, "iconFontName": "undo-2", "iconFontFamily": "lucide", "fill": "#EF4444"},
{"type": "text", "id": "MJ2A1T", "fill": "#EF4444", "content": "Yêu cầu hoàn tiền", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}
]},
{"type": "text", "id": "MJ2A1Time", "fill": "#8B8B90", "content": "5 phút", "fontFamily": "Roboto", "fontSize": 11}
]},
{"type": "text", "id": "MJ2A1Desc", "fill": "#ADADB0", "content": "Bàn 12 • 195,000₫ • Món không đúng", "fontFamily": "Roboto", "fontSize": 12},
{"type": "frame", "id": "MJ2A1Actions", "width": "fill_container", "gap": 8, "children": [
{"type": "frame", "id": "MJ2A1Reject", "width": "fill_container", "height": 36, "fill": "#2A2A2E", "cornerRadius": 8, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "MJ2A1RejectT", "fill": "#ADADB0", "content": "Từ chối", "fontFamily": "Roboto", "fontSize": 12}]},
{"type": "frame", "id": "MJ2A1Approve", "width": "fill_container", "height": 36, "fill": "#EF4444", "cornerRadius": 8, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "MJ2A1ApproveT", "fill": "#FFF", "content": "Duyệt hoàn", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}]}
]}
]},
{"type": "frame", "id": "MJ2Alert2", "width": "fill_container", "fill": "#F59E0B20", "cornerRadius": 12, "padding": 14, "layout": "vertical", "gap": 6, "children": [
{"type": "frame", "id": "MJ2A2L", "gap": 8, "alignItems": "center", "children": [
{"type": "icon_font", "id": "MJ2A2I", "width": 18, "height": 18, "iconFontName": "package", "iconFontFamily": "lucide", "fill": "#F59E0B"},
{"type": "text", "id": "MJ2A2T", "fill": "#F59E0B", "content": "Hàng sắp hết", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}
]},
{"type": "text", "id": "MJ2A2Desc", "fill": "#ADADB0", "content": "Thịt bò còn 5 phần • Rau còn 10 phần", "fontFamily": "Roboto", "fontSize": 12}
]},
{"type": "frame", "id": "MJ2Alert3", "width": "fill_container", "fill": "#F59E0B20", "cornerRadius": 12, "padding": 14, "layout": "vertical", "gap": 6, "children": [
{"type": "frame", "id": "MJ2A3L", "gap": 8, "alignItems": "center", "children": [
{"type": "icon_font", "id": "MJ2A3I", "width": 18, "height": 18, "iconFontName": "clock", "iconFontFamily": "lucide", "fill": "#F59E0B"},
{"type": "text", "id": "MJ2A3T", "fill": "#F59E0B", "content": "Đơn chậm trễ", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}
]},
{"type": "text", "id": "MJ2A3Desc", "fill": "#ADADB0", "content": "#ORD-052 vượt 15 phút mục tiêu", "fontFamily": "Roboto", "fontSize": 12}
]}
]}
]
}
]
},
{
"type": "frame",
"id": "ManagerJourney3",
"name": "Manager Journey/3-Staff",
"x": 1080,
"width": 440,
"height": 700,
"fill": "#0A0A0B",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "MJ3Modal",
"width": 380,
"fill": "#111113",
"cornerRadius": 24,
"stroke": {"thickness": 1, "fill": "#1F1F23"},
"layout": "vertical",
"gap": 16,
"padding": 24,
"children": [
{"type": "frame", "id": "MJ3Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "MJ3Step", "fill": "#8B5CF620", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "MJ3StepT", "fill": "#8B5CF6", "content": "Bước 3/6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
{"type": "text", "id": "MJ3Count", "fill": "#8B8B90", "content": "8 nhân viên", "fontFamily": "Roboto", "fontSize": 12}
]},
{"type": "frame", "id": "MJ3Title", "width": "fill_container", "gap": 10, "alignItems": "center", "children": [
{"type": "icon_font", "id": "MJ3TitleI", "width": 22, "height": 22, "iconFontName": "users", "iconFontFamily": "lucide", "fill": "#8B5CF6"},
{"type": "text", "id": "MJ3TitleT", "fill": "#FFFFFF", "content": "Quản lý nhân viên", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "600"}
]},
{"type": "frame", "id": "MJ3Staff", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [
{"type": "frame", "id": "MJ3S1", "width": "fill_container", "fill": "#22C55E10", "cornerRadius": 10, "padding": 12, "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "MJ3S1L", "gap": 10, "alignItems": "center", "children": [
{"type": "frame", "id": "MJ3S1Avatar", "width": 36, "height": 36, "fill": "#22C55E30", "cornerRadius": 18, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "MJ3S1I", "fill": "#22C55E", "content": "LM", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}]},
{"type": "frame", "id": "MJ3S1Info", "layout": "vertical", "gap": 2, "children": [
{"type": "text", "id": "MJ3S1N", "fill": "#FFFFFF", "content": "Lê Mai", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"},
{"type": "text", "id": "MJ3S1R", "fill": "#22C55E", "content": "Thu ngân • 12 đơn", "fontFamily": "Roboto", "fontSize": 11}
]}
]},
{"type": "frame", "id": "MJ3S1Status", "width": 8, "height": 8, "fill": "#22C55E", "cornerRadius": 4}
]},
{"type": "frame", "id": "MJ3S2", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 10, "padding": 12, "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "MJ3S2L", "gap": 10, "alignItems": "center", "children": [
{"type": "frame", "id": "MJ3S2Avatar", "width": 36, "height": 36, "fill": "#3B82F630", "cornerRadius": 18, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "MJ3S2I", "fill": "#3B82F6", "content": "HT", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}]},
{"type": "frame", "id": "MJ3S2Info", "layout": "vertical", "gap": 2, "children": [
{"type": "text", "id": "MJ3S2N", "fill": "#FFFFFF", "content": "Hoàng Tùng", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"},
{"type": "text", "id": "MJ3S2R", "fill": "#8B8B90", "content": "Phục vụ • 6 bàn", "fontFamily": "Roboto", "fontSize": 11}
]}
]},
{"type": "frame", "id": "MJ3S2Status", "width": 8, "height": 8, "fill": "#22C55E", "cornerRadius": 4}
]},
{"type": "frame", "id": "MJ3S3", "width": "fill_container", "fill": "#FF5C0010", "cornerRadius": 10, "padding": 12, "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "MJ3S3L", "gap": 10, "alignItems": "center", "children": [
{"type": "frame", "id": "MJ3S3Avatar", "width": 36, "height": 36, "fill": "#FF5C0030", "cornerRadius": 18, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "MJ3S3I", "fill": "#FF5C00", "content": "BT", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}]},
{"type": "frame", "id": "MJ3S3Info", "layout": "vertical", "gap": 2, "children": [
{"type": "text", "id": "MJ3S3N", "fill": "#FFFFFF", "content": "Bảo Trâm", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"},
{"type": "text", "id": "MJ3S3R", "fill": "#FF5C00", "content": "Bếp • 45 món", "fontFamily": "Roboto", "fontSize": 11}
]}
]},
{"type": "frame", "id": "MJ3S3Status", "width": 8, "height": 8, "fill": "#22C55E", "cornerRadius": 4}
]}
]},
{"type": "frame", "id": "MJ3Summary", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 10, "padding": 12, "justifyContent": "space_around", "children": [
{"type": "frame", "id": "MJ3Sum1", "alignItems": "center", "layout": "vertical", "gap": 2, "children": [{"type": "text", "id": "MJ3Sum1V", "fill": "#22C55E", "content": "8", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "700"}, {"type": "text", "id": "MJ3Sum1L", "fill": "#6B6B70", "content": "Đang làm", "fontFamily": "Roboto", "fontSize": 10}]},
{"type": "frame", "id": "MJ3Sum2", "alignItems": "center", "layout": "vertical", "gap": 2, "children": [{"type": "text", "id": "MJ3Sum2V", "fill": "#F59E0B", "content": "1", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "700"}, {"type": "text", "id": "MJ3Sum2L", "fill": "#6B6B70", "content": "Nghỉ", "fontFamily": "Roboto", "fontSize": 10}]},
{"type": "frame", "id": "MJ3Sum3", "alignItems": "center", "layout": "vertical", "gap": 2, "children": [{"type": "text", "id": "MJ3Sum3V", "fill": "#6B6B70", "content": "1", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "700"}, {"type": "text", "id": "MJ3Sum3L", "fill": "#6B6B70", "content": "Vắng", "fontFamily": "Roboto", "fontSize": 10}]}
]}
]
}
]
},
{
"type": "frame",
"id": "ManagerJourney4",
"name": "Manager Journey/4-Inventory",
"x": 1620,
"width": 440,
"height": 700,
"fill": "#0A0A0B",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "MJ4Modal",
"width": 380,
"fill": "#111113",
"cornerRadius": 24,
"stroke": {"thickness": 1, "fill": "#1F1F23"},
"layout": "vertical",
"gap": 16,
"padding": 24,
"children": [
{"type": "frame", "id": "MJ4Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "MJ4Step", "fill": "#F59E0B20", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "MJ4StepT", "fill": "#F59E0B", "content": "Bước 4/6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
{"type": "frame", "id": "MJ4Badge", "fill": "#F59E0B", "cornerRadius": 6, "padding": [4, 8], "children": [{"type": "text", "id": "MJ4BadgeT", "fill": "#000", "content": "2 cảnh báo", "fontFamily": "Roboto", "fontSize": 10, "fontWeight": "600"}]}
]},
{"type": "frame", "id": "MJ4Title", "width": "fill_container", "gap": 10, "alignItems": "center", "children": [
{"type": "icon_font", "id": "MJ4TitleI", "width": 22, "height": 22, "iconFontName": "package", "iconFontFamily": "lucide", "fill": "#F59E0B"},
{"type": "text", "id": "MJ4TitleT", "fill": "#FFFFFF", "content": "Kiểm kho", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "600"}
]},
{"type": "frame", "id": "MJ4Items", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [
{"type": "frame", "id": "MJ4I1", "width": "fill_container", "fill": "#EF444420", "cornerRadius": 10, "padding": 12, "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "MJ4I1L", "gap": 10, "alignItems": "center", "children": [
{"type": "icon_font", "id": "MJ4I1I", "width": 18, "height": 18, "iconFontName": "beef", "iconFontFamily": "lucide", "fill": "#EF4444"},
{"type": "frame", "id": "MJ4I1Info", "layout": "vertical", "gap": 2, "children": [
{"type": "text", "id": "MJ4I1N", "fill": "#FFFFFF", "content": "Thịt bò", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"},
{"type": "text", "id": "MJ4I1S", "fill": "#EF4444", "content": "Còn 5 phần", "fontFamily": "Roboto", "fontSize": 11}
]}
]},
{"type": "frame", "id": "MJ4I1Btn", "fill": "#EF4444", "cornerRadius": 6, "padding": [6, 12], "children": [{"type": "text", "id": "MJ4I1BtnT", "fill": "#FFF", "content": "Đặt thêm", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]}
]},
{"type": "frame", "id": "MJ4I2", "width": "fill_container", "fill": "#F59E0B20", "cornerRadius": 10, "padding": 12, "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "MJ4I2L", "gap": 10, "alignItems": "center", "children": [
{"type": "icon_font", "id": "MJ4I2I", "width": 18, "height": 18, "iconFontName": "salad", "iconFontFamily": "lucide", "fill": "#F59E0B"},
{"type": "frame", "id": "MJ4I2Info", "layout": "vertical", "gap": 2, "children": [
{"type": "text", "id": "MJ4I2N", "fill": "#FFFFFF", "content": "Rau sống", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"},
{"type": "text", "id": "MJ4I2S", "fill": "#F59E0B", "content": "Còn 10 phần", "fontFamily": "Roboto", "fontSize": 11}
]}
]},
{"type": "text", "id": "MJ4I2Status", "fill": "#F59E0B", "content": "Thấp", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}
]},
{"type": "frame", "id": "MJ4I3", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 10, "padding": 12, "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "MJ4I3L", "gap": 10, "alignItems": "center", "children": [
{"type": "icon_font", "id": "MJ4I3I", "width": 18, "height": 18, "iconFontName": "soup", "iconFontFamily": "lucide", "fill": "#8B8B90"},
{"type": "frame", "id": "MJ4I3Info", "layout": "vertical", "gap": 2, "children": [
{"type": "text", "id": "MJ4I3N", "fill": "#FFFFFF", "content": "Bánh phở", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"},
{"type": "text", "id": "MJ4I3S", "fill": "#22C55E", "content": "Còn 50 phần", "fontFamily": "Roboto", "fontSize": 11}
]}
]},
{"type": "text", "id": "MJ4I3Status", "fill": "#22C55E", "content": "Đủ", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}
]}
]},
{"type": "frame", "id": "MJ4Order", "width": "fill_container", "height": 48, "fill": "#F59E0B", "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "MJ4OrderI", "width": 18, "height": 18, "iconFontName": "truck", "iconFontFamily": "lucide", "fill": "#000"},
{"type": "text", "id": "MJ4OrderT", "fill": "#000000", "content": "Đặt hàng nhà cung cấp", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
]}
]
}
]
},
{
"type": "frame",
"id": "ManagerJourney5",
"name": "Manager Journey/5-Override",
"x": 2160,
"width": 440,
"height": 700,
"fill": "#0A0A0B",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "MJ5Modal",
"width": 380,
"fill": "#111113",
"cornerRadius": 24,
"stroke": {"thickness": 2, "fill": "#FF5C00"},
"layout": "vertical",
"gap": 20,
"padding": 28,
"alignItems": "center",
"children": [
{"type": "frame", "id": "MJ5Step", "fill": "#FF5C0020", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "MJ5StepT", "fill": "#FF5C00", "content": "Bước 5/6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
{"type": "frame", "id": "MJ5Icon", "width": 64, "height": 64, "fill": "#FF5C001A", "cornerRadius": 32, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "MJ5IconI", "width": 28, "height": 28, "iconFontName": "shield-check", "iconFontFamily": "lucide", "fill": "#FF5C00"}
]},
{"type": "frame", "id": "MJ5Title", "layout": "vertical", "gap": 6, "alignItems": "center", "children": [
{"type": "text", "id": "MJ5TitleT", "fill": "#FFFFFF", "content": "Duyệt giảm giá", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "600"},
{"type": "text", "id": "MJ5Desc", "fill": "#8B8B90", "content": "Yêu cầu từ Thu ngân Lê Mai", "fontFamily": "Roboto", "fontSize": 14}
]},
{"type": "frame", "id": "MJ5Request", "width": "fill_container", "fill": "#FF5C0010", "cornerRadius": 14, "padding": 16, "layout": "vertical", "gap": 12, "children": [
{"type": "frame", "id": "MJ5R1", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "MJ5R1L", "fill": "#8B8B90", "content": "Đơn hàng", "fontFamily": "Roboto", "fontSize": 13}, {"type": "text", "id": "MJ5R1V", "fill": "#FFFFFF", "content": "#ORD-058", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]},
{"type": "frame", "id": "MJ5R2", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "MJ5R2L", "fill": "#8B8B90", "content": "Tổng đơn", "fontFamily": "Roboto", "fontSize": 13}, {"type": "text", "id": "MJ5R2V", "fill": "#FFFFFF", "content": "450,000₫", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]},
{"type": "frame", "id": "MJ5R3", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "MJ5R3L", "fill": "#8B8B90", "content": "Giảm giá yêu cầu", "fontFamily": "Roboto", "fontSize": 13}, {"type": "text", "id": "MJ5R3V", "fill": "#FF5C00", "content": "-20% (-90,000₫)", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}]},
{"type": "frame", "id": "MJ5Div", "width": "fill_container", "height": 1, "fill": "#FF5C0030"},
{"type": "frame", "id": "MJ5R4", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "MJ5R4L", "fill": "#8B8B90", "content": "Lý do", "fontFamily": "Roboto", "fontSize": 13}, {"type": "text", "id": "MJ5R4V", "fill": "#FFFFFF", "content": "Khách VIP, đặt buffet", "fontFamily": "Roboto", "fontSize": 13}]}
]},
{"type": "frame", "id": "MJ5Actions", "width": "fill_container", "gap": 10, "children": [
{"type": "frame", "id": "MJ5Reject", "width": "fill_container", "height": 48, "fill": "#2A2A2E", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "MJ5RejectT", "fill": "#ADADB0", "content": "Từ chối", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]},
{"type": "frame", "id": "MJ5Approve", "width": "fill_container", "height": 48, "fill": "#FF5C00", "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "MJ5ApproveI", "width": 16, "height": 16, "iconFontName": "check", "iconFontFamily": "lucide", "fill": "#FFFFFF"},
{"type": "text", "id": "MJ5ApproveT", "fill": "#FFFFFF", "content": "Duyệt", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
]}
]}
]
}
]
},
{
"type": "frame",
"id": "ManagerJourney6",
"name": "Manager Journey/6-Reports",
"x": 2700,
"width": 440,
"height": 700,
"fill": "#0A0A0B",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "MJ6Modal",
"width": 380,
"fill": "#111113",
"cornerRadius": 24,
"stroke": {"thickness": 1, "fill": "#1F1F23"},
"layout": "vertical",
"gap": 16,
"padding": 24,
"children": [
{"type": "frame", "id": "MJ6Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "MJ6Step", "fill": "#14B8A620", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "MJ6StepT", "fill": "#14B8A6", "content": "Thống kê", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
{"type": "text", "id": "MJ6Date", "fill": "#8B8B90", "content": "06/02/2026", "fontFamily": "Roboto", "fontSize": 12}
]},
{"type": "frame", "id": "MJ6Title", "width": "fill_container", "gap": 10, "alignItems": "center", "children": [
{"type": "icon_font", "id": "MJ6TitleI", "width": 22, "height": 22, "iconFontName": "bar-chart-3", "iconFontFamily": "lucide", "fill": "#14B8A6"},
{"type": "text", "id": "MJ6TitleT", "fill": "#FFFFFF", "content": "Báo cáo tổng hợp", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "600"}
]},
{"type": "frame", "id": "MJ6Stats", "width": "fill_container", "gap": 10, "children": [
{"type": "frame", "id": "MJ6S1", "width": "fill_container", "fill": "#22C55E10", "cornerRadius": 12, "padding": 14, "layout": "vertical", "gap": 4, "alignItems": "center", "children": [
{"type": "text", "id": "MJ6S1V", "fill": "#22C55E", "content": "25.8M", "fontFamily": "Roboto", "fontSize": 22, "fontWeight": "700"},
{"type": "text", "id": "MJ6S1L", "fill": "#8B8B90", "content": "Doanh thu ngày", "fontFamily": "Roboto", "fontSize": 10}
]},
{"type": "frame", "id": "MJ6S2", "width": "fill_container", "fill": "#3B82F610", "cornerRadius": 12, "padding": 14, "layout": "vertical", "gap": 4, "alignItems": "center", "children": [
{"type": "text", "id": "MJ6S2V", "fill": "#3B82F6", "content": "156", "fontFamily": "Roboto", "fontSize": 22, "fontWeight": "700"},
{"type": "text", "id": "MJ6S2L", "fill": "#8B8B90", "content": "Tổng đơn", "fontFamily": "Roboto", "fontSize": 10}
]}
]},
{"type": "frame", "id": "MJ6Details", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 12, "padding": 14, "layout": "vertical", "gap": 8, "children": [
{"type": "frame", "id": "MJ6D1", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "MJ6D1L", "fill": "#8B8B90", "content": "Tiền mặt", "fontFamily": "Roboto", "fontSize": 12}, {"type": "text", "id": "MJ6D1V", "fill": "#FFFFFF", "content": "8,450,000₫", "fontFamily": "Roboto", "fontSize": 12}]},
{"type": "frame", "id": "MJ6D2", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "MJ6D2L", "fill": "#8B8B90", "content": "Chuyển khoản", "fontFamily": "Roboto", "fontSize": 12}, {"type": "text", "id": "MJ6D2V", "fill": "#FFFFFF", "content": "15,350,000₫", "fontFamily": "Roboto", "fontSize": 12}]},
{"type": "frame", "id": "MJ6D3", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "MJ6D3L", "fill": "#8B8B90", "content": "Thẻ", "fontFamily": "Roboto", "fontSize": 12}, {"type": "text", "id": "MJ6D3V", "fill": "#FFFFFF", "content": "2,000,000₫", "fontFamily": "Roboto", "fontSize": 12}]},
{"type": "frame", "id": "MJ6Div", "width": "fill_container", "height": 1, "fill": "#2A2A2E"},
{"type": "frame", "id": "MJ6D4", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "MJ6D4L", "fill": "#8B8B90", "content": "Giảm giá", "fontFamily": "Roboto", "fontSize": 12}, {"type": "text", "id": "MJ6D4V", "fill": "#EF4444", "content": "-1,245,000₫", "fontFamily": "Roboto", "fontSize": 12}]},
{"type": "frame", "id": "MJ6D5", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "MJ6D5L", "fill": "#8B8B90", "content": "Hoàn tiền", "fontFamily": "Roboto", "fontSize": 12}, {"type": "text", "id": "MJ6D5V", "fill": "#EF4444", "content": "-195,000₫", "fontFamily": "Roboto", "fontSize": 12}]}
]},
{"type": "frame", "id": "MJ6Actions", "width": "fill_container", "gap": 10, "children": [
{"type": "frame", "id": "MJ6Export", "width": "fill_container", "height": 44, "fill": "#2A2A2E", "cornerRadius": 10, "gap": 6, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "MJ6ExportI", "width": 16, "height": 16, "iconFontName": "download", "iconFontFamily": "lucide", "fill": "#ADADB0"},
{"type": "text", "id": "MJ6ExportT", "fill": "#ADADB0", "content": "Xuất Excel", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
]},
{"type": "frame", "id": "MJ6Send", "width": "fill_container", "height": 44, "fill": "#14B8A6", "cornerRadius": 10, "gap": 6, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "MJ6SendI", "width": 16, "height": 16, "iconFontName": "send", "iconFontFamily": "lucide", "fill": "#FFFFFF"},
{"type": "text", "id": "MJ6SendT", "fill": "#FFFFFF", "content": "Gửi báo cáo", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}
]}
]}
]
}
]
}
]
}

363
pencil-design/src/pages/tPOS/pos/shared/staff/waiter-journey.pen Normal file
View File

@@ -0,0 +1,363 @@
{
"version": "2.6",
"children": [
{
"type": "frame",
"id": "WaiterJourney1",
"name": "Waiter Journey/1-Tables",
"width": 440,
"height": 700,
"fill": "#0A0A0B",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "WJ1Modal",
"width": 380,
"fill": "#111113",
"cornerRadius": 24,
"stroke": {"thickness": 1, "fill": "#1F1F23"},
"layout": "vertical",
"gap": 16,
"padding": 24,
"children": [
{"type": "frame", "id": "WJ1Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "WJ1Step", "fill": "#3B82F620", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "WJ1StepT", "fill": "#3B82F6", "content": "Bước 1/6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
{"type": "frame", "id": "WJ1Staff", "gap": 6, "alignItems": "center", "children": [
{"type": "frame", "id": "WJ1Avatar", "width": 24, "height": 24, "fill": "#3B82F630", "cornerRadius": 12, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "WJ1Initial", "fill": "#3B82F6", "content": "T", "fontFamily": "Roboto", "fontSize": 10, "fontWeight": "600"}]},
{"type": "text", "id": "WJ1Name", "fill": "#8B8B90", "content": "Trang", "fontFamily": "Roboto", "fontSize": 12}
]}
]},
{"type": "frame", "id": "WJ1Title", "width": "fill_container", "gap": 10, "alignItems": "center", "children": [
{"type": "icon_font", "id": "WJ1TitleI", "width": 22, "height": 22, "iconFontName": "layout-grid", "iconFontFamily": "lucide", "fill": "#3B82F6"},
{"type": "text", "id": "WJ1TitleT", "fill": "#FFFFFF", "content": "Bàn phụ trách", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "600"}
]},
{"type": "frame", "id": "WJ1Tables", "width": "fill_container", "layout": "vertical", "gap": 10, "children": [
{"type": "frame", "id": "WJ1Row1", "width": "fill_container", "gap": 10, "children": [
{"type": "frame", "id": "WJ1T1", "width": "fill_container", "height": 64, "fill": "#FF5C0020", "cornerRadius": 12, "justifyContent": "center", "alignItems": "center", "layout": "vertical", "gap": 4, "children": [
{"type": "text", "id": "WJ1T1N", "fill": "#FF5C00", "content": "Bàn 5", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"},
{"type": "text", "id": "WJ1T1S", "fill": "#FF5C00", "content": "Đang order", "fontFamily": "Roboto", "fontSize": 10}
]},
{"type": "frame", "id": "WJ1T2", "width": "fill_container", "height": 64, "fill": "#22C55E20", "cornerRadius": 12, "justifyContent": "center", "alignItems": "center", "layout": "vertical", "gap": 4, "children": [
{"type": "text", "id": "WJ1T2N", "fill": "#22C55E", "content": "Bàn 6", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"},
{"type": "text", "id": "WJ1T2S", "fill": "#22C55E", "content": "Món xong", "fontFamily": "Roboto", "fontSize": 10}
]},
{"type": "frame", "id": "WJ1T3", "width": "fill_container", "height": 64, "fill": "#EC489920", "cornerRadius": 12, "justifyContent": "center", "alignItems": "center", "layout": "vertical", "gap": 4, "children": [
{"type": "text", "id": "WJ1T3N", "fill": "#EC4899", "content": "Bàn 7", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"},
{"type": "text", "id": "WJ1T3S", "fill": "#EC4899", "content": "Đang ăn", "fontFamily": "Roboto", "fontSize": 10}
]}
]},
{"type": "frame", "id": "WJ1Row2", "width": "fill_container", "gap": 10, "children": [
{"type": "frame", "id": "WJ1T4", "width": "fill_container", "height": 64, "fill": "#1A1A1D", "cornerRadius": 12, "stroke": {"thickness": 1, "fill": "#2A2A2E"}, "justifyContent": "center", "alignItems": "center", "layout": "vertical", "gap": 4, "children": [
{"type": "text", "id": "WJ1T4N", "fill": "#8B8B90", "content": "Bàn 8", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"},
{"type": "text", "id": "WJ1T4S", "fill": "#6B6B70", "content": "Trống", "fontFamily": "Roboto", "fontSize": 10}
]},
{"type": "frame", "id": "WJ1T5", "width": "fill_container", "height": 64, "fill": "#F59E0B20", "cornerRadius": 12, "justifyContent": "center", "alignItems": "center", "layout": "vertical", "gap": 4, "children": [
{"type": "text", "id": "WJ1T5N", "fill": "#F59E0B", "content": "Bàn 9", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"},
{"type": "text", "id": "WJ1T5S", "fill": "#F59E0B", "content": "Yêu cầu bill", "fontFamily": "Roboto", "fontSize": 10}
]},
{"type": "frame", "id": "WJ1T6", "width": "fill_container", "height": 64, "fill": "#1A1A1D", "cornerRadius": 12, "stroke": {"thickness": 1, "fill": "#2A2A2E"}, "justifyContent": "center", "alignItems": "center", "layout": "vertical", "gap": 4, "children": [
{"type": "text", "id": "WJ1T6N", "fill": "#8B8B90", "content": "Bàn 10", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"},
{"type": "text", "id": "WJ1T6S", "fill": "#6B6B70", "content": "Trống", "fontFamily": "Roboto", "fontSize": 10}
]}
]}
]},
{"type": "frame", "id": "WJ1Summary", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 10, "padding": 12, "justifyContent": "space_around", "children": [
{"type": "frame", "id": "WJ1Sum1", "alignItems": "center", "layout": "vertical", "gap": 2, "children": [{"type": "text", "id": "WJ1Sum1V", "fill": "#FF5C00", "content": "4", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "700"}, {"type": "text", "id": "WJ1Sum1L", "fill": "#6B6B70", "content": "Đang phục vụ", "fontFamily": "Roboto", "fontSize": 10}]},
{"type": "frame", "id": "WJ1Sum2", "alignItems": "center", "layout": "vertical", "gap": 2, "children": [{"type": "text", "id": "WJ1Sum2V", "fill": "#22C55E", "content": "1", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "700"}, {"type": "text", "id": "WJ1Sum2L", "fill": "#6B6B70", "content": "Món xong", "fontFamily": "Roboto", "fontSize": 10}]},
{"type": "frame", "id": "WJ1Sum3", "alignItems": "center", "layout": "vertical", "gap": 2, "children": [{"type": "text", "id": "WJ1Sum3V", "fill": "#6B6B70", "content": "2", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "700"}, {"type": "text", "id": "WJ1Sum3L", "fill": "#6B6B70", "content": "Trống", "fontFamily": "Roboto", "fontSize": 10}]}
]},
{"type": "frame", "id": "WJ1Action", "width": "fill_container", "height": 48, "fill": "#22C55E", "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "WJ1ActionI", "width": 18, "height": 18, "iconFontName": "utensils", "iconFontFamily": "lucide", "fill": "#FFFFFF"},
{"type": "text", "id": "WJ1ActionT", "fill": "#FFFFFF", "content": "Phục vụ Bàn 6", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
]}
]
}
]
},
{
"type": "frame",
"id": "WaiterJourney2",
"name": "Waiter Journey/2-Greet",
"x": 540,
"width": 440,
"height": 700,
"fill": "#0A0A0B",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "WJ2Modal",
"width": 380,
"fill": "#111113",
"cornerRadius": 24,
"stroke": {"thickness": 1, "fill": "#1F1F23"},
"layout": "vertical",
"gap": 24,
"padding": 28,
"alignItems": "center",
"children": [
{"type": "frame", "id": "WJ2Step", "fill": "#22C55E20", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "WJ2StepT", "fill": "#22C55E", "content": "Bước 2/6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
{"type": "frame", "id": "WJ2Icon", "width": 64, "height": 64, "fill": "#22C55E1A", "cornerRadius": 32, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "WJ2IconI", "width": 28, "height": 28, "iconFontName": "hand-metal", "iconFontFamily": "lucide", "fill": "#22C55E"}
]},
{"type": "frame", "id": "WJ2Title", "layout": "vertical", "gap": 6, "alignItems": "center", "children": [
{"type": "text", "id": "WJ2TitleT", "fill": "#FFFFFF", "content": "Tiếp khách mới", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "600"},
{"type": "text", "id": "WJ2Desc", "fill": "#8B8B90", "content": "Chọn bàn cho khách", "fontFamily": "Roboto", "fontSize": 14}
]},
{"type": "frame", "id": "WJ2Guest", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 12, "padding": 16, "layout": "vertical", "gap": 12, "children": [
{"type": "frame", "id": "WJ2GuestRow1", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "WJ2GL1", "fill": "#8B8B90", "content": "Số khách", "fontFamily": "Roboto", "fontSize": 13}, {"type": "text", "id": "WJ2GV1", "fill": "#FFFFFF", "content": "4 người", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]},
{"type": "frame", "id": "WJ2GuestRow2", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "WJ2GL2", "fill": "#8B8B90", "content": "Đặt trước", "fontFamily": "Roboto", "fontSize": 13}, {"type": "text", "id": "WJ2GV2", "fill": "#22C55E", "content": "Có • Anh Minh", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]},
{"type": "frame", "id": "WJ2GuestRow3", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "WJ2GL3", "fill": "#8B8B90", "content": "Loyalty", "fontFamily": "Roboto", "fontSize": 13}, {"type": "text", "id": "WJ2GV3", "fill": "#F59E0B", "content": "Gold • 2,340 điểm", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]}
]},
{"type": "frame", "id": "WJ2Table", "width": "fill_container", "fill": "#22C55E10", "stroke": {"thickness": 2, "fill": "#22C55E"}, "cornerRadius": 12, "padding": 16, "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "WJ2TableL", "gap": 10, "alignItems": "center", "children": [
{"type": "icon_font", "id": "WJ2TableI", "width": 20, "height": 20, "iconFontName": "square", "iconFontFamily": "lucide", "fill": "#22C55E"},
{"type": "frame", "id": "WJ2TableInfo", "layout": "vertical", "gap": 2, "children": [
{"type": "text", "id": "WJ2TableN", "fill": "#FFFFFF", "content": "Bàn 8", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "600"},
{"type": "text", "id": "WJ2TableS", "fill": "#8B8B90", "content": "4 ghế • Khu VIP", "fontFamily": "Roboto", "fontSize": 12}
]}
]},
{"type": "icon_font", "id": "WJ2TableCheck", "width": 20, "height": 20, "iconFontName": "check-circle-2", "iconFontFamily": "lucide", "fill": "#22C55E"}
]},
{"type": "frame", "id": "WJ2Confirm", "width": "fill_container", "height": 50, "fill": "#22C55E", "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "WJ2ConfirmI", "width": 18, "height": 18, "iconFontName": "door-open", "iconFontFamily": "lucide", "fill": "#FFFFFF"},
{"type": "text", "id": "WJ2ConfirmT", "fill": "#FFFFFF", "content": "Dẫn khách vào Bàn 8", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
]}
]
}
]
},
{
"type": "frame",
"id": "WaiterJourney3",
"name": "Waiter Journey/3-Order",
"x": 1080,
"width": 440,
"height": 700,
"fill": "#0A0A0B",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "WJ3Modal",
"width": 380,
"fill": "#111113",
"cornerRadius": 24,
"stroke": {"thickness": 1, "fill": "#1F1F23"},
"layout": "vertical",
"gap": 16,
"padding": 24,
"children": [
{"type": "frame", "id": "WJ3Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "WJ3Step", "fill": "#FF5C0020", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "WJ3StepT", "fill": "#FF5C00", "content": "Bước 3/6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
{"type": "text", "id": "WJ3Table", "fill": "#8B8B90", "content": "Bàn 8 • 4 khách", "fontFamily": "Roboto", "fontSize": 12}
]},
{"type": "frame", "id": "WJ3Title", "width": "fill_container", "children": [{"type": "text", "id": "WJ3TitleT", "fill": "#FFFFFF", "content": "Ghi order", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "600"}]},
{"type": "frame", "id": "WJ3Items", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [
{"type": "frame", "id": "WJ3Item1", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 10, "padding": 12, "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "WJ3I1L", "gap": 10, "alignItems": "center", "children": [
{"type": "text", "id": "WJ3I1Q", "fill": "#FF5C00", "content": "2x", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"},
{"type": "frame", "id": "WJ3I1Info", "layout": "vertical", "gap": 2, "children": [
{"type": "text", "id": "WJ3I1N", "fill": "#FFFFFF", "content": "Phở bò tái", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"},
{"type": "text", "id": "WJ3I1Note", "fill": "#6B6B70", "content": "Ít hành", "fontFamily": "Roboto", "fontSize": 11}
]}
]},
{"type": "text", "id": "WJ3I1P", "fill": "#FFFFFF", "content": "90,000₫", "fontFamily": "Roboto", "fontSize": 13}
]},
{"type": "frame", "id": "WJ3Item2", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 10, "padding": 12, "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "WJ3I2L", "gap": 10, "alignItems": "center", "children": [
{"type": "text", "id": "WJ3I2Q", "fill": "#FF5C00", "content": "1x", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"},
{"type": "text", "id": "WJ3I2N", "fill": "#FFFFFF", "content": "Bún chả Hà Nội", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
]},
{"type": "text", "id": "WJ3I2P", "fill": "#FFFFFF", "content": "55,000₫", "fontFamily": "Roboto", "fontSize": 13}
]},
{"type": "frame", "id": "WJ3Item3", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 10, "padding": 12, "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "WJ3I3L", "gap": 10, "alignItems": "center", "children": [
{"type": "text", "id": "WJ3I3Q", "fill": "#FF5C00", "content": "1x", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"},
{"type": "text", "id": "WJ3I3N", "fill": "#FFFFFF", "content": "Cơm tấm sườn bì", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
]},
{"type": "text", "id": "WJ3I3P", "fill": "#FFFFFF", "content": "50,000₫", "fontFamily": "Roboto", "fontSize": 13}
]}
]},
{"type": "frame", "id": "WJ3Add", "width": "fill_container", "height": 40, "fill": "#2A2A2E", "cornerRadius": 8, "gap": 6, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "WJ3AddI", "width": 14, "height": 14, "iconFontName": "plus", "iconFontFamily": "lucide", "fill": "#8B8B90"},
{"type": "text", "id": "WJ3AddT", "fill": "#8B8B90", "content": "Thêm món", "fontFamily": "Roboto", "fontSize": 12}
]},
{"type": "frame", "id": "WJ3Total", "width": "fill_container", "fill": "#FF5C0010", "cornerRadius": 10, "padding": 14, "justifyContent": "space_between", "children": [{"type": "text", "id": "WJ3TotalL", "fill": "#FF5C00", "content": "Tổng tạm tính", "fontFamily": "Roboto", "fontSize": 14}, {"type": "text", "id": "WJ3TotalV", "fill": "#FF5C00", "content": "195,000₫", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "700"}]},
{"type": "frame", "id": "WJ3Send", "width": "fill_container", "height": 50, "fill": "#FF5C00", "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "WJ3SendI", "width": 18, "height": 18, "iconFontName": "send", "iconFontFamily": "lucide", "fill": "#FFFFFF"},
{"type": "text", "id": "WJ3SendT", "fill": "#FFFFFF", "content": "Gửi bếp", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
]}
]
}
]
},
{
"type": "frame",
"id": "WaiterJourney4",
"name": "Waiter Journey/4-Kitchen",
"x": 1620,
"width": 440,
"height": 700,
"fill": "#0A0A0B",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "WJ4Modal",
"width": 380,
"fill": "#111113",
"cornerRadius": 24,
"stroke": {"thickness": 2, "fill": "#22C55E"},
"layout": "vertical",
"gap": 24,
"padding": 28,
"alignItems": "center",
"children": [
{"type": "frame", "id": "WJ4Step", "fill": "#EC489920", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "WJ4StepT", "fill": "#EC4899", "content": "Bước 4/6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
{"type": "frame", "id": "WJ4Icon", "width": 72, "height": 72, "fill": "#22C55E1A", "cornerRadius": 36, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "WJ4IconI", "width": 32, "height": 32, "iconFontName": "bell-ring", "iconFontFamily": "lucide", "fill": "#22C55E"}
]},
{"type": "frame", "id": "WJ4Title", "layout": "vertical", "gap": 6, "alignItems": "center", "children": [
{"type": "text", "id": "WJ4TitleT", "fill": "#FFFFFF", "content": "Món đã xong!", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "600"},
{"type": "text", "id": "WJ4Desc", "fill": "#8B8B90", "content": "Bàn 8 • 4 món sẵn sàng", "fontFamily": "Roboto", "fontSize": 14}
]},
{"type": "frame", "id": "WJ4Items", "width": "fill_container", "fill": "#22C55E10", "cornerRadius": 14, "padding": 16, "layout": "vertical", "gap": 10, "children": [
{"type": "frame", "id": "WJ4I1", "width": "fill_container", "gap": 10, "alignItems": "center", "children": [
{"type": "icon_font", "id": "WJ4I1I", "width": 16, "height": 16, "iconFontName": "check-circle-2", "iconFontFamily": "lucide", "fill": "#22C55E"},
{"type": "text", "id": "WJ4I1T", "fill": "#FFFFFF", "content": "2x Phở bò tái", "fontFamily": "Roboto", "fontSize": 13}
]},
{"type": "frame", "id": "WJ4I2", "width": "fill_container", "gap": 10, "alignItems": "center", "children": [
{"type": "icon_font", "id": "WJ4I2I", "width": 16, "height": 16, "iconFontName": "check-circle-2", "iconFontFamily": "lucide", "fill": "#22C55E"},
{"type": "text", "id": "WJ4I2T", "fill": "#FFFFFF", "content": "1x Bún chả Hà Nội", "fontFamily": "Roboto", "fontSize": 13}
]},
{"type": "frame", "id": "WJ4I3", "width": "fill_container", "gap": 10, "alignItems": "center", "children": [
{"type": "icon_font", "id": "WJ4I3I", "width": 16, "height": 16, "iconFontName": "check-circle-2", "iconFontFamily": "lucide", "fill": "#22C55E"},
{"type": "text", "id": "WJ4I3T", "fill": "#FFFFFF", "content": "1x Cơm tấm sườn bì", "fontFamily": "Roboto", "fontSize": 13}
]}
]},
{"type": "frame", "id": "WJ4Location", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 10, "padding": 12, "justifyContent": "center", "gap": 8, "alignItems": "center", "children": [
{"type": "icon_font", "id": "WJ4LocI", "width": 16, "height": 16, "iconFontName": "map-pin", "iconFontFamily": "lucide", "fill": "#8B8B90"},
{"type": "text", "id": "WJ4LocT", "fill": "#8B8B90", "content": "Lấy tại: Quầy bếp 01", "fontFamily": "Roboto", "fontSize": 13}
]},
{"type": "frame", "id": "WJ4Serve", "width": "fill_container", "height": 50, "fill": "#22C55E", "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "WJ4ServeI", "width": 18, "height": 18, "iconFontName": "utensils", "iconFontFamily": "lucide", "fill": "#FFFFFF"},
{"type": "text", "id": "WJ4ServeT", "fill": "#FFFFFF", "content": "Lấy món phục vụ", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
]}
]
}
]
},
{
"type": "frame",
"id": "WaiterJourney5",
"name": "Waiter Journey/5-Serve",
"x": 2160,
"width": 440,
"height": 700,
"fill": "#0A0A0B",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "WJ5Modal",
"width": 380,
"fill": "#111113",
"cornerRadius": 24,
"stroke": {"thickness": 1, "fill": "#1F1F23"},
"layout": "vertical",
"gap": 24,
"padding": 28,
"alignItems": "center",
"children": [
{"type": "frame", "id": "WJ5Step", "fill": "#F59E0B20", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "WJ5StepT", "fill": "#F59E0B", "content": "Bước 5/6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
{"type": "frame", "id": "WJ5Icon", "width": 64, "height": 64, "fill": "#F59E0B1A", "cornerRadius": 32, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "WJ5IconI", "width": 28, "height": 28, "iconFontName": "utensils-crossed", "iconFontFamily": "lucide", "fill": "#F59E0B"}
]},
{"type": "frame", "id": "WJ5Title", "layout": "vertical", "gap": 6, "alignItems": "center", "children": [
{"type": "text", "id": "WJ5TitleT", "fill": "#FFFFFF", "content": "Đã phục vụ", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "600"},
{"type": "text", "id": "WJ5Desc", "fill": "#8B8B90", "content": "Bàn 8 • Khách đang dùng bữa", "fontFamily": "Roboto", "fontSize": 14}
]},
{"type": "frame", "id": "WJ5Status", "width": "fill_container", "fill": "#F59E0B10", "cornerRadius": 12, "padding": 16, "layout": "vertical", "gap": 10, "alignItems": "center", "children": [
{"type": "icon_font", "id": "WJ5StatusI", "width": 24, "height": 24, "iconFontName": "clock", "iconFontFamily": "lucide", "fill": "#F59E0B"},
{"type": "text", "id": "WJ5StatusT", "fill": "#F59E0B", "content": "Đang dùng bữa", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"},
{"type": "text", "id": "WJ5StatusTime", "fill": "#8B8B90", "content": "15 phút kể từ khi phục vụ", "fontFamily": "Roboto", "fontSize": 12}
]},
{"type": "frame", "id": "WJ5Actions", "width": "fill_container", "layout": "vertical", "gap": 10, "children": [
{"type": "frame", "id": "WJ5Add", "width": "fill_container", "height": 44, "fill": "#2A2A2E", "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "WJ5AddI", "width": 16, "height": 16, "iconFontName": "plus", "iconFontFamily": "lucide", "fill": "#ADADB0"},
{"type": "text", "id": "WJ5AddT", "fill": "#ADADB0", "content": "Order thêm món", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
]},
{"type": "frame", "id": "WJ5Bill", "width": "fill_container", "height": 44, "fill": "#F59E0B", "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "WJ5BillI", "width": 16, "height": 16, "iconFontName": "receipt", "iconFontFamily": "lucide", "fill": "#000"},
{"type": "text", "id": "WJ5BillT", "fill": "#000000", "content": "In bill cho khách", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}
]}
]}
]
}
]
},
{
"type": "frame",
"id": "WaiterJourney6",
"name": "Waiter Journey/6-Bill",
"x": 2700,
"width": 440,
"height": 700,
"fill": "#0A0A0B",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "WJ6Modal",
"width": 380,
"fill": "#111113",
"cornerRadius": 24,
"stroke": {"thickness": 1, "fill": "#1F1F23"},
"layout": "vertical",
"gap": 16,
"padding": 24,
"children": [
{"type": "frame", "id": "WJ6Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "WJ6Step", "fill": "#14B8A620", "cornerRadius": 20, "padding": [6, 14], "children": [{"type": "text", "id": "WJ6StepT", "fill": "#14B8A6", "content": "Bước 6/6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]},
{"type": "text", "id": "WJ6Table", "fill": "#8B8B90", "content": "Bàn 8", "fontFamily": "Roboto", "fontSize": 12}
]},
{"type": "frame", "id": "WJ6Title", "width": "fill_container", "children": [{"type": "text", "id": "WJ6TitleT", "fill": "#FFFFFF", "content": "Thanh toán & Đóng bàn", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "600"}]},
{"type": "frame", "id": "WJ6Bill", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 12, "padding": 14, "layout": "vertical", "gap": 8, "children": [
{"type": "frame", "id": "WJ6B1", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "WJ6B1L", "fill": "#8B8B90", "content": "2x Phở bò tái", "fontFamily": "Roboto", "fontSize": 12}, {"type": "text", "id": "WJ6B1V", "fill": "#FFFFFF", "content": "90,000₫", "fontFamily": "Roboto", "fontSize": 12}]},
{"type": "frame", "id": "WJ6B2", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "WJ6B2L", "fill": "#8B8B90", "content": "1x Bún chả", "fontFamily": "Roboto", "fontSize": 12}, {"type": "text", "id": "WJ6B2V", "fill": "#FFFFFF", "content": "55,000₫", "fontFamily": "Roboto", "fontSize": 12}]},
{"type": "frame", "id": "WJ6B3", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "WJ6B3L", "fill": "#8B8B90", "content": "1x Cơm tấm", "fontFamily": "Roboto", "fontSize": 12}, {"type": "text", "id": "WJ6B3V", "fill": "#FFFFFF", "content": "50,000₫", "fontFamily": "Roboto", "fontSize": 12}]}
]},
{"type": "frame", "id": "WJ6Summary", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [
{"type": "frame", "id": "WJ6Sub", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "WJ6SubL", "fill": "#8B8B90", "content": "Tạm tính", "fontFamily": "Roboto", "fontSize": 13}, {"type": "text", "id": "WJ6SubV", "fill": "#FFFFFF", "content": "195,000₫", "fontFamily": "Roboto", "fontSize": 13}]},
{"type": "frame", "id": "WJ6Loyalty", "width": "fill_container", "justifyContent": "space_between", "children": [
{"type": "frame", "id": "WJ6LoyaltyL", "gap": 6, "alignItems": "center", "children": [{"type": "icon_font", "id": "WJ6LoyaltyI", "width": 12, "height": 12, "iconFontName": "coins", "iconFontFamily": "lucide", "fill": "#14B8A6"}, {"type": "text", "id": "WJ6LoyaltyT", "fill": "#14B8A6", "content": "Gold -5%", "fontFamily": "Roboto", "fontSize": 13}]},
{"type": "text", "id": "WJ6LoyaltyV", "fill": "#14B8A6", "content": "-9,750₫", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
]},
{"type": "frame", "id": "WJ6Div", "width": "fill_container", "height": 1, "fill": "#2A2A2E"},
{"type": "frame", "id": "WJ6Total", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "WJ6TotalL", "fill": "#FFFFFF", "content": "Tổng thanh toán", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "600"}, {"type": "text", "id": "WJ6TotalV", "fill": "#14B8A6", "content": "185,250₫", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "700"}]}
]},
{"type": "frame", "id": "WJ6Method", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 10, "padding": 12, "justifyContent": "space_between", "alignItems": "center", "children": [
{"type": "frame", "id": "WJ6MethodL", "gap": 8, "alignItems": "center", "children": [
{"type": "icon_font", "id": "WJ6MethodI", "width": 16, "height": 16, "iconFontName": "credit-card", "iconFontFamily": "lucide", "fill": "#8B8B90"},
{"type": "text", "id": "WJ6MethodT", "fill": "#FFFFFF", "content": "Chuyển khoản", "fontFamily": "Roboto", "fontSize": 13}
]},
{"type": "icon_font", "id": "WJ6MethodCheck", "width": 16, "height": 16, "iconFontName": "check-circle-2", "iconFontFamily": "lucide", "fill": "#22C55E"}
]},
{"type": "frame", "id": "WJ6Complete", "width": "fill_container", "height": 50, "fill": "#14B8A6", "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
{"type": "icon_font", "id": "WJ6CompleteI", "width": 18, "height": 18, "iconFontName": "check", "iconFontFamily": "lucide", "fill": "#FFFFFF"},
{"type": "text", "id": "WJ6CompleteT", "fill": "#FFFFFF", "content": "Hoàn tất & Đóng bàn", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
]}
]
}
]
}
]
}