Skip to content

J
jz_Travel
Commit adcb44c0 authored by zhengke's avatar zhengke
Browse files
Options

修改

parent 769f9e80
Hide whitespace changes
Inline Side-by-side
Showing with 88 additions and 87 deletions
pages/hotel/order.vue
View file @ adcb44c0
<template>
<view>
<view class="hotel-order">
<view class="o-head">
<view class="o-timer flex">
<view class="time-item">{{getDate(dayObj.start)}} {{dayObj.startWeek}}</view>
<view class="time-split">
<view>{{dayObj.day}}晚</view>
<image style="width: 66rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1622098352000_930.png" mode="widthFix"></image>
</view>
<view class="time-item">{{getDate(dayObj.end)}} {{dayObj.endWeek}}</view>
</view>
<view class="room-name">{{HotelInfo.HotelName}}</view>
<view class="room-remark">{{RoomInfo.BreakfastTypeStr}} | {{RoomInfo.BedTypeStr}} | {{RoomInfo.RoomSize}}㎡ | {{RoomInfo.HasWindowStr}}</view>
<view class="big-title">
<text class=" f12">订房必知</text>
</view>
<view class="rule">
<text class="king">此房间
<template v-if="RoomInfo.IsCancel==0">支持免费取消，</template>
<template v-if="RoomInfo.IsCancel==1">不可取消，</template>
</text>
<text>订单需要等待酒店或供应商确认后生效，订单确认结果我们将会通知推送到您的微信，请您在下单时同意结果订阅，以便您能正常收到消息。</text>
</view>
</view>
<view class="form">
<view class="form-items">
<view class="label">房间数量</view>
<view class="val">
<u-number-box size="28" :min="1" :max="100" @change="getRoomNumber" v-model="orderMsg.RoomNumber"></u-number-box>
</view>
</view>
<view class="form-items">
<view class="label">住客姓名</view>
<view class="val">
<input type="text" v-model="orderMsg.Consignee" placeholder="若是多人,输入代表人员即可" />
<view style="height:100vh;display: flex;flex-direction: column;">
<scroll-view scroll-y="true" style="height: 1px;flex: 1;box-sizing: border-box;">
<view class="hotel-order">
<view class="o-head">
<view class="o-timer flex">
<view class="time-item">{{getDate(dayObj.start)}} {{dayObj.startWeek}}</view>
<view class="time-split">
<view>{{dayObj.day}}晚</view>
<image style="width: 66rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1622098352000_930.png" mode="widthFix"></image>
</view>
<view class="time-item">{{getDate(dayObj.end)}} {{dayObj.endWeek}}</view>
</view>
</view>
<view class="form-items">
<view class="label">联系电话</view>
<view class="val">
<input type="text" v-model="orderMsg.ConsigneeMobile" placeholder="输入电话号码" />
<view class="room-name">{{HotelInfo.HotelName}}</view>
<view class="room-remark">{{RoomInfo.BreakfastTypeStr}} | {{RoomInfo.BedTypeStr}} | {{RoomInfo.RoomSize}}㎡ | {{RoomInfo.HasWindowStr}}</view>
<view class="big-title">
<text class=" f12">订房必知</text>
</view>
</view>
<view class="form-items">
<view class="label">预计到店</view>
<view class="val flex" @click="showtime=true">
<view style="flex: 1;" class="f14">{{orderMsg.ArrivalTime}}</view>
<u-icon name="arrow" color="#D9D9D9" size="20" />
<view class="rule">
<text class="king">此房间
<template v-if="RoomInfo.IsCancel==0">支持免费取消，</template>
<template v-if="RoomInfo.IsCancel==1">不可取消，</template>
</text>
<text>订单需要等待酒店或供应商确认后生效，订单确认结果我们将会通知推送到您的微信，请您在下单时同意结果订阅，以便您能正常收到消息。</text>
</view>
</view>
</view>
<view class="empty-block"></view>
<view style="padding:50rpx 40rpx">
<view class="big-title">
<text>费用明细</text>
</view>
<view class="form" style="margin:40rpx 0;padding: 0;">
<view class="form">
<view class="form-items">
<view class="label">
在线支付
<view class="label">房间数量</view>
<view class="val">
<u-number-box size="28" :min="1" :max="100" @change="getRoomNumber" v-model="orderMsg.RoomNumber"></u-number-box>
</view>
<view class="val f14 regular" style="text-align: right;">
<text style="margin-right: 30rpx;">{{orderMsg.RoomNumber}}间房</text>
<text class="red">￥{{orderMsg.Final_Price}}</text>
</view>
<view class="form-items">
<view class="label">住客姓名</view>
<view class="val">
<input type="text" v-model="orderMsg.Consignee" placeholder="若是多人,输入代表人员即可" />
</view>
</view>
<view class="form-items" style="border-bottom: none;">
<view class="label">
房费明细
<view class="form-items">
<view class="label">联系电话</view>
<view class="val">
<input type="text" v-model="orderMsg.ConsigneeMobile" placeholder="输入电话号码" />
</view>
</view>
<view class="flex f12 grey" style="margin-bottom:40rpx;" v-for="(item,index) in priceList" :key="index">
<view style="flex:1">
<text style="margin-right: 30rpx;">{{item.DateStr}}</text>
<text v-if="index!=0">{{item.BreakfastTypeStr}}</text>
<view class="form-items">
<view class="label">预计到店</view>
<view class="val flex" @click="showtime=true">
<view style="flex: 1;" class="f14">{{orderMsg.ArrivalTime}}</view>
<u-icon name="arrow" color="#D9D9D9" size="20" />
</view>
<view style="text-align: right;" v-if="index!=priceList.length-1">{{orderMsg.RoomNumber}}间 × ¥{{$utils.getretailer()==true? item.B2BPrice:item.SalesPrice}}</view>
</view>
</view>
</view>
<view class="empty-block"></view>
<view style="padding:50rpx 40rpx">
<view class="big-title">
<text>重要提醒</text>
<view class="empty-block"></view>
<view style="padding:50rpx 40rpx">
<view class="big-title">
<text>费用明细</text>
</view>
<view class="form" style="margin:40rpx 0;padding: 0;">
<view class="form-items">
<view class="label">
在线支付
</view>
<view class="val f14 regular" style="text-align: right;">
<text style="margin-right: 30rpx;">{{orderMsg.RoomNumber}}间房</text>
<text class="red">￥{{orderMsg.Final_Price}}</text>
</view>
</view>
<view class="form-items" style="border-bottom: none;">
<view class="label">
房费明细
</view>
</view>
<view class="flex f12 grey" style="margin-bottom:40rpx;" v-for="(item,index) in priceList" :key="index">
<view style="flex:1">
<text style="margin-right: 30rpx;">{{item.DateStr}}</text>
<text v-if="index!=0">{{item.BreakfastTypeStr}}</text>
</view>
<view style="text-align: right;" v-if="index!=priceList.length-1">{{orderMsg.RoomNumber}}间 × ¥{{$utils.getretailer()==true? item.B2BPrice:item.SalesPrice}}</view>
</view>
</view>
</view>
<view class="sheshi" v-for="(item,index) in HotelInfo.Booking">
<view class="she-title">{{item.Name}}</view>
<view class="she-content">
<view>{{item.Content}}</view>
<view class="empty-block"></view>
<view style="padding:50rpx 40rpx">
<view class="big-title">
<text>重要提醒</text>
</view>
<view class="sheshi" v-for="(item,index) in HotelInfo.Booking">
<view class="she-title">{{item.Name}}</view>
<view class="she-content">
<view>{{item.Content}}</view>
</view>
</view>
</view>
</view>
</view>
</scroll-view>
<view class="opera-box">
<view class="box flex">
<view class="price">
......@@ -338,15 +340,14 @@
<style>
.hotel-order{
color: #111111;
margin-bottom: 200rpx;
}
.opera-box{
background-color: #FFF;
padding: 20rpx 45rpx 40rpx 45rpx;
position: fixed;
/* position: fixed;
bottom: 0;
left: 0;
right: 0;
right: 0; */
z-index: 5;
}
.opera-box .box{
......
pages/jiuzhai/components/sign/index.vue
View file @ adcb44c0
<template>
<view class="content">
<scroll-view :scroll-y="true" style="height: 100%;">
<scroll-view :scroll-y="true" style="height: 100%;flex: 1;box-sizing: border-box;">
<view class="header">
<!-- <view class="bar"></view>
<view class="set text-gray">
......@@ -71,13 +71,13 @@
</view>
</view>
</view>
<view class="submit" v-if="!immediately">
<button class="sub-btn" :disabled="!isSub" @click="submit">
<text v-if="isSub">确定</text>
<text v-if="!isSub">选择出行时间</text>
</button>
</view>
</scroll-view>
<view class="submit" v-if="!immediately">
<button class="sub-btn" :disabled="!isSub" @click="submit">
<text v-if="isSub">确定</text>
<text v-if="!isSub">选择出行时间</text>
</button>
</view>
</view>
</template>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment