detail.wxml 6.7 KB

1
  1. <view class="container data-v-3e159eb4" style="{{('overflow:'+(showPage?'hidden':'visible'))}}"><view class="banner data-v-3e159eb4"><image class="img _img data-v-3e159eb4" src="{{info.coverImg||'../../static/index/banner.png'}}"></image><view class="slogan data-v-3e159eb4"><image src="{{$root.m0}}" class="_img data-v-3e159eb4"></image></view></view><view class="detail data-v-3e159eb4"><view class="detail_name data-v-3e159eb4">{{info.hname||'默认名字'}}</view><view class="detail_info data-v-3e159eb4"><view class="info_left data-v-3e159eb4">{{info.fitupTime+"装修|"+info.openTime+"开业"}}</view><view data-event-opts="{{[['tap',[['goPageDetailInfo',['$event']]]]]}}" class="info_right data-v-3e159eb4" bindtap="__e">设施/详情<image src="{{$root.m1}}" class="_img data-v-3e159eb4"></image></view></view><view class="detail_group data-v-3e159eb4"><block wx:for="{{info.hconfigList}}" wx:for-item="item" wx:for-index="__i0__" wx:key="id"><view class="group_item data-v-3e159eb4"><image src="{{item.fileUrl||'../../static/index/meeting.png'}}" class="_img data-v-3e159eb4"></image>{{''+item.name+''}}</view></block></view><view class="address data-v-3e159eb4"><view class="address_left data-v-3e159eb4">{{info.hposition}}</view><view class="address_right data-v-3e159eb4"><view data-event-opts="{{[['tap',[['handleMap',['$0'],['info']]]]]}}" class="right_box data-v-3e159eb4" bindtap="__e"><image src="{{$root.m2}}" class="_img data-v-3e159eb4"></image></view><view data-event-opts="{{[['tap',[['handlePhone',['$0'],['info.managerPhone']]]]]}}" class="right_box data-v-3e159eb4" bindtap="__e"><image src="{{$root.m3}}" class="_img data-v-3e159eb4"></image></view></view></view><block wx:if="{{distance}}"><view class="distance data-v-3e159eb4">{{"距离我"+distance+"km"}}</view></block></view><view class="body data-v-3e159eb4"><view data-event-opts="{{[['tap',[['handleOpen',['$event']]]]]}}" class="body_header data-v-3e159eb4" bindtap="__e"><view class="header_start data-v-3e159eb4"><view class="header_top data-v-3e159eb4">{{"周"+startTimeWeek+"入住"}}</view><view class="header_bottom data-v-3e159eb4">{{startTimeMonth+"月"+startTimeDay+"日"}}</view></view><view class="header_night data-v-3e159eb4"><view class="night_line data-v-3e159eb4"></view><view class="night_box data-v-3e159eb4">{{nightNum+"晚"}}</view><view class="night_line data-v-3e159eb4"></view></view><view class="header_end data-v-3e159eb4"><view class="header_top data-v-3e159eb4">{{"周"+endTimeWeek+"离店"}}</view><view class="header_bottom data-v-3e159eb4">{{endTimeMonth+"月"+endTimeDay+"日"}}</view></view></view><uv-calendar vue-id="3db16520-1" showLunar="{{true}}" color="#096562" mode="range" defaultDate="{{defaultDateMultiple}}" startText="住店" endText="离店" confirmDisabledText="请选择离店日期" data-ref="calendar" data-event-opts="{{[['^confirm',[['handleConfirm']]]]}}" bind:confirm="__e" class="data-v-3e159eb4 vue-ref" bind:__l="__l"></uv-calendar><block wx:if="{{$root.g0}}"><view class="body_content data-v-3e159eb4"><block wx:for="{{list}}" wx:for-item="item" wx:for-index="__i1__" wx:key="id"><view data-event-opts="{{[['tap',[['handleLookDetail',['$0'],[[['list','id',item.id]]]]]]]}}" class="body_box data-v-3e159eb4" bindtap="__e"><view class="box_left data-v-3e159eb4"><image src="{{item.fileInfoList[0].url||'../../static/index/banner.png'}}" class="_img data-v-3e159eb4"></image></view><view class="box_center data-v-3e159eb4"><view class="center_top data-v-3e159eb4">{{item.hName}}</view><view class="center_center data-v-3e159eb4"><view class="center_item data-v-3e159eb4">{{item.hAreas+"㎡"}}</view><view class="center_item data-v-3e159eb4">大床</view><view class="center_item data-v-3e159eb4">无早</view></view><view class="center_bottom data-v-3e159eb4"><block wx:for="{{item.hConfigList}}" wx:for-item="item2" wx:for-index="__i2__" wx:key="id"><image class="img _img data-v-3e159eb4" src="{{item2.fileUrl||'../../static/index/wifi.png'}}"></image></block></view></view><view class="box_right data-v-3e159eb4"><view class="right_price data-v-3e159eb4"><text class="data-v-3e159eb4">¥</text>{{''+item.price+''}}</view><view data-event-opts="{{[['tap',[['goPageAffOrder',['$0'],[[['list','id',item.id]]]]]]]}}" class="{{['right_btn','data-v-3e159eb4',(!item.remainRooms)?'inactive':'']}}" catchtap="__e">订</view></view></view></block><uv-popup vue-id="3db16520-2" bgColor="none" safeAreaInsetBottom="{{false}}" data-ref="popup" class="data-v-3e159eb4 vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view class="body_pop data-v-3e159eb4"><swiper class="pop_swiper data-v-3e159eb4" indicator-dots="{{true}}" circular="{{true}}" indicator-color="#FFFFFF" indicator-active-color="#096562"><block wx:for="{{roomInfo.fileInfoList}}" wx:for-item="item" wx:for-index="__i3__" wx:key="id"><swiper-item class="pop_swiper_item data-v-3e159eb4"><image class="img _img data-v-3e159eb4" src="{{item.url||'../../static/index/banner.png'}}"></image></swiper-item></block></swiper><image class="pop_icon _img data-v-3e159eb4" src="{{$root.m4}}" data-event-opts="{{[['tap',[['handleClosePop',['$event']]]]]}}" bindtap="__e"></image><view class="pop_body data-v-3e159eb4"><view class="body_title data-v-3e159eb4">{{roomInfo.hName}}</view><view class="body_tags data-v-3e159eb4"><view class="tags_item data-v-3e159eb4"><image class="img _img data-v-3e159eb4" src="{{$root.m5}}"></image>{{''+roomInfo.hAreas+'㎡'}}</view><view class="tags_item data-v-3e159eb4"><image class="img _img data-v-3e159eb4" src="{{$root.m6}}"></image>1张大床房</view><view class="tags_item data-v-3e159eb4"><image class="img _img data-v-3e159eb4" src="{{$root.m7}}"></image>wifi免费</view><view class="tags_item data-v-3e159eb4"><image class="img _img data-v-3e159eb4" src="{{$root.m8}}"></image>窗户位于走廊/窗户较小</view></view><view class="body_title2 data-v-3e159eb4">费用明细</view><view class="body_detail data-v-3e159eb4"><view class="detail_new data-v-3e159eb4">每间每晚<view class="ml_10 color data-v-3e159eb4">¥</view><view class="price color data-v-3e159eb4">{{roomInfo.price}}</view></view></view><view class="body_bottom data-v-3e159eb4"><view data-event-opts="{{[['tap',[['handlePhone',['$0'],['info.managerPhone']]]]]}}" class="bottom_left data-v-3e159eb4" bindtap="__e"><image class="img _img data-v-3e159eb4" src="{{$root.m9}}"></image>联系商家</view><view class="bottom_right data-v-3e159eb4"><text class="data-v-3e159eb4">¥</text>{{''+roomInfo.price+''}}<view data-event-opts="{{[['tap',[['goPageAffOrder',['$0'],['roomInfo']]]]]}}" class="{{['btn','data-v-3e159eb4',(!roomInfo.remainRooms)?'inactive':'']}}" bindtap="__e">预定</view></view></view></view></view></uv-popup></view></block><block wx:else><view class="noData data-v-3e159eb4"><image src="{{$root.m10}}" class="_img data-v-3e159eb4"></image>暂无数据</view></block></view></view>