3.3.5.1. Trang chính quản lý hóa đơn điện – nước
Đây là giao diện chính khi nhấn vào mục Điện – Nước. Tại đây người dùng có thể xem các hóa đơn hiển thị trên bảng. Người dùng còn có thể thêm hóa đơn, xem chi tiết hóa đơn bằng cách nhấn vào nút Thêm hoặc biểu tượng
.
Ngoài ra người dùng có thể tìm kiếm hóa đơn theo ID hoặc là số phòng và cũng có thể lọc hóa đơn theo tòa hoặc theo tháng lập hóa đơn.
41
Hình 3. 15 Trang chính quản lý hóa đơn điện-nước khi không có hóa đơn
42
3.3.5.2. Thêm hóa đơn
Đây là giao diện sau khi người dùng nhấn vào nút Thêm. Tại đây người dùng nhập các thông tin cần thiết như chọn tòa, chọn phòng, thêm chỉ số cuối điện – nước. Hệ thống sẽ tự ghi nhận chỉ số cuối điện - nước của lần lập hóa đơn gần nhất để làm chỉ số đầu điện – nước cho hóa đơn đang tạo. Sau khi người dùng nhập đầy đủ thông tin hệ thống sẽ tự động tính tổng tiền của hóa đơn. Người dùng có thể nhấn Thêm để thêm hóa đơn hoặc nhấn Hủy để quay lại giao diện trước đó.
43
3.3.5.3. Chi tiết hóa đơn điện – nước
Đây là giao diện hiển thị chi tiết hóa đơn điên – nước. Tại đây người dùng có để nhấn Đánh dấu là đã thu để chuyển trạng thái hóa đơn thành đã thu hoặc có thể xuất hóa đơn ra file .pdf để thuận tiện cho việc lưu trữ. Nếu không có nhu cầu như trên người dùng có thể nhấn Quay lại để quay lại giao diện trước đó.
44
45
3.3.5.4. Trang chính hóa đơn tiền phòng
Hình 3. 19 Trang chính hóa đơn tiền phòng
Đây là giao diện trang chính của hóa đơn tiền phòng. Tại đây người dùng có thể xem các hóa đơn hiển thị trên bảng, tìm kiếm hóa đơn theo ID hoặc số phòng, lọc hóa đơn theo tháng lập hóa đơn và tòa hoặc người dùng có thể thêm hóa đơn mới khi nhấn vào nút Thêm. Ngoài ra người dùng có thể xem chi tiết hóa đơn khi nhấn vào biểu tượng .
3.3.5.5. Thêm hóa đơn tiền phòng
Đây là giao diện để thêm hóa đơn tiền phòng sau khi nhấn vào nút thêm ở trang chính hóa đơn tiền phòng. Người dùng nhập đầy đủ thông tin như chọn tòa, chọn sinh viên. Các thông tin khác sẽ được hệ thống tự động hiển thị theo dữ liệu trong database và hệ thống sẽ tự động tính tổng tiền. Người dùng có thể nhấn Thêm để thêm hóa đơn hoặc nhấn Hủy để quay lại giao diện trước đó.
46
Hình 3. 20 Thêm hóa đơn tiền phòng
3.3.5.6. Chi tiết hóa đơn tiền phòng
Tương tự như chi tiết hóa đơn điện – nước, chi tiết hóa đơn tiền phòng cũng hiển thị các thông tin cơ bản của 1 hóa đơn tiền phòng và những chức năng như Đánh dấu là đã thu, Xuất hóa đơn.
47
Hình 3. 21 Chi tiết hóa đơn tiền phòng