JSON ข้อความ · Message objectflexlay-payment-installment-schedule.json
{
"type": "flex",
"altText": "ผ่อนชำระงวดที่ 4/6 ยอด ฿2,500 กำหนดชำระ 5 ม.ค. 2570",
"contents": {
"type": "bubble",
"size": "kilo",
"body": {
"type": "box",
"layout": "vertical",
"paddingAll": "xl",
"contents": [
{
"type": "text",
"size": "xs",
"text": "แผนผ่อนชำระ 0% 6 เดือน",
"color": "#5F6673"
},
{
"type": "text",
"size": "lg",
"text": "โน้ตบุ๊ก ProBook 14",
"color": "#111827",
"margin": "xs",
"weight": "bold"
},
{
"type": "box",
"layout": "baseline",
"margin": "lg",
"contents": [
{
"type": "text",
"size": "sm",
"text": "ชำระแล้ว 3 จาก 6 งวด",
"flex": 1,
"color": "#111827"
},
{
"type": "text",
"size": "sm",
"text": "50%",
"flex": 0,
"color": "#7C3AED",
"weight": "bold"
}
]
},
{
"type": "box",
"layout": "vertical",
"height": "8px",
"margin": "sm",
"cornerRadius": "4px",
"backgroundColor": "#EDE9FE",
"contents": [
{
"type": "box",
"layout": "vertical",
"width": "50%",
"height": "8px",
"cornerRadius": "4px",
"backgroundColor": "#7C3AED",
"contents": []
}
]
},
{
"type": "separator",
"color": "#EEF0F3",
"margin": "lg"
},
{
"type": "box",
"layout": "vertical",
"margin": "lg",
"spacing": "sm",
"contents": [
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "sm",
"text": "งวดถัดไป",
"flex": 2,
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "งวดที่ 4 · ฿2,500",
"flex": 4,
"wrap": true,
"align": "end",
"color": "#111827",
"weight": "bold"
}
]
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "sm",
"text": "กำหนดชำระ",
"flex": 2,
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "5 ม.ค. 2570",
"flex": 4,
"wrap": true,
"align": "end",
"color": "#C2410C"
}
]
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "sm",
"text": "ยอดคงเหลือ",
"flex": 2,
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "฿7,500",
"flex": 4,
"wrap": true,
"align": "end",
"color": "#111827"
}
]
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "sm",
"text": "เลขที่สัญญา",
"flex": 2,
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "IN-2569-0412",
"flex": 4,
"wrap": true,
"align": "end",
"color": "#111827"
}
]
}
]
}
]
},
"footer": {
"type": "box",
"layout": "vertical",
"spacing": "sm",
"paddingAll": "lg",
"paddingTop": "none",
"contents": [
{
"type": "button",
"color": "#7C3AED",
"style": "primary",
"height": "sm",
"action": {
"type": "uri",
"uri": "https://example.com/pay/IN-2569-0412/4",
"label": "ชำระงวดนี้"
}
},
{
"type": "button",
"color": "#7C3AED",
"style": "link",
"height": "sm",
"action": {
"type": "uri",
"uri": "https://example.com/contracts/IN-2569-0412",
"label": "ดูตารางผ่อนทั้งหมด"
}
}
]
}
}
}
