diff --git a/pages/myOrdersManage/components/timelineService.vue b/pages/myOrdersManage/components/timelineService.vue
index ccb5ace..9bb5c3f 100644
--- a/pages/myOrdersManage/components/timelineService.vue
+++ b/pages/myOrdersManage/components/timelineService.vue
@@ -39,7 +39,7 @@
 						<view class="title-indicator"></view>
 						<text>服务日期</text>
 					</view>
-					<view class="section-content date-content">
+					<view class="section-content date-content" :class="{bgSuccessQ : item.status}">
 						{{ item.fullDate }}
 					</view>
 				</view>
@@ -53,7 +53,7 @@
 							{{ petListCollapsed[index] ? '展开' : '收起' }} <text class="arrow" :class="{'arrow-up': !petListCollapsed[index]}">▼</text>
 						</view>
 					</view>
-					<view class="section-content pet-list" v-if="!petListCollapsed[index]">
+					<view class="section-content pet-list" :class="{bgSuccessQ : item.status}" v-if="!petListCollapsed[index]">
 						<view v-for="(pet, i) in item.petList" :key="i" class="pet-item">
 							<view class="pet-avatar">
 								<image :src="pet.avatar" mode="aspectFill" class="avatar-image"></image>
@@ -79,16 +79,16 @@
 						<view class="title-indicator"></view>
 						<text>上门地址</text>
 					</view>
-					<view class="section-content address-content">
+					<view class="section-content address-content" :class="{bgSuccessQ : item.status}">
 						{{ item.addressDetail }}
 					</view>
 				</view>
 				
 				<!-- 操作按钮 -->
 				<view class="action-buttons">
-					<view class="btn btn-clock" @click="handleClock(item)">打卡</view>
-					<view class="btn btn-clock" @click="handlePetFile(item)">宠物档案</view>
-					<view class="btn btn-clock" @click="handleServiceFile(item)">服务档案</view>
+					<view class="btn btn-clock" :class="{bgSuccess : item.status}" @click="handleClock(item)">打卡</view>
+					<view class="btn btn-clock" :class="{bgSuccess : item.status}" @click="handlePetFile(item)">宠物档案</view>
+					<view class="btn btn-clock" :class="{bgSuccess : item.status}" @click="handleServiceFile(item)">服务档案</view>
 				</view>
 			</view>
 		</view>
@@ -249,6 +249,14 @@
 </script>
 
 <style lang="scss" scoped>
+
+.bgSuccess{
+    background-color: #4CD964 !important;
+}
+.bgSuccessQ{
+    background-color: #4CD96422 !important;
+}
+
 .timeline-container {
 	position: relative;
 	padding: 20rpx;
diff --git a/static/images/order/success.png b/static/images/order/success.png
new file mode 100644
index 0000000..f59ed85
Binary files /dev/null and b/static/images/order/success.png differ