页面修改

pages/hotel/description.vue

@@ -9,34 +9,32 @@
 				<view class="flex">
 					<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1622085515000_731.png" mode="widthFix"
 					 style="width: 32rpx;"></image>
-					<view class="h-name">九寨沟星宇国际大酒店</view>
+					<view class="h-name">{{hotelObj.HotelName}}</view>
 				</view>
 				<view class="base-box flex flex-wrap">
 					<view class="item">
-						<view class="val">2014年</view>
+						<view class="val">{{hotelObj.HotelInfo.OpenTime}}</view>
 						<view class="label">开业时间</view>
 					</view>
 					<view class="item">
-						<view class="val">2017年</view>
+						<view class="val">{{hotelObj.HotelInfo.DecorationTime}}</view>
 						<view class="label">装修时间</view>
 					</view>
 					<view class="item">
-						<view class="val">200间</view>
+						<view class="val">{{hotelObj.RoomNumber}}间</view>
 						<view class="label">房间数量</view>
 					</view>
 					<view class="item">
-						<view class="val">028-86898868</view>
+						<view class="val">{{hotelObj.Tel}}</view>
 						<view class="label">联系电话</view>
 					</view>
 					<view class="item" style="width:100%">
-						<view class="val">中国，四川，松潘，川主寺镇漳腊磨坎坡路90号</view>
+						<view class="val">{{hotelObj.Address}}</view>
 						<view class="label">酒店地址</view>
 					</view>
 				</view>
 				<view class="desc">
-					<view>九寨沟星宇国际大酒店位于九寨沟风景区沟口，距九寨沟风景区沟口约1.8公里，酒店提供送景区入口摆渡车服务。</view>
-					<view>酒店外观独具藏式宫廷建筑特色，内部设计融入浓郁的民族元素，为您呈现藏族歌舞艺术文化底蕴。客房设计主题鲜明又不失时尚舒适，洗浴用品均按高端品质配备，满足所有出行居停的需要。中西餐厅提供豪华自助餐和川、粤、藏等精美菜式，可容300人同时就餐。大型无柱多功能厅，满足您所有的需求：会议、团建、推介、答谢、宴请......</view>
-					<view>酒店拥有自己的大型剧院---星宇登嘎甘㑇大剧院，让您足不出户就能享受视听盛宴！酒店深耕主题文化特色与内涵，将抽象的当地民族文化更形象、生动的植入到对客服务和体验中。民族服饰的体验、锅庄舞蹈的互动活动以及登嘎甘㑇情景剧节目等都深得当下爱玩、爱拍、爱分享的游客们喜欢，让住客不再局限于食、宿这样单一化的体验。酒店还引进了超人气机器人店导员，主题文化介绍、带人送物对她而言都是驾轻就熟的工作！可爱、有趣的萌娃天地，让您协同孩子尽享欢乐的度假时光，还可提供婴儿床。</view>
+					<view>{{hotelObj.HotelInfo.Into}}</view>
 				</view>
 				<view class="empty-block"></view>
 				<view class="flex" style="margin-top: 50rpx;">
@@ -47,45 +45,25 @@
 				<view class="sheshi">
 					<view class="she-title">公共服务设施</view>
 					<view class="she-content">
-						<text>有可无线上网的公共区域</text>
-						<text>公共音响系统</text>
-						<text>公共区域闭路电视监控系统</text>
-						<text>无烟楼层</text>
-						<text>电梯</text>
+						<text v-for="subItem in hotelObj.PublicFacilities">
+							{{subItem}}
+						</text>
 					</view>
 				</view>
 				<view class="sheshi">
 					<view class="she-title">房间设施</view>
 					<view class="she-content">
