优化选择房产之后的提示的数据

packages/community/choseCommunity/index.vue

@@ -4,49 +4,34 @@
       <div class="currentAdd_left">{{ city.region }}</div>
       <div class="currentAdd_right" @click="changeAddress">
         切换城市
-        <image
+        <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_choseAddress.png"></image>
-          src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_choseAddress.png"
-        ></image>
       </div>
     </div>
 
     <div class="communityBox" v-if="step == 1">
       <div class="search">
-        <input
+        <input type="text" placeholder="请输入小区名称" v-model="communityName" />
-          type="text"
+        <image @click="searchByName"
-          placeholder="请输入小区名称"
+          src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png">
-          v-model="communityName"
+        </image>
-        />
-        <image
-          @click="searchByName"
-          src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
-        ></image>
       </div>
 
       <!-- @click="chooseCommunity(item)" -->
       <div class="communityList">
-        <div
+        <div class="communityItem" v-for="item in communityList" :key="item.community_id" @click="nextStep(item)">
-          class="communityItem"
-          v-for="item in communityList"
-          :key="item.community_id"
-          @click="nextStep(item)"
-        >
           <div class="communityItem_left">
             <div class="communityItem_tit">{{ item.name }}</div>
             <div class="communityItem_address">{{ item.addr }}</div>
           </div>
           <div class="communityItem_right">
-            <image
+            <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communityMore.png">
-              src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communityMore.png"
+            </image>
-            ></image>
           </div>
         </div>
       </div>
 
       <div class="empty" v-if="communityList.length == 0">
-        <image
+        <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_noSearch.png"></image>
-          src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_noSearch.png"
-        ></image>
         <span>未找到相关信息的小区</span>
       </div>
     </div>
@@ -72,28 +57,20 @@
     <div class="communityBox" v-if="step == 2">
       <div class="search">
         <input v-model="searchQuery" type="text" placeholder="请输入楼栋名称" />
-        <image
+        <image @click="searchName"
-          @click="searchName"
+          src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png">
-          src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
+        </image>
-        ></image>
       </div>
 
       <div class="floorList">
-        <div
+        <div @click="nextStep(item, index)" :class="{ active: index === selectedFloorIndex }" class="floorItem"
-          @click="nextStep(item, index)"
+          v-for="(item, index) in filteredFloorsList" :key="index">
-          :class="{ active: index === selectedFloorIndex }"
-          class="floorItem"
-          v-for="(item, index) in filteredFloorsList"
-          :key="index"
-        >
           {{ item.label }}
         </div>
       </div>
 
       <div class="empty" v-if="filteredFloorsList.length === 0">
-        <image
+        <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_noSearch.png"></image>
-          src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_noSearch.png"
-        ></image>
         <span>未找到相关信息的楼栋</span>
       </div>
     </div>
@@ -101,29 +78,21 @@
     <div class="communityBox" v-if="step == 3">
       <div class="search">
         <input v-model="searchQuery" type="text" placeholder="请输入楼层名称" />
-        <image
+        <image @click="searchName"
-          @click="searchName"
+          src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png">
-          src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
+        </image>
-        ></image>
       </div>
 
       <div class="roomList">
         <!-- <div class="roomItem" v-for="(item,index) in 5" :class="index == 1?'active2':''"> -->
-        <div
+        <div @click="nextStep(item, index, 'room')" :class="{ active2: index === selectedRoomIndex }" class="roomItem"
-          @click="nextStep(item, index, 'room')"
+          v-for="(item, index) in filteredFloorsList" :key="index">
-          :class="{ active2: index === selectedRoomIndex }"
-          class="roomItem"
-          v-for="(item, index) in filteredFloorsList"
-          :key="index"
-        >
           {{ item.label }}
         </div>
       </div>
 
       <div class="empty" v-if="filteredFloorsList.length === 0">
-        <image
+        <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_noSearch.png"></image>
-          src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_noSearch.png"
-        ></image>
         <span>未找到相关信息的楼层</span>
       </div>
     </div>
@@ -131,29 +100,21 @@
     <div class="communityBox" v-if="step == 4">
       <div class="search">
         <input v-model="searchQuery" type="text" placeholder="请输入房间名称" />
-        <image
+        <image @click="searchName"
-          @click="searchName"
+          src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png">
-          src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
+        </image>
-        ></image>
       </div>
 
       <div class="roomList">
         <!-- <div class="roomItem" v-for="(item,index) in 5" :class="index == 1?'active2':''"> -->
-        <div
+        <div @click="nextStep(item, index, 'room')" :class="{ active2: index === selectedRoomIndex }" class="roomItem"
-          @click="nextStep(item, index, 'room')"
+          v-for="(item, index) in filteredFloorsList" :key="index">
-          :class="{ active2: index === selectedRoomIndex }"
-          class="roomItem"
-          v-for="(item, index) in filteredFloorsList"
-          :key="index"
-        >
           {{ item.label }}
         </div>
       </div>
 
       <div class="empty" v-if="filteredFloorsList.length === 0">
-        <image
+        <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_noSearch.png"></image>
-          src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_noSearch.png"
-        ></image>
         <span>未找到相关信息的房间</span>
       </div>
     </div>
@@ -269,15 +230,15 @@ export default {
           : "",
       }).then((res) => {
         // 对楼层数据进行从大到小排序
-          if(this.step != 4) {
+        if (this.step != 4) {
-            res.rows.sort((a, b) => {
+          res.rows.sort((a, b) => {
-              // 提取楼层数字
+            // 提取楼层数字
-              const floorA = parseInt(a.label.replace(/[^\d]/g, ''));
+            const floorA = parseInt(a.label.replace(/[^\d]/g, ''));
-              const floorB = parseInt(b.label.replace(/[^\d]/g, ''));
+            const floorB = parseInt(b.label.replace(/[^\d]/g, ''));
-              return floorA - floorB;
+            return floorA - floorB;
-            });
+          });
-          }
+        }
-          this.filteredFloorsList = this.step == 4 ? this.filteredFloorsList : res.rows;
+        this.filteredFloorsList = this.step == 4 ? this.filteredFloorsList : res.rows;
         this.searchList = res.rows;
         this.searchQuery = "";
         if (this.step == "1") {
@@ -289,7 +250,7 @@ export default {
           // this.floorsList = res.rows
         } else if (this.step == "3") {
           console.log(item.label);
-          this.fName = item.label;
+          this.fName = item.label.includes("层") ? item.label : item.label + "层";
           // this.roomList = res.rows
           this.step = "4";
         } else {
@@ -353,7 +314,7 @@ export default {
     this.searchByName();
   },
 
-  onReachBottom() {},
+  onReachBottom() { },
 };
 </script>