UI改进

take-order/pages/take/index.vue

@@ -31,7 +31,8 @@
 						<text class="typeText" v-if="item.inGuaranteePeriodText && !item.demandSmallType">({{item.inGuaranteePeriodText}})-{{item.orderServiceType}}</text>
 					</view>
 					<view class="robStatusView" v-if="item.statusText">
-						<text class="statusText u-line-1" v-if="item.statusText">{{item.statusText}}</text>
+						<text class="statusText blueColor u-line-1" v-if="item.statusText && item.statusText == '待抢单' ">{{item.statusText}}</text>
+						<text class="statusText gray999 u-line-1" v-if="item.statusText && item.statusText == '已被抢' ">{{item.statusText}}</text>
 					</view>
 				</view>
 				<view class="divideLine u-m-t-30"></view>
@@ -58,7 +59,7 @@
 					<text class="typeText" v-if="item.inGuaranteePeriodText && !item.demandSmallType">({{item.inGuaranteePeriodText}})-{{item.orderServiceType}}</text>
 					<text class="bookText underLine" @click.stop="onShowDatePicker('datetime',item)" v-if="item.appointmentDatetime && item.statusText !='待接单' ">{{formatDate(item.appointmentDatetime)}}</text>
 					<text class="bookText underLine" @click.stop="onShowDatePicker('datetime',item)" v-if="!item.appointmentDatetime && item.statusText !='待接单' ">未预约</text>
-					<text :class="item.statusText == '待完工' ? 'statusText redColor' : 'statusText'" v-if="item.statusText">{{item.statusText}}</text> 
+					<text :class="item.statusText == '待完工' ? 'statusText redColor' : 'statusText blueColor' " v-if="item.statusText">{{item.statusText}}</text> 
 				</view>
 				<view class="divideLine u-m-t-30"></view>
 				<mx-date-picker :show="showPicker" :type="type" :value="value" :show-tips="true" :begin-text="'入住'" :end-text="'离店'" :show-seconds="true" @confirm="onSelected" @cancel="onSelected" />
@@ -964,7 +965,6 @@
 	}
 	
 	.statusText{
-		color: #2272FF;
 		font-size: 28rpx;
 		margin-right: 30rpx;
 	}
@@ -1122,4 +1122,16 @@
 		align-items: center;
 	}
 	
+	.blueColor{
+		color: #2272FF;
+	}
+	
+	.redColor{
+		color: #D73400;
+	}
+	
+	.gray999{
+		color: #999999;
+	}
+	
 </style>