diff --git a/src/utils/payM.js b/src/utils/payM.js
index e4a607064e93f32f45190a4a1b1d12bd91d0f86c..9783e52950ec36ee73a3db81a007caf9cdfaa35e 100644
--- a/src/utils/payM.js
+++ b/src/utils/payM.js
@@ -23,4 +23,7 @@ export const approve = (params) => { return req("post", "/api/room/approve", par
 export const release = (params) => { return req("post", "/api/room/release", params)};
 
 //取消发布房间
-export const cancelrelease = (params) => { return req("post", "/api/room/cancelrelease", params)};
\ No newline at end of file
+export const cancelrelease = (params) => { return req("post", "/api/room/cancelrelease", params)};
+
+//获取房源列表
+export const litsSearchRoomInfo = (params) => { return req("post", "/api/roominfo/litsSearchRoomInfo", params)};
\ No newline at end of file
diff --git a/src/views/test/guahao/shoufei.vue b/src/views/test/guahao/shoufei.vue
index 4e26df628f3555afa9ce2e25438dc57801187b79..614d47fed349cf1636ef4b12e90a93bb143788b1 100644
--- a/src/views/test/guahao/shoufei.vue
+++ b/src/views/test/guahao/shoufei.vue
@@ -15,10 +15,13 @@
       </el-form-item>
     </el-form>
 
-    <div class="car_item_wrap"  v-for="(item, index) in items" :key="index" @click="viewDetail(item)" @mouseover="changeBackgroundColor(index)" @mouseout="resetBackgroundColor(index)">
+    <div class="car_item_wrap"  v-for="(item, index) in listData" :key="index" @click="viewDetail(item)" @mouseover="changeBackgroundColor(index)" @mouseout="resetBackgroundColor(index)">
       <div id="myDiv" :class="{'focus':item.focus}">
         <div class="car_image_wrap">
-          <img  class="car_item_image_qrimg" src="../../../img/demo.jpg" >
+<!--          <img  class="car_item_image_qrimg" src="../../../img/demo.jpg" >-->
+          <img  class="car_item_image_qrimg" :src="item.url" >
+
+
         </div>
         <div class="car_item_title">
           <div>{{ item.title }}</div>
@@ -26,10 +29,10 @@
         <div class="car_item_carName">
           <div>
             <span class="itemKey">租金：{{ item.pirce }}</span>
-            <span class="itemKey">联系人：{{ item.concatMan }}</span>
+            <span class="itemKey">联系人：{{ item.username }}</span>
             <span class="itemKey">联系方式：{{ item.phone}}</span>
           </div>
-          <div class="itemKey1">房屋简介：{{ item.description }}</div>
+          <div class="itemKey1">房屋简介：{{ item.builddetail }}</div>
         </div>
       </div>
     </div>
@@ -38,7 +41,7 @@
 </template>
 
 <script>
-import {listRoom} from '../../../utils/payM.js'
+import {litsSearchRoomInfo} from '../../../utils/payM.js'
 import Pagination from '../../../components/Pagination'
 export default {
   name: 'Order',
@@ -48,39 +51,7 @@ export default {
   },
   data() {
     return {
-      items: [
-        {
-          image: '../../../img/demo.jpg',
-          title: 'TitleTitleTitleTitleTitle1',
-          description: 'DescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescription' +
-              'DescriptionDescriptionDescriptionDescription',
-          pirce:'1200/月',
-          concatMan:'张三',
-          phone:'18311111111',
-          focus:false
-        },
-        {
-          image: '../../../img/demo.jpg',
-          title: 'TitleTitleTitleTitleTitle2',
-          description: 'Description2',
-          pirce:'1300/月',
-          concatMan:'李四',
-          phone:'18311111111',
-          focus:false
-        },
-        {
-          image: '../../../img/demo.jpg',
-          title: 'TitleTitleTitleTitleTitle3',
-          description: 'Description3',
-          pirce:'1400/月',
-          concatMan:'王五',
-          phone:'18311111111',
-          focus:false
-        }
-        // 添加更多项目...
-      ],
       loading: false, //是显示加载
-
       formInline: {
         page: 1,
         limit: 10,
@@ -115,14 +86,14 @@ export default {
       /***
        * 调用接口
        */
-      listRoom(item).then((res)=>{
+      litsSearchRoomInfo(item).then((res)=>{
         console.log('res---list->',res);
         this.listData = [];
-        if(res.data.obj!=null&&res.data.obj!=undefined&&res.data.obj.length>0){
-          this.listData = res.data.obj
-          this.pageparm.total = res.data.obj.length
+        if(res.data.obj!=null&&res.data.obj!=undefined&&res.data.obj.api_data.length>0){
+          this.listData = res.data.obj.api_data;
+          this.pageparm.total = res.data.obj.count;
         }
-        this.loading = false
+        // this.loading = false
       })
     },
     // 分页插件事件
@@ -138,12 +109,12 @@ export default {
     },
     changeBackgroundColor(index) {
       // 添加类名 "focus"，从而改变背景色
-      this.items[index].focus = true;
+      this.listData[index].focus = true;
      //document.getElementById("myDiv").classList.add("focus");
     },
     resetBackgroundColor(index) {
       // 移除类名 "focus"，将背景色重置为原样式
-      this.items[index].focus = false;
+      this.listData[index].focus = false;
       //document.getElementById("myDiv").classList.remove("focus");
     },
     viewDetail(item){