BTSHTXH
BDH TAY SON HOANG THI XUAN HAN

Sign in Page - Copy this React, Tailwind Component to your project

Tạo một trang có thiết kế, màu sắc, animation tương tự trang trên nhưng lần này là nội dung là cho tab "Chuyến xe". Trang này ban đầu sẽ xuất hiện một bảng các danh sách các chuyến xe gồm có các dòng là các thông tin của nhà xe. Bảng này sẽ có các cột: "Nhà xe", "Điểm đi", "Điểm đến", "Giờ đi", "Giờ đến", (lưu ý là giờ đi, giờ đến ở đây hiện cả phần ngày luôn) "Giá vé". Mỗi khi bấm vào một dòng bất kì thì sẽ dropdown xuống một danh sách các điểm dừng của chuyến xe này, một điểm dừng sẽ có thông tin: "Tên điểm dừng", "Địa Chỉ", "Giờ đến". Ở trong mục điểm dừng này cũng sẽ có tính năng thêm, xóa, sửa (các tính năng này có thiết kế, màu sắc, animation đồng bộ với cả trang). Ngoài ra trên trang này còn có thanh tìm kiếm trong bảng theo "Tên nhà xe". Dưới thanh tìm kiếm là tính năng lọc (tính năng này cần có thiết kế, màu sắc, animation đồng bộ với cả trang) bao gồm: lọc theo điểm đi (là một dropdown và người dùng sẽ chọn, dropdown ở phần điểm đi chỉ xuất hiện ở tính năng lọc còn thêm, sửa là tự nhập), lọc theo điểm đến (là một dropdown và người dùng sẽ chọn, dropdown ở phần điểm điến chỉ xuất hiện ở tính năng lọc còn thêm, sửa là tự nhập) và có 4 nút chọn: giá vé tăng dần, giảm dần, giờ đi tăng dần, giảm dần. Và còn có các tính năng thêm, sửa , xóa chuyến đi (ở trong các modal sửa, thêm thì phần Giờ đi, Giờ đến này sẽ được chọn bằng một bộ chọn giờ, bộ chọn ngày (2 phần này cần có thiết kế, màu sắc, animation đồng bộ với cả trang)

Prompt

About

SignInPage - Easily sign in and manage your account with features like Excel/PDF export and import for seamless data handling. Built w. Get instant access!

Share

Last updated 1 month ago