Commit 9c77d820 authored by 黄奎's avatar 黄奎

11

parent 1fea54c6
...@@ -3,24 +3,29 @@ ...@@ -3,24 +3,29 @@
<view style="padding: 0 31rpx;"> <view style="padding: 0 31rpx;">
<view class="hotelDetailBox activeTag" v-for="(item,index) in RoomList" :key="index"> <view class="hotelDetailBox activeTag" v-for="(item,index) in RoomList" :key="index">
<view class="hotelDetailTag"> <view class="hotelDetailTag">
热门房型 {{item.RoomName_CN}}
</view> </view>
<template v-for="(subItem,subindex) in item.RatePlanList"> <template v-for="(subItem,subindex) in item.RatePlanList">
<view class="hotelDetail row" v-if="!subindex"> <view class="hotelDetail row" v-if="!subindex">
<template v-if="item.images&&item.images.length>0">
<view class="hotelDetailL" @click="openPicture(item.images)"> <view class="hotelDetailL" @click="openPicture(item.images)">
<image mode="heightFix" :src="item.Path" /> <image mode="heightFix" :src="item.images[0].Url" />
<view class="hotelDetailLImgs" v-if="item.images&&item.images.length>1"> <view class="hotelDetailLImgs" v-if="item.images&&item.images.length>1">
{{ item.images.length }} {{ item.images.length }}
</view> </view>
</view> </view>
</template>
<template v-else>
<view class="hotelDetailL">
<image mode="heightFix"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/defaultHotelImg.png" />
</view>
</template>
<view class="hotelDetailR column"> <view class="hotelDetailR column">
<view class="hotelDetailRTitle row items-center"> <view class="hotelDetailRTitle row items-center">
<view> <view>
<!--
{{ getRoomType(subItem.BedType) }}-->
</view> </view>
<!--
<img :src="openImg[0]" />-->
</view> </view>
<view class="hotelDetailRRoom"> <view class="hotelDetailRRoom">
{{ subItem.RoomName_CN }} {{ subItem.RoomName_CN }}
...@@ -287,17 +292,23 @@ ...@@ -287,17 +292,23 @@
return mealtypeName; return mealtypeName;
}, },
goUrl(subItem) { goUrl(subItem) {
let HotelInfo = { let pHotel = {
hotelid: this.HotelInfo.hotelid, hotelid: this.HotelInfo.hotelid,
name: this.HotelInfo.name, name: this.HotelInfo.name,
location: this.HotelInfo.location, address: "",
address: this.HotelInfo.address, images: [],
destination: this.HotelInfo.destination, }
country: this.HotelInfo.country, if (this.HotelInfo) {
images: this.HotelInfo.images, if (this.HotelInfo.images && this.HotelInfo.images.length > 0) {
//pHotel.images = this.HotelInfo.images;
}
if (this.HotelInfo.address) {
pHotel.address = this.HotelInfo.address;
}
} }
console.log("hotelRoom", pHotel);
uni.navigateTo({ uni.navigateTo({
url: `/pages/hotel/order?searchObj=${JSON.stringify(this.searchObj)}&dayObj=${JSON.stringify(this.dayObj)}&HotelInfo=${JSON.stringify(HotelInfo)}&RoomInfo=${JSON.stringify(subItem)}`, url: `/pages/hotel/order?searchObj=${JSON.stringify(this.searchObj)}&dayObj=${JSON.stringify(this.dayObj)}&HotelInfo=${JSON.stringify(pHotel)}&RoomInfo=${JSON.stringify(subItem)}`,
}); });
}, },
openPicture(item) { openPicture(item) {
......
...@@ -16,19 +16,12 @@ ...@@ -16,19 +16,12 @@
style="width: 37rpx; height: 44rpx" mode=""></image> style="width: 37rpx; height: 44rpx" mode=""></image>
</view> </view>
</view> </view>
<!-- <view class="type-box" v-if="videoUrl!=''">
<u-tabs bg-color="rgba(0,0,0,0)" :is-scroll="false" name="Name" :list="typeList"
:active-color="mainColor" :current="active" @change="changeHandler" :show-bar="true"
:bold="false" height="50" duration="0" font-size="24" :activeFontSize="24" :typeStyle="2">
</u-tabs>
</view> -->
<view class="media-info" v-if="dataList.images"> <view class="media-info" v-if="dataList.images">
<view class="flex"> <view class="flex">
<view class="mi-left"> <view class="mi-left">
<view v-if="dataList.images.length > 0" class="type-img-box"> <view v-if="dataList.images.length > 0" class="type-img-box">
<image :src="dataList.images[0].url" mode="aspectFill"></image> <image :src="dataList.images[0].url" mode="aspectFill"></image>
<view class="content"> <view class="content">
<!-- <u-icon name="photo" size="26" color="#FFF"></u-icon> -->
<text>{{ dataList.images.length }}</text> <text>{{ dataList.images.length }}</text>
</view> </view>
</view> </view>
...@@ -205,8 +198,6 @@ ...@@ -205,8 +198,6 @@
<hotelPolicy ref="hotelPolicy" id="hotelPolicy" :dataList="dataList"></hotelPolicy> <hotelPolicy ref="hotelPolicy" id="hotelPolicy" :dataList="dataList"></hotelPolicy>
<hotelFacilities ref="hotelFacilities" id="hotelFacilities" :dataList="dataList"> <hotelFacilities ref="hotelFacilities" id="hotelFacilities" :dataList="dataList">
</hotelFacilities> </hotelFacilities>
</view> </view>
</view> </view>
</view> </view>
...@@ -486,7 +477,6 @@ ...@@ -486,7 +477,6 @@
if (options.searchObj) { if (options.searchObj) {
this.searchObj = JSON.parse(options.searchObj); this.searchObj = JSON.parse(options.searchObj);
} }
// this.getRecomHotel();
this.getHotelPrices() this.getHotelPrices()
this.getdidaMealType() this.getdidaMealType()
}, },
...@@ -564,30 +554,21 @@ ...@@ -564,30 +554,21 @@
console.log("dmc_post_GetDiDaPriceSearchList", tempData); console.log("dmc_post_GetDiDaPriceSearchList", tempData);
this.DidaHotelRoomDetails = tempData; this.DidaHotelRoomDetails = tempData;
this.qRoomTypeList = tempData.qRoomTypeList; this.qRoomTypeList = tempData.qRoomTypeList;
if (this.qRoomTypeList && this.qRoomTypeList.length > 0) {
this.qRoomTypeList.unshift({ this.qRoomTypeList.unshift({
RoomTypeID: -1, RoomTypeID: -1,
RoomName_CN: '全部' RoomName_CN: '房型(全部)'
}) })
var tempMealArray = tempData.qMealTypeList;
if (tempMealArray && tempMealArray.length > 0) {
tempMealArray.forEach(mItem => {
var MTypeName = that.getMealtype(mItem
.MealType);
if (mItem.MealAmount > 0) {
MTypeName += mItem.MealAmount +
"份";
}
mItem.MTypeName = MTypeName
});
} }
this.qMealTypeList = tempData.qMealTypeList;
this.qMealTypeList = tempMealArray; if (this.qMealTypeList && this.qMealTypeList.length > 0) {
this.qMealTypeList.unshift({ this.qMealTypeList.unshift({
MTypeName: "全部", MTypeName: "餐型(全部)",
MealAmount: 0, MealAmount: 0,
MealType: 0, MealType: 0,
}) })
} }
}
}) })
}, },
//获取道旅餐食类型 //获取道旅餐食类型
...@@ -629,7 +610,6 @@ ...@@ -629,7 +610,6 @@
}, },
(res) => { (res) => {
if (res.resultCode == 1) { if (res.resultCode == 1) {
// console.log(res, '推荐酒店');
this.HotelArr = []; this.HotelArr = [];
let tempHotel = res.data.pageData; let tempHotel = res.data.pageData;
tempHotel.forEach((x) => { tempHotel.forEach((x) => {
...@@ -786,9 +766,7 @@ ...@@ -786,9 +766,7 @@
longPressActions: { longPressActions: {
itemList: ["发送给朋友", "保存图片", "收藏"], itemList: ["发送给朋友", "保存图片", "收藏"],
success: function(data) {}, success: function(data) {},
fail: function(err) { fail: function(err) {},
// console.log(err.errMsg);
},
}, },
}); });
}, },
...@@ -844,20 +822,8 @@ ...@@ -844,20 +822,8 @@
for (let i = 0; i < res.data.images.length; i++) { for (let i = 0; i < res.data.images.length; i++) {
res.data.images[i].Path = res.data.images[i].url res.data.images[i].Path = res.data.images[i].url
} }
// for(let i=0;i<res.data.rooms.length;i++){
// let list = res.data.rooms[i].images.filter(x=>{
// return x.isDefault
// })
// res.data.rooms[i].images.forEach(x=>{
// x.Path = x.url
// })
// if(list.length>0) res.data.rooms[i].Path = list[0].url
// else res.data.rooms[i].Path = res.data.rooms[i].images.length>0&&res.data.rooms[i].images[0].url?res.data.rooms[i].images[0].url:''
// this.RoomList.push(res.data.rooms[i])
// }
this.hotelData.hotelid = this.dataList.hotelid; this.hotelData.hotelid = this.dataList.hotelid;
this.hotelData.name = this.dataList.name; this.hotelData.name = this.dataList.name;
// this.hotelData.Booking = this.dataList.Booking;
setTimeout(() => { setTimeout(() => {
this.hotelFacilities.forEach((x) => { this.hotelFacilities.forEach((x) => {
const query = uni.createSelectorQuery().select(`#${x.val}`); const query = uni.createSelectorQuery().select(`#${x.val}`);
...@@ -868,35 +834,6 @@ ...@@ -868,35 +834,6 @@
}, 1000); }, 1000);
} }
}) })
// let msg = {
// hotelid: id,
// StartDate: this.dayObj.start,
// EndDate: this.dayObj.end,
// };
// this.request2(
// {
// url: "/api/Hotel/GetHotelInfo",
// data: msg,
// },
// (res) => {
// if (res.resultCode == 1) {
// // console.log(res, '详情数据');
// this.dataList = res.data;
// this.RoomList = this.dataList.RoomList;
// this.hotelData.hotelid = this.dataList.hotelid;
// this.hotelData.name = this.dataList.name;
// this.hotelData.Booking = this.dataList.Booking;
// setTimeout(() => {
// this.hotelFacilities.forEach((x)=>{
// const query = uni.createSelectorQuery().select(`#${x.val}`);
// query.boundingClientRect((rect) => {
// x.top = rect.top+250;
// }).exec();
// })
// }, 1000);
// }
// }
// );
}, },
// #ifdef MP-WEIXIN // #ifdef MP-WEIXIN
//分享朋友圈 //分享朋友圈
......
...@@ -42,15 +42,6 @@ ...@@ -42,15 +42,6 @@
pageIndex: 1, pageIndex: 1,
pageSize: 15, pageSize: 15,
KeyWords: "", //关键字 KeyWords: "", //关键字
// StartPrice: 0,
// EndPrice: 1000,
// QStartDate: "",//开始日期
// QEndDate: "",//结束日期
// OrderByType: "1", //排序类型
// QStars: "", //星级
// TagList: [], //查询标签
// City: 262, //市
// District: 0, //区
}, },
HotelList: [], //酒店数据 HotelList: [], //酒店数据
tempRateAndPrice: { tempRateAndPrice: {
...@@ -247,13 +238,10 @@ ...@@ -247,13 +238,10 @@
} }
.hotel-list .hotel-city { .hotel-list .hotel-city {
// width: 105rpx;
height: 40rpx; height: 40rpx;
padding: 0rpx 0 8rpx 0rpx; padding: 0rpx 0 8rpx 0rpx;
margin-right: 27rpx; margin-right: 27rpx;
text-align: center; text-align: center;
/* color: #DFBE6E; */
// border-right: 1px solid #e2e2e2;
font-size: 28rpx; font-size: 28rpx;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
...@@ -273,7 +261,6 @@ ...@@ -273,7 +261,6 @@
} }
.hotel-list .search-box .date { .hotel-list .search-box .date {
// width: 82rpx;
height: 50rpx; height: 50rpx;
font-size: 20rpx; font-size: 20rpx;
font-weight: 500; font-weight: 500;
......
...@@ -7,7 +7,9 @@ ...@@ -7,7 +7,9 @@
<view class="o-timer"> <view class="o-timer">
<view class="row-sb-n"> <view class="row-sb-n">
<view class="row items-center"> <view class="row items-center">
<view class="time-item">{{getDate(dayObj.start)?getDate(dayObj.start):''}} <text>今天</text></view> <view class="time-item">{{getDate(dayObj.start)?getDate(dayObj.start):''}}
<text>今天</text>
</view>
<view class="time-itemZhi"><text>-</text></view> <view class="time-itemZhi"><text>-</text></view>
<view class="time-item">{{getDate(dayObj.end)}}</view> <view class="time-item">{{getDate(dayObj.end)}}</view>
<view class="timeline"></view> <view class="timeline"></view>
...@@ -22,9 +24,7 @@ ...@@ -22,9 +24,7 @@
<view class="roomline"></view> <view class="roomline"></view>
<view class="room-remark"> <view class="room-remark">
{{searchObj.rooms}} {{searchObj.rooms}}
<!-- | {{RoomInfo.BedTypeStr}} |
{{RoomInfo.RoomSize}}㎡ |
{{RoomInfo.HasWindowStr}} -->
</view> </view>
<view class="roomline"></view> <view class="roomline"></view>
<view class="roomPrice"> <view class="roomPrice">
...@@ -97,8 +97,7 @@ ...@@ -97,8 +97,7 @@
</view> --> </view> -->
<view class="form-items"> <view class="form-items">
<view class="label">联系电话</view> <view class="label">联系电话</view>
<view class="form-itemsL row" <view class="form-itemsL row" @click="showCountry=true">
@click="showCountry=true">
<text>+86</text> <text>+86</text>
<!--'arrow-up':'arrow-down'--> <!--'arrow-up':'arrow-down'-->
<u-icon name="arrow-down" color="#080A09" size="20" /> <u-icon name="arrow-down" color="#080A09" size="20" />
...@@ -130,9 +129,11 @@ ...@@ -130,9 +129,11 @@
<view style="font-size: 12px;width:1px;flex:1">请选择优惠券</view> <view style="font-size: 12px;width:1px;flex:1">请选择优惠券</view>
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
<text style="color:#F20707;font-size: 12px;" @click="showCouponHandler"> <text style="color:#F20707;font-size: 12px;" @click="showCouponHandler">
<text style="flex: 1;" v-if="useCouponIds == 0 &&couponList.length>0">{{couponList.length}}张可用优惠券</text> <text style="flex: 1;"
v-if="useCouponIds == 0 &&couponList.length>0">{{couponList.length}}张可用优惠券</text>
<text class="content" style="color:grey" v-else-if="couponList.length==0">暂无优惠券</text> <text class="content" style="color:grey" v-else-if="couponList.length==0">暂无优惠券</text>
<text class="content" v-else :style="{ color: mainColor }">已优惠 {{currentCoupon.discountMoney}} </text> <text class="content" v-else :style="{ color: mainColor }">已优惠
{{currentCoupon.discountMoney}} </text>
<!-- <u-icon name="ellipsis" size="36" v-if="couponList.length > 0"></u-icon> --> <!-- <u-icon name="ellipsis" size="36" v-if="couponList.length > 0"></u-icon> -->
</text> </text>
<u-icon name="arrow" :size="32" color="#111" v-if="couponList.length>0"></u-icon> <u-icon name="arrow" :size="32" color="#111" v-if="couponList.length>0"></u-icon>
...@@ -151,7 +152,8 @@ ...@@ -151,7 +152,8 @@
<view class="val f14 regular" style="text-align: right;"> <view class="val f14 regular" style="text-align: right;">
<text style="margin-right: 30rpx;">{{searchObj.peoples}}</text> <text style="margin-right: 30rpx;">{{searchObj.peoples}}</text>
<text style="margin-right: 30rpx;">{{orderMsg.RoomCount}}间房</text> <text style="margin-right: 30rpx;">{{orderMsg.RoomCount}}间房</text>
<text class="red">{{RoomInfo.Currency}}{{getPrice(orderMsg.TotalPrice)*orderMsg.RoomCount}}</text> <text
class="red">{{RoomInfo.Currency}}{{getPrice(orderMsg.TotalPrice)*orderMsg.RoomCount}}</text>
</view> </view>
</view> </view>
<view class="form-items PriceMinXi" style="border-bottom: none;"> <view class="form-items PriceMinXi" style="border-bottom: none;">
...@@ -168,7 +170,8 @@ ...@@ -168,7 +170,8 @@
{{orderMsg.RoomCount}}间×{{RoomInfo.Currency}}{{ getPrice(orderMsg.TotalPrice) }} {{orderMsg.RoomCount}}间×{{RoomInfo.Currency}}{{ getPrice(orderMsg.TotalPrice) }}
</view> </view>
</view> </view>
<view class="flex f12 grey" style="margin-bottom: 40rpx" :style="{'color':mainColor+' !important'}" v-if="useCouponIds.length>0"> <view class="flex f12 grey" style="margin-bottom: 40rpx"
:style="{'color':mainColor+' !important'}" v-if="useCouponIds.length>0">
<view style="flex: 1"> <view style="flex: 1">
<text style="margin-right: 30rpx">优惠券</text> <text style="margin-right: 30rpx">优惠券</text>
</view> </view>
...@@ -196,14 +199,16 @@ ...@@ -196,14 +199,16 @@
roomRateDetails.CancellationPolicyList && roomRateDetails.CancellationPolicyList &&
roomRateDetails.CancellationPolicyList.length > 0"> roomRateDetails.CancellationPolicyList.length > 0">
<template v-for="(itemCancella, index1) in roomRateDetails.CancellationPolicyList"> <template v-for="(itemCancella, index1) in roomRateDetails.CancellationPolicyList">
<template v-if="index1==0">{{ getformatDateStr(itemCancella.FromDate) }}之前免费取消</template> <template
v-if="index1==0">{{ getformatDateStr(itemCancella.FromDate) }}之前免费取消</template>
<template v-if="itemCancella.Amount==roomRateDetails.TotalPrice"> <template v-if="itemCancella.Amount==roomRateDetails.TotalPrice">
<template>{{ getformatDateStr(itemCancella.FromDate) }}起不可取消,取消将收取订单全额费用;</template> <template>{{ getformatDateStr(itemCancella.FromDate) }}起不可取消,取消将收取订单全额费用;</template>
</template> </template>
<template v-else> <template v-else>
<template>{{ getformatDateStr(itemCancella.FromDate) }} <template>{{ getformatDateStr(itemCancella.FromDate) }}
<template v-if="index1!=(roomRateDetails.CancellationPolicyList.length-1)">- <template v-if="index1!=(roomRateDetails.CancellationPolicyList.length-1)">-
{{ getformatDateStr(roomRateDetails.CancellationPolicyList[index1+1].FromDate) }} 之间</template> {{ getformatDateStr(roomRateDetails.CancellationPolicyList[index1+1].FromDate) }}
之间</template>
取消,收费 {{DanWei}}{{getPrice(itemCancella.Amount)}};</template> 取消,收费 {{DanWei}}{{getPrice(itemCancella.Amount)}};</template>
</template> </template>
</template> </template>
...@@ -211,18 +216,6 @@ ...@@ -211,18 +216,6 @@
</view> </view>
</view> </view>
<view style="height: 27rpx"></view> <view style="height: 27rpx"></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> </scroll-view>
<view class="opera-box"> <view class="opera-box">
...@@ -232,88 +225,81 @@ ...@@ -232,88 +225,81 @@
<text>{{ (getPrice(orderMsg.TotalPrice)*orderMsg.RoomCount)-currentCoupon.discountMoney }}</text> <text>{{ (getPrice(orderMsg.TotalPrice)*orderMsg.RoomCount)-currentCoupon.discountMoney }}</text>
</view> </view>
<view class="sum-detail">共计 {{orderMsg.RoomCount}}间房</view> <view class="sum-detail">共计 {{orderMsg.RoomCount}}间房</view>
<u-button :ripple="true" :hair-line="false" :custom-style="submit?btnStyle2:btnStyle" @click="buyRoom" :loading="submit">立即购买</u-button> <u-button :ripple="true" :hair-line="false" :custom-style="submit?btnStyle2:btnStyle" @click="buyRoom"
:loading="submit">立即购买</u-button>
</view> </view>
</view> </view>
<u-picker v-model="showtime" mode="time" @confirm='confirm' :params="paramsTime" :default-time='orderMsg.ArrivalTime'></u-picker> <u-picker v-model="showtime" mode="time" @confirm='confirm' :params="paramsTime"
:default-time='orderMsg.ArrivalTime'></u-picker>
<u-toast ref="uToast" /> <u-toast ref="uToast" />
<u-picker mode="selector" v-model="showCountry" :default-selector="[0]" <u-picker mode="selector" v-model="showCountry" :default-selector="[0]" :range="countrys"
:range="countrys" @confirm='(e)=>{changeDown(e,CountryType)}' @confirm='(e)=>{changeDown(e,CountryType)}' range-key="label" @input="showCountry=false"></u-picker>
range-key="label" @input="showCountry=false"></u-picker> <coupon v-if="couponList.length > 0 && showCoupon" :price="getPrice(orderMsg.TotalPrice)" :list="couponList"
<coupon v-if="couponList.length > 0 && showCoupon" :price="getPrice(orderMsg.TotalPrice)" :current="useCouponIds" @close="closeCouponHandler" :order="orderMsg" :numberPeople="searchObj.peoples">
:list="couponList" :current="useCouponIds" @close="closeCouponHandler" </coupon>
:order="orderMsg"
:numberPeople="searchObj.peoples"></coupon>
</view> </view>
</template> </template>
<script> <script>
import coupon from '@/components/coupon/index'; import coupon from '@/components/coupon/index';
export default{ export default {
components: { components: {
coupon coupon
}, },
data() { data() {
return { return {
btnStyle:{ btnStyle: {
height:"80rpx", height: "80rpx",
lineHeight:"80rpx", lineHeight: "80rpx",
borderRadius:"16rpx", borderRadius: "16rpx",
background:"#111", background: "#111",
color:"#FFF", color: "#FFF",
fontSize:"28rpx", fontSize: "28rpx",
fontWeight:"600", fontWeight: "600",
width:'193rpx', width: '193rpx',
}, },
btnStyle2:{ btnStyle2: {
height:"80rpx", height: "80rpx",
lineHeight:"80rpx", lineHeight: "80rpx",
borderRadius:"16rpx", borderRadius: "16rpx",
background:"#eee", background: "#eee",
color:"#000", color: "#000",
fontSize:"28rpx", fontSize: "28rpx",
fontWeight:"600", fontWeight: "600",
width:'193rpx', width: '193rpx',
}, },
RoomInfo:{}, RoomInfo: {},
dayObj:{}, dayObj: {},
HotelInfo:{}, HotelInfo: {},
orderMsg:{ orderMsg: {
// ProductId:0, //房间id ArrivalTime: '14:00', //预计到达时间
// StartDate:'', EmployeeIdStr: "", //销售id
// EndDate:'', CheckInDate: "", //到店时间
// RoomNumber:1,
// Unit_Price:'',
// Final_Price:'',
// Consignee:'', //联系人
// ConsigneeMobile:'', //;联系电话
ArrivalTime:'14:00', //预计到达时间
EmployeeIdStr: "",//销售id
CheckInDate: "",//到店时间
RatePlanID: "", RatePlanID: "",
CheckOutDate: "",//离店时间 CheckOutDate: "", //离店时间
RoomCount: "",//房间数量 RoomCount: "", //房间数量
guestLastName: "",//英文姓 guestLastName: "", //英文姓
guestFirstName: "",//英文名 guestFirstName: "", //英文名
guestAddress: "", guestAddress: "",
guestPhoneNumber: "", guestPhoneNumber: "",
guestEmail: "",//Email guestEmail: "", //Email
BookingID: "", BookingID: "",
HotelName: "",//酒店名称 HotelName: "", //酒店名称
HotelPic: "",//酒店封面 HotelPic: "", //酒店封面
GuestList: [], GuestList: [],
TotalPrice: 0,//总价 TotalPrice: 0, //总价
CustomerPayMoney: 0, CustomerPayMoney: 0,
DiscountMoney: 0,//优惠 DiscountMoney: 0, //优惠
OrderSource: 2, OrderSource: 2,
OrderForm: 4,//订单来源 OrderForm: 4, //订单来源
//备注 //备注
guestRequest: "", guestRequest: "",
hotelId: '',//酒店Id hotelId: '', //酒店Id
roomType: 0, roomType: 0,
CustomerId: 0, //同行Id
DirectCustomerId: 0, //直客Id
}, },
showtime:false, showtime: false,
paramsTime: { paramsTime: {
year: false, year: false,
month: false, month: false,
...@@ -322,18 +308,18 @@ import coupon from '@/components/coupon/index'; ...@@ -322,18 +308,18 @@ import coupon from '@/components/coupon/index';
minute: true, minute: true,
second: false second: false
}, },
tipsText:'', tipsText: '',
showCountry: false, showCountry: false,
countrys:[], countrys: [],
couponList: [], couponList: [],
showCoupon: false, showCoupon: false,
useCouponIds: [], useCouponIds: [],
currentCoupon: { currentCoupon: {
discountMoney: 0 discountMoney: 0
}, },
showPz:false, showPz: false,
pzCoupon:null, pzCoupon: null,
searchObj:null, searchObj: null,
mainColor: '', mainColor: '',
activeStyle: '', activeStyle: '',
params: { params: {
...@@ -364,36 +350,31 @@ import coupon from '@/components/coupon/index'; ...@@ -364,36 +350,31 @@ import coupon from '@/components/coupon/index';
}, },
onLoad(options) { onLoad(options) {
this.customer = uni.getStorageSync("b2b_user") this.customer = uni.getStorageSync("b2b_user")
console.log(this.customer,'------this.customer') console.log("hotel_order", options);
if(options.searchObj){ if (options.searchObj) {
this.searchObj = JSON.parse(options.searchObj) this.searchObj = JSON.parse(options.searchObj)
} }
if(options.HotelInfo){ if (options.HotelInfo) {
this.HotelInfo = JSON.parse(options.HotelInfo) this.HotelInfo = JSON.parse(options.HotelInfo)
console.log(this.HotelInfo,'-----------HotelInfo') console.log("hotel_order_hotelInfo", this.HotelInfo)
this.orderMsg.hotelId = this.HotelInfo.hotelid; this.orderMsg.hotelId = this.HotelInfo.hotelid;
this.orderMsg.HotelName = this.HotelInfo.name this.orderMsg.HotelName = this.HotelInfo.name
} }
if(options.RoomInfo){ if (options.RoomInfo) {
this.RoomInfo = JSON.parse(options.RoomInfo) this.RoomInfo = JSON.parse(options.RoomInfo)
} }
if(options.dayObj){ if (options.dayObj) {
this.dayObj = JSON.parse(options.dayObj) this.dayObj = JSON.parse(options.dayObj)
} }
if (options.CreateBy) { if (options.CreateBy) {
this.CreateBy = options.CreateBy this.CreateBy = options.CreateBy
} }
this.orderMsg.ProductId = this.RoomInfo.RoomTypeID; this.orderMsg.ProductId = this.RoomInfo.RoomTypeID;
console.log(this.searchObj,'-----------searchObj') console.log("hotel_order_this.searchObj", this.searchObj)
console.log(this.RoomInfo,'-----------RoomInfo') console.log("hotel_order_this.RoomInfo", this.RoomInfo)
this.orderMsg.RatePlanID = this.RoomInfo.RatePlanID this.orderMsg.RatePlanID = this.RoomInfo.RatePlanID
// this.orderMsg.TotalPrice = this.getPrice(this.RoomInfo.TotalPrice);
this.orderMsg.CheckInDate = this.dayObj.start; this.orderMsg.CheckInDate = this.dayObj.start;
this.orderMsg.CheckOutDate = this.dayObj.end; this.orderMsg.CheckOutDate = this.dayObj.end;
this.orderMsg.RoomCount = this.searchObj.rooms this.orderMsg.RoomCount = this.searchObj.rooms
this.orderMsg.GuestList = []; this.orderMsg.GuestList = [];
this.searchObj.searchroomGroup.forEach((item, index) => { this.searchObj.searchroomGroup.forEach((item, index) => {
...@@ -411,7 +392,7 @@ import coupon from '@/components/coupon/index'; ...@@ -411,7 +392,7 @@ import coupon from '@/components/coupon/index';
RoomNum: index + 1, RoomNum: index + 1,
numberOfAdults: item.numberOfAdults, numberOfAdults: item.numberOfAdults,
numberOfChildren: item.numberOfChildren, numberOfChildren: item.numberOfChildren,
ChildAgeDetails: item.ChildAgeDetails!=''?item.ChildAgeDetails:1, ChildAgeDetails: item.ChildAgeDetails != '' ? item.ChildAgeDetails : 1,
GuestInfo: guestInfoList GuestInfo: guestInfoList
}; };
this.orderMsg.GuestList.push(obj); this.orderMsg.GuestList.push(obj);
...@@ -435,7 +416,7 @@ import coupon from '@/components/coupon/index'; ...@@ -435,7 +416,7 @@ import coupon from '@/components/coupon/index';
this.GetCountryInfo() this.GetCountryInfo()
this.initHotel() this.initHotel()
}, },
methods:{ methods: {
submitB2COrderHandler(OrderId) { submitB2COrderHandler(OrderId) {
let userInfo = uni.getStorageSync("mall_UserInfo"); let userInfo = uni.getStorageSync("mall_UserInfo");
let guestInfo = `成人x${this.searchObj.adultsNumber}; `; let guestInfo = `成人x${this.searchObj.adultsNumber}; `;
...@@ -449,7 +430,7 @@ import coupon from '@/components/coupon/index'; ...@@ -449,7 +430,7 @@ import coupon from '@/components/coupon/index';
Mailbox: this.orderMsg.guestEmail, Mailbox: this.orderMsg.guestEmail,
GoodsId: this.orderMsg.RatePlanID, GoodsId: this.orderMsg.RatePlanID,
GoodsName: this.HotelInfo.name, GoodsName: this.HotelInfo.name,
GoodsPic: this.HotelInfo.images[0].Path, GoodsPic: "",
GoodsType: 9, GoodsType: 9,
OrderMake: `${this.orderMsg.CheckInDate}入住;${this.orderMsg.CheckOutDate}离店 ${guestInfo}`, OrderMake: `${this.orderMsg.CheckInDate}入住;${this.orderMsg.CheckOutDate}离店 ${guestInfo}`,
TotalPrice: this.getPrice(this.orderMsg.TotalPrice), TotalPrice: this.getPrice(this.orderMsg.TotalPrice),
...@@ -460,17 +441,20 @@ import coupon from '@/components/coupon/index'; ...@@ -460,17 +441,20 @@ import coupon from '@/components/coupon/index';
Income: 0, Income: 0,
Refund: 0, Refund: 0,
MallBaseId: userInfo.MallBaseId, MallBaseId: userInfo.MallBaseId,
CreateBy:0 CreateBy: 0
}; };
if (this.HotelInfo.images && this.HotelInfo.images.length > 0) {
msg.GoodsPic = this.HotelInfo.images[0];
}
// #ifdef MP-DI // #ifdef MP-DI
if(this.customer.salesBaseInfo&&this.customer.salesBaseInfo.employeeId){ if (this.customer.salesBaseInfo && this.customer.salesBaseInfo.employeeId) {
msg.CreateBy = this.customer.salesBaseInfo.employeeId msg.CreateBy = this.customer.salesBaseInfo.employeeId
} }
// #endif // #endif
this.apipost("AddOrderInfo_post", msg, (res) => { this.apipost("AddOrderInfo_post", msg, (res) => {
if (res.resultCode == 1) { if (res.resultCode == 1) {
this.orderInfo =JSON.parse(res.data.sPayInfo) this.orderInfo = JSON.parse(res.data.sPayInfo)
uni.showToast({ uni.showToast({
icon: 'none', icon: 'none',
title: '订单创建成功' title: '订单创建成功'
...@@ -478,9 +462,9 @@ import coupon from '@/components/coupon/index'; ...@@ -478,9 +462,9 @@ import coupon from '@/components/coupon/index';
this.goPayHandler(res.data.OrderNo); this.goPayHandler(res.data.OrderNo);
} else { } else {
uni.showToast({ uni.showToast({
title:res.message, title: res.message,
icon:'none', icon: 'none',
duration:3000 duration: 3000
}) })
this.submit = false; this.submit = false;
} }
...@@ -504,7 +488,8 @@ import coupon from '@/components/coupon/index'; ...@@ -504,7 +488,8 @@ import coupon from '@/components/coupon/index';
setTimeout(() => { setTimeout(() => {
uni.redirectTo({ uni.redirectTo({
url: "/pages/jiuzhai/paysuccess?PreferPrice=" + url: "/pages/jiuzhai/paysuccess?PreferPrice=" +
(that.getPrice(that.orderMsg.TotalPrice)-that.currentCoupon.discountMoney).toFixed(2) + (that.getPrice(that.orderMsg.TotalPrice) - that
.currentCoupon.discountMoney).toFixed(2) +
"&isFrom=5", "&isFrom=5",
}); });
}, 100); }, 100);
...@@ -538,7 +523,7 @@ import coupon from '@/components/coupon/index'; ...@@ -538,7 +523,7 @@ import coupon from '@/components/coupon/index';
mask: true mask: true
}); });
this.apipost( this.apipost(
"dmc_post_GetDiDaPriceConfirm",this.params, "dmc_post_GetDiDaPriceConfirm", this.params,
res => { res => {
if (res.resultCode == 1) { if (res.resultCode == 1) {
uni.hideLoading(); uni.hideLoading();
...@@ -549,24 +534,12 @@ import coupon from '@/components/coupon/index'; ...@@ -549,24 +534,12 @@ import coupon from '@/components/coupon/index';
this.roomRateDetails = res.data.PriceDetails.HotelList[0]; this.roomRateDetails = res.data.PriceDetails.HotelList[0];
this.orderMsg.BookingID = res.data.PriceDetails.ReferenceNo; this.orderMsg.BookingID = res.data.PriceDetails.ReferenceNo;
this.orderMsg.checkInTime = res.data.PriceDetails.CheckInDate; this.orderMsg.checkInTime = res.data.PriceDetails.CheckInDate;
this.orderMsg.TotalPrice = this.getPrice(this.roomRateDetails.TotalPrice); this.orderMsg.TotalPrice = this.getPrice(this.roomRateDetails.TotalPrice);
if (this.roomRateDetails.RatePlanList && this.roomRateDetails.RatePlanList.length > 0) {
if(this.roomRateDetails.RatePlanList&&this.roomRateDetails.RatePlanList.length>0){
this.orderMsg.roomType = this.roomRateDetails.RatePlanList[0].BedType this.orderMsg.roomType = this.roomRateDetails.RatePlanList[0].BedType
} }
// this.orderMsg.HotelPic = this.HotelInfo.HotelPic
if (
Object.prototype.toString.call(this.dataList.HotelList) ==
"[object Object]"
) {
let arr = [];
arr.push(this.dataList.HotelList);
this.dataList.HotelList = arr;
}
} }
},err=>{ }, err => {
uni.hideLoading(); uni.hideLoading();
this.submit = false; this.submit = false;
}); });
...@@ -574,7 +547,7 @@ import coupon from '@/components/coupon/index'; ...@@ -574,7 +547,7 @@ import coupon from '@/components/coupon/index';
getPrice(price) { getPrice(price) {
return Math.ceil(price); return Math.ceil(price);
}, },
goUrl(){ goUrl() {
uni.navigateTo({ uni.navigateTo({
url: `/pages/hotel/orderInfor?msg=${encodeURIComponent(JSON.stringify(this.params))}&dayObj=${JSON.stringify(this.dayObj)}&searchObj=${JSON.stringify(this.searchObj)}&HotelInfo=${JSON.stringify(this.HotelInfo)}` url: `/pages/hotel/orderInfor?msg=${encodeURIComponent(JSON.stringify(this.params))}&dayObj=${JSON.stringify(this.dayObj)}&searchObj=${JSON.stringify(this.searchObj)}&HotelInfo=${JSON.stringify(this.HotelInfo)}`
}) })
...@@ -587,46 +560,48 @@ import coupon from '@/components/coupon/index'; ...@@ -587,46 +560,48 @@ import coupon from '@/components/coupon/index';
this.useCouponIds = e; this.useCouponIds = e;
//叠加使用优惠券 //叠加使用优惠券
let TotalDiscountAmount = 0 let TotalDiscountAmount = 0
this.couponList.forEach(x=>{ this.couponList.forEach(x => {
let findIndex = this.useCouponIds.findIndex(y=>x.id==y) let findIndex = this.useCouponIds.findIndex(y => x.id == y)
if(findIndex!=-1){ if (findIndex != -1) {
let discountMoney = 0 let discountMoney = 0
if(x.couponsType==1){ if (x.couponsType == 1) {
discountMoney = x.denomination discountMoney = x.denomination
}else{ } else {
discountMoney = (parseFloat(this.price) * (1 - parseFloat(x.denomination / 10))) discountMoney = (parseFloat(this.price) * (1 - parseFloat(x.denomination / 10)))
.toFixed(2) .toFixed(2)
} }
TotalDiscountAmount += discountMoney TotalDiscountAmount += discountMoney
} }
}) })
if(TotalDiscountAmount)this.currentCoupon.discountMoney = TotalDiscountAmount if (TotalDiscountAmount) this.currentCoupon.discountMoney = TotalDiscountAmount
else this.currentCoupon.discountMoney = 0 else this.currentCoupon.discountMoney = 0
}else{ } else {
this.currentCoupon.discountMoney = 0 this.currentCoupon.discountMoney = 0
this.useCouponIds = [] this.useCouponIds = []
} }
this.showCoupon = false; this.showCoupon = false;
}, },
calcMaxCouponHandle(){ calcMaxCouponHandle() {
if(this.couponList && this.couponList.length>0){ if (this.couponList && this.couponList.length > 0) {
let maxCouponId = 0 let maxCouponId = 0
let discount = 0 let discount = 0
const money = this.price const money = this.price
this.couponList.forEach(x=>{ this.couponList.forEach(x => {
if(x.couponsType==1 && x.denomination>discount&&(this.orderMsg.AdultPeopleNum>=x.orderGuestNum||!x.orderGuestNum)) { if (x.couponsType == 1 && x.denomination > discount && (this.orderMsg.AdultPeopleNum >= x
discount=x.denomination .orderGuestNum || !x.orderGuestNum)) {
discount = x.denomination
maxCouponId = x.id maxCouponId = x.id
} }
if(x.couponsType==2){ if (x.couponsType == 2) {
let disMoney = money*(1-x.denomination) let disMoney = money * (1 - x.denomination)
if(discount<disMoney&&(this.orderMsg.AdultPeopleNum>=x.orderGuestNum||!x.orderGuestNum)){ if (discount < disMoney && (this.orderMsg.AdultPeopleNum >= x.orderGuestNum || !x
discount=disMoney .orderGuestNum)) {
discount = disMoney
maxCouponId = x.id maxCouponId = x.id
} }
} }
}) })
if(maxCouponId>0) this.closeCouponHandler([maxCouponId]) if (maxCouponId > 0) this.closeCouponHandler([maxCouponId])
else this.closeCouponHandler(-1) else this.closeCouponHandler(-1)
} }
}, },
...@@ -649,9 +624,7 @@ import coupon from '@/components/coupon/index'; ...@@ -649,9 +624,7 @@ import coupon from '@/components/coupon/index';
"coupon_post_GetUserCanUseCouponList", couponParams, "coupon_post_GetUserCanUseCouponList", couponParams,
(res) => { (res) => {
if (res.resultCode == 1) { if (res.resultCode == 1) {
console.log("coupon_post_GetUserCanUseCouponList_res", res);
this.couponList = res.data this.couponList = res.data
// this.calcPzCouponHandler()
this.calcMaxCouponHandle() this.calcMaxCouponHandle()
} }
}, },
...@@ -660,26 +633,26 @@ import coupon from '@/components/coupon/index'; ...@@ -660,26 +633,26 @@ import coupon from '@/components/coupon/index';
} }
); );
}, },
usePzCouponHandler(){ usePzCouponHandler() {
this.showPz = false this.showPz = false
this.closeCouponHandler([this.pzCoupon.id]) this.closeCouponHandler([this.pzCoupon.id])
this.pzCoupon = null this.pzCoupon = null
}, },
calcPzCouponHandler(){ calcPzCouponHandler() {
this.couponList.forEach((x)=>{ this.couponList.forEach((x) => {
if(x.expansionModel.denomination>0){ if (x.expansionModel.denomination > 0) {
if(this.pzCoupon && this.pzCoupon.expansionModel.denomination<x.expansionModel.denomination) if (this.pzCoupon && this.pzCoupon.expansionModel.denomination < x.expansionModel
this.pzCoupon=x .denomination)
this.pzCoupon = x
else else
this.pzCoupon=x this.pzCoupon = x
x.realDenomination = x.denomination x.realDenomination = x.denomination
x.denomination =x.expansionModel.denomination x.denomination = x.expansionModel.denomination
} }
}) })
this.showPz = this.pzCoupon?true:false this.showPz = this.pzCoupon ? true : false
}, },
GetCountryInfo(){ GetCountryInfo() {
this.apipost("GetCountryInfo_post", {}, (r) => { this.apipost("GetCountryInfo_post", {}, (r) => {
for (let i = 0; i < r.data.phoneCountList.length; i++) { for (let i = 0; i < r.data.phoneCountList.length; i++) {
let Count = r.data.phoneCountList[i] let Count = r.data.phoneCountList[i]
...@@ -692,7 +665,7 @@ import coupon from '@/components/coupon/index'; ...@@ -692,7 +665,7 @@ import coupon from '@/components/coupon/index';
} }
}) })
}, },
changeDown(e){ changeDown(e) {
let i = [e] let i = [e]
// this.customer.count = this.countrys[i].ID // this.customer.count = this.countrys[i].ID
// this.optionsTitle[0] = this.countrys[i].Name // this.optionsTitle[0] = this.countrys[i].Name
...@@ -700,107 +673,103 @@ import coupon from '@/components/coupon/index'; ...@@ -700,107 +673,103 @@ import coupon from '@/components/coupon/index';
}, },
editNum(type) { editNum(type) {
if (type == 1) { if (type == 1) {
if(this.orderMsg.RoomCount>1){ if (this.orderMsg.RoomCount > 1) {
this.orderMsg.RoomCount--; this.orderMsg.RoomCount--;
this.orderMsg.GuestList.splice(this.orderMsg.GuestList.length-1,1) this.orderMsg.GuestList.splice(this.orderMsg.GuestList.length - 1, 1)
} }
}else { } else {
this.orderMsg.RoomCount++; this.orderMsg.RoomCount++;
this.orderMsg.GuestList.push({ this.orderMsg.GuestList.push({
RoomNum: this.orderMsg.GuestList.length+1, RoomNum: this.orderMsg.GuestList.length + 1,
numberOfAdults: 1, numberOfAdults: 1,
numberOfChildren: 0, numberOfChildren: 0,
ChildAgeDetails: '', ChildAgeDetails: '',
GuestInfo: [ GuestInfo: [{
{
LastName: "", LastName: "",
FirstName: "", FirstName: "",
Age: "" Age: ""
} }]
]
}) })
} }
this.searchObj.rooms = this.orderMsg.GuestList.length this.searchObj.rooms = this.orderMsg.GuestList.length
this.CalTotalPrice(); this.CalTotalPrice();
}, },
getDate(date){ getDate(date) {
if(date){ if (date) {
let arr = date.split('-'); let arr = date.split('-');
return arr[1]+'月'+arr[2]+'日' return arr[1] + '月' + arr[2] + '日'
} }
}, },
getWeek(date) {
var weekArray = new Array("日", "一", "二", "三", "四", "五", "六");
var week = weekArray[new Date(date).getDay()];//注意此处必须是先new一个Date
return '周'+week;
},
//选择时间 //选择时间
confirm(val){ confirm(val) {
this.orderMsg.ArrivalTime=val.hour+':'+val.minute; this.orderMsg.ArrivalTime = val.hour + ':' + val.minute;
}, },
//计算总价 //计算总价
CalTotalPrice(){ CalTotalPrice() {
}, },
validate(){ validate() {
let email = /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/ let email = /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/
let msg = '' let msg = ''
for(let i=0;i<this.orderMsg.GuestList.length;i++){ for (let i = 0; i < this.orderMsg.GuestList.length; i++) {
for(let j=0;j<this.orderMsg.GuestList[i].GuestInfo.length;j++){ for (let j = 0; j < this.orderMsg.GuestList[i].GuestInfo.length; j++) {
if(this.orderMsg.GuestList[i].GuestInfo[j].LastName==''){ if (this.orderMsg.GuestList[i].GuestInfo[j].LastName == '') {
return msg = '请输入住客姓' return msg = '请输入住客姓'
} }
if(this.orderMsg.GuestList[i].GuestInfo[j].FirstName==''){ if (this.orderMsg.GuestList[i].GuestInfo[j].FirstName == '') {
return msg = '请输入住客名' return msg = '请输入住客名'
} }
} }
} }
if(this.orderMsg.guestLastName==''){ if (this.orderMsg.guestLastName == '') {
msg = '请输入姓名' msg = '请输入姓名'
} else if(this.orderMsg.guestPhoneNumber==''){ } else if (this.orderMsg.guestPhoneNumber == '') {
msg = '请输入联系电话' msg = '请输入联系电话'
} else if(this.orderMsg.guestPhoneNumber&&this.orderMsg.guestPhoneNumber.length!=11){ } else if (this.orderMsg.guestPhoneNumber && this.orderMsg.guestPhoneNumber.length != 11) {
msg = '请输入正确的电话号码' msg = '请输入正确的电话号码'
}else if(this.orderMsg.guestEmail==''||!this.orderMsg.guestEmail){ } else if (this.orderMsg.guestEmail == '' || !this.orderMsg.guestEmail) {
msg = '请输入邮箱地址' msg = '请输入邮箱地址'
}else if (!email.test(this.orderMsg.guestEmail)) { } else if (!email.test(this.orderMsg.guestEmail)) {
msg = '请输入正确的邮箱地址' msg = '请输入正确的邮箱地址'
}else if (this.orderMsg.CheckInDate=='') { } else if (this.orderMsg.CheckInDate == '') {
msg = '入住时间不能为空' msg = '入住时间不能为空'
}else if (this.orderMsg.CheckOutDate=='') { } else if (this.orderMsg.CheckOutDate == '') {
msg = '离店时间不能为空' msg = '离店时间不能为空'
} }
return msg return msg
}, },
//立即购买 //立即购买
buyRoom(){ buyRoom() {
const error = this.validate() const error = this.validate()
if(error!=''){ if (error != '') {
uni.showToast({ uni.showToast({
icon:'none', icon: 'none',
title:error title: error
}) })
return return
} }
if(this.submit) return; if (this.submit) return;
this.submit = true; this.submit = true;
let that = this; let that = this;
var CustomerId = 0
var CreateBy = 0//同行id
var DirectCustomerId = 0 //直客id
// #ifdef MP-DI // #ifdef MP-DI
DirectCustomerId = this.customer.customerId that.orderMsg.DirectCustomerId = this.customer.customerId;
CreateBy = this.customer.customerId if (this.customer && this.customer.erpBaseInfo && this.customer.erpBaseInfo.employeeId) {
that.orderMsg.EmployeeIdStr = this.customer.erpBaseInfo.employeeId;
}
this.orderMsg.OrderSource = 7 this.orderMsg.OrderSource = 7
// #endif // #endif
// #ifdef MP-AG // #ifdef MP-AG
CreateBy = this.CreateBy that.orderMsg.CustomerId = this.customer.customerId
CustomerId = this.customer.customerId
this.orderMsg.OrderSource = 5 this.orderMsg.OrderSource = 5
if (this.customer && this.customer.salesBaseInfo && this.customer.salesBaseInfo.employeeId) {
this.orderMsg.EmployeeIdStr = this.customer.salesBaseInfo.employeeId
}
// #endif // #endif
this.orderMsg.EmployeeIdStr = CreateBy; console.log("酒店下单", that.orderMsg);
console.log(that.orderMsg,'-----酒店下单'); that.apipost('dmc_post_GetDiDaBookingConfirm', that.orderMsg,
that.apipost('dmc_post_GetDiDaBookingConfirm',that.orderMsg,
res => { res => {
if (res.resultCode == 1) { if (res.resultCode == 1) {
const tempData = res.data const tempData = res.data
...@@ -817,22 +786,23 @@ import coupon from '@/components/coupon/index'; ...@@ -817,22 +786,23 @@ import coupon from '@/components/coupon/index';
url: `/pages/AggregateOrders/AggregateOrdersList?OrderTypeStr=3`, url: `/pages/AggregateOrders/AggregateOrdersList?OrderTypeStr=3`,
}); });
// #endif // #endif
console.log(res,'-------酒店erp下单成功') console.log(res, '-------酒店erp下单成功')
} }
} }
); );
}, },
} }
} }
</script> </script>
<style> <style>
@import url("@/asset/css/flex.css"); @import url("@/asset/css/flex.css");
.hotel-order{
.hotel-order {
color: #111111; color: #111111;
} }
.opera-box{
.opera-box {
background-color: #FFF; background-color: #FFF;
padding: 20rpx 45rpx 40rpx 45rpx; padding: 20rpx 45rpx 40rpx 45rpx;
/* position: fixed; /* position: fixed;
...@@ -841,7 +811,8 @@ import coupon from '@/components/coupon/index'; ...@@ -841,7 +811,8 @@ import coupon from '@/components/coupon/index';
right: 0; */ right: 0; */
z-index: 5; z-index: 5;
} }
.opera-box .box{
.opera-box .box {
height: 100rpx; height: 100rpx;
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0px 10rpx 30rpx 0px rgba(36, 36, 36, 0.2); box-shadow: 0px 10rpx 30rpx 0px rgba(36, 36, 36, 0.2);
...@@ -850,32 +821,38 @@ import coupon from '@/components/coupon/index'; ...@@ -850,32 +821,38 @@ import coupon from '@/components/coupon/index';
align-items: center; align-items: center;
padding: 0 10rpx 0 36rpx; padding: 0 10rpx 0 36rpx;
} }
.opera-box .box .price{
.opera-box .box .price {
font-size: 40rpx; font-size: 40rpx;
font-weight: 500; font-weight: 500;
color: #D91818; color: #D91818;
margin-right: 20rpx; margin-right: 20rpx;
} }
.opera-box .box .sum-detail{
.opera-box .box .sum-detail {
font-size: 24rpx; font-size: 24rpx;
flex: 1; flex: 1;
font-weight: 500; font-weight: 500;
color: #6E6E6E; color: #6E6E6E;
} }
.hotel-order .red{
color:#D91818 !important .hotel-order .red {
color: #D91818 !important
} }
.hotel-order .grey{
color:#6E6E6E !important .hotel-order .grey {
color: #6E6E6E !important
} }
.hotel-order .form{
.hotel-order .form {
margin-top: 60rpx; margin-top: 60rpx;
padding:0 19rpx 44rpx 19rpx; padding: 0 19rpx 44rpx 19rpx;
background: #fff; background: #fff;
border-radius: 18rpx; border-radius: 18rpx;
margin: 28rpx 31rpx; margin: 28rpx 31rpx;
} }
.hotel-order .form .form-items{
.hotel-order .form .form-items {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 22rpx 15rpx; padding: 22rpx 15rpx;
...@@ -883,30 +860,37 @@ import coupon from '@/components/coupon/index'; ...@@ -883,30 +860,37 @@ import coupon from '@/components/coupon/index';
font-weight: 500; font-weight: 500;
color: #303133; color: #303133;
} }
.hotel-order .form .form-items:first-child{
.hotel-order .form .form-items:first-child {
padding: 10rpx 15rpx 20rpx 15rpx; padding: 10rpx 15rpx 20rpx 15rpx;
} }
.hotel-order .form .form-items .label{
.hotel-order .form .form-items .label {
width: 130rpx; width: 130rpx;
font-size: 28rpx; font-size: 28rpx;
font-weight: 500; font-weight: 500;
margin-right: 57rpx; margin-right: 57rpx;
flex-shrink: 0; flex-shrink: 0;
} }
.hotel-order .form .form-items .val{
flex:1; .hotel-order .form .form-items .val {
flex: 1;
} }
.hotel-order .sheshi{
.hotel-order .sheshi {
margin-top: 50rpx; margin-top: 50rpx;
} }
.hotel-order .sheshi .she-title{
.hotel-order .sheshi .she-title {
font-size: 28rpx; font-size: 28rpx;
font-weight: 800; font-weight: 800;
} }
.hotel-order .sheshi .she-content{
.hotel-order .sheshi .she-content {
margin-top: 24rpx; margin-top: 24rpx;
} }
.hotel-order .sheshi .she-content text{
.hotel-order .sheshi .she-content text {
font-size: 24rpx; font-size: 24rpx;
font-weight: 500; font-weight: 500;
...@@ -914,8 +898,9 @@ import coupon from '@/components/coupon/index'; ...@@ -914,8 +898,9 @@ import coupon from '@/components/coupon/index';
line-height: 40rpx; line-height: 40rpx;
margin-right: 24rpx; margin-right: 24rpx;
} }
.hotel-order .form .form-items .val input{
border:none; .hotel-order .form .form-items .val input {
border: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
outline: none; outline: none;
...@@ -929,54 +914,67 @@ import coupon from '@/components/coupon/index'; ...@@ -929,54 +914,67 @@ import coupon from '@/components/coupon/index';
.hotel-order .king { .hotel-order .king {
color: #DFBE6E !important; color: #DFBE6E !important;
} }
.hotel-order .f12 { .hotel-order .f12 {
font-size:24rpx !important; font-size: 24rpx !important;
} }
.f11 { .f11 {
font-size:22rpx !important; font-size: 22rpx !important;
} }
.hotel-order .f14 { .hotel-order .f14 {
font-size:28rpx !important; font-size: 28rpx !important;
} }
.hotel-order .regular { .hotel-order .regular {
font-weight: 500 !important; font-weight: 500 !important;
} }
.hotel-order .flex{
.hotel-order .flex {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.hotel-order .empty-block{
.hotel-order .empty-block {
height: 20rpx; height: 20rpx;
background: #ECF1F4; background: #ECF1F4;
} }
.hotel-order .flex-wrap{
.hotel-order .flex-wrap {
flex-wrap: wrap; flex-wrap: wrap;
} }
.hotel-order .o-head{
.hotel-order .o-head {
padding: 20rpx 31rpx 46rpx 31rpx; padding: 20rpx 31rpx 46rpx 31rpx;
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0px 2rpx 15rpx 0px rgba(76, 76, 76, 0.13); box-shadow: 0px 2rpx 15rpx 0px rgba(76, 76, 76, 0.13);
border-radius: 0px 0px 40rpx 40rpx; border-radius: 0px 0px 40rpx 40rpx;
} }
.hotel-order .o-head .o-timer{
.hotel-order .o-head .o-timer {
background: #ECF1F4; background: #ECF1F4;
border-radius: 18rpx; border-radius: 18rpx;
padding: 30rpx 30rpx; padding: 30rpx 30rpx;
} }
.hotel-order .o-head .o-timer .time-item{
.hotel-order .o-head .o-timer .time-item {
font-weight: 800; font-weight: 800;
font-size: 32rpx; font-size: 32rpx;
color: #080A09; color: #080A09;
} }
.hotel-order .o-head .o-timer .time-item text{
.hotel-order .o-head .o-timer .time-item text {
margin-left: 15rpx; margin-left: 15rpx;
} }
.hotel-order .o-head .o-timer .time-itemZhi{
.hotel-order .o-head .o-timer .time-itemZhi {
font-size: 32rpx; font-size: 32rpx;
color: #080A09; color: #080A09;
padding: 0 10rpx; padding: 0 10rpx;
} }
.hotel-order .o-head .o-timer .timeline{
.hotel-order .o-head .o-timer .timeline {
width: 1rpx; width: 1rpx;
height: 24rpx; height: 24rpx;
background: #BCBCBC; background: #BCBCBC;
...@@ -984,29 +982,34 @@ import coupon from '@/components/coupon/index'; ...@@ -984,29 +982,34 @@ import coupon from '@/components/coupon/index';
margin-left: 18rpx; margin-left: 18rpx;
margin-right: 18rpx; margin-right: 18rpx;
} }
.hotel-order .o-head .o-timer .time-split{
.hotel-order .o-head .o-timer .time-split {
font-weight: 800; font-weight: 800;
font-size: 32rpx; font-size: 32rpx;
text-align: center; text-align: center;
} }
.hotel-order .o-head .room-name{
.hotel-order .o-head .room-name {
font-weight: 500; font-weight: 500;
font-size: 28rpx; font-size: 28rpx;
color: #1D1D20; color: #1D1D20;
} }
.hotel-order .o-head .room-remark{
.hotel-order .o-head .room-remark {
font-weight: 500; font-weight: 500;
font-size: 28rpx; font-size: 28rpx;
color: #1D1D20; color: #1D1D20;
flex-shrink: 0; flex-shrink: 0;
} }
.hotel-order .o-head .rule{
.hotel-order .o-head .rule {
font-size: 22rpx; font-size: 22rpx;
font-weight: 500; font-weight: 500;
color: #6E6E6E; color: #6E6E6E;
margin-top: 18rpx; margin-top: 18rpx;
} }
.hotel-order .big-title { .hotel-order .big-title {
position: relative; position: relative;
} }
...@@ -1024,6 +1027,7 @@ import coupon from '@/components/coupon/index'; ...@@ -1024,6 +1027,7 @@ import coupon from '@/components/coupon/index';
// bottom: 6rpx; // bottom: 6rpx;
// z-index: 1; // z-index: 1;
} }
.hotel-order .big-title text { .hotel-order .big-title text {
font-size: 34rpx; font-size: 34rpx;
font-weight: bold; font-weight: bold;
...@@ -1031,130 +1035,158 @@ import coupon from '@/components/coupon/index'; ...@@ -1031,130 +1035,158 @@ import coupon from '@/components/coupon/index';
position: relative; position: relative;
z-index: 2; z-index: 2;
} }
.o-head-title{
.o-head-title {
font-weight: bold; font-weight: bold;
font-size: 32rpx; font-size: 32rpx;
color: #080A09; color: #080A09;
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
.o-detail{
.o-detail {
font-weight: 800; font-weight: 800;
font-size: 32rpx; font-size: 32rpx;
color: #B99846; color: #B99846;
} }
.room-dateil{
.room-dateil {
margin-top: 3rpx; margin-top: 3rpx;
} }
.roomline{
.roomline {
width: 1rpx; width: 1rpx;
height: 24rpx; height: 24rpx;
background: #BCBCBC; background: #BCBCBC;
margin-left: 14rpx; margin-left: 14rpx;
margin-right: 14rpx; margin-right: 14rpx;
} }
.roomPrice{
.roomPrice {
font-weight: 500; font-weight: 500;
font-size: 28rpx; font-size: 28rpx;
color: #1D1D20; color: #1D1D20;
flex-shrink: 0; flex-shrink: 0;
} }
.visaProductTextBox{
.visaProductTextBox {
padding: 29rpx 0 21rpx 0; padding: 29rpx 0 21rpx 0;
font-family: PingFang SC; font-family: PingFang SC;
} }
.visaProductTitle{
.visaProductTitle {
font-weight: 800; font-weight: 800;
font-size: 32rpx; font-size: 32rpx;
} }
.visaProductTextL{
.visaProductTextL {
font-size: 35rpx; font-size: 35rpx;
font-weight: bold; font-weight: bold;
} }
.visaProductTextR{
.visaProductTextR {
font-size: 20rpx; font-size: 20rpx;
margin-left: 24rpx; margin-left: 24rpx;
} }
.visaProduct_rColor{
.visaProduct_rColor {
color: #FF3166; color: #FF3166;
} }
.addPnum{
.addPnum {
padding: 9rpx 10rpx; padding: 9rpx 10rpx;
} }
.addPnumL{
.addPnumL {
margin-right: 17rpx; margin-right: 17rpx;
} }
.addPnumR{
.addPnumR {
margin-left: 17rpx; margin-left: 17rpx;
} }
.visaProductTetx{
.visaProductTetx {
font-weight: bold; font-weight: bold;
font-size: 28rpx; font-size: 28rpx;
color: #080A09; color: #080A09;
} }
.form-itemsTime{
.form-itemsTime {
font-weight: bold; font-weight: bold;
font-size: 28rpx; font-size: 28rpx;
color: #080A09; color: #080A09;
} }
.form-itemsL text{
.form-itemsL text {
font-weight: bold; font-weight: bold;
font-size: 28rpx; font-size: 28rpx;
color: #B99846; color: #B99846;
margin-right: 26rpx; margin-right: 26rpx;
} }
.CouponBox{
.CouponBox {
margin: 0 31rpx 32rpx 31rpx; margin: 0 31rpx 32rpx 31rpx;
padding: 18rpx 34rpx 35rpx 34rpx; padding: 18rpx 34rpx 35rpx 34rpx;
background: #fff; background: #fff;
border-radius: 18rpx; border-radius: 18rpx;
} }
.PriceBox{
.PriceBox {
margin: 0 31rpx 32rpx 31rpx; margin: 0 31rpx 32rpx 31rpx;
padding: 18rpx 34rpx 35rpx 34rpx; padding: 18rpx 34rpx 35rpx 34rpx;
background: #fff; background: #fff;
border-radius: 18rpx; border-radius: 18rpx;
} }
.PriceZaiXian{
border-bottom: 1rpx solid #F0F0F0 ; .PriceZaiXian {
border-bottom: 1rpx solid #F0F0F0;
} }
.PriceZaiXian .label{
.PriceZaiXian .label {
font-weight: bold; font-weight: bold;
} }
.hotel-order .form .form-items.PriceZaiXian{
.hotel-order .form .form-items.PriceZaiXian {
padding: 0; padding: 0;
padding-top: 15rpx; padding-top: 15rpx;
padding-bottom: 20rpx; padding-bottom: 20rpx;
} }
.hotel-order .form .form-items.PriceMinXi{
.hotel-order .form .form-items.PriceMinXi {
padding: 0; padding: 0;
padding-top: 20rpx; padding-top: 20rpx;
padding-bottom: 30rpx; padding-bottom: 30rpx;
} }
.PriceTole{
.PriceTole {
color: #BFB9B9; color: #BFB9B9;
} }
.buyTispBox{
.buyTispBox {
border-radius: 18rpx; border-radius: 18rpx;
background: #fff; background: #fff;
margin: 0 31rpx 27rpx 31rpx; margin: 0 31rpx 27rpx 31rpx;
padding: 37rpx 18rpx 47rpx 18rpx; padding: 37rpx 18rpx 47rpx 18rpx;
} }
.buyTispBox .big-title{
.buyTispBox .big-title {
font-weight: 800; font-weight: 800;
font-size: 32rpx; font-size: 32rpx;
color: #080A09; color: #080A09;
margin-bottom: 37rpx; margin-bottom: 37rpx;
} }
.buyTispBox .rule{
.buyTispBox .rule {
font-weight: 500; font-weight: 500;
font-size: 24rpx; font-size: 24rpx;
color: #1D1D20; color: #1D1D20;
line-height: 42rpx; line-height: 42rpx;
} }
.LastNameBox view{
.LastNameBox view {
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
.LastNameBox view:last-child{
.LastNameBox view:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
</style> </style>
\ No newline at end of file
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