travelPeople.wxml 4.7 KB

1
  1. <view class="curpage"><view class="top"><view class="image"><image src="{{goodsInfo.cover_picture}}"></image></view><view><view style="font-size:32rpx;font-weight:600;">{{''+goodsInfo.name+''}}</view><view style="font-size:28rpx;margin-top:20rpx;">{{'日期:'+day+''}}</view></view></view><view class="house"><view style="margin-bottom:20rpx;font-weight:bold;font-size:34rpx;">入住房型</view><view class="houseType"><block wx:for="{{houselist}}" wx:for-item="item" wx:for-index="index"><view data-event-opts="{{[['tap',[['chooseHouse',[index,'$0','$1'],[[['houselist','',index,'price']],[['houselist','',index,'room_id']]]]]]]}}" class="{{[houseType==index?'houseType-item-active':'houseType-item']}}" bindtap="__e"><view class="image"><image src="{{item.room_picture}}" data-event-opts="{{[['tap',[['previewImg',['$0',index],[[['houselist','',index,'img']]]]]]]}}" bindtap="__e"></image><view class="surplus">{{'剩余 '+item.number+''}}</view></view><view class="text">{{''+item.room_name+''}}</view></view></block></view></view><view class="houseNumber"><view style="margin-bottom:20rpx;font-weight:bold;font-size:34rpx;">房间数量</view><view class="housePrice"><view style="font-size:32rpx;color:#666666;">套餐标准价格</view><view style="font-weight:bold;">{{'¥'+roomPrice+''}}</view><u-number-box vue-id="7787331e-1" bgColor="#ffffff" value="{{number}}" data-event-opts="{{[['^change',[['valChange']]],['^input',[['__set_model',['','number','$event',[]]]]]]}}" bind:change="__e" bind:input="__e" bind:__l="__l"></u-number-box></view></view><view class="travel"><u-cell vue-id="7787331e-2" title="出行人" isLink="{{true}}" size="large" border="{{false}}" titleStyle="{{({color:'#666666'})}}" value="选择出行人" data-event-opts="{{[['^click',[['choosePeople']]]]}}" bind:click="__e" bind:__l="__l"></u-cell><u-cell-group vue-id="7787331e-3" border="{{false}}" bind:__l="__l" vue-slots="{{['default']}}"><block wx:for="{{travelers}}" wx:for-item="item" wx:for-index="index"><u-cell vue-id="{{('7787331e-4-'+index)+','+('7787331e-3')}}" title="{{item.name}}" size="large" border="{{false}}" value="{{item.phone}}" bind:__l="__l"></u-cell></block></u-cell-group></view><view class="Roommate"><view class="roommate-top"><view>同住人</view><view class="flex"><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" class="{{[chooseroommate==1?'flex-item-active':'flex-item']}}" bindtap="__e">随机安排</view><view data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" class="{{[chooseroommate==2?'flex-item-active':'flex-item']}}" bindtap="__e">有同住人</view></view></view><block wx:if="{{chooseroommate==2}}"><view class="travelList"><block wx:for="{{cohabits}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view style="margin:20rpx 0;"><u--input bind:input="__e" vue-id="{{'7787331e-5-'+index}}" placeholder="输入同住人姓名" border="bottom" clearable="{{true}}" value="{{cohabits[index]}}" data-event-opts="{{[['^input',[['__set_model',['$0',index,'$event',[]],['cohabits']]]]]}}" bind:__l="__l"></u--input></view></block><view data-event-opts="{{[['tap',[['addcohabits',['$event']]]]]}}" class="addpeople" bindtap="__e">增加同住人</view></view></block></view><view class="remarks"><view class="text">日期、房型相同的情况下可选择其他出行人同住,但有时候会出现人数不够分配的情况,会安排同性出行人同住。</view></view><view class="navbar"><view class="price"><view>总金额</view><view data-event-opts="{{[['tap',[['e2',['$event']]]]]}}" style="margin:0 10rpx 0 40rpx;" bindtap="__e">¥12921</view><u-icon vue-id="7787331e-6" name="arrow-up" color="#ffffff" data-event-opts="{{[['^click',[['e3']]]]}}" bind:click="__e" bind:__l="__l"></u-icon></view><view data-event-opts="{{[['tap',[['Submit',['$event']]]]]}}" class="next" bindtap="__e">提交订单</view></view><u-popup vue-id="7787331e-7" show="{{details}}" duration="0" overlay="{{false}}" customStyle="{{$root.a0}}" data-event-opts="{{[['^close',[['e4']]],['^open',[['open']]]]}}" bind:close="__e" bind:open="__e" bind:__l="__l" vue-slots="{{['default']}}"><view class="order"><view data-event-opts="{{[['tap',[['e5',['$event']]]]]}}" class="icon" bindtap="__e"><u-icon vue-id="{{('7787331e-8')+','+('7787331e-7')}}" name="arrow-down" bind:__l="__l"></u-icon></view><view class="orderDetails"><view>数量</view><view><text>1人</text><text>¥12399</text></view></view></view></u-popup><view><u-modal vue-id="7787331e-9" show="{{showMoadl}}" title="{{title}}" confirmText="知道了" confirmColor="#ffffff" data-event-opts="{{[['^confirm',[['e6']]]]}}" bind:confirm="__e" bind:__l="__l" vue-slots="{{['default']}}"><view>关注日月峡公众号<text style="color:#408B68;">日月峡</text>及时获取出行信息</view></u-modal></view></view>