opt:续住和退房页面下方统一增加提示

subpkg/extend/extend.vue

@@ -69,8 +69,8 @@
 					</u-form-item>
 				</u-form>
 			</view>
-			<view v-if="fromExtend" class="extend-tip">
-				<u-text :text="extendTip" align="center"></u-text>
+			<view class="end-time-tip">
+				<u-text :text="endTimeTip" align="center"></u-text>
 			</view>
 			<view class="btn-area">
 				<button v-if="fromExtend == true" class="btn" hover-class="btn-hover" @click="showCalendar">续住</button>
@@ -130,7 +130,6 @@
 				endTimePickerShow: false,
 				maxDate: 0,
 				oldEndTime: '',
-				extendTip: '',
 				needAuthPay: false,
 				breakfastNum: 0,
 				orderId: '',
@@ -144,6 +143,15 @@
 			...mapState('m_business', ['currentHotel']),
 			breakfastNumText() {
 				return this.breakfastNum ? `含${this.breakfastNum}早` : '不含早'
+			},
+			endTimeTip() {
+				let text
+				if (this.fromExtend) {
+					text = '续住'
+				} else {
+					text = '退房'
+				}
+				return '请在 ' + this.currentHotel.checkoutTime + ' 前办理' + text + '，逾期请至前台办理'
 			}
 		},
 		methods: {
@@ -169,7 +177,7 @@
 						})
 					}, 1000)
 				} else {
-					uni.$showMsg('退房办理失败')
+					uni.$showMsg('退房失败，请至前台办理')
 				}
 			},
 			async queryCanExtend() {
@@ -407,11 +415,10 @@
 		},
 		async onLoad(options) {
 			await this.getCheckinInfo()
-			await this.queryCanExtend()
 			this.fromExtend = options.fromExtend == 'true'
-		},
-		onShow() {
-			this.extendTip = '请在 ' + this.currentHotel.checkoutTime + ' 前办理续住，逾期请至前台办理'
+			if (this.fromExtend) {
+				await this.queryCanExtend()
+			}
 		},
 		// #ifdef MP-WEIXIN
 		onShareAppMessage(info) {
@@ -563,7 +570,7 @@
 		margin-top: 40%;
 	}
 
-	.extend-tip {
+	.end-time-tip {
 		transform: translateY(-100rpx);
 	}
 </style>