Dropzones & Drag Patterns

HybReport DLS v2 · OPUS-4.6 · Mẫu tương tác kéo-thả

1. Vùng thả trống (Empty Dropzone)

Kéo trường vào đây để cấu hình

2. Trạng thái kéo qua (Drag-over State)

Thả để thêm trường

3. Vùng đã điền với Chip ngữ nghĩa (Filled Zone)

Khu vựcChiều

Doanh thuChỉ số

Tỷ lệ %Công thức

Trường lỗiLỗi

4. Danh sách sắp xếp (Sortable List)

Năm tài chính

Quý

Tháng

Ngày

5. Bố cục đa vùng (Multi-zone Layout)

Cột (Columns)

Sản phẩmChiều

Hàng (Rows)

Khu vựcChiều

Trạng tháiLọc

Giá trị (Values)

Thêm chỉ số

Quy tắc thiết kế: dashed = vùng tiếp nhận cấu hình · filled chip = cấu hình đã xác nhận