> ## Documentation Index
> Fetch the complete documentation index at: https://huongdan.luklak.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Thiết kế Màn hình dữ liệu

> Cách sắp xếp Trường dữ liệu thành giao diện form trực quan, quản lý các thành phần hệ thống có sẵn.

## Màn hình dữ liệu là gì?

Nếu Trường dữ liệu là các ô nhập liệu riêng lẻ, thì **Màn hình dữ liệu** (Data Screen) là tờ form hoàn chỉnh trình bày chúng cho người dùng. Đây là giao diện mà nhân sự nhìn thấy khi tạo, xem, hoặc sửa Đầu việc.

<Info>
  Mỗi `Loại việc` bắt buộc phải được gán một Màn hình dữ liệu. Màn hình quy định chính xác layout và trường mà người dùng tương tác.
</Info>

## Quy trình thiết kế

1. **Tạo Màn hình** trong `📋 Chức năng`.
2. **Kéo thả Trường dữ liệu** từ thư viện vào canvas.
3. **Sắp xếp bố cục** — nhóm các trường thành section logic, dễ theo dõi.
4. **Gán cho Loại việc** — liên kết Màn hình với một hoặc nhiều Loại việc.

<Tip>
  Màn hình có thể tái sử dụng. Tạo một Màn hình "Thông tin liên hệ" (tên, email, SĐT) rồi gán cho cả Loại việc "Lead" và "Khách hàng" để đảm bảo nhất quán.
</Tip>

## Các thành phần hệ thống có sẵn

### Trường hệ thống luôn có sẵn

Không cần tạo, chỉ cần bật/tắt bắt buộc:

* **Ngày bắt đầu & Hạn hoàn thành:** Lên lịch và theo dõi deadline.
* **Người phụ trách & Người giám sát:** Xác định trách nhiệm.
* **Người liên quan & Nhóm liên quan:** Gắn tag các bên liên quan.

### Thành phần tùy chọn

Bật hoặc tắt tùy nhu cầu từng Loại việc:

<CardGroup cols={2}>
  <Card title="Mô tả" icon="align-left" iconType="duotone">
    Khối rich text cho giải thích chi tiết, hướng dẫn, hoặc phạm vi công việc.
  </Card>

  <Card title="Checklist" icon="list-check" iconType="duotone">
    Danh sách to-do tương tác bên trong Đầu việc.
  </Card>

  <Card title="Sub-objects" icon="cubes-stacked" iconType="duotone">
    Khu vực tạo và quản lý Đầu việc con lồng nhau.
  </Card>

  <Card title="Liên kết Đối tượng" icon="link" iconType="duotone">
    Hiển thị các Đầu việc liên quan trên hệ thống.
  </Card>

  <Card title="File đính kèm" icon="paperclip" iconType="duotone">
    Upload và quản lý tài liệu liên quan.
  </Card>

  <Card title="Live Photo" icon="camera-retro" iconType="duotone">
    Chụp ảnh có GPS và timestamp trên mobile — phù hợp xác minh hiện trường.
  </Card>
</CardGroup>

***

## Đọc tiếp

* [Trường hệ thống tự động](/02-platform/platform-overview/data-fields/truong-he-thong)
* [Dữ liệu Trường trong thực tế](/02-platform/platform-overview/data-fields/su-dung-du-lieu)
* [Quay lại Trường dữ liệu & Màn hình](/02-platform/platform-overview/data-fields/index)