🌐 VI / EN
lean.vn — LeanERP và hệ sinh thái AI
📖 HƯỚNG DẪN SỬ DỤNG LEANERP · MODULE ASSESSMENT

Màn hình: Đăng nhập & Đăng ký

Assessment App — Đăng nhập & Đăng ký tài khoản

🎬 Xem 20 Video Hướng Dẫn 📚 Mở Wiki Hub
LEAN.VN · AI KNOWLEDGE GUIDE

Tìm đúng hướng dẫn.
Làm đúng ngay lần đầu.

Hỏi AI để tìm tài liệu, giải thích thao tác và xác định bước tiếp theo trong Module Assessment.

🎬 Video Thực Hành: Đăng nhập, Đăng ký & Cài đặt PWA trên Điện thoại V02 · 03:00 · Công nhân · Trưởng nhóm
File: index.html lines 24-45, js/app.js lines 75-100
Đường dẫn: http://localhost/lean.vn/appassessment/ (local) hoặc https://lean.vn/appassessment/ (production)

1. Màn hình Đăng nhập

Hiện ra khi chưa có 6s_user trong localStorage.

CODE
┌──────────────────────────────────┐
│                                  │
│             📋                   │
│       CiCC Assessment            │
│   Hệ thống đánh giá đa năng      │
│                                  │
│   Tài khoản / Email / SĐT        │
│   ┌────────────────────────────┐ │
│   │ Username, email hoặc SĐT...│ │
│   └────────────────────────────┘ │
│                                  │
│   Mật khẩu                       │
│   ┌────────────────────────────┐ │
│   │ •••••••••                  │ │
│   └────────────────────────────┘ │
│                                  │
│   ┌────────────────────────────┐ │
│   │        ĐĂNG NHẬP           │ │
│   └────────────────────────────┘ │
│                                  │
│   🔗 Mở App 6S Tagging          │
└──────────────────────────────────┘

Trường nhập liệu

TrườngIDLoạiBắt buộcMô tả
Tài khoản / Email / SĐTlogin-usernameText✅Nhập username, email hoặc SĐT
Mật khẩulogin-passwordPassword✅Nhập mật khẩu (ẩn dấu ●)
ElementHành động
ĐĂNG NHẬPGọi doLogin() → POST /auth/login → lưu localStorage → checkAuth()
🔗 Mở App 6S TaggingMở APP6S_URL trong tab mới (điều hướng sang app6suser)

Xử lý khi Enter

Cả 2 ô input có onkeyup="if(event.key==='Enter') doLogin()" — nhấn Enter = submit.

Luồng xử lý (doLogin)

CODE
1. Lấy login + password từ input
2. Validate: không trống?
3. fetch POST /auth/login với { login, password }
4. Thành công:
   - Lưu response.data vào localStorage('6s_user')
   - checkAuth()
5. Thất bại: alert(j.message)
6. Lỗi mạng: alert('Lỗi kết nối!')

API Auth

Endpoint: POST /cicc-assessment/v1/auth/login

Dùng chung bảng wp_6s_users với app6suser — 1 tài khoản dùng được cả 2 app.

JSON
// Request
{ "login": "danhgia", "password": "123456" }

// Response success
{
  "success": true,
  "data": {
    "user_6s_id": 1,
    "wp_user_id": 2,
    "username": "danhgia",
    "display_name": "Nguyễn Văn A",
    "role_code": "R07",
    "location_id": [22, 8, 12, 18],
    "tenant_id": 1,
    "login_identifier": "danhgia"
  }
}

2. Sau đăng nhập (checkAuth)

CODE
Check localStorage('6s_user')
  → Có? Ẩn auth-container, hiện .app
  → Không? Hiện auth-container, ẩn .app
  → Nếu có user:
      - Hiển thị avatar (2 ký tự đầu tên) + tên + role
      - Gọi loadUserLocations(userId) — tải locations từ cicc-6s/v1
      - switchTab('home')

Biến toàn cục

BiếnMô tả
APIBase URL của cicc-assessment/v1 API
APP6S_URLURL app6suser để điều hướng
ROLE_MAPMap role_code → tên hiển thị
EVAL_TYPES3 loại đánh giá: self/cross/expert
EVAL_THRESHOLDSNgưỡng: self=90, cross=85, expert=80
userLocationsLocations được phân quyền cho user

Header sau login

CODE
[📋 Assessment CiCC Evaluation]    [NV] [ON] [🔄] [🏷️] [🚪]
                                   Nguyễn Văn A ▾
  • Avatar: 2 ký tự đầu tên, gradient xanh dương-xanh lá
  • 🏷️: Điều hướng sang app6suser
  • 🚪: Logout → xóa localStorage → reload

3. Lưu ý

  • Dùng chung tài khoản với app6suser (bảng wp_6s_users)
  • User phải được Admin kích hoạt (status='active') mới login được
  • user_6s_id ≠ wp_user_id — dùng user_6s_id cho API
  • App tự động detect localhost → dùng http://localhost/lean.vn/ làm base

Audio thuyết minh

🖼️
Nghe hướng dẫnĐường dẫn minh họa: audio/ass-01-dang-nhap.mp3

Click play để nghe hướng dẫn bằng giọng đọc.


Screenshots

🖼️
Màn hình Đăng nhập AssessmentĐường dẫn minh họa: images/ass-login-screen.png

Chú thích: Màn hình login CiCC Assessment với username/password và nút ĐĂNG NHẬP

🖼️
Header sau loginĐường dẫn minh họa: images/ass-login-header.png

Chú thích: Header sau đăng nhập: avatar, tên user, trạng thái ON, nút sync/logout

🖼️
Link mở App 6S TaggingĐường dẫn minh họa: images/ass-login-link-6s.png

Chú thích: Link "Mở App 6S Tagging" điều hướng sang app6suser

🖼️
Thông báo lỗi đăng nhậpĐường dẫn minh họa: images/ass-login-error.png

Chú thích: Alert thông báo khi đăng nhập thất bại


CICC DIGITAL ECOSYSTEM

Tiếp tục hành trình cùng hệ sinh thái CiCC

Từ tư vấn và đào tạo đến LeanERP và AI ứng dụng, chọn đúng nền tảng cho bước tiếp theo của doanh nghiệp.

Hỏi LeanERP AI?