You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
220 lines
12 KiB
220 lines
12 KiB
<!--pages/info/hotelProductInfo/index.wxml-->
|
|
<title title="产品详情"></title>
|
|
<!-- <view class="iconfont icon-fenxiang" bindtap="share"></view> -->
|
|
<view class="iconfont {{isLike==1?'icon-shoucang':'icon-xin'}}" bindtap="like"></view>
|
|
<swiper class="swiper" indicator-dots="{{true}}" wx:if="{{sceneInfo}}"
|
|
autoplay="{{true}}" interval="{{2000}}" duration="{{300}}">
|
|
<block wx:for="{{sceneInfo.listimg}}" wx:key="*this">
|
|
<swiper-item>
|
|
<image src="{{item}}" mode="aspectFill"></image>
|
|
</swiper-item>
|
|
</block>
|
|
</swiper>
|
|
<view class="top-info" wx:if="{{sceneInfo}}">
|
|
<view class="title">{{sceneInfo.title}}</view>
|
|
<view class="tags-box textOver">
|
|
<view class="tag textOver" wx:for="{{sceneInfo.display_tags}}">{{item}}<view class="line"></view></view>
|
|
<navigator url="../hotelInfo/index?id={{id}}" class="tags-text">详情 <text class="iconfont icon-you"></text></navigator>
|
|
</view>
|
|
<view class="tags-box textOver address-box">
|
|
<view class="info-address textOver">地址：{{sceneInfo.address}}</view>
|
|
<view bindtap="gotoLocation" class="iconfont icon-daohang"></view>
|
|
</view>
|
|
</view>
|
|
<view class="date-all-box">
|
|
<picker mode="date" value="{{date}}" start="{{today}}" bindchange="changeInDate">
|
|
<view class="picker">
|
|
{{startDateText}}<text>入住</text>
|
|
</view>
|
|
</picker>
|
|
<view class="days">{{days}}晚</view>
|
|
<picker mode="date" value="{{date}}" start="{{tomorrow}}" bindchange="changeLeaveDate">
|
|
<view class="picker">
|
|
{{endDateText}}<text>离店</text>
|
|
</view>
|
|
</picker>
|
|
</view>
|
|
<view wx:if="{{sceneInfo && sceneInfo.third_supplier_type!='mt'}}" class="product-item" wx:for="{{products}}">
|
|
<image src="{{item.headimg}}" mode="aspectFill"></image>
|
|
<view class="product-info textOver">
|
|
<view class="title textOver">{{item.product.title+item.sku_name}}</view>
|
|
<view class="subtitle textOver2">{{item.sku_model.area}} {{item.sku_model.bed_type}} {{item.sku_model.breakfast}}</view>
|
|
<view class="product-tags textOver">
|
|
<view class="product-tag textOver" wx:for="{{item.display_tags}}">{{item}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="product-right">
|
|
<view class="price">{{item.price/100}}</view>
|
|
<view class="btn" bindtap="order" data-item="{{item}}">预订</view>
|
|
</view>
|
|
</view>
|
|
<view wx:if="{{sceneInfo && sceneInfo.third_supplier_type=='mt'}}" wx:for="{{products}}" class="product-item1">
|
|
<view class="product-item" style="align-items:center">
|
|
<common-image src="{{item.img_list[0]}}" mode="aspectFill"></common-image>
|
|
<view class="product-info textOver">
|
|
<view class="title textOver"><view class="textOver">{{item.room_name}}</view></view>
|
|
<view class="subtitle textOver2">{{item.useable_area?(item.useable_area+'m²'):''}} <text wx:for="{{item.bed_info}}">{{item.bedDesc}}{{item.bedType}}x{{item.bedCount}}</text> {{item.window?item.window:''}}</view>
|
|
<view class="mt-price">{{item.low_price>0?item.low_price/100:'0'}}</view>
|
|
</view>
|
|
<view class="product-right">
|
|
<image class="product-arrow-img" bindtap="getSkuList" data-id="{{item.real_room_id}}" data-index="{{index}}" src="https://static.ticket.sz-trip.com/xcxImages/info/arrow{{activeSkuIndex==index?'1':''}}.png" mode="widthFix"></image>
|
|
</view>
|
|
</view>
|
|
<view class="sku-item" wx:if="{{activeSkuIndex==index && skuList.length>0}}" wx:for="{{skuList}}" wx:for-index="skuIndex" wx:for-item="sku">
|
|
<view class="sku-info">
|
|
<view class="sku-title textOver" bindtap="showRoomInfo" data-sku="{{sku}}" data-info="{{item}}" style="display:flex;align-items:center;"><view class="textOver">{{sku.breakfast}} {{sku.bed_type}} {{sku.max_room_num}}人入住</view><text style="font-size:20rpx;margin-left:10rpx" class="iconfont icon-you"></text></view>
|
|
<view class="sku-tip">{{sku.refund_policy}}</view>
|
|
<view class="sku-price">{{sku.price/100}}</view>
|
|
<view class="sku-info">{{sku.breakfast}} {{sku.bed_type}} {{sku.max_room_num}}人入住</view>
|
|
</view>
|
|
<view class="product-right">
|
|
<view class="btn" bindtap="orderMt" data-item="{{sku}}" data-product="{{products[index]}}">预订</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="box" wx:if="{{isTest==false}}">
|
|
<view class="box-top">
|
|
<text class="iconfont icon-tiwen1"></text><text>问大家</text>
|
|
</view>
|
|
<view class="empty-box" wx:if="{{!ask || ask.length==0}}">
|
|
<view>这里空空如也，快去向大家提问吧!</view>
|
|
<navigator url="/pages/ask/index?id={{id}}" class="empty-btn">去提问</navigator>
|
|
</view>
|
|
<view class="ask-list" wx:else>
|
|
<navigator url="/pages/ask/info/index?id={{item.id}}" class="ask-item" wx:for="{{ask}}">
|
|
<view class="item-ques">
|
|
<image class="item-icon" src="https://static.ticket.sz-trip.com/xcxImages/ask/ask.png" mode="widthFix"></image>
|
|
<view class="ques">{{item.question_name}}</view>
|
|
<view class="ques-num" wx:if="{{item.answer.total!=0}}">{{item.answer.total}}个回答</view>
|
|
<view class="ques-num" wx:if="{{item.answer.total==0}}">暂无回答</view>
|
|
</view>
|
|
</navigator>
|
|
<navigator style="border-top:1rpx solid #ccc" url="/pages/ask/index?id={{sceneInfo.id}}" class="more-comment-btn">查看全部问答<text class="iconfont icon-you"></text></navigator>
|
|
</view>
|
|
</view>
|
|
<view class="box">
|
|
<view class="box-top">
|
|
<text class="iconfont icon-tiwen"></text><text>游客点评</text><text class="score" wx:if="{{info && info.rate && commentTotal>0}}">{{info.rate}}分</text>
|
|
<navigator url="/pages/list/comments/index?sceneid={{id}}" style="display: inline;"> <text class="all-comment-num">共{{commentTotal}}条 <text style="font-family: fangsong; font-weight: bold;color: #000;">></text></text>
|
|
</navigator>
|
|
</view>
|
|
<view class="empty-box" wx:if="{{!comment || comment.length==0}}">
|
|
<view>这里空空如也，快去点评吧!</view>
|
|
<!-- <navigator url="/pages/ask/index?id={{id}}" class="empty-btn">去点评</navigator> -->
|
|
</view>
|
|
<navigator wx:for="{{comment}}" wx:for-index="index" url="/pages/list/comments/index?id={{info.id}}&&index={{index}}" class="product-comment">
|
|
<view class="product-comment-top">
|
|
<image src="{{item.user.avatar}}" mode="aspectFill"></image>
|
|
<view class="comment-info">
|
|
<view class="nickname">{{item.nickname}}</view>
|
|
<view class="iconfont"><text wx:for="{{item.rate}}" class="icon-xingxing"></text><text wx:for="{{5 - item.rate}}" style="color:#999" class="icon-xingxing"></text></view>
|
|
</view>
|
|
<view class="comment-date">{{item.create_time}}</view>
|
|
</view>
|
|
<view class="comment-content">{{item.content}}</view>
|
|
<view wx:if="{{item.img_list}}">
|
|
<view class="img-box" wx:for="{{item.img_list}}" wx:for-index="index" wx:for-item="img" mode="scaleToFill" data-img="{{img}}" data-list="{{item.img_list}}">
|
|
<image wx:if="{{index<6}}" class="imgs" src="{{img}}" bindtap="imgsc">
|
|
</image>
|
|
<view class="all" wx:if="{{index==5}}" >
|
|
<view>共{{item.img_list.length}}张</view>
|
|
<view>查看全部</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="sku">{{item.sku_name}}</view>
|
|
|
|
</navigator>
|
|
<navigator url="/pages/list/comments/index?sceneid={{id}}" wx:if="{{comment.length>0}}" class="more-comment-btn">查看全部点评<text class="iconfont icon-you"></text></navigator>
|
|
</view>
|
|
<view class="mask" wx:if="{{showInfoFlag}}">
|
|
<view class="mask-bg" bindtap="hideRoomInfo"></view>
|
|
<view class="mask-content hotel-info-mask" wx:if="{{roomInfo}}">
|
|
<swiper class="swiper" indicator-dots="{{true}}" wx:if="{{roomInfo && roomInfo.productInfo.img_list.length>0}}"
|
|
autoplay="{{true}}" interval="{{2000}}" duration="{{300}}">
|
|
<block wx:for="{{roomInfo.productInfo.img_list}}" wx:key="*this">
|
|
<swiper-item>
|
|
<common-image src="{{item}}" mode="aspectFill"></common-image>
|
|
</swiper-item>
|
|
</block>
|
|
</swiper>
|
|
<view class="iconfont icon-ic_searchclosed" bindtap="hideRoomInfo"></view>
|
|
<view class="hotel-info-mask-title">房间信息</view>
|
|
<view class="info-table">
|
|
<view class="textOver">{{roomInfo.skuInfo.bed_type}}</view>
|
|
<view class="textOver">可住{{roomInfo.skuInfo.max_room_num}}人</view>
|
|
<view class="textOver">{{roomInfo.productInfo.useable_area}}m²</view>
|
|
<view class="textOver">{{roomInfo.productInfo.window}}</view>
|
|
<view class="textOver">{{roomInfo.productInfo.floor}}层</view>
|
|
<view class="textOver">{{roomInfo.skuInfo.goodsStatusText}}</view>
|
|
<view class="textOver">{{roomInfo.skuInfo.breakfast}}</view>
|
|
<view class="textOver">{{roomInfo.skuInfo.goodsTypeText}}</view>
|
|
</view>
|
|
<view class="hotel-info-tips">
|
|
<text>费用政策</text>
|
|
<view class="hotel-info-tip">
|
|
<view>加床：该房型{{roomInfo.productInfo.extra_bed==0?'不可':'可以'}}加床</view>
|
|
<view>{{roomInfo.skuInfo.confirmTypeText}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="hotel-info-tips">
|
|
<text>是否需要身份证</text>
|
|
<view class="hotel-info-tip">
|
|
<view>{{roomInfo.skuInfo.needIdentityCard==false?'否':'是'}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="hotel-info-tips">
|
|
<text>开票</text>
|
|
<view class="hotel-info-tip">
|
|
<view>{{invoiceModes[roomInfo.skuInfo.invoiceInfo.invoiceMode]}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="info-border"></view>
|
|
<view class="hotel-info-tips" style="font-size:30rpx;margin-top:20rpx">预订规则</view>
|
|
<view wx:for="{{roomInfo.skuInfo.BookRule}}">
|
|
<view class="hotel-info-tips" style="font-size:26rpx;color:#666">{{item.ruleDateRangeText}}</view>
|
|
<view class="hotel-info-tips" style="display:block;color:#666">
|
|
<view>连续入住最少天数 <text style="color:#666">{{item.serialCheckinMin==0?"不限制":(item.serialCheckinMin+"天")}}</text></view>
|
|
<view>连续入住最多天数 <text style="color:#666">{{item.serialCheckinMax==0?"不限制":(item.serialCheckinMax+"天")}}</text></view>
|
|
<view>最少预订间数 <text style="color:#666">{{item.roomCountMin==0?"不限制":(item.roomCountMin+"间")}}</text></view>
|
|
<view>最多预订间数 <text style="color:#666">{{item.roomCountMax==0?"不限制":(item.roomCountMax+"间")}}</text></view>
|
|
<view>最早预订时间 <text style="color:#666">{{item.earliestBookingText}}</text></view>
|
|
<view>最晚预订时间 <text style="color:#666">{{item.latestBookingText}}</text></view>
|
|
</view>
|
|
</view>
|
|
<view class="hotel-info-tips" style="font-size:30rpx;margin-top:20rpx">取消政策</view>
|
|
<view class="hotel-info-tips" wx:for="{{roomInfo.skuInfo.BookRule}}" style="display:block;color:#666">
|
|
{{roomInfo.skuInfo.refund_policy}}
|
|
</view>
|
|
<view style="height:120rpx"></view>
|
|
<view class="fixed-bottom" wx:if="{{roomInfo && roomInfo.skuInfo}}">
|
|
<view class="fixed-bottom-left">价格：<text>¥{{roomInfo.skuInfo.price/100}}</text></view>
|
|
<view class="fixed-bottom-btn" bindtap="orderMt" data-item="{{roomInfo.sku}}" data-product="{{roomInfo.productInfo}}">立即预订</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view style="position:absolute;right:0;left:-10000rpx;top:-20000rpx;z-index:-1">
|
|
<canvas canvas-id='imageCanvas' class='imageCanvas' style="width:551rpx;height:643rpx;" disable-scroll='true'>
|
|
</canvas>
|
|
<canvas class="canvasCode" style="opacity:0;width:500px;height:500px" canvas-id="myQrcode"></canvas>
|
|
</view>
|
|
<view class="mask" wx:if="{{showShareFlag}}" style="align-items: center;">
|
|
<view class="mask-bg" bindtap="share"></view>
|
|
<view class="mask-content share-img-box">
|
|
<image class="share-img" src="{{shareImg}}" mode="widthFix"></image>
|
|
<view class="share-tips">
|
|
<view style="position:relative">
|
|
<image class="img" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/img.png" mode="widthFix"></image>
|
|
<view>保存图片到相册</view>
|
|
<view class="tipimg"><image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/ok.png" mode="widthFix"></image></view>
|
|
</view>
|
|
<image style="width:36rpx" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/arrow2.png" mode="widthFix"></image>
|
|
<view style="position:relative">
|
|
<image class="img" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/code.png" mode="widthFix"></image>
|
|
<view>微信识别二维码</view>
|
|
<view class="tipimg"><image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/ok1.png" mode="widthFix"></image></view>
|
|
</view>
|
|
</view>
|
|
<view class="save-btn" bindtap="save">保存到相册</view>
|
|
</view>
|
|
</view>
|