|
|
@ -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; |
|
|
|