diff --git a/src/api/api.js b/src/api/api.js index be2b8f8..1276501 100644 --- a/src/api/api.js +++ b/src/api/api.js @@ -60,6 +60,8 @@ export const statisticsApi = { getApartmentRoomStatusStats: () => get('/statistics/apartment-room-status'), getEmptyRoomsByApartment: () => get('/statistics/empty-rooms-by-apartment'), getRentedRoomsByApartment: () => get('/statistics/rented-rooms-by-apartment'), + getSoonExpireRoomsByApartment: () => get('/statistics/soon-expire-rooms-by-apartment'), + getExpiredRoomsByApartment: () => get('/statistics/expired-rooms-by-apartment'), getTenantRentalStats: () => get('/statistics/tenant-rental-stats') }; diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue index ca065a7..d8925f8 100644 --- a/src/layouts/MainLayout.vue +++ b/src/layouts/MainLayout.vue @@ -21,11 +21,7 @@ {{ notificationCount }} - - 查看所有通知 - {{ notificationCount }} - - + 已到期房间 {{ expiredCount }} @@ -354,10 +350,6 @@ export default { // 处理通知命令 handleNotificationCommand(command) { switch (command) { - case 'viewAll': - // 查看所有通知 - this.$router.push('/rental/list') - break case 'expired': // 查看已到期房间 this.$router.push('/rental/list?subStatus=expired') diff --git a/src/views/statistics/House.vue b/src/views/statistics/House.vue index 0b9831d..97b4998 100644 --- a/src/views/statistics/House.vue +++ b/src/views/statistics/House.vue @@ -58,6 +58,40 @@ +
+

即将到期分布

+ + + + + + + +
+
+

已到期分布

+ + + + + + + +

租客在租统计

@@ -93,6 +127,8 @@ export default { roomStatusData: [], emptyRoomsData: [], rentedRoomsData: [], + soonExpireRoomsData: [], + expiredRoomsData: [], tenantRentalData: [] } }, @@ -107,6 +143,8 @@ export default { this.loadRoomStatusData() this.loadEmptyRoomsData() this.loadRentedRoomsData() + this.loadSoonExpireRoomsData() + this.loadExpiredRoomsData() this.loadTenantRentalData() }, methods: { @@ -176,6 +214,22 @@ export default { } catch (error) { this.$message.error('加载租客在租统计数据失败') } + }, + async loadSoonExpireRoomsData() { + try { + const response = await statisticsApi.getSoonExpireRoomsByApartment() + this.soonExpireRoomsData = response + } catch (error) { + this.$message.error('加载即将到期分布数据失败') + } + }, + async loadExpiredRoomsData() { + try { + const response = await statisticsApi.getExpiredRoomsByApartment() + this.expiredRoomsData = response + } catch (error) { + this.$message.error('加载已到期分布数据失败') + } } } }