🎨 Hướng dẫn chi tiết

Quản lý công việc Thiết kế

Hướng dẫn giao việc thiết kế, theo dõi tiến độ, lọc trạng thái và xem báo cáo hiệu suất nhân viên thiết kế trong hệ thống VNDNer CNC.

Quản lý thiết kế Giao việc thiết kế Về mục lục

🔗 Đi đến

📋 Tổng quan ➕ Giao việc thiết kế 📑 Các trường dữ liệu 🏷️ Trạng thái công việc 📊 Quản lý danh sách 🔍 Lọc & Tìm kiếm 📈 Báo cáo thiết kế ⚠️ Lưu ý

📋 Tổng quan — Module Thiết kế

Module Thiết kế giúp quản lý toàn bộ công việc thiết kế trong doanh nghiệp — từ lúc giao việc cho nhân viên cho đến khi hoàn thành. Mỗi công việc có thể gắn với khách hàng, người phụ trách, deadline và mức độ ưu tiên rõ ràng.

👤 Khách hàng

→

🎨 Giao việc TK

→

🔄 Theo dõi TT

→

✅ Hoàn thành

Module gồm 3 trang chính:

➕ Giao việc thiết kế

Trang add_design_task.php — Tạo công việc mới, chọn khách hàng, người phụ trách, deadline và mức ưu tiên.

📋 Quản lý thiết kế

Trang design_management.php — Xem toàn bộ danh sách công việc, lọc theo trạng thái, tìm kiếm theo tiêu đề hoặc khách hàng.

📊 Báo cáo thiết kế

Trang design_report.php — Thống kê tổng quan, hiệu suất theo nhân viên và danh sách công việc quá hạn.

Giao việc thiết kế Quản lý danh sách Xem báo cáo

➕ Giao việc thiết kế — Các bước thực hiện

Truy cập add_design_task.php hoặc bấm nút "+ Giao việc thiết kế" từ trang quản lý. Form cho phép tạo một công việc thiết kế mới và phân công ngay cho nhân viên phụ trách.

1

Nhập tiêu đề công việc *

Mô tả ngắn gọn nội dung công việc thiết kế — ví dụ: Thiết kế banner Facebook tháng 6, Logo sản phẩm ABC. Tiêu đề sẽ hiển thị xuyên suốt danh sách và báo cáo.
2

Chọn khách hàng

Dropdown hiển thị tất cả khách hàng đã được đăng ký trong hệ thống. Nếu công việc nội bộ (không gắn khách hàng cụ thể), có thể để trống — chọn "-- Không chọn --".
3

Chọn người phụ trách

Chọn nhân viên thiết kế sẽ thực hiện công việc này. Danh sách lấy từ bảng nhân viên của doanh nghiệp. Có thể để "-- Chưa phân công --" và phân công sau.
4

Đặt Deadline

Ngày hết hạn hoàn thành công việc. Hệ thống dùng thông tin này để hiển thị cảnh báo quá hạn trong trang báo cáo — các công việc chưa xong mà qua deadline sẽ được đánh dấu đỏ.
5

Chọn độ ưu tiên

4 mức: 🟢 Thấp — 🟡 Bình thường (mặc định) — 🔴 Cao — 🚨 Khẩn cấp. Giúp nhân viên xác định thứ tự xử lý khi có nhiều công việc cùng lúc.
6

Nhập mô tả chi tiết & Bấm "Giao việc"

Ghi rõ yêu cầu cụ thể: kích thước, phong cách, màu sắc, tài liệu tham khảo… Sau đó bấm "🎨 Giao việc thiết kế". Hệ thống lưu và tự động chuyển về trang quản lý, công việc mới xuất hiện đầu danh sách với trạng thái ⏳ Chờ.

💡

Cập nhật tiến độ sau khi giao việcSau khi giao việc, nhân viên phụ trách cần vào Quản lý thiết kế → bấm ✏️ Sửa → cập nhật trạng thái theo tiến độ thực tế (Đang làm, Chờ duyệt, Xong…).

