Copy Page

You are not logged in. Any changes you make will be marked as anonymous. You may want to Log In if you already have an account.

<img style="background-image: url(https://confluence.popplife.vn/plugins/servlet/confluence/placeholder/macro-heading?definition=e3dpZGdldDp1cmw9aHR0cHM6Ly93d3cuZmlnbWEuY29tL2Rlc2lnbi9OMFFpQ2pjYWhRVEt2b25ISEVWdEpaL1PDtG5nLUjhu5NuZy1VcC1kYXRlP25vZGUtaWQ9OTM3OS0zMjExOSZ0PVZFVGV0b3lKejVDUGFYa3YtMX0&amp;locale=en_GB&amp;version=2); background-repeat: no-repeat;" class="editor-inline-macro with-chrome" height="225" width="300" src="/plugins/servlet/widgetconnector/placeholder?thumb=www.figma.com&amp;width=300&amp;height=225" data-macro-name="widget" data-macro-id="760f9a08-6c6b-4fe0-a787-ef44ac4158d6" data-macro-parameters="url=https://www.figma.com/design/N0QiCjcahQTKvonHHEVtJZ/Sông-Hồng-Up-date?node-id\=9379-32119&amp;t\=VETetoyJz5CPaXkv-1" data-macro-schema-version="1"><table class="wrapped confluenceTable"><colgroup><col /><col /><col /><col /><col /><col /><col /><col /></colgroup><tbody><tr><th scope="col" class="confluenceTh">#</th><th scope="col" class="confluenceTh">Screen</th><th scope="col" class="confluenceTh">Pattern name</th><th scope="col" class="confluenceTh">Type</th><th scope="col" class="confluenceTh">Description</th><th scope="col" class="confluenceTh">Action</th><th scope="col" class="confluenceTh">Mock data</th><th scope="col" class="confluenceTh">Note</th></tr><tr><td class="confluenceTd">Tặng lượt vé lẻ</td><td class="confluenceTd"> </td><td class="confluenceTd"> </td><td class="confluenceTd"> </td><td class="confluenceTd"> </td><td class="confluenceTd">Người dùng nhập thông tin người thụ hưởng (không bắt buộc) và thao tác mua như luồng <a class="confluence-link" href="/pages/viewpage.action?pageId=35656698" data-linked-resource-id="35656698" data-linked-resource-version="8" data-linked-resource-type="page" data-linked-resource-default-alias="[PRD] Khởi tạo đơn h&amp;agrave;ng mua lượt lẻ" data-base-url="https://confluence.popplife.vn">[PRD] Khởi tạo đơn h&agrave;ng mua lượt lẻ</a></td><td class="confluenceTd"> </td><td class="confluenceTd"> </td></tr><tr><td class="confluenceTd">Tặng thẻ BSL</td><td class="confluenceTd">Tham gia chương trình Airport Lounge Access</td><td class="confluenceTd">Mua tặng gói lượt tiêu chuẩn </td><td class="confluenceTd">Button</td><td class="confluenceTd"> </td><td class="confluenceTd">Người dùng nhấn &quot;Mua tặng gói lượt tiêu chuẩn&quot; → điều hướng sang màn hình Mua tặng gói lượt tiêu chuẩn</td><td class="confluenceTd"> </td><td class="confluenceTd"> </td></tr><tr><td class="confluenceTd"> </td><td class="confluenceTd">Mua tặng gói lượt tiêu chuẩn</td><td class="confluenceTd">Số điện thoại</td><td class="confluenceTd">Textbox</td><td class="confluenceTd"> </td><td class="confluenceTd">Người dùng nhập số điện thoại của người hưởng thụ<ul><li>Người dùng chưa đăng ký hội viên BSL → nhập thông tin người thụ hưởng và thao tác như luồng đăng ký thành viên</li><li>Người dùng đã có thẻ hội viên BSL → luồng tặng gói lượt BSL</li></ul></td><td class="confluenceTd"> </td><td class="confluenceTd"> </td></tr><tr><td class="confluenceTd"> </td><td class="confluenceTd"> </td><td class="confluenceTd">Gói lượt tiêu chuẩn</td><td class="confluenceTd">Dropdown list</td><td class="confluenceTd"> </td><td class="confluenceTd">Người dùng chọn loại gói lượt tiêu chuẩn → Hiển thị màn hình danh sách gói lượt tiêu chuẩn<ul><li>Gói 5 lượt tiêu chuẩn</li><li>Gói 10 lượt tiêu chuẩn</li><li>Gói 20 lượt tiêu chuẩn</li></ul></td><td class="confluenceTd"> </td><td class="confluenceTd"> </td></tr><tr><td class="confluenceTd"> </td><td class="confluenceTd">Tiếp tục</td><td class="confluenceTd">Button</td><td class="confluenceTd"> </td><td class="confluenceTd"> </td><td style="text-align: left;" class="confluenceTd"> </td><td class="confluenceTd"> </td><td class="confluenceTd"> </td></tr><tr><td class="confluenceTd"> </td><td class="confluenceTd"> </td><td class="confluenceTd"> </td><td class="confluenceTd"> </td><td class="confluenceTd"> </td><td class="confluenceTd"> </td><td class="confluenceTd"> </td><td class="confluenceTd"> </td></tr><tr><td class="confluenceTd"> </td><td class="confluenceTd"> </td><td class="confluenceTd"> </td><td class="confluenceTd"> </td><td class="confluenceTd"> </td><td class="confluenceTd"> </td><td class="confluenceTd"> </td><td class="confluenceTd"> </td></tr></tbody></table>