feat：完善功能

src/views/hotel/components/info-box.vue

@@ -3,14 +3,14 @@
     <div class="info-header">
       <img src="@/assets/images/icon-12.png" alt="" />
       <div class="info-header__content">
-        <h2>阔越云栖酒店(奉节高铁站店)</h2>
+        <h2>{{ info?.name }}</h2>
         <div>
           <img class="info-header__icon" src="@/assets/images/address.png" alt="" />
-          <span class="info-header__text">地址：奉节奉节夔州街道诗诚西路1992号附6号</span>
+          <span class="info-header__text">地址：{{ info?.address }}</span>
         </div>
         <div>
           <img class="info-header__icon" src="@/assets/images/user.png" alt="" />
-          <span class="info-header__text">负责人：王民</span>
+          <span class="info-header__text">负责人：{{ info?.principal }}</span>
         </div>
         <div>
           <img class="info-header__icon" src="@/assets/images/phone.png" alt="" />
@@ -25,7 +25,7 @@
           <span>房间数</span>
         </div>
         <div class="statistic-item__value">
-          <countup :end-val="200" />
+          <countup :end-val="info?.roomNum" />
           <span>间</span>
         </div>
       </div>
@@ -35,7 +35,7 @@
           <span>床位数</span>
         </div>
         <div class="statistic-item__value">
-          <countup :end-val="640" />
+          <countup :end-val="info?.bedCount" />
           <span>床</span>
         </div>
       </div>
@@ -45,7 +45,7 @@
           <span>车位数</span>
         </div>
         <div class="statistic-item__value">
-          <countup :end-val="1000" />
+          <countup :end-val="info?.parkingSpace" />
           <span>位</span>
         </div>
       </div>
@@ -55,7 +55,7 @@
           <span>空余房间数</span>
         </div>
         <div class="statistic-item__value">
-          <countup :end-val="10" />
+          <countup :end-val="info?.remainingRooms" />
           <span>间</span>
         </div>
       </div>
@@ -65,7 +65,7 @@
           <span>空余床位</span>
         </div>
         <div class="statistic-item__value">
-          <countup :end-val="15" />
+          <countup :end-val="info?.remainingBedCount" />
           <span>床</span>
         </div>
       </div>
@@ -73,13 +73,11 @@
     <div class="desc-box">
       <title2 title="酒店简介" />
       <div class="desc-container">
-        <p class="desc-content">
-          酒店位于奉节县西部新区夔州街道诗诚西路1992号，一家拥有独立茶室、餐厅、健身房、洗衣房、棋牌室，集住宿、餐厅、娱乐为一体的高档酒店。酒店距离奉节高铁站仅10分钟车程，距离人民广场步行街驾车20分钟，距离白帝城瞿塘峡景区、夔州古城、夔州博物馆驾车约30分钟，三峡之巅约1个小时。我们为您提供优质的早餐服务和24小时的管家服务，洗衣服务，拥有亲子房、影院房、浴缸房、套房等多种房型，每个房间内都配有小度智能客控，可以语音控制所有家电（空调、电视、窗帘、灯光等），只为给您带来更舒适的入住体验，是您旅游、商务出行的不二选择。在这里，您可以在茶室择一芳茶席，沏一壶清茶，一起看云卷云舒，静看花开花落，不争不急；也可以在棋牌室里和朋友一起玩转机麻，还可以在健身房里挥洒汗水，塑造自我，挑战自我。我们在这里欢迎您的到来。
-        </p>
+        <div class="desc-content" v-html="info?.introduction"></div>
         <div>
           <el-carousel indicator-position="outside">
-            <el-carousel-item v-for="item in 4" :key="item">
-              <el-image class="cover-item" :src="map"></el-image>
+            <el-carousel-item v-for="item in info?.banner" :key="item">
+              <el-image class="cover-item" :src="`http://192.168.77.200/fjtcc-api${item}`" />
             </el-carousel-item>
           </el-carousel>
         </div>
@@ -91,6 +89,24 @@
 <script setup>
   import countup from 'vue-countup-v3'
   import map from '@/assets/images/map-img-1.jpg'
+
+  import pubSub from 'pubsub-js'
+  import { cloneDeep } from 'lodash'
+
+  let hotelChange = null
+  let info = ref(null)
+
+  onMounted(() => {
+    hotelChange = PubSub.subscribe('hotelChange', (msg, data) => {
+      let newData = cloneDeep(data)
+      newData.banner = newData.banner ? newData.banner.split(',') : []
+      info.value = newData
+      console.log(info.value, 'info.value')
+    })
+  })
+  onUnmounted(() => {
+    if (hotelChange) PubSub.unsubscribe(hotelChange)
+  })
 </script>
 
 <style scoped lang="scss">