暂无数据暂时用no-data样式吧 释放房源接口联调

common/api.js

@@ -22,4 +22,11 @@ export function getdeptList() {
     url: '/mz/building/getdeptList',
     method: 'get'
   })
+}
+// 待释放房间列表
+export function listWaitingReleaseRooms() {
+  return request({
+    url: "/apartment/manager/listWaitingReleaseRooms",
+    method: "get",
+  });
 }

pagesA/release/list/list.vue

@@ -6,52 +6,55 @@
       :refreshing="refreshing"
       :finished="finished"
       :finished-text="'没有更多了'"
+      v-if="list && list.length >= 0"
     >
       <u-list-item v-for="item in list" :key="item.id">
         <view class="checkout-card" @click="goDetail(item)">
           <image :src="item.img" class="room-img" mode="aspectFill"></image>
           <view class="room-info">
-            <view class="room-title">{{ item.roomNo }}</view>
+            <view class="room-title">{{ item.roomNamePath }}</view>
             <view class="room-user">
-              <text>{{ item.tenant }}</text>
+              <text class="gender">待释放</text>
-              <text class="gender">{{ item.gender }}</text>
-              <text class="phone">{{ item.phone }}</text>
             </view>
             <view class="room-date"
-              >{{ item.startDate }}至{{ item.endDate }}</view
+              >退房日期{{ item.checkoutTime }}</view
             >
           </view>
         </view>
       </u-list-item>
     </u-list>
+    <div v-else class="no-data">
+      暂无数据~
+    </div>
   </view>
 </template>
 
 <script>
+import {listWaitingReleaseRooms} from "../../../common/api";
 export default {
   data() {
     return {
       list: [
-        {
+        // {
-          id: 1,
+        //   id: 1,
-          img: "/static/img/login-top.png",
+        //   img: "/static/img/login-top.png",
-          roomNo: "5号楼1单元101 房间1",
+        //   roomNo: "5号楼1单元101 房间1",
-          tenant: "王静",
+        //   tenant: "王静",
-          gender: "女",
+        //   gender: "女",
-          phone: "187****8801",
+        //   phone: "187****8801",
-          startDate: "2025-04-01",
+        //   startDate: "2025-04-01",
-          endDate: "2025-05-08",
+        //   endDate: "2025-05-08",
-        },
+        // },
-        {
+        // {
-          id: 2,
+        //   id: 2,
-          img: "/static/img/login-top.png",
+        //   img: "/static/img/login-top.png",
-          roomNo: "2号楼1单元501 房间1",
+        //   roomNo: "2号楼1单元501 房间1",
-          tenant: "刘宇",
+        //   tenant: "刘宇",
-          gender: "男",
+        //   gender: "男",
-          phone: "187****8202",
+        //   phone: "187****8202",
-          startDate: "2025-04-01",
+        //   startDate: "2025-04-01",
-          endDate: "2025-05-08",
+        //   endDate: "2025-05-08",
-        },
+        // },
       ],
       page: 1,
       pageSize: 10,
@@ -75,7 +78,16 @@ export default {
       this.page++;
       this.getList();
     },
-		getList() { },
+		async getList() { 
+      try{
+        const {data,code,msg} = await listWaitingReleaseRooms()
+        if(code === 200){
+            this.list = data
+        }
+      }catch(err){
+        console.log(err);
+      }
+    },
 		goDetail(item) {
 			 uni.navigateTo({
         url: `/pagesA/release/detail/detail?id=${item.id}`

static/common.css

@@ -319,4 +319,12 @@ image {
 /*清除浮动*/
 .clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
 .clearfix{zoom:1;}/*兼容IE*/
-navigator{text-decoration: none;color: black;}
+navigator{text-decoration: none;color: black;}
+.no-data{
+  color:'#a3a3a3';
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 200rpx;
+}