优化

pagesA/kfPage/list.vue

@@ -34,14 +34,14 @@
       >
         <view
           class="appointment-card"
-          v-for="item in filteredAppointmentList"
+          v-for="item in appointmentList"
           :key="item.id"
         >
           <!-- 卡片头部 -->
           <view class="card-header">
-            <u-icon name="home" size="16" color="#08B3B3"></u-icon>
+            <u-icon name="/static/img/kf.png" size="20" color="#08B3B3"></u-icon>
             <text class="community-info"
-              >{{ item.apartmentName }} | {{ item.houseTypeName }}</text
+              >{{ item.apartmentName }} | {{ item.houseTypeName||'' }}</text
             >
           </view>
 
@@ -78,7 +78,7 @@
 
     <!-- 空状态 -->
     <u-empty
-      v-if="filteredAppointmentList.length === 0 && !loading"
+      v-if="appointmentList.length === 0 && !loading"
       text="暂无预约信息"
       mode="list"
     ></u-empty>
@@ -201,26 +201,7 @@ export default {
     return {
       searchPhone: "", // 搜索手机号
       loading: false, // 加载状态
-      appointmentList: [
-        {
-          id: 1,
-          community: "西海岸路乐业社区",
-          houseType: "三居室",
-          appointee: "杨斌",
-          phone: "13362000010",
-          appointmentTime: "2025-08-06 上午09:00-12:00",
-          idCard: "370832199606062001",
-        },
-        {
-          id: 2,
-          community: "西海岸路乐业社区",
-          houseType: "三居室",
-          appointee: "曲曼",
-          phone: "17700020202",
-          appointmentTime: "2025-08-06 上午09:00-12:00",
-          idCard: "370832199606062002",
-        },
-      ],
+      appointmentList: [],
       queryParams: {
         pageNum: 1,
         pageSize: 10,
@@ -246,19 +227,6 @@ export default {
       ],
     };
   },
-  computed: {
-    // 过滤后的预约列表
-    filteredAppointmentList() {
-      if (!this.searchPhone) {
-        return this.appointmentList;
-      }
-      return this.appointmentList.filter(
-        (item) =>
-          item.phone.includes(this.searchPhone) ||
-          item.appointee.includes(this.searchPhone)
-      );
-    },
-  },
   onLoad() {
     this.resetAndLoad();
   },