|
|
@@ -1,48 +1,50 @@
|
|
|
<template>
|
|
|
<div class="orderDetail">
|
|
|
- <template v-if="detail">
|
|
|
- <div class="card">
|
|
|
- <div class="hotelName">{{ hotel.hotelName }}</div>
|
|
|
- <div class="address">{{ hotel.address }}</div>
|
|
|
- <div class="btnico flex_r flex_jb">
|
|
|
- <div class="btn_i" @click="openm">
|
|
|
- <span class="iconfont"></span>
|
|
|
- <div class="t">查看地图</div>
|
|
|
- </div>
|
|
|
- <div class="btn_i" @click="PhoneCall(hotel.phone)">
|
|
|
- <span class="iconfont"></span>
|
|
|
- <div class="t">联系酒店</div>
|
|
|
- </div>
|
|
|
+ <div class="card">
|
|
|
+ <div class="hotelName">{{ hotel.hotelName }}</div>
|
|
|
+ <div class="address">{{ hotel.address }}</div>
|
|
|
+ <div class="btnico flex_r flex_jb">
|
|
|
+ <div class="btn_i" @click="openm">
|
|
|
+ <span class="iconfont"></span>
|
|
|
+ <div class="t">查看地图</div>
|
|
|
</div>
|
|
|
- <div class="roominfo">
|
|
|
- <div class="name">{{ detail.roomTypeName }}</div>
|
|
|
- <div class="days">
|
|
|
- <span>{{ daydate(detail.checkInDate) }} - {{ daydate(detail.checkOutDate) }}</span>
|
|
|
- <span class="dn">共{{ detail.numberOfNights }}晚</span>
|
|
|
- </div>
|
|
|
- <div class="tegs">
|
|
|
- <span>{{ detail.bedTypeName }}</span>
|
|
|
- <span>{{ detail.breakfastDesc }}</span>
|
|
|
- <span>{{ detail.cancelDesc }}</span>
|
|
|
- </div>
|
|
|
- <div class="pli">
|
|
|
- <div class="label">入住人</div>
|
|
|
- <span>{{ detail.guestNames }}</span>
|
|
|
- </div>
|
|
|
- <div class="pli">
|
|
|
- <div class="label">联系手机</div>
|
|
|
- <span>{{ detail.contactMobile }}</span>
|
|
|
- </div>
|
|
|
- <div class="pli" v-if="detail.arriveTime">
|
|
|
- <div class="label">预计到店</div>
|
|
|
- <span>{{ detail.arriveTime }}</span>
|
|
|
- </div>
|
|
|
- <div class="pli" v-else>
|
|
|
- <div class="label">入住时间</div>
|
|
|
- <span>{{ daydate2(detail.checkInDate) + " 12:00" }}后</span>
|
|
|
- </div>
|
|
|
+ <div class="btn_i" @click="PhoneCall(hotel.phone)">
|
|
|
+ <span class="iconfont"></span>
|
|
|
+ <div class="t">联系酒店</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="roominfo">
|
|
|
+ <div class="name">{{ roomInfo.roomName }}</div>
|
|
|
+ <div class="days">
|
|
|
+ <span>{{ daydate(roomInfo.checkInDate) }} - {{ daydate(roomInfo.checkOutDate) }}</span>
|
|
|
+ <span class="dn">共{{ getDaysBetween(roomInfo.checkInDate,roomInfo.checkOutDate) }}晚</span>
|
|
|
+ </div>
|
|
|
+ <div class="tegs">
|
|
|
+ <span>{{ roomInfo.windowType }}</span>
|
|
|
+ <span>{{ roomInfo.breakfast }}</span>
|
|
|
+ <span>{{ roomInfo.useableArea }}</span>
|
|
|
+ <span>{{ roomInfo.bedType }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="pli">
|
|
|
+ <div class="label">入住人</div>
|
|
|
+ <span>{{ qda.guestNames }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="pli">
|
|
|
+ <div class="label">联系手机</div>
|
|
|
+ <span>{{ qda.contactMobile }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="pli" v-if="detail.arriveTime">
|
|
|
+ <div class="label">预计到店</div>
|
|
|
+ <span>{{ qda.arriveTime }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="pli" v-else>
|
|
|
+ <div class="label">入住时间</div>
|
|
|
+ <span>{{ qda.checkInDate + " 12:00" }}后</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <template v-if="detail">
|
|
|
<div class="card">
|
|
|
<div class="tit">订单信息</div>
|
|
|
<div class="pli">
|
|
|
@@ -60,26 +62,37 @@
|
|
|
|
|
|
</div>
|
|
|
</template>
|
|
|
+
|
|
|
<template v-else>
|
|
|
- <div class="card">
|
|
|
- <div class="hotelName">{{ hotel.hotelName }}</div>
|
|
|
- <div class="address">{{ hotel.address }}</div>
|
|
|
- <div class="btnico flex_r flex_jb">
|
|
|
- <div class="btn_i" @click="openm">
|
|
|
- <span class="iconfont"></span>
|
|
|
- <div class="t">查看地图</div>
|
|
|
- </div>
|
|
|
- <div class="btn_i" @click="PhoneCall(hotel.phone)">
|
|
|
- <span class="iconfont"></span>
|
|
|
- <div class="t">联系酒店</div>
|
|
|
- </div>
|
|
|
+ <div class="money card">
|
|
|
+ <div class="li flex_r flex_jb">
|
|
|
+ <span>消费金额</span>
|
|
|
+ <span>￥{{ order.order_amount || 0 }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="li flex_r flex_jb">
|
|
|
+ <span>消费金抵扣<span class="corg">{{Integral}}%</span></span>
|
|
|
+ <span class="corg">-￥{{ deduction || 0 }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="li flex_r flex_jb">
|
|
|
+ <span>实付金额</span>
|
|
|
+ <span>￥{{ actuallypaid || 0 }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="money card">
|
|
|
+ <div class="li flex_r flex_jb">
|
|
|
+ <span>赠送茶宝</span>
|
|
|
+ <span>{{ chabao || 0 }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="footbtn" @click="pay" v-if="$day().unix() < $day(order.create_time).add(30, 'm').unix()">立即支付</div>
|
|
|
</template>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import { ToPayOpre } from "@/utils/reqTools.js";
|
|
|
+let toPayOpre = new ToPayOpre();
|
|
|
+import { getDaysBetween } from "@/utils/myfun.js"
|
|
|
import { post } from "@/request/api.js";
|
|
|
export default {
|
|
|
name: "orderDetail",
|
|
|
@@ -91,10 +104,17 @@ export default {
|
|
|
hotel: {},
|
|
|
detail: {},
|
|
|
order: {},
|
|
|
- ratePlan: {}
|
|
|
+ roomInfo: {},
|
|
|
+ qda: {},
|
|
|
+
|
|
|
+ Integral: 0,
|
|
|
+ deduction: 0,
|
|
|
+ actuallypaid: 0,
|
|
|
+ chabao: 0,
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
+ getDaysBetween,
|
|
|
daydate(va) {
|
|
|
return this.$day(va).format("M月DD日")
|
|
|
},
|
|
|
@@ -106,9 +126,12 @@ export default {
|
|
|
if (res.code == 0) {
|
|
|
this.detail = res.data.detail.data
|
|
|
this.order = res.data.order
|
|
|
+ this.roomInfo = JSON.parse(res.data.order.orderGoods[0].attachment);
|
|
|
let de = JSON.parse(res.data.order.product_detail)
|
|
|
let { hotelID,checkInDate,checkOutDate } = de
|
|
|
this.gethotel({ hotelID,checkInDate,checkOutDate })
|
|
|
+ this.qda = de
|
|
|
+ this.getIntegral()
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
@@ -134,6 +157,31 @@ export default {
|
|
|
PhoneCall(va){
|
|
|
uni.makePhoneCall({ phoneNumber: va });
|
|
|
},
|
|
|
+ getIntegral() {
|
|
|
+ post("local/getIntegral", { type: 4 }).then(res => {
|
|
|
+ if (res.code == 0) {
|
|
|
+ let i1 = res.data.integral, i2 = res.data.chabao;
|
|
|
+ this.Integral = this.$h.Mul(i1, 100);
|
|
|
+ this.deduction = this.$h.Mul(this.order.order_amount, i1);
|
|
|
+ this.actuallypaid = this.$h.Sub(this.order.order_amount, this.deduction);
|
|
|
+ this.chabao = this.$h.Mul(this.actuallypaid, i2).toFixed(2);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ pay() {
|
|
|
+ post("local/goOrderPay", { trade_no: this.order.trade_no }).then(res => {
|
|
|
+ if (res.code == 0 && res.data.data.prepayid) {
|
|
|
+ toPayOpre.toPay(res.data.data, (rea) => {
|
|
|
+ if (!rea) {
|
|
|
+ // 支付成功
|
|
|
+ this.getTicket(this.pda);
|
|
|
+ } else {
|
|
|
+ // 支付失败
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
},
|
|
|
onLoad(da) {
|
|
|
this.tradeNo = da.trade_no;
|
|
|
@@ -186,7 +234,7 @@ export default {
|
|
|
}
|
|
|
.tegs{
|
|
|
font-size: 26rpx;
|
|
|
- margin: 12rpx 0;
|
|
|
+ margin: 12rpx 0 36rpx;
|
|
|
span{
|
|
|
margin-right: 12rpx;
|
|
|
&:last-child{
|
|
|
@@ -213,6 +261,37 @@ export default {
|
|
|
margin-bottom: 16rpx;
|
|
|
}
|
|
|
}
|
|
|
+.money {
|
|
|
+ .li {
|
|
|
+ margin-bottom: 16rpx;
|
|
|
+
|
|
|
+ &:last-child {
|
|
|
+ margin-bottom: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ span {
|
|
|
+ font-size: 30rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .corg {
|
|
|
+ color: #18bb88;
|
|
|
+ margin-left: 12rpx;
|
|
|
+ }
|
|
|
+}
|
|
|
+.footbtn {
|
|
|
+ width: calc(100% - 60rpx);
|
|
|
+ height: 80rpx;
|
|
|
+ background: #17bb87;
|
|
|
+ border-radius: 45rpx;
|
|
|
+ position: fixed;
|
|
|
+ bottom: 50rpx;
|
|
|
+ left: 30rpx;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 36rpx;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 80rpx;
|
|
|
+}
|
|
|
.card {
|
|
|
background-color: #fff;
|
|
|
border-radius: 20rpx;
|
DaMowang