opt:优化查询预订单页面

subpkg_checkin/queryOrder/queryOrder.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="container">
-		<view class="top">
+		<view>
 			<!-- #ifdef MP-WEIXIN -->
 			<NavigateBar title="订单查询" control="back" bgcolor="#a09cc4"></NavigateBar>
 			<!-- #endif -->
@@ -16,7 +16,7 @@
 			<u-input v-model="phone" clearable type="number" prefixIcon="phone" prefixIconStyle="font-size: 60rpx;"
 				shape="circle" placeholder="请输入电话号码" maxlength="11"></u-input>
 		</view>
-		<view class="btn-item">
+		<view class="btn">
 			<u-button text="点击查询" color="#9e97c3" @click="gotoQueryOrderResult"></u-button>
 		</view>
 	</view>
@@ -47,7 +47,7 @@
 			...mapMutations('m_business', ['updateReservationInfo', 'updateQueryOrderResult']),
 			async gotoQueryOrderResult() {
 				this.orderList = []
-				if (this.name == '' && this.phone == '') {
+				if (!this.name && !this.phone) {
 					uni.$showMsg('请填写信息！')
 					return
 				}
@@ -79,7 +79,7 @@
 			}
 		},
 		onLoad() {
-			this.name = this.userInfo.name
+			// this.name = this.userInfo.name
 		},
 		// #ifdef MP-WEIXIN
 		onShareAppMessage(info) {
@@ -103,19 +103,19 @@
 	.container {
 		display: flex;
 		flex-direction: column;
-	}
 
-	.text-item {
-		width: 90vw;
-		margin: 20rpx 40rpx 0;
-		background-color: #FFFFFF;
-		border-radius: 38rpx;
-	}
+		.text-item {
+			width: 90vw;
+			margin: 20rpx 40rpx 0;
+			background-color: #FFFFFF;
+			border-radius: 38rpx;
+		}
 
-	.btn-item {
-		bottom: 340rpx;
-		left: 40rpx;
-		right: 40rpx;
-		position: fixed;
+		.btn {
+			bottom: 340rpx;
+			left: 40rpx;
+			right: 40rpx;
+			position: fixed;
+		}
 	}
 </style>