From 847c1701f8153ec57f1ff82fa951bf5fb827591a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E6=AF=85?= <1335909236@qq.com>
Date: Tue, 12 Aug 2025 17:27:52 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=80=89=E6=8B=A9=E6=88=BF?=
 =?UTF-8?q?=E4=BA=A7=E4=B9=8B=E5=90=8E=E7=9A=84=E6=8F=90=E7=A4=BA=E7=9A=84?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/community/choseCommunity/index.vue | 115 +++++++-------------
 1 file changed, 38 insertions(+), 77 deletions(-)

diff --git a/packages/community/choseCommunity/index.vue b/packages/community/choseCommunity/index.vue
index abe7c359..9136109c 100644
--- a/packages/community/choseCommunity/index.vue
+++ b/packages/community/choseCommunity/index.vue
@@ -4,49 +4,34 @@
       <div class="currentAdd_left">{{ city.region }}</div>
       <div class="currentAdd_right" @click="changeAddress">
         切换城市
-        <image
-          src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_choseAddress.png"
-        ></image>
+        <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
-          type="text"
-          placeholder="请输入小区名称"
-          v-model="communityName"
-        />
-        <image
-          @click="searchByName"
-          src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
-        ></image>
+        <input type="text" placeholder="请输入小区名称" v-model="communityName" />
+        <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
-          class="communityItem"
-          v-for="item in communityList"
-          :key="item.community_id"
-          @click="nextStep(item)"
-        >
+        <div 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
-              src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communityMore.png"
-            ></image>
+            <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communityMore.png">
+            </image>
           </div>
         </div>
       </div>
 
       <div class="empty" v-if="communityList.length == 0">
-        <image
-          src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_noSearch.png"
-        ></image>
+        <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
-          @click="searchName"
-          src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
-        ></image>
+        <image @click="searchName"
+          src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png">
+        </image>
       </div>
 
       <div class="floorList">
-        <div
-          @click="nextStep(item, index)"
-          :class="{ active: index === selectedFloorIndex }"
-          class="floorItem"
-          v-for="(item, index) in filteredFloorsList"
-          :key="index"
-        >
+        <div @click="nextStep(item, 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
-          src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_noSearch.png"
-        ></image>
+        <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
-          @click="searchName"
-          src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
-        ></image>
+        <image @click="searchName"
+          src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png">
+        </image>
       </div>
 
       <div class="roomList">
         <!-- <div class="roomItem" v-for="(item,index) in 5" :class="index == 1?'active2':''"> -->
-        <div
-          @click="nextStep(item, index, 'room')"
-          :class="{ active2: index === selectedRoomIndex }"
-          class="roomItem"
-          v-for="(item, index) in filteredFloorsList"
-          :key="index"
-        >
+        <div @click="nextStep(item, index, 'room')" :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
-          src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_noSearch.png"
-        ></image>
+        <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
-          @click="searchName"
-          src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
-        ></image>
+        <image @click="searchName"
+          src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png">
+        </image>
       </div>
 
       <div class="roomList">
         <!-- <div class="roomItem" v-for="(item,index) in 5" :class="index == 1?'active2':''"> -->
-        <div
-          @click="nextStep(item, index, 'room')"
-          :class="{ active2: index === selectedRoomIndex }"
-          class="roomItem"
-          v-for="(item, index) in filteredFloorsList"
-          :key="index"
-        >
+        <div @click="nextStep(item, index, 'room')" :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
-          src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_noSearch.png"
-        ></image>
+        <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) {
-            res.rows.sort((a, b) => {
-              // 提取楼层数字
-              const floorA = parseInt(a.label.replace(/[^\d]/g, ''));
-              const floorB = parseInt(b.label.replace(/[^\d]/g, ''));
-              return floorA - floorB;
-            });
-          }
-          this.filteredFloorsList = this.step == 4 ? this.filteredFloorsList : res.rows;
+        if (this.step != 4) {
+          res.rows.sort((a, b) => {
+            // 提取楼层数字
+            const floorA = parseInt(a.label.replace(/[^\d]/g, ''));
+            const floorB = parseInt(b.label.replace(/[^\d]/g, ''));
+            return floorA - floorB;
+          });
+        }
+        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>