diff --git a/src/assets/images/credit-card.png b/src/assets/images/credit-card.png
new file mode 100644
index 0000000..87a9e6e
Binary files /dev/null and b/src/assets/images/credit-card.png differ
diff --git a/src/assets/images/envelope-square.png b/src/assets/images/envelope-square.png
new file mode 100644
index 0000000..c9e6f41
Binary files /dev/null and b/src/assets/images/envelope-square.png differ
diff --git a/src/assets/images/fa-cut.png b/src/assets/images/fa-cut.png
new file mode 100644
index 0000000..ffa02a0
Binary files /dev/null and b/src/assets/images/fa-cut.png differ
diff --git a/src/assets/images/fa-history.png b/src/assets/images/fa-history.png
new file mode 100644
index 0000000..3cfc926
Binary files /dev/null and b/src/assets/images/fa-history.png differ
diff --git a/src/assets/images/home.png b/src/assets/images/home.png
new file mode 100644
index 0000000..61aea77
Binary files /dev/null and b/src/assets/images/home.png differ
diff --git a/src/views/index.vue b/src/views/index.vue
index db51d3c..c96bff9 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -226,7 +226,7 @@
       top="5vh"
       append-to-body
     >
-      <CommonReminder @close="reservationVisible = !reservationVisible"/>
+      <CommonReminder @close="reservationVisible = !reservationVisible" />
     </el-dialog>
     <!-- 释放房源提醒弹框 -->
     <el-dialog
@@ -248,6 +248,7 @@
 
 <script>
 import { listWaitingReleaseRooms } from "@/api/residence/checkout";
+import {checkInReservation} from "@/api/recs";
 
 import * as Echarts from "echarts";
 import CommonTitle from "./components/CommonTitle.vue";
@@ -273,13 +274,13 @@ export default {
           id: 1,
           label: "入住办理",
           icon: require("../assets/images/antFill-phone.png"),
-          color: "#fbd5d5",
+          color: "#FBD5D5",
           url: "/residence/check_in",
         },
         {
           id: 2,
           label: "退房办理",
-          icon: require("../assets/images/antFill-phone.png"),
+          icon: require("../assets/images/credit-card.png"),
           color: "#c2e2f9",
           url: "/residence/check_out",
         },
@@ -287,7 +288,7 @@ export default {
           id: 3,
           label: "入住预约",
           icon: require("../assets/images/antFill-phone.png"),
-          color: "#fbedc8",
+          color: "#FBEDC8",
         },
         // {
         //   label: "看房预约",
@@ -298,22 +299,41 @@ export default {
           id: 4,
           label: "退房提醒",
           icon: require("../assets/images/antFill-phone.png"),
-          color: "#fdd1d1",
+          color: "#FDDDF1",
         },
         {
           id: 5,
-          label: "报修提醒",
-          icon: require("../assets/images/fa-gavel.png"),
-          color: "#fbedc8",
-          count: 3,
+          label: "续期提醒",
+          icon: require("../assets/images/fa-history.png"),
+          color: "#FBEDC8",
         },
         {
           id: 6,
           label: "释放房源提醒",
-          icon: require("../assets/images/fa-gavel.png"),
+          icon: require("../assets/images/home.png"),
           color: "#D2F9E2",
           count: 0,
         },
+        {
+          id: 7,
+          label: "水电预警",
+          icon: require("../assets/images/fa-gavel.png"),
+          color: "#FDE7ED ",
+          count: 0,
+        },
+        {
+          id: 8,
+          label: "报修",
+          icon: require("../assets/images/fa-gavel.png"),
+          color: "#FBEDC8",
+        },
+        {
+          id: 9,
+          label: "报事",
+          icon: require("../assets/images/fa-gavel.png"),
+          color: "#CFFFDC",
+          count: 0,
+        },
       ],
       rightIcon: require("../assets/images/circle-right.png"),
       statistics: [
@@ -435,7 +455,7 @@ export default {
   },
   created() {
     this.getlistWaitingReleaseRooms();
-
+    this.getReservationList()
   },
   methods: {
     goTarget(href) {
@@ -595,10 +615,11 @@ export default {
         releaseItem.count = count;
       }
     },
-   async getlistWaitingReleaseRooms() {
-      console.log('zhixing');
-      
-      const response =await listWaitingReleaseRooms(this.queryParams);
+    // 释放房源列表
+    async getlistWaitingReleaseRooms() {
+      console.log("zhixing");
+
+      const response = await listWaitingReleaseRooms(this.queryParams);
       if (response.code === 200) {
         this.workbenchItems = this.workbenchItems.map((item) => {
           if (item.id === 6) {
@@ -609,9 +630,24 @@ export default {
           }
           return item;
         });
-        
       }
     },
+    // 入住预约列表
+    async getReservationList() {
+      const response = await checkInReservation(this.reservationQueryParams);
+        if (response.code === 200) {
+          this.workbenchItems = this.workbenchItems.map((item) => {
+          if (item.id === 3) {
+            return {
+              ...item,
+              count: response.total,
+            };
+          }
+          return item;
+        });
+        }
+    }
+
   },
 };
 </script>