|
@@ -32,15 +32,21 @@
|
|
|
|
|
|
|
|
<view class="header_btn">
|
|
<view class="header_btn">
|
|
|
<!-- hotelIsCanorder 1可取消,0不可 -->
|
|
<!-- hotelIsCanorder 1可取消,0不可 -->
|
|
|
- <view class="btn_box" v-if="info.orderStatus === '1'" @click="handlePay">去支付 ¥{{ info.houseTotalPrice }}.00</view>
|
|
|
|
|
- <view class="btn_box" v-if="((info.orderStatus === '2' || info.orderStatus === '3') && info.hotelIsCanorder=='1') || info.orderStatus === '1'" @click="handleCancel">取消订单</view>
|
|
|
|
|
|
|
+ <view class="btn_box" v-if="info.orderStatus === '1'" @click="handlePay">去支付 ¥{{ info.houseTotalPrice }}</view>
|
|
|
|
|
+ <view
|
|
|
|
|
+ class="btn_box"
|
|
|
|
|
+ v-if="((info.orderStatus === '2' || info.orderStatus === '3') && info.hotelIsCanorder == '1') || info.orderStatus === '1'"
|
|
|
|
|
+ @click="handleCancel"
|
|
|
|
|
+ >
|
|
|
|
|
+ 取消订单
|
|
|
|
|
+ </view>
|
|
|
<view class="btn_box" v-if="info.orderStatus * 1 > 3" @click="handleAgain">再次预定</view>
|
|
<view class="btn_box" v-if="info.orderStatus * 1 > 3" @click="handleAgain">再次预定</view>
|
|
|
- <view class="btn_box" @click="handleDelete" v-if="info.orderStatus === '5' || info.orderStatus === '7' || info.orderStatus === '8' || info.orderStatus === '9'">删除订单</view>
|
|
|
|
|
|
|
+ <view class="btn_box" @click="handleDelete" v-if="info.orderStatus === '5' || info.orderStatus === '7' || info.orderStatus === '8' || info.orderStatus === '9'">
|
|
|
|
|
+ 删除订单
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
- <view class="header_msg" v-if="info.orderStatus === '1'">预定成功后,07月26日12:00前可免费取消</view>
|
|
|
|
|
- <view class="header_msg" v-if="info.orderStatus === '3' || info.orderStatus === '6'">办理入住前,您均可取消订单</view>
|
|
|
|
|
- <view class="header_msg" v-if="info.orderStatus === '8'">您的订单被商家退款了,请重新预定</view>
|
|
|
|
|
|
|
+ <!-- <view class="header_msg" v-if="info.orderStatus === '1'">预定成功后,07月26日12:00前可免费取消</view> -->
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
<!-- 主体内容区域 -->
|
|
<!-- 主体内容区域 -->
|
|
@@ -82,23 +88,19 @@
|
|
|
<!-- 房型信息和用户信息区域 -->
|
|
<!-- 房型信息和用户信息区域 -->
|
|
|
<view class="body_box2">
|
|
<view class="body_box2">
|
|
|
<view class="info_time">
|
|
<view class="info_time">
|
|
|
- {{info.orderStartTime.slice(5,7)}}月{{info.orderStartTime.slice(8,10)}}日
|
|
|
|
|
- <!-- <text class="gap">今天</text> -->
|
|
|
|
|
|
|
+ {{ (info.orderStartTime || '').slice(5, 7) }}月{{ (info.orderStartTime || '').slice(8, 10) }}日
|
|
|
<view class="time_line"></view>
|
|
<view class="time_line"></view>
|
|
|
- <view class="time_num">{{info.houseOrderNumber}}晚</view>
|
|
|
|
|
|
|
+ <view class="time_num">{{ info.orderLiveTime }}</view>
|
|
|
<view class="time_line"></view>
|
|
<view class="time_line"></view>
|
|
|
- <view class="gap">{{info.checkOutTime.slice(5,7)}}月{{info.checkOutTime.slice(8,10)}}日</view>
|
|
|
|
|
- <!-- <text>明天</text> -->
|
|
|
|
|
|
|
+ <view class="gap">{{ (info.orderStartTime || '').slice(5, 7) }}月{{ (info.checkOutTime || '').slice(8, 10) }}日</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="info_msg">{{info.houseName}}</view>
|
|
|
|
|
|
|
+ <view class="info_msg">{{ info.houseName }}</view>
|
|
|
<view class="info_type">
|
|
<view class="info_type">
|
|
|
<view class="type_item">包吃住型</view>
|
|
<view class="type_item">包吃住型</view>
|
|
|
- <view class="type_item">包吃住型</view>
|
|
|
|
|
- <view class="type_item">包吃住型</view>
|
|
|
|
|
</view>
|
|
</view>
|
|
|
<view class="info_tag">
|
|
<view class="info_tag">
|
|
|
- <view class="tag_item">{{info.houseAreas}}㎡</view>
|
|
|
|
|
- <view class="tag_item">{{info.houseName}}</view>
|
|
|
|
|
|
|
+ <view class="tag_item" v-if="info.houseAreas">{{ info.houseAreas }}㎡</view>
|
|
|
|
|
+ <view class="tag_item">{{ info.houseName }}</view>
|
|
|
<view class="tag_item">窗户位于走廊/窗户较小</view>
|
|
<view class="tag_item">窗户位于走廊/窗户较小</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="info_box">
|
|
<view class="info_box">
|
|
@@ -120,12 +122,12 @@
|
|
|
<view class="box_title">订单信息</view>
|
|
<view class="box_title">订单信息</view>
|
|
|
<view class="box_container">
|
|
<view class="box_container">
|
|
|
<view class="container_key">订单号</view>
|
|
<view class="container_key">订单号</view>
|
|
|
- <view class="container_value">{{info.orderNum}}</view>
|
|
|
|
|
|
|
+ <view class="container_value">{{ info.orderNum }}</view>
|
|
|
<view class="container_copy" @click="handleCopy(info.orderNum)">复制</view>
|
|
<view class="container_copy" @click="handleCopy(info.orderNum)">复制</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="box_container">
|
|
<view class="box_container">
|
|
|
<view class="container_key">下单时间</view>
|
|
<view class="container_key">下单时间</view>
|
|
|
- <view class="container_value">{{ info.createTime }}</view>
|
|
|
|
|
|
|
+ <view class="container_value">{{ (info.createTime || '').slice(0, 19) }}</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
@@ -137,15 +139,29 @@ export default {
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
// 详细信息
|
|
// 详细信息
|
|
|
- info: {}
|
|
|
|
|
|
|
+ info: {},
|
|
|
|
|
+ // 订单ID
|
|
|
|
|
+ id: ''
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
onLoad(options) {
|
|
onLoad(options) {
|
|
|
- console.log(options)
|
|
|
|
|
- this.info = JSON.parse(options.info)
|
|
|
|
|
- console.log(this.info)
|
|
|
|
|
|
|
+ this.id = options.id
|
|
|
|
|
+ this.getData()
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+ // 获取订单信息
|
|
|
|
|
+ async getData() {
|
|
|
|
|
+ const res = await this.$myRequest({
|
|
|
|
|
+ url: '/mhotel/ampgetBookingById.action',
|
|
|
|
|
+ data: {
|
|
|
|
|
+ bookingId: this.id
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
|
|
+ // console.log(res)
|
|
|
|
|
+ if (res.code === 200) {
|
|
|
|
|
+ this.info = res.data
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
// 点击复制文字回调
|
|
// 点击复制文字回调
|
|
|
handleCopy(text) {
|
|
handleCopy(text) {
|
|
|
uni.setClipboardData({
|
|
uni.setClipboardData({
|
|
@@ -204,7 +220,7 @@ export default {
|
|
|
// 点击去支付按钮回调
|
|
// 点击去支付按钮回调
|
|
|
handlePay() {
|
|
handlePay() {
|
|
|
uni.navigateTo({
|
|
uni.navigateTo({
|
|
|
- url: '/pages/pay/pay'
|
|
|
|
|
|
|
+ url: `/pages/pay/pay?id=${this.id}`
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
// 点击取消订单按钮回调
|
|
// 点击取消订单按钮回调
|
|
@@ -217,19 +233,18 @@ export default {
|
|
|
const result = await this.$myRequest({
|
|
const result = await this.$myRequest({
|
|
|
url: '/mhotel/abkcancelBooking.action',
|
|
url: '/mhotel/abkcancelBooking.action',
|
|
|
data: {
|
|
data: {
|
|
|
- bookingId:this.info.id,
|
|
|
|
|
|
|
+ bookingId: this.info.id,
|
|
|
|
|
+ open_id: uni.getStorageSync('openid')
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
if (result.code === 200) {
|
|
if (result.code === 200) {
|
|
|
uni.showToast({
|
|
uni.showToast({
|
|
|
- title: '取消成功',
|
|
|
|
|
- icon: 'success',
|
|
|
|
|
|
|
+ title: '取消成功,' + result.message,
|
|
|
|
|
+ icon: 'none',
|
|
|
mask: true
|
|
mask: true
|
|
|
})
|
|
})
|
|
|
setTimeout(() => {
|
|
setTimeout(() => {
|
|
|
- uni.redirectTo({
|
|
|
|
|
- url: '/pages/orderManage/orderManage'
|
|
|
|
|
- })
|
|
|
|
|
|
|
+ uni.navigateBack(1)
|
|
|
}, 1500)
|
|
}, 1500)
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -238,8 +253,38 @@ export default {
|
|
|
},
|
|
},
|
|
|
// 点击再次预定按钮回调
|
|
// 点击再次预定按钮回调
|
|
|
handleAgain() {
|
|
handleAgain() {
|
|
|
- uni.navigateTo({
|
|
|
|
|
- url: '/pages/detail/detail'
|
|
|
|
|
|
|
+ uni.showModal({
|
|
|
|
|
+ title: '提示',
|
|
|
|
|
+ content: '确定再次预定吗?',
|
|
|
|
|
+ success: async (res) => {
|
|
|
|
|
+ if (res.confirm) {
|
|
|
|
|
+ const result = await this.$myRequest({
|
|
|
|
|
+ url: '/mhotel/abkcreateOrder.action',
|
|
|
|
|
+ data: {
|
|
|
|
|
+ houseId: this.info.houseId,
|
|
|
|
|
+ startTime: this.info.orderStartTime.slice(0, 10),
|
|
|
|
|
+ endTime: this.info.orderEndTime.slice(0, 10),
|
|
|
|
|
+ houseOrderNumber: this.info.houseOrderNumber,
|
|
|
|
|
+ userName: this.info.userName,
|
|
|
|
|
+ userPhone: this.info.userPhone,
|
|
|
|
|
+ userId: uni.getStorageSync('userInfo').id
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
|
|
+ if (result.code === 200) {
|
|
|
|
|
+ uni.navigateTo({
|
|
|
|
|
+ url: `/pages/pay/pay?id=${result.data}`
|
|
|
|
|
+ })
|
|
|
|
|
+ // uni.showToast({
|
|
|
|
|
+ // title: '预定成功',
|
|
|
|
|
+ // icon: 'success',
|
|
|
|
|
+ // mask: true
|
|
|
|
|
+ // })
|
|
|
|
|
+ // setTimeout(() => {
|
|
|
|
|
+ // uni.navigateBack(1)
|
|
|
|
|
+ // }, 1500)
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
// 点击删除订单按钮回调
|
|
// 点击删除订单按钮回调
|
|
@@ -252,7 +297,8 @@ export default {
|
|
|
const result = await this.$myRequest({
|
|
const result = await this.$myRequest({
|
|
|
url: '/mhotel/abkdelBooking.action',
|
|
url: '/mhotel/abkdelBooking.action',
|
|
|
data: {
|
|
data: {
|
|
|
- bookingId:this.info.id,
|
|
|
|
|
|
|
+ bookingId: this.info.id,
|
|
|
|
|
+ open_id: uni.getStorageSync('openid')
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
if (result.code === 200) {
|
|
if (result.code === 200) {
|
|
@@ -262,9 +308,7 @@ export default {
|
|
|
mask: true
|
|
mask: true
|
|
|
})
|
|
})
|
|
|
setTimeout(() => {
|
|
setTimeout(() => {
|
|
|
- uni.redirectTo({
|
|
|
|
|
- url: '/pages/orderManage/orderManage'
|
|
|
|
|
- })
|
|
|
|
|
|
|
+ uni.navigateBack(1)
|
|
|
}, 1500)
|
|
}, 1500)
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|