no message

pages/hotel/orderdetails.vue

@@ -10,23 +10,29 @@
 					<u-icon name="arrow-left" size="44" style="margin-top: 22rpx"></u-icon>
 				</view> -->
 				<!-- #endif -->
-				<view class="orderStatusBox flex" style="margin-bottom: 30rpx">
-					<u-icon customPrefix="iconfont" name="icondaizhifu-" size="52" color="#DFBE6E"
+				<view class="orderStatusBox flex" style="margin-bottom: 30rpx;justify-content: space-between">
+					<view class="row">
+						<u-icon customPrefix="iconfont" name="icondaizhifu-" size="52" color="#DFBE6E"
 						v-if="orderStatus.code == 0"></u-icon>
-					<u-icon customPrefix="iconfont" name="iconquxiao" size="52" color="#f26c6c"
-						v-if="orderStatus.code == -1"></u-icon>
-					<u-icon customPrefix="iconfont" name="iconshenhezhong" size="52" color="#86d9a5"
-						v-if="orderStatus.code == -2"></u-icon>
-					<u-icon customPrefix="iconfont" name="iconzhengchang" size="52" color="#111"
-						v-if="orderStatus.code == 1"></u-icon>
-					<text style="
-            margin-left: 26rpx;
-            font-size: 40rpx;
-            font-weight: 600;
-            color: #111;
-            ">
-						{{ orderStatus.text }}
-					</text>
+						<u-icon customPrefix="iconfont" name="iconquxiao" size="52" color="#f26c6c"
+							v-if="orderStatus.code == -1"></u-icon>
+						<u-icon customPrefix="iconfont" name="iconshenhezhong" size="52" color="#86d9a5"
+							v-if="orderStatus.code == -2"></u-icon>
+						<u-icon customPrefix="iconfont" name="iconzhengchang" size="52" color="#111"
+							v-if="orderStatus.code == 1"></u-icon>
+						<text style="
+							margin-left: 26rpx;
+							font-size: 40rpx;
+							font-weight: 600;
+							color: #111;
+							">
+							{{ orderStatus.text }}
+						</text>
+					</view>
+					<view class="RemainderBox">
+						<text>剩余：</text>
+						<text>5分50秒</text>
+					</view>
 				</view>
 				<view class="orderIforRzBox row">
 					<view class="orderIforRzImg">
@@ -68,6 +74,25 @@
 					{{ orderData.parmResultRoomInfo.HotelName }}
 				</view>
 			</view>
+			<view class="ReservationInforBox">
+				<view class="ReservationInforTitle">订单信息</view>
+				<view class="ResInforText row-sb-n">
+					<view class="ResInforL">订单编号</view>
+					<view class="ResInforR">
+						<text>
+							{{ orderData.model.OrderID }}
+						</text>
+					</view>
+				</view>
+				<view class="ResInforText row-sb-n">
+					<view class="ResInforL">创建日期</view>
+					<view class="ResInforR">
+						<text>
+							{{ orderData.directOrder.CreateTime }}
+						</text>
+					</view>
+				</view>
+			</view>
 			<view class="ReservationInforBox">
 				<view class="ReservationInforTitle">预定信息</view>
 				<view class="ResInforText row-sb-n"
@@ -400,7 +425,7 @@
 															if (tip.confirm) {
 																that.submitCancel = true;
 																that.cancelOrder(cancelMsg);
-															}
+															}else that.submitCancel = false
 														}
 													})
 												}
@@ -1296,4 +1321,8 @@
 		display: flex;
 		border-bottom: 1px solid #e6e6e6;
 	}
+	.RemainderBox text:last-child{
+		font-size: 20px;
+    	font-weight: 600;
+	}
 </style>
\ No newline at end of file