Mở trang Giao việc thiết kế

📑 Giải thích các trường dữ liệu

Trường	Bắt buộc	Mô tả
Tiêu đề công việc	Bắt buộc	Tên ngắn gọn mô tả nội dung thiết kế. Hiển thị xuyên suốt danh sách và báo cáo.
Khách hàng	Tuỳ chọn	Liên kết công việc thiết kế với khách hàng cụ thể. Để trống nếu là công việc nội bộ.
Người phụ trách	Tuỳ chọn	Nhân viên thiết kế được giao thực hiện. Có thể phân công sau khi tạo công việc.
Deadline	Tuỳ chọn	Ngày hoàn thành mong muốn. Dùng để cảnh báo quá hạn trong trang `design_report.php`.
Độ ưu tiên	Tuỳ chọn	Mức độ khẩn cấp: Thấp / Bình thường / Cao / Khẩn cấp. Mặc định là Bình thường.
Mô tả chi tiết	Tuỳ chọn	Yêu cầu cụ thể về kích thước, phong cách, màu sắc, tài liệu tham khảo, ghi chú thêm…
Trạng thái	Tự động	Khởi tạo mặc định là pending (Chờ). Cập nhật thủ công qua trang Sửa công việc.
Ngày tạo	Tự động	Hệ thống tự ghi nhận thời điểm tạo công việc (NOW()). Dùng để lọc báo cáo theo khoảng ngày.

🏷️ Vòng đời trạng thái công việc thiết kế

Mỗi công việc thiết kế đi qua các trạng thái theo tiến độ thực tế. Người phụ trách (hoặc quản lý) cập nhật trạng thái qua trang Sửa công việc (edit_design_task.php).

⏳ Chờ

Vừa được giao, chưa ai bắt đầu thực hiện.

🔄 Đang làm

Nhân viên đã nhận và đang thực hiện thiết kế.

👁️ Chờ duyệt

Đã hoàn thành bản nháp, đang chờ quản lý hoặc khách duyệt.

✅ Xong

Đã được duyệt và bàn giao hoàn tất.

❌ Huỷ

Công việc bị huỷ bỏ, không cần thực hiện nữa.

⏳ Chờ

→

🔄 Đang làm

→

👁️ Chờ duyệt

→

✅ Xong

💡

Thứ tự không bắt buộcCó thể chuyển trạng thái linh hoạt — ví dụ từ Chờ duyệt quay lại Đang làm nếu cần chỉnh sửa, hoặc huỷ trực tiếp từ bất kỳ trạng thái nào.

📊 Quản lý danh sách công việc thiết kế

Trang Quản lý thiết kế (design_management.php) hiển thị toàn bộ công việc dưới dạng bảng (Desktop) hoặc card (Mobile), sắp xếp mới nhất lên đầu.

📋 Giao diện bảng danh sách — Desktop

#	Tiêu đề	Khách hàng	Người phụ trách	Deadline	Trạng thái
1	Banner Facebook tháng 6	ACME Corp	Nguyễn Văn A	15/06/2024	🔄 Đang làm
2	Logo sản phẩm ABC	XYZ Ltd	Trần Thị B	20/06/2024	👁️ Chờ duyệt
3	Thiết kế catalogue Q3	—	—	—	⏳ Chờ

Các hành động có thể thực hiện:

✏️

Sửa / Cập nhật trạng tháiBấm nút ✏️ để chuyển sang trang edit_design_task.php — tại đây có thể chỉnh sửa mọi thông tin và cập nhật trạng thái tiến độ công việc.

🗑️

Xoá công việcBấm nút 🗑️ Xoá → hộp thoại xác nhận xuất hiện → bấm OK để xoá. Lưu ý: Chỉ tài khoản có quyền Admin (role = 0) mới thấy và sử dụng được nút xoá.

📱

Giao diện MobileTrên thiết bị di động, các công việc hiển thị dạng card gọn gàng với đầy đủ thông tin: tiêu đề, khách hàng, người phụ trách, deadline và badge trạng thái màu sắc trực quan.

