细节优化

pages/index/index.vue

@@ -69,17 +69,22 @@
 											<view class='cu-tag radius line-red' v-else-if="item.isDirtyRoom >= 1">
 												未保洁
 											</view>
-											
+
 											<view v-else-if="item.recordsStatus>=0" class="cu-tag radius line-red">
 												{{recordsStatusEnum[item.recordsStatus]}}
 											</view>
-											
+
 											<view v-else class='cu-tag radius'
 												:class="item.status==0?'line-green':item.status==1?'line-orange':'line-blue'">
-												{{roomStatusEnum[item.status]}}</view>
+												{{roomStatusEnum[item.status]}}
+											</view>
 										</view>
 									</view>
 								</view>
+								<view v-if="item.recordsTime" class="flex-between records-time">
+									<text></text>
+									<text class="text-sm text-orange">{{item.recordsTime}} 结束</text>
+								</view>
 								<view class="facilitie-box">
 									<view v-for="(val,i) in item.facilities" :key="i" v-if="i<=7"
 										class='cu-tag radius bg-brown'>
@@ -209,9 +214,9 @@
 						url: this.assetsPath + "/power.png"
 					},
 				],
-				recordsStatusEnum:{
-					0:"待保洁",
-					1:"保洁中"
+				recordsStatusEnum: {
+					0: "待保洁",
+					1: "保洁中"
 				},
 				options: [{
 						value: '4',
@@ -367,6 +372,7 @@
 						that.roomVoList = res.data.data.map(item => {
 							return {
 								...item,
+								recordsTime: item.recordsTime? moment(item.recordsTime).format("HH:mm") : "",
 								facilities: item.facilities ? item.facilities.split(",") : [],
 								images: item.images ? item.images.split(",").map(val => this.hostUrl +
 									val) : [],
@@ -924,7 +930,7 @@
 			justify-content: center;
 			align-items: center;
 			width: 240rpx;
-			// height: 280upx;
+			min-height: 280upx;
 			overflow: hidden;
 
 			.room-img {
@@ -964,7 +970,7 @@
 				padding: 0;
 				align-items: center;
 				min-height: 88upx;
-
+                margin-top: 10upx;
 				.bg-brown {
 					color: #c98d35;
 					background-color: #f8eddd;
@@ -974,6 +980,9 @@
 				}
 			}
 
+            .records-time{
+				margin-top: 10upx;
+			}
 			// 价格
 			.flex-priceBox {
 				padding: 0 6rpx;
@@ -1002,7 +1011,7 @@
 	.item-Go {
 		display: flex;
 		width: 100%;
-		display: flex;
+		flex: 1;
 		flex-direction: row;
 		align-items: center;
 
@@ -1131,10 +1140,12 @@
 	.list-point-box {
 		width: 100%;
 		margin-bottom: 20upx;
-        .bg-pink{
+
+		.bg-pink {
 			background-color: rgba(0, 0, 0, 0.2);
 			box-shadow: 0 0 3px rgba(0, 0, 0, 0.26) inset;
 		}
+
 		// .bg-gray{
 		// 	background-color: rgba(255, 255, 255, 0.9);
 		// }