Skip to content

J
jz_Travel
Commit 281db386 authored by 罗超's avatar 罗超
Browse files
Options

1

parent f6129446
Hide whitespace changes
Inline Side-by-side
Showing with 741 additions and 682 deletions
pages/jiuzhai/jz_LineDetail.vue
View file @ 281db386
...@@ -981,7 +981,7 @@ export default { ...@@ -981,7 +981,7 @@ export default {
that.titleStyle = { that.titleStyle = {
height: "45px", height: "45px",
paddingTop: `${res.statusBarHeight}px`, paddingTop: `${res.statusBarHeight}px`,
opacity: "0%", opacity: "0",
}; };
}, },
}); });
...@@ -1042,11 +1042,13 @@ export default { ...@@ -1042,11 +1042,13 @@ export default {
}, },
scroll(e) { scroll(e) {
this.boxOption = Math.floor((e.detail.scrollTop - 50) / 1.5); this.boxOption = Math.floor((e.detail.scrollTop - 50) / 1.5);
this.titleStyle.opacity = this.titleStyle.opacity =
(e.detail.scrollTop - 100 < 0 e.detail.scrollTop - 100 < 0
? 0 ? 0
: Math.floor(e.detail.scrollTop - 100)) + "%"; : Math.floor(e.detail.scrollTop - 100) / 100 > 1
? 1
: Math.floor(e.detail.scrollTop - 100) / 100;
console.log("1051", this.titleStyle.opacity);
this.$forceUpdate(); this.$forceUpdate();
}, },
//获取详情 //获取详情
...@@ -1055,14 +1057,11 @@ export default { ...@@ -1055,14 +1057,11 @@ export default {
"b2b_get_GetB2BTravelInfoNoDesV1", "b2b_get_GetB2BTravelInfoNoDesV1",
this.delMsg, this.delMsg,
(res) => { (res) => {
console.log(res, "详情");
if (res.resultCode == 1) { if (res.resultCode == 1) {
res.data.tempImgCover = JSON.parse(res.data.imgCover); res.data.tempImgCover = JSON.parse(res.data.imgCover);
// let tempPrice= res.data.priceList.filter(x=>x.remainNum>0) // let tempPrice= res.data.priceList.filter(x=>x.remainNum>0)
// res.data.priceList=tempPrice // res.data.priceList=tempPrice
this.dataList = res.data; this.dataList = res.data;
this.scenicNum = 0; this.scenicNum = 0;
this.dataList.dayList.forEach((x) => { this.dataList.dayList.forEach((x) => {
x.dayArray.forEach((y) => { x.dayArray.forEach((y) => {
...@@ -1098,21 +1097,31 @@ export default { ...@@ -1098,21 +1097,31 @@ export default {
this.finishFirstLoad = true; this.finishFirstLoad = true;
// #ifdef MP-ALIPAY // #ifdef MP-ALIPAY
this.dataList.feature.feeInclude = parseHtml( if (this.dataList.feature.feeInclude) {
this.dataList.feature.feeInclude this.dataList.feature.feeInclude = parseHtml(
); this.dataList.feature.feeInclude
this.dataList.feature.feeNonInclude = parseHtml( );
this.dataList.feature.feeNonInclude }
); if (this.dataList.feature.feeNonInclude) {
this.dataList.feature.importantTip = parseHtml( this.dataList.feature.feeNonInclude = parseHtml(
this.dataList.feature.importantTip this.dataList.feature.feeNonInclude
); );
this.dataList.feature.warmTip = parseHtml( }
this.dataList.feature.warmTip if (this.dataList.feature.importantTip) {
); this.dataList.feature.importantTip = parseHtml(
this.dataList.feature.visaRemark = parseHtml( this.dataList.feature.importantTip
this.dataList.feature.visaRemark );
); }
if (this.dataList.feature.warmTip) {
this.dataList.feature.warmTip = parseHtml(
this.dataList.feature.warmTip
);
}
if (this.dataList.feature.visaRemark) {
this.dataList.feature.visaRemark = parseHtml(
this.dataList.feature.visaRemark
);
}
// #endif // #endif
} else { } else {
} }
......
pages/restaurant/components/buyNotice.vue
View file @ 281db386
<template> <template>
<view class="buy-notice-restaurant"> <view class="buy-notice-restaurant">
<view class="meal-info"> <view class="meal-info">
<image :src="mealData.MealPic" mode="aspectFit" class="MealPic"></image> <image :src="mealData.MealPic" mode="aspectFit" class="MealPic"></image>
<view class="right"> <view class="right">
<view class="name">{{mealData.MealName}}</view> <view class="name">{{ mealData.MealName }}</view>
<view class="sale">已售 {{mealData.SaleCount}}</view> <view class="sale">已售 {{ mealData.SaleCount }}</view>
</view> </view>
</view> </view>
<view class="ticket-title"> <view class="ticket-title">
套餐内容 套餐内容
<text class="ticket-title-bg"></text> <text class="ticket-title-bg"></text>
</view> </view>
<view class="meal-con"> <view class="meal-con">
<text v-if="mealData.MealDesc">{{mealData.MealDesc}}</text> <text v-if="mealData.MealDesc">{{ mealData.MealDesc }}</text>
<text v-else class="zanwu">暂无</text> <text v-else class="zanwu">暂无</text>
</view> </view>
<view class="ticket-title"> <view class="ticket-title">
购买须知 购买须知
<text class="ticket-title-bg"></text> <text class="ticket-title-bg"></text>
</view> </view>
<view class="buy-notice-con"> <view class="buy-notice-con">
<rich-text :nodes="mealData.OtherTag" v-if="mealData.OtherTag"></rich-text> <rich-text
<text v-else class="zanwu">暂无</text> :nodes="mealData.OtherTag"
</view> v-if="mealData.OtherTag"
<view class="btn-box"> ></rich-text>
<view class="price"> <text v-else class="zanwu">暂无</text>
<text class="price-pre">￥</text> </view>
{{$utils.getretailer()==true? mealData.LPriceB:mealData.LPriceC}} <view class="btn-box">
</view> <view class="price">
<view class="btn" @click="subscribe"> <text class="price-pre">￥</text>
立即预订 {{ $utils.getretailer() == true ? mealData.LPriceB : mealData.LPriceC }}
</view> </view>
</view> <view class="btn" @click="subscribe"> 立即预订 </view>
</view> </view>
</view>
</template> </template>
<script> <script>
export default{ // #ifdef MP-ALIPAY
props:{ import parseHtml from "../../../plugin/htmlparse.js";
mealData:{ // #endif
type:Object, export default {
default:{} props: {
} mealData: {
}, type: Object,
data(){ default: {},
return{ },
},
} mounted() {
}, // #ifdef MP-ALIPAY
methods:{ this.mealData.OtherTag = parseHtml(this.mealData.OtherTag);
subscribe(){ // #endif
this.$emit("success") },
} methods: {
} subscribe() {
} this.$emit("success");
},
},
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.buy-notice-restaurant{ .buy-notice-restaurant {
height: 70vh; height: 70vh;
padding: 45rpx 45rpx 120rpx 45rpx; padding: 45rpx 45rpx 120rpx 45rpx;
overflow-y: scroll; overflow-y: scroll;
overflow-x: hidden; overflow-x: hidden;
.meal-info{ .meal-info {
display: flex; display: flex;
padding-bottom: 50rpx; padding-bottom: 50rpx;
border-bottom: 1rpx solid #E7E7E7; border-bottom: 1rpx solid #e7e7e7;
.MealPic{ .MealPic {
width: 129rpx; width: 129rpx;
height: 129rpx; height: 129rpx;
background-color: #DFBE6E; background-color: #dfbe6e;
border-radius: 20rpx; border-radius: 20rpx;
} }
.right{ .right {
flex-grow: 5; flex-grow: 5;
margin-left: 35rpx; margin-left: 35rpx;
.name{ .name {
font-size: 34rpx; font-size: 34rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #1B1D1E; color: #1b1d1e;
} }
.sale{ .sale {
width: 120rpx; width: 120rpx;
height: 40rpx; height: 40rpx;
background-color: #ECF1F4; background-color: #ecf1f4;
border-radius: 4rpx; border-radius: 4rpx;
font-size: 22rpx; font-size: 22rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #111111; color: #111111;
text-align: center; text-align: center;
line-height: 38rpx; line-height: 38rpx;
margin-top: 20rpx; margin-top: 20rpx;
} }
} }
} }
.ticket-title { .ticket-title {
// width: 70rpx; // width: 70rpx;
height: 50rpx; height: 50rpx;
font-size: 34rpx; font-size: 34rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #1F1F1F; color: #1f1f1f;
background-color: transparent; background-color: transparent;
// line-height: 44rpx; // line-height: 44rpx;
position: relative; position: relative;
margin: 40rpx 0; margin: 40rpx 0;
.ticket-title-bg { .ticket-title-bg {
width: 70rpx; width: 70rpx;
height: 10rpx; height: 10rpx;
background-color: #DFBE6E; background-color: #dfbe6e;
border-radius: 4px; border-radius: 4px;
position: absolute; position: absolute;
left: 0; left: 0;
bottom: 6rpx; bottom: 6rpx;
z-index: 1; z-index: 1;
opacity: 0.6; opacity: 0.6;
} }
} }
.meal-con{ .meal-con {
white-space: pre-wrap; white-space: pre-wrap;
font-size: 28rpx; font-size: 28rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #111111; color: #111111;
} }
.buy-notice-con{ .buy-notice-con {
font-size: 28rpx; font-size: 28rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 600; font-weight: 600;
color: #111111; color: #111111;
} }
.btn-box{ .btn-box {
position: fixed; position: fixed;
right: 55rpx; right: 55rpx;
bottom:100rpx; bottom: 100rpx;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
align-items: center; align-items: center;
.price{ .price {
font-size: 40rpx; font-size: 40rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #D91818; color: #d91818;
// line-height: 38rpx; // line-height: 38rpx;
.price-pre{ .price-pre {
font-size: 22rpx; font-size: 22rpx;
} }
} }
.btn{ .btn {
width: 300rpx; width: 300rpx;
height: 80rpx; height: 80rpx;
background-color: #111111; background-color: #111111;
border-radius: 20rpx; border-radius: 20rpx;
font-size: 28rpx; font-size: 28rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #FFFFFF; color: #ffffff;
text-align: center; text-align: center;
line-height: 78rpx; line-height: 78rpx;
margin-left: 45rpx; margin-left: 45rpx;
} }
} }
} }
.zanwu{ .zanwu {
font-size: 28rpx; font-size: 28rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
color: #999999; color: #999999;
} }
</style> </style>
pages/restaurant/order.vue
View file @ 281db386
<template> <template>
<view> <view>
<view class="hotel-order"> <view class="hotel-order">
<view class="o-head"> <view class="o-head">
<view class="room-name">{{orderData.MealName}}</view> <view class="room-name">{{ orderData.MealName }}</view>
<view class="Meal-date"> <view class="Meal-date">
{{orderData.date}} {{ orderData.date }}
</view> </view>
<view class="room-remark"> <view class="room-remark">
<text v-if="orderData.MakeDay===0">可预约当天</text> <text v-if="orderData.MakeDay === 0">可预约当天</text>
<text v-if="orderData.MakeDay>0">提前{{orderData.MakeDay}}天预约</text> <text v-if="orderData.MakeDay > 0"
</view> >提前{{ orderData.MakeDay }}天预约</text
<view class="big-title"> >
<text class=" f12">订餐必知</text> </view>
</view> <view class="big-title">
<view class="rule"> <text class="f12">订餐必知</text>
<text class="king" v-if="orderData.IsHoliday===0">此套餐节假日不可用</text> </view>
<!-- <text>需要提前预约，餐厅营业时间为：周一至周日 09:00-21:00，请您提前安排好行程时间</text> --> <view class="rule">
<rich-text :nodes="orderData.OtherTag"></rich-text> <text class="king" v-if="orderData.IsHoliday === 0"
</view> >此套餐节假日不可用</text
</view> >
<view class="form"> <!-- <text>需要提前预约，餐厅营业时间为：周一至周日 09:00-21:00，请您提前安排好行程时间</text> -->
<view class="form-items"> <rich-text :nodes="orderData.OtherTag"></rich-text>
<view class="label">就餐人数</view> </view>
<view class="val"> </view>
<u-number-box size="28" :min="1" :max="100" v-model="order.PeopleNumber" @change="PeopleNumberChange"></u-number-box> <view class="form">
</view> <view class="form-items">
</view> <view class="label">就餐人数</view>
<view class="form-items"> <view class="val">
<view class="label">套餐份数</view> <u-number-box
<view class="val"> size="28"
<u-number-box size="28" :min="1" :max="100" v-model="order.BuyNum" @change="BuyNumChange"></u-number-box> :min="1"
</view> :max="100"
</view> v-model="order.PeopleNumber"
<view class="form-items"> @change="PeopleNumberChange"
<view class="label">联系人</view> ></u-number-box>
<view class="val"> </view>
<input type="text" v-model="order.Consignee" placeholder="若是多人,输入代表人员即可" /> </view>
</view> <view class="form-items">
</view> <view class="label">套餐份数</view>
<view class="form-items"> <view class="val">
<view class="label">联系电话</view> <u-number-box
<view class="val"> size="28"
<input type="number" v-model="order.ConsigneeMobile" placeholder="输入电话号码" /> :min="1"
</view> :max="100"
</view> v-model="order.BuyNum"
<view class="form-items"> @change="BuyNumChange"
<view class="label">备注</view> ></u-number-box>
<view class="val"> </view>
<input type="text" v-model="order.BuyerMessage" placeholder="您的特殊要求，我们会尽量安排" /> </view>
</view> <view class="form-items">
</view> <view class="label">联系人</view>
</view> <view class="val">
<view class="empty-block"></view> <input
<view style="padding:50rpx 40rpx"> type="text"
<view class="big-title"> v-model="order.Consignee"
<text>费用明细</text> placeholder="若是多人,输入代表人员即可"
</view> />
<view class="form" style="margin:40rpx 0;padding: 0;"> </view>
<view class="form-items"> </view>
<view class="label"> <view class="form-items">
在线支付 <view class="label">联系电话</view>
</view> <view class="val">
<view class="val f14 regular" style="text-align: right;"> <input
<text style="margin-right: 30rpx;">{{order.BuyNum}}份套餐</text> type="number"
<text class="red">￥{{orderData.Unit_Price*order.BuyNum}}</text> v-model="order.ConsigneeMobile"
</view> placeholder="输入电话号码"
</view> />
<view class="form-items" style="border-bottom: none;"> </view>
<view class="label"> </view>
套餐明细 <view class="form-items">
</view> <view class="label">备注</view>
</view> <view class="val">
<view class="flex f12 grey"> <input
<view style="flex:1"> type="text"
<text style="margin-right: 30rpx;">{{orderData.MealName}}</text> v-model="order.BuyerMessage"
</view> placeholder="您的特殊要求，我们会尽量安排"
<view style="text-align: right;">{{order.BuyNum}}份 × ¥{{orderData.Unit_Price}}</view> />
</view> </view>
</view> </view>
</view>
</view> <view class="empty-block"></view>
<view class="empty-block"></view> <view style="padding: 50rpx 40rpx">
</view> <view class="big-title">
<view class="opera-box"> <text>费用明细</text>
<view class="box flex"> </view>
<view class="price"> <view class="form" style="margin: 40rpx 0; padding: 0">
<text class="f11">￥</text> <view class="form-items">
<text>{{orderData.Unit_Price*order.BuyNum}}</text> <view class="label"> 在线支付 </view>
</view> <view class="val f14 regular" style="text-align: right">
<view class="sum-detail">共计 {{order.BuyNum}}份</view> <text style="margin-right: 30rpx">{{ order.BuyNum }}份套餐</text>
<u-button :ripple="true" :hair-line="false" :custom-style="btnStyle" @click="buy">立即购买</u-button> <text class="red"
</view> >￥{{ orderData.Unit_Price * order.BuyNum }}</text
</view> >
</view> </view>
</view>
<view class="form-items" style="border-bottom: none">
<view class="label"> 套餐明细 </view>
</view>
<view class="flex f12 grey">
<view style="flex: 1">
<text style="margin-right: 30rpx">{{ orderData.MealName }}</text>
</view>
<view style="text-align: right"
>{{ order.BuyNum }}份 × ¥{{ orderData.Unit_Price }}</view
>
</view>
</view>
</view>
<view class="empty-block"></view>
</view>
<view class="opera-box">
<view class="box flex">
<view class="price">
<text class="f11">￥</text>
<text>{{ orderData.Unit_Price * order.BuyNum }}</text>
</view>
<view class="sum-detail">共计 {{ order.BuyNum }}份</view>
<u-button
:ripple="true"
:hair-line="false"
:custom-style="btnStyle"
@click="buy"
>立即购买</u-button
>
</view>
</view>
</view>
</template> </template>
<script> <script>
export default { // #ifdef MP-ALIPAY
data() { import parseHtml from "../../../plugin/htmlparse.js";
return { // #endif
order: { export default {
PeopleNumber: 1, data() {
BuyNum: 1, return {
Consignee:"", order: {
ConsigneeMobile:"", PeopleNumber: 1,
BuyerMessage:"", BuyNum: 1,
Sex:1, Consignee: "",
}, ConsigneeMobile: "",
btnStyle: { BuyerMessage: "",
height: "80rpx", Sex: 1,
lineHeight: "80rpx", },
borderRadius: "16rpx", btnStyle: {
background: "#111", height: "80rpx",
color: "#FFF", lineHeight: "80rpx",
fontSize: "28rpx", borderRadius: "16rpx",
fontWeight: "600", background: "#111",
width: '193rpx', color: "#FFF",
}, fontSize: "28rpx",
orderData: {}, fontWeight: "600",
orderInfo:{} width: "193rpx",
} },
}, orderData: {},
created() { orderInfo: {},
uni.setNavigationBarTitle({ };
title: "订单填写", },
}); created() {
}, uni.setNavigationBarTitle({
methods:{ title: "订单填写",
PeopleNumberChange(val){ });
this.order.PeopleNumber=val.value },
}, methods: {
BuyNumChange(val){ PeopleNumberChange(val) {
this.order.BuyNum=val.value this.order.PeopleNumber = val.value;
}, },
buy(){ BuyNumChange(val) {
if(!this.order.Consignee){ this.order.BuyNum = val.value;
uni.showToast({ },
title: "请填写联系人", buy() {
icon: "none", if (!this.order.Consignee) {
}); uni.showToast({
return title: "请填写联系人",
} icon: "none",
if(!this.order.ConsigneeMobile){ });
uni.showToast({ return;
title: "请填写联系人电话", }
icon: "none", if (!this.order.ConsigneeMobile) {
}); uni.showToast({
return title: "请填写联系人电话",
} icon: "none",
let data={ });
MealId:this.orderData.MealId, return;
DiningId:this.orderData.DiningId, }
Unit_Price:this.orderData.Unit_Price, let data = {
Date:this.orderData.date, MealId: this.orderData.MealId,
PeopleNumber:this.order.PeopleNumber, DiningId: this.orderData.DiningId,
Final_Price:this.orderData.Unit_Price*this.order.BuyNum, Unit_Price: this.orderData.Unit_Price,
BuyerMessage:this.order.BuyerMessage, Date: this.orderData.date,
Consignee:this.order.Consignee, PeopleNumber: this.order.PeopleNumber,
ConsigneeMobile:this.order.ConsigneeMobile, Final_Price: this.orderData.Unit_Price * this.order.BuyNum,
Sex:this.order.Sex, BuyerMessage: this.order.BuyerMessage,
BuyNum:this.order.BuyNum, Consignee: this.order.Consignee,
} ConsigneeMobile: this.order.ConsigneeMobile,
uni.showLoading({ Sex: this.order.Sex,
title: '支付中...' BuyNum: this.order.BuyNum,
}); };
this.request2({ uni.showLoading({
url: '/api/AppletDining/SetAppletDiningOrderInfo', title: "支付中...",
data: data });
}, this.request2(
res => { {
uni.hideLoading(); url: "/api/AppletDining/SetAppletDiningOrderInfo",
if(res.resultCode===1){ data: data,
let that=this },
uni.requestSubscribeMessage({ (res) => {
tmplIds: res.data.template_message_list, uni.hideLoading();
success:res=>{ if (res.resultCode === 1) {
console.log('订阅成功',res) let that = this;
}, uni.requestSubscribeMessage({
fail:err=>{ tmplIds: res.data.template_message_list,
console.log('订阅失败',err) success: (res) => {
}, console.log("订阅成功", res);
complete(_res) { },
if(data.Final_Price===0){ fail: (err) => {
uni.redirectTo({ console.log("订阅失败", err);
url: '/pages/jiuzhai/allorderList' },
}); complete(_res) {
return if (data.Final_Price === 0) {
} uni.redirectTo({
that.queren(res.data.OrderId) url: "/pages/jiuzhai/allorderList",
} });
}); return;
} }
}, that.queren(res.data.OrderId);
err=>{ },
uni.hideLoading(); });
} }
); },
}, (err) => {
queren(OrderId){ uni.hideLoading();
let url='/api/WeChatPay/GetDmcPayInfo' }
let GoodsName = this.orderData.MealName );
GoodsName = GoodsName.slice(0, 10) },
this.request2({ queren(OrderId) {
url: url, let url = "/api/WeChatPay/GetDmcPayInfo";
data: { let GoodsName = this.orderData.MealName;
OrderId:OrderId, GoodsName = GoodsName.slice(0, 10);
GoodsName:GoodsName, this.request2(
OrderPayType:1, {
OpenId:uni.getStorageSync('mall_UserInfo').OpenId, url: url,
} data: {
}, OrderId: OrderId,
res => { GoodsName: GoodsName,
this.orderInfo = JSON.parse(res.data); OrderPayType: 1,
this.Pay() OpenId: uni.getStorageSync("mall_UserInfo").OpenId,
} },
); },
}, (res) => {
Pay(){ this.orderInfo = JSON.parse(res.data);
let that=this; this.Pay();
uni.requestPayment({ }
provider: 'wxpay', );
timeStamp: this.orderInfo.timeStamp, },
nonceStr: this.orderInfo.nonceStr, Pay() {
package: this.orderInfo.package, let that = this;
signType: this.orderInfo.signType, uni.requestPayment({
paySign: this.orderInfo.sign, provider: "wxpay",
success: function(res) { timeStamp: this.orderInfo.timeStamp,
console.log('success', res); nonceStr: this.orderInfo.nonceStr,
uni.showToast({ package: this.orderInfo.package,
title: "支付成功" signType: this.orderInfo.signType,
}) paySign: this.orderInfo.sign,
setTimeout(()=>{ success: function (res) {
let total=that.orderData.Unit_Price*that.order.BuyNum console.log("success", res);
uni.redirectTo({ uni.showToast({
url: '/pages/jiuzhai/paysuccess?PreferPrice='+total title: "支付成功",
}); });
}, 100 ) setTimeout(() => {
let total = that.orderData.Unit_Price * that.order.BuyNum;
}, uni.redirectTo({
fail: function(err) { url: "/pages/jiuzhai/paysuccess?PreferPrice=" + total,
console.log('fail:', err); });
uni.showToast({ }, 100);
title: "支付失败", },
icon:'none' fail: function (err) {
}) console.log("fail:", err);
// setTimeout(()=>{ uni.showToast({
// uni.redirectTo({ title: "支付失败",
// url: '/pages/jiuzhai/allorderList' icon: "none",
// }); });
// }, 100 ) // setTimeout(()=>{
} // uni.redirectTo({
}); // url: '/pages/jiuzhai/allorderList'
}, // });
}, // }, 100 )
onLoad(options) { },
let obj = JSON.parse(decodeURIComponent(options.data)) });
this.orderData = obj },
console.log("order", this.orderData) },
// this.Final_Price=this.ticketdData.PeopleNumber*this.ticketdData.Unit_Price onLoad(options) {
}, let obj = JSON.parse(decodeURIComponent(options.data));
} this.orderData = obj;
// #ifdef MP-ALIPAY
this.orderData.OtherTag = parseHtml(this.orderData.OtherTag);
//#endif
console.log("order", this.orderData);
// this.Final_Price=this.ticketdData.PeopleNumber*this.ticketdData.Unit_Price
},
};
</script> </script>
<style> <style>
.hotel-order { .hotel-order {
color: #111111; color: #111111;
margin-bottom: 160rpx; margin-bottom: 160rpx;
} }
.opera-box { .opera-box {
background-color: #FFF; background-color: #fff;
padding: 20rpx 45rpx 40rpx 45rpx; padding: 20rpx 45rpx 40rpx 45rpx;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
left: 0; left: 0;
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);
border-radius: 16rpx; border-radius: 16rpx;
display: flex; display: flex;
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;
line-height: 86rpx; line-height: 86rpx;
height: 100%; height: 100%;
} }
.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 { .hotel-order .red {
color: #D91818 !important color: #d91818 !important;
} }
.hotel-order .grey { .hotel-order .grey {
color: #6E6E6E !important color: #6e6e6e !important;
} }
.hotel-order .form { .hotel-order .form {
margin-top: 60rpx; margin-top: 60rpx;
padding: 0 45rpx; padding: 0 45rpx;
} }
.hotel-order .form .form-items { .hotel-order .form .form-items {
margin-bottom: 40rpx; margin-bottom: 40rpx;
display: flex; display: flex;
align-items: center; align-items: center;
padding-bottom: 36rpx; padding-bottom: 36rpx;
border-bottom: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5;
font-size: 28px; font-size: 28px;
font-weight: 500; font-weight: 500;
} }
.hotel-order .form .form-items:last-child { .hotel-order .form .form-items:last-child {
border-bottom: none; border-bottom: none;
} }
.hotel-order .form .form-items .label { .hotel-order .form .form-items .label {
white-space: nowrap; white-space: nowrap;
text-align: justify ; text-align: justify;
text-align-last: justify; text-align-last: justify;
width: 115rpx; width: 115rpx;
font-size: 28rpx; font-size: 28rpx;
font-weight: 600; font-weight: 600;
margin-right: 20rpx; margin-right: 20rpx;
/* flex-shrink: 0; */ /* flex-shrink: 0; */
} }
.hotel-order .form .form-items .val { .hotel-order .form .form-items .val {
flex: 1; 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; color: #4a4a4a;
color: #4A4A4A; line-height: 40rpx;
line-height: 40rpx; margin-right: 24rpx;
margin-right: 24rpx; }
}
.hotel-order .form .form-items .val input {
.hotel-order .form .form-items .val input { border: none;
border: none; padding: 0;
padding: 0; margin: 0;
margin: 0; outline: none;
outline: none; height: 38rpx;
height: 38rpx; line-height: 38rpx;
line-height: 38rpx; font-size: 28rpx;
font-size: 28rpx; font-weight: 500;
font-weight: 500; width: 100%;
width: 100%; }
}
.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: 45rpx;
padding: 45rpx; 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 60rpx 60rpx;
border-radius: 0px 0px 60rpx 60rpx; }
}
.hotel-order .o-head .o-timer {
.hotel-order .o-head .o-timer { height: 100rpx;
height: 100rpx; background: #ecf1f4;
background: #ECF1F4; border-radius: 20rpx;
border-radius: 20rpx; padding: 0 40rpx;
padding: 0 40rpx; }
}
.hotel-order .o-head .o-timer .time-item {
.hotel-order .o-head .o-timer .time-item { font-size: 32rpx;
font-size: 32rpx; font-weight: 800;
font-weight: 800; flex: 1;
flex: 1; }
}
.hotel-order .o-head .o-timer .time-item:last-child {
.hotel-order .o-head .o-timer .time-item:last-child { text-align: right;
text-align: right; }
}
.hotel-order .o-head .o-timer .time-split {
.hotel-order .o-head .o-timer .time-split { font-size: 24rpx;
font-size: 24rpx; font-weight: 400;
font-weight: 400; text-align: center;
text-align: center; }
}
.hotel-order .o-head .room-name {
.hotel-order .o-head .room-name { font-size: 32rpx;
font-size: 32rpx; font-weight: bold;
font-weight: bold; margin-top: 40rpx;
margin-top: 40rpx; margin-bottom: 10rpx;
margin-bottom: 10rpx; }
}
.hotel-order .o-head .room-remark {
.hotel-order .o-head .room-remark { font-size: 28rpx;
font-size: 28rpx; font-weight: 500;
font-weight: 500; padding-bottom: 30rpx;
padding-bottom: 30rpx; margin-bottom: 30rpx;
margin-bottom: 30rpx; border-bottom: 1px solid #e7e7e7;
border-bottom: 1px solid #E7E7E7; }
}
.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; }
}
.hotel-order .big-title::before {
.hotel-order .big-title::before { display: block;
display: block; width: 71rpx;
width: 71rpx; height: 12rpx;
height: 12rpx; background: #dfbe6e;
background: #DFBE6E; border-radius: 4rpx;
border-radius: 4rpx; content: " ";
content: ' ';
position: absolute;
position: absolute; left: 0;
left: 0; 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; color: #1f1f1f;
color: #1F1F1F; position: relative;
position: relative; z-index: 2;
z-index: 2; }
} .Meal-date {
.Meal-date{ font-size: 24rpx;
font-size: 24rpx; font-family: PingFang SC;
font-family: PingFang SC; color: #999999;
color: #999999; }
}
</style> </style>
plugin/api.js
View file @ 281db386
...@@ -2,8 +2,8 @@ export default { ...@@ -2,8 +2,8 @@ export default {
install(Vue, options) { install(Vue, options) {
Vue.prototype.host = "https://wx.weibaoge.cn/web/index.php?_mall_id=1285" Vue.prototype.host = "https://wx.weibaoge.cn/web/index.php?_mall_id=1285"
Vue.prototype.host2 = "http://192.168.20.17:8020" // Vue.prototype.host2 = "http://192.168.20.17:8020"
// Vue.prototype.host2 = "https://erpmallapi.oytour.com" Vue.prototype.host2 = "https://erpmallapi.oytour.com"
//Vue.prototype.host3 = "http://192.168.20.24" //Vue.prototype.host3 = "http://192.168.20.24"
Vue.prototype.host3 = "https://reborn.oytour.com" Vue.prototype.host3 = "https://reborn.oytour.com"
...@@ -182,7 +182,14 @@ export default { ...@@ -182,7 +182,14 @@ export default {
let appObj = {}; let appObj = {};
let appType = 2; let appType = 2;
switch (appType) { switch (appType) {
case 2: //旅小友 case 1: //旅小友-支付宝
appObj = {
AppId: '2021002181604459',
TenantId: 12,
MallBaseId: 2,
};
break;
case 2: //旅小友-微信
appObj = { appObj = {
AppId: 'wxcf0727a7c78b501e', AppId: 'wxcf0727a7c78b501e',
TenantId: 12, TenantId: 12,
......
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