-						<text>房间内高速上网</text>
-						<text>客房WIFI覆盖</text>
-						<text>遮光窗帘</text>
-						<text>手动窗帘</text>
-						<text>空调</text>
-						<text>沙发</text>
-						<text>书桌</text>
-						<text>床具:鸭绒被</text>
-						<text>床具:毯子或被子</text>
-						<text>多种规格电源插座</text>
-						<text>110V电压插座</text>
-						<text>独立淋浴间</text>
-						<text>液晶电视机</text>
-						<text>浴衣</text>
-						<text>吹风机</text>
-						<text>24小时热水</text>
-						<text>拖鞋</text>
-						<text>电热水壶</text>
+						<text v-for="subItem in hotelObj.RoomFacilities">
+							{{subItem}}
+						</text>
 					</view>
 				</view>
 				<view class="sheshi" style="margin-bottom: 50rpx;">
 					<view class="she-title">酒店服务</view>
 					<view class="she-content">
-						<text>行李寄存</text>
-						<text>24小时前台服务</text>
-						<text>邮政服务</text>
-						<text>手动窗帘</text>
-						<text>叫醒服务</text>
-						<text>一次性账单结算服务</text>
+						<text v-for="subItem in hotelObj.ServiceItems">
+							{{subItem}}
+						</text>
 					</view>
 				</view>
 				<view class="empty-block"></view>
@@ -95,21 +73,13 @@
 					<view class="h-name">订房须知</view>
 				</view>
 				<ul class="title-style-one">
-					<li>
-						<view class="item-title king regular">入住时间：14:00以后</view>
-						<view class="item-title king regular">退房时间：13:00以前</view>
+					<li v-for="subItem in hotelObj.Booking" v-if="subItem.Name=='入离时间'">
+						<view class="item-title king regular">{{subItem.Content[0]}}</view>
+						<view class="item-title king regular">{{subItem.Content[1]}}</view>
 					</li>
-					<li>
-						<view class="item-title">宠物政策</view>
-						<view class="item-content">允许携带宠物，酒店可能收取额外费用</view>
-					</li>
-					<li>
-						<view class="item-title">酒店提示</view>
-						<view class="item-content">疫情期间，请佩戴好口罩。住宿提供方支持中国（含港澳台）及外国客人入住</view>
-					</li>
-					<li>
-						<view class="item-title">儿童政策</view>
-						<view class="item-content">不接受18岁以下客人单独入住。每房间可有1名儿童使用现有床铺。不可加床</view>
+					<li v-for="subItem in hotelObj.Booking" v-if="subItem.Name!='入离时间'">
+						<view class="item-title">{{subItem.Name}}</view>
+						<view class="item-content">{{subItem.Content}}</view>
 					</li>
 				</ul>
 				<view class="empty-block"></view>
@@ -118,16 +88,10 @@
 					 style="width: 32rpx;"></image>
 					<view class="h-name">周边交通</view>
 				</view>
-				<view class="sheshi">
-					<view class="she-title">牛王庙地铁站-D口</view>
-					<view class="she-content">
-						<text>九寨沟喜来登国际大酒店·中餐厅步行8分钟</text>
-					</view>
-				</view>
-				<view class="sheshi">
-					<view class="she-title">东大门地铁站-A口</view>
+				<view class="sheshi" v-for="subItem in hotelObj.TrafficList">
+					<view class="she-title">{{subItem.TTitle}}</view>
 					<view class="she-content">
-						<text>距离酒店80米，步行约12分钟</text>
+						<text>{{subItem.TSubTitle}}</text>
 					</view>
 				</view>
 			</view>
@@ -162,8 +126,7 @@
 		},
 		onLoad(options) {
 			if (options.hotelObj) {
-				this.formData = JSON.parse(decodeURIComponent(options.hotelObj));
-				console.log(this.formData,'this.formData');
+				this.hotelObj = JSON.parse(decodeURIComponent(options.hotelObj));
 			}
 		},
 		created() {
@@ -174,11 +137,10 @@
 		methods: {
 			scroll(e) {
 				this.oldScrollTop = e.detail.scrollTop;
-				console.log(this.oldScrollTop)
 				this.changeActive()
 			},
 			goToPosition(posi) {
-				this.scrollTop = posi; //this.oldScrollTop;
+				this.scrollTop = posi;
 				this.$nextTick(function() {
 					this.scrollTop = posi;
 				});