🔍 Lọc & Tìm kiếm công việc thiết kế

Trang quản lý thiết kế cung cấp 2 bộ lọc để thu hẹp kết quả nhanh chóng:

🔤

Tìm kiếm theo từ khoáNhập tên tiêu đề công việc hoặc tên khách hàng — hệ thống tự tìm trong cả 2 trường cùng lúc. Ví dụ: gõ "banner" để tìm tất cả công việc banner, gõ tên khách để xem việc của khách đó.

🏷️

Lọc theo trạng tháiChọn một trạng thái từ dropdown: Chờ, Đang làm, Chờ duyệt, Xong, Huỷ — hiển thị đúng các công việc đang ở bước đó. Chọn "-- Tất cả TT --" để bỏ lọc.

💡

Kết hợp nhiều bộ lọcCó thể lọc đồng thời theo cả từ khoá lẫn trạng thái. Ví dụ: xem tất cả công việc của "ACME Corp" đang ở trạng thái Đang làm — gõ tên khách vào ô tìm kiếm và chọn trạng thái tương ứng rồi bấm Lọc.

🔄

Xóa bộ lọcBấm nút "Xóa" bên cạnh nút Lọc để xoá toàn bộ điều kiện và quay lại danh sách đầy đủ.

📈 Báo cáo thiết kế

Trang Báo cáo (design_report.php) cung cấp cái nhìn tổng quan về hiệu suất và tiến độ toàn bộ công việc thiết kế theo khoảng thời gian tuỳ chọn.

Tổng công việc

Hoàn thành

Đang thực hiện

Quá hạn

📅

Lọc theo khoảng thời gianNhập ngày bắt đầu và kết thúc → hệ thống lọc công việc theo trường Ngày tạo (created_at). Dùng để xem báo cáo tuần, tháng hoặc quý.

👤

Hiệu suất theo nhân viênBiểu đồ thanh hiển thị từng nhân viên: tổng số công việc được giao, số đã hoàn thành và tỷ lệ phần trăm (%). Giúp quản lý đánh giá năng suất khách quan.

⏰

Danh sách công việc quá hạnHiển thị tất cả công việc chưa hoàn thành (không ở trạng thái Xong hoặc Huỷ) mà deadline đã qua ngày hôm nay. Gồm tiêu đề, người phụ trách và ngày deadline.

Xem báo cáo thiết kế Quay lại danh sách

⚠️ Lưu ý quan trọng

⚠️

Phải có nhân viên trước khi phân côngNếu dropdown "Giao cho" trống, cần thêm nhân viên vào hệ thống tại trang Quản lý nhân viên trước. Công việc vẫn có thể tạo mà không phân công, nhưng sẽ không theo dõi được hiệu suất cá nhân.

🔒

Quyền xoá chỉ dành cho AdminNút 🗑️ Xoá chỉ hiển thị với tài khoản có system_role = 0 (Admin). Nhân viên thường chỉ có thể sửa trạng thái, không xoá được công việc.

🚨

Chú ý công việc quá hạnKiểm tra trang Báo cáo thường xuyên để phát hiện công việc quá hạn sớm. Công việc quá hạn được tính là những công việc có deadline < ngày hôm nay và chưa ở trạng thái Xong hoặc Huỷ.

🔗

Quy trình đúngThêm khách hàng (nếu cần) → Giao việc thiết kế → Phân công người phụ trách → Cập nhật trạng thái định kỳ → Duyệt hoàn thành → Xem báo cáo. Không bỏ qua bước cập nhật trạng thái để báo cáo luôn phản ánh đúng thực tế.

📱

Tương thích Mobile hoàn toànCả 3 trang (Quản lý, Giao việc, Báo cáo) đều có giao diện riêng cho điện thoại — nhân viên có thể cập nhật tiến độ ngay trên thiết bị di động mà không cần máy tính.

Tiếp tục khám phá các chức năng liên quan:

Giao việc thiết kế Báo cáo thiết kế Quản lý thiết kế Mục lục hướng dẫn