From 03c7daab67e8726335f1fab091b75e813caab115 Mon Sep 17 00:00:00 2001
From: huliyong <2783385703@qq.com>
Date: Wed, 16 Apr 2025 21:45:28 +0800
Subject: [PATCH] =?UTF-8?q?style(timelineService):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E6=88=90=E5=8A=9F=E7=8A=B6=E6=80=81=E8=83=8C=E6=99=AF=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在timelineService.vue组件中，为服务日期、宠物列表、上门地址和操作按钮添加了成功状态的背景样式，以增强用户体验和视觉反馈。
---
 pages/myOrdersManage/components/timelineService.vue |  20 ++++++++++++++------
 static/images/order/success.png                     | Bin 0 -> 913 bytes
 2 files changed, 14 insertions(+), 6 deletions(-)
 create mode 100644 static/images/order/success.png

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 0000000000000000000000000000000000000000..f59ed859eb06c2fa9f7a2af10f7decf10386f4cf
GIT binary patch
literal 913
zcmV;C18)3@P)<h;3K|Lk000e1NJLTq001HY001Qj1^@s6Cqg@V00001b5ch_0Itp)
z=>Px&OG!jQR9HvVm`!M0RTRg6|MzAlHT8R;7V5?ju}O-Hf}l;>B7!RyiWS$=g(yXL
z(L!M;NJ+(25Ge(_3W8tD77?KuD+&ea!h%VfN^5OvX{?$w%_Q&s?VUv02x)HOOR8r#
zZ|<D)d*|z(GwK=cI{@rpRYcQ-P!CrB(MNj!ywRk3hWorK40A>-|2S<u^<8`K&$ku?
zk5<suBex!e(TvLTS)(`?J<@1VxI8s+c{!meKoj7p#E@2i+kt94Z}>%U9}u4d8Z*4S
z3=j{6z`+oT?^8gOSJ!3oYl4kH-UPAlM9PtB*zws9O9HV7n1Qjz<c<@a^+pN^u4mmN
ztp|i(1X>MeWFJME1fB-117BDY$eiJC2)rH4ysTdcDzD|O4q-R;7NF)ElC^te-{;s*
z3VvM<NRlHKI`qE;nFhkYdhPi?&Otd?vsH7wk1Q0L*kLaKUtrP_F@;uYMc#sWAl7OM
zNc6;~gYCUByGxTz$M#oS@A~Zn&@-vYIt@Am*{&jIqBN43a8EApb*v64xoXCR4hMy?
zvOt8^V>SbKr{+jmwr{E@B}e{KAhBA$1<sU6wE^4#T9X=@8NncSy;1mdSs>M1ok(wD
z9z#@9LKD3)FxcMvQdtmx>**feHz52RuqFj0cGJ;o*YzhZv$MwQ-hLKn1F{s5*%vS~
zv-3+yA~I06lonr-<(sQX_s9z4q<|E_aS`4PWbxi9MTA<AciMC*F-N9A?_X+MdA+lv
zBSMuT<0I!Q<C;8(i3yufHBxacyN}y`rx2G)p=gfke$ZsE3cBLQl+eUdX~>*)`l_%f
zui`uc_X91dopn*AWgJNINEwC})3GqfP~Q-ueK7?ke*ZBPuMD>Dx;SrUed5GhU6pF(
z(U4^|Ts)MaodK?5zLMg^R;GljGx*s0wzg9r>4jn*2=#ilZ7a3fhPC;X2_9Dnp8<aa
z!h6-q)SfaiZkxH+hX=-{sn?rZ!hDc9OWXZnetzVqZtxM{cia76Km5k-GC}^SYeA5+
zr%rFqi{i_<OD}HwaX(!-F?S#;$mg0%Pg9Jxo!r}2IE!0;{2O8QL^^aG1lZ*L)wL(b
ndK}npWz7b(;v!$HSp9zi(aL?YKWrKB00000NkvXXu0mjfN3W-!

literal 0
HcmV?d00001