From 2abd6533baeda8707b6576acec5f79e492f1adef Mon Sep 17 00:00:00 2001
From: LinCyJang <linxi957440651@163.com>
Date: Sat, 31 Jan 2026 16:04:42 +0800
Subject: [PATCH] =?UTF-8?q?Feat=EF=BC=9A=E8=B6=A3=E6=B8=B8-=E8=BD=AE?=
 =?UTF-8?q?=E6=92=AD=E5=9B=BE=E6=8C=89=E5=9C=B0=E5=8C=BA=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/inn.js              |  4 +++
 pages/cloud/haveFun.vue | 64 +++++++++++++++++++++++++++++++++++------
 2 files changed, 60 insertions(+), 8 deletions(-)

diff --git a/api/inn.js b/api/inn.js
index a5eec2b..8dcb99e 100644
--- a/api/inn.js
+++ b/api/inn.js
@@ -191,6 +191,10 @@ export function getHotelTypeList() {
     });
 }
 
+export function getHotelBanner(params) {
+    return request.get("/hotelBanner", params);
+}
+
 /**
  * 店铺详情海报
  * @param id 店铺ID int
diff --git a/pages/cloud/haveFun.vue b/pages/cloud/haveFun.vue
index 7c5c49e..5b10998 100644
--- a/pages/cloud/haveFun.vue
+++ b/pages/cloud/haveFun.vue
@@ -84,7 +84,7 @@
           class="img"
         />
       </view>
-      <view v-if="currType.carousel" class="slider-wrap">
+      <view v-if="hotelBanner.length" class="slider-wrap">
         <swiper
           indicatorDots="true"
           indicator-color="rgba(255, 255, 255, .3)"
@@ -94,12 +94,12 @@
           style="height: 330rpx;"
         >
           <block
-            v-for="(item, bannerIndex) in currType.carousel"
+            v-for="(item, bannerIndex) in hotelBanner"
             :key="bannerIndex"
           >
             <swiper-item>
               <view class="swiper-item" @click="typeBannerItemClick(item)">
-                <image :src="item.carouselImage" class="img" />
+                <image :src="item.bannerImage" class="img" />
               </view>
             </swiper-item>
           </block>
@@ -121,7 +121,7 @@
     </view>
     <view class="body" v-else>
       <view class="v12-justify-between v12-align-center">
-        <text class="v12-font-bold" v-if="currType.carousel">推荐</text>
+        <text class="v12-font-bold" v-if="hotelBanner.length">推荐</text>
         <view class="v12-dark1-text v12-font-28 v12-align-center" @click="handleRefresh">
           <u-icon name="reload"></u-icon>
           换一换
@@ -170,7 +170,8 @@
   </view>
 </template>
 <script>
-import { getHotelList, getHotelTypeList, getAncientTownIcon, getAncientTownList } from "@/api/inn.js"
+import { getHotelList, getHotelTypeList, getAncientTownIcon, getAncientTownList, getHotelBanner } from "@/api/inn.js"
+import { fetchCity } from "@/api/wenwan"
 import { getCurAddress, getLocation } from "@/utils/common"
 import FunHotelItem from './components/HotelItem'
 import { pageListenMixins } from '@/mixins/pageListenMixins'
@@ -202,7 +203,10 @@ export default {
       isNext: false,
       townConfig: {},
       townList: [],
-      randomSeed: null
+      randomSeed: null,
+      hotelBanner: [],
+      goodCityId: '',
+      cityOptions: []
     }
   },
   computed: {
@@ -223,8 +227,12 @@ export default {
 		  this.fetchList(random, this.randomSeed)
     }
 	},
-  onLoad() {
+  onLoad(options) {
     this.currType = {}
+    if (options && options.city) {
+      this.goodCityId = options.city
+    }
+    this.initGoodCity()
     getHotelTypeList().then(({data}) => {
       this.typeList = data
       this.currType = this.typeIndex === -1 ? {} : data[this.typeIndex]
@@ -246,7 +254,9 @@ export default {
   watch: {
     cityName: {
       handler(value) {
-        if(value) {
+        if (value) {
+          this.updateGoodCityId()
+          this.fetchHotelBanner()
           this.search()
         }
       },
@@ -445,6 +455,26 @@ export default {
         this.townConfig = res.data
       })
     },
+    initGoodCity() {
+      fetchCity(2).then(({ data }) => {
+        const group = data && data.group ? data.group : []
+        const list = []
+        group.forEach(item => {
+          if (item.city && item.city.length) {
+            list.push(...item.city)
+          }
+        })
+        this.cityOptions = list
+        this.updateGoodCityId()
+      })
+    },
+    updateGoodCityId() {
+      if (!this.cityOptions.length || !this.cityName) return
+      const found = this.cityOptions.find(item => item.cityName === this.cityName)
+      if (found) {
+        this.goodCityId = found.id || found.cityId || this.goodCityId
+      }
+    },
     goCity() {
       uni.navigateTo({
         url: `/pages/chose-city/chose-city?type=2&city=${this.cityName}`
@@ -531,6 +561,24 @@ export default {
         uni.hideLoading()
       })
     },
+    fetchHotelBanner() {
+      if (!this.goodCityId) {
+        return
+      }
+      const params = {
+        goodCityId: this.goodCityId
+      }
+      getHotelBanner(params).then(res => {
+        const { success, data } = res
+        if (success && data) {
+          if (Array.isArray(data.hotelBanner)) {
+            this.hotelBanner = data.hotelBanner
+          } else if (Array.isArray(data)) {
+            this.hotelBanner = data
+          }
+        }
+      })
+    },
     typeBannerItemClick(item) {
       if (!item.hotelId) return
       uni.navigateTo({ url: `/pagesInn/inn/innHome?id=${item.hotelId}` })