account/order-list#

Danh sách đơn hàng của khách.

• Tệp giao diện: account/order-list.html
• Đường dẫn: /tai-khoan/don-hang
• Controller: App\Modules\Account\AccountController::orderListPage

Ngoài những biến dưới đây, slot này còn nhận toàn bộ biến toàn cục.

Biến của trang#

Mã đầy đủ#

Toàn bộ tệp account/order-list.html của bộ giao diện mặc định. Chép về templates/<bộ giao diện của bạn>/account/order-list.html rồi sửa theo ý muốn.

<div class="container page-content">
  <h1 class="page-title">Đơn hàng của tôi</h1>
  <div class="account-layout">
    {% assign active_page = 'orders' %}
    {% include 'account/_sidebar' %}
    <div class="account-main">
      {% if orders.size > 0 %}
        <table class="orders-table">
          <thead>
            <tr>
              <th>Mã đơn</th>
              <th>Ngày đặt</th>
              <th>Trạng thái</th>
              <th>Tổng tiền</th>
            </tr>
          </thead>
          <tbody>
            {% for order in orders %}
            <tr>
              <td>
                <a href="/tai-khoan/don-hang/{{ order.id }}">#{{ order.code | default: order.id }}</a>
              </td>
              <td>{{ order.created_at | date_vi }}</td>
              <td><span class="status-badge">{{ order.current_status }}</span></td>
              <td>{{ order.total_amount | money }}</td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      {% else %}
        <p class="empty-state">Chưa có đơn hàng nào.</p>
      {% endif %}
    </div>
  </div>
</div>