JSON ข้อความ · Message objectflexlay-customer-support-ticket.json
{
"type": "flex",
"altText": "รับเรื่องแล้ว เลขที่ CS-58213 ทีมงานจะติดต่อกลับภายใน 24 ชั่วโมง",
"contents": {
"type": "bubble",
"size": "kilo",
"body": {
"type": "box",
"layout": "vertical",
"spacing": "sm",
"paddingAll": "xl",
"contents": [
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "sm",
"text": "หัวข้อ",
"flex": 2,
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "ชำระเงินแล้วแต่สถานะยังไม่อัปเดต",
"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": "LINE OA",
"flex": 4,
"wrap": true,
"align": "end",
"color": "#111827"
}
]
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "sm",
"text": "ความเร่งด่วน",
"flex": 2,
"color": "#5F6673"
},
{
"type": "box",
"layout": "horizontal",
"flex": 4,
"contents": [
{
"type": "box",
"layout": "vertical",
"flex": 1,
"contents": []
},
{
"type": "box",
"layout": "vertical",
"flex": 0,
"paddingEnd": "8px",
"paddingTop": "2px",
"cornerRadius": "xl",
"paddingStart": "8px",
"paddingBottom": "2px",
"backgroundColor": "#DC2626",
"contents": [
{
"type": "text",
"size": "xxs",
"text": "สูง",
"align": "center",
"color": "#FFFFFF",
"weight": "bold"
}
]
}
]
}
]
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "sm",
"text": "สถานะ",
"flex": 2,
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "กำลังตรวจสอบ",
"flex": 4,
"wrap": true,
"align": "end",
"color": "#0369A1",
"weight": "bold"
}
]
},
{
"type": "separator",
"color": "#EEF0F3",
"margin": "md"
},
{
"type": "box",
"layout": "baseline",
"margin": "md",
"contents": [
{
"type": "text",
"size": "sm",
"text": "ตอบกลับภายใน",
"flex": 0,
"color": "#4B5563"
},
{
"type": "text",
"size": "sm",
"text": "24 ชั่วโมง",
"flex": 0,
"color": "#111827",
"margin": "sm",
"weight": "bold"
}
]
},
{
"type": "text",
"size": "xs",
"text": "เวลาทำการ จ.–ศ. 09:00–18:00 น.",
"color": "#5F6673",
"margin": "xs"
}
]
},
"footer": {
"type": "box",
"layout": "vertical",
"spacing": "sm",
"paddingAll": "lg",
"paddingTop": "none",
"contents": [
{
"type": "button",
"color": "#0369A1",
"style": "primary",
"height": "sm",
"action": {
"type": "uri",
"uri": "https://example.com/support/CS-58213",
"label": "ดูสถานะเรื่อง"
}
},
{
"type": "button",
"style": "secondary",
"height": "sm",
"action": {
"type": "message",
"text": "ขอคุยกับเจ้าหน้าที่ เรื่อง CS-58213",
"label": "คุยกับเจ้าหน้าที่"
}
}
]
},
"header": {
"type": "box",
"layout": "vertical",
"paddingAll": "xl",
"backgroundColor": "#0369A1",
"contents": [
{
"type": "text",
"size": "lg",
"text": "เราได้รับเรื่องของคุณแล้ว",
"wrap": true,
"color": "#FFFFFF",
"weight": "bold"
},
{
"type": "text",
"size": "sm",
"text": "เลขที่เรื่อง #CS-58213",
"color": "#E0F2FE",
"margin": "xs"
}
]
}
}
}
