396316021
/
pet_uni
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

订单服务记录提交和展示

master
396316021 1 year ago
parent
8a1960c360
commit
f534d2416e
3 changed files with 1672 additions and 462 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 24
      api/order.js
  2. 1155
      pages/OrderConfirm/end.vue
  3. 955
      pages/OrderDetail/index.vue

24
api/order.js
Unescape View File

@ -107,6 +107,20 @@ export function orderDone(id,images){
}
})
}
/**
* 订单服务详情
* @param id
* @returns {Promise<unknown>}
*/
export function orderServiceInfo(id){
return request({
url:"order/getServiceDate",
method: 'get',
data:{
order_service_id:id,
}
})
}
/**
* 开始服务
*/
@ -117,3 +131,13 @@ export function orderStart(data){
data:data
})
}
/**
* 开始服务
*/
export function orderEnd(data){
return request({
url:"order/end-service",
method: 'post',
data:data
})
}

1155
pages/OrderConfirm/end.vue
View File

File diff suppressed because it is too large Load Diff

955
pages/OrderDetail/index.vue
Unescape View File

@ -184,6 +184,935 @@
<view class="pet-detail-background"></view>
</view>
</view>
<view class="pet-detail-bottom-container">
<view class="pet-detail-container">
<view class="pet-detail-gun col">
<image class="img" mode="heightFix" :src="staticImage.petGun"/>
</view>
<view class="pet-detail-content">
<view class="content-item" v-if="service.end.appliance.option || service.end.appliance.remark || service.end.appliance.upload">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
门窗、灯、空调、水电等情况：
</view>
<view class="item-content">
<view>
{{getString(service.end.appliance.option)}}
</view>
<view>
{{service.end.appliance.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.appliance.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.before_status.option || service.end.before_status.remark || service.end.before_status.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
入户前萌宠家居情况：
</view>
<view class="item-content">
{{service.end.before_status}}
<view>
{{getString(service.end.before_status.option)}}
</view>
<view>
{{service.end.before_status.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.before_status.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.pet_status.option || service.end.pet_status.remark || service.end.pet_status.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
萌宠生活区情况：
</view>
<view class="item-content">
{{service.end.pet_status}}
<view>
{{getString(service.end.pet_status.option)}}
</view>
<view>
{{service.end.pet_status.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.pet_status.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.food_status.option || service.end.food_status.remark || service.end.food_status.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
萌宠粮剩余情况：
</view>
<view class="item-content">
{{service.end.food_status}}
<view>
{{getString(service.end.food_status.option)}}
</view>
<view>
{{service.end.food_status.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.food_status.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.sick.option || service.end.sick.remark || service.end.sick.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
是否有萌宠呕吐物：
</view>
<view class="item-content">
{{service.end.sick}}
<view>
{{getString(service.end.sick.option)}}
</view>
<view>
{{service.end.sick.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.sick.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.excrement.option || service.end.excrement.remark || service.end.excrement.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
萌宠排泄物情况：
</view>
<view class="item-content">
{{service.end.excrement}}
<view>
{{getString(service.end.excrement.option)}}
</view>
<view>
{{service.end.excrement.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.excrement.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.other.option || service.end.other.remark || service.end.other.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
其他情况反馈：
</view>
<view class="item-content">
{{service.end.other}}
<view>
{{getString(service.end.other.option)}}
</view>
<view>
{{service.end.other.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.other.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.food_bowl.option || service.end.food_bowl.remark || service.end.food_bowl.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
食盆清洗并擦干水渍：
</view>
<view class="item-content">
{{service.end.food_bowl}}
<view>
{{getString(service.end.food_bowl.option)}}
</view>
<view>
{{service.end.food_bowl.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.food_bowl.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.basin.option || service.end.basin.remark || service.end.basin.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
水盆清理：
</view>
<view class="item-content">
{{service.end.basin}}
<view>
{{getString(service.end.basin.option)}}
</view>
<view>
{{service.end.basin.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.basin.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.staple_food.option || service.end.staple_food.remark || service.end.staple_food.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
萌宠主食：
</view>
<view class="item-content">
{{service.end.staple_food}}
<view>
{{getString(service.end.staple_food.option)}}
</view>
<view>
{{service.end.staple_food.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.staple_food.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.water.option || service.end.water.remark || service.end.water.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
萌宠饮用水：
</view>
<view class="item-content">
{{service.end.water}}
<view>
{{getString(service.end.water.option)}}
</view>
<view>
{{service.end.water.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.water.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.snacks.option || service.end.snacks.remark || service.end.snacks.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
零食、药品及其他：
</view>
<view class="item-content">
{{service.end.snacks}}
<view>
{{getString(service.end.snacks.option)}}
</view>
<view>
{{service.end.snacks.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.snacks.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.wowo.option || service.end.wowo.remark || service.end.wowo.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
窝窝整理：
</view>
<view class="item-content">
{{service.end.wowo}}
<view>
{{getString(service.end.wowo.option)}}
</view>
<view>
{{service.end.wowo.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.wowo.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.cage.option || service.end.cage.remark || service.end.cage.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
笼笼清理：
</view>
<view class="item-content">
{{service.end.cage}}
<view>
{{getString(service.end.cage.option)}}
</view>
<view>
{{service.end.cage.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.cage.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.hair.option || service.end.hair.remark || service.end.hair.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
周边毛发：
</view>
<view class="item-content">
{{service.end.hair}}
<view>
{{getString(service.end.hair.option)}}
</view>
<view>
{{service.end.hair.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.hair.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.pet_sick.option || service.end.pet_sick.remark || service.end.pet_sick.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
屋内排泄物清理：
</view>
<view class="item-content">
{{service.end.pet_sick}}
<view>
{{getString(service.end.pet_sick.option)}}
</view>
<view>
{{service.end.pet_sick.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.pet_sick.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.pet_excrement.option || service.end.pet_excrement.remark || service.end.pet_excrement.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
屋内呕吐物清理：
</view>
<view class="item-content">
{{service.end.pet_excrement}}
<view>
{{getString(service.end.pet_excrement.option)}}
</view>
<view>
{{service.end.pet_excrement.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.pet_excrement.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.cat_litter.option || service.end.cat_litter.remark || service.end.cat_litter.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
猫砂盆整理及猫砂更换：
</view>
<view class="item-content">
{{service.end.cat_litter}}
<view>
{{getString(service.end.cat_litter.option)}}
</view>
<view>
{{service.end.cat_litter.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.cat_litter.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.other_info.option || service.end.other_info.remark || service.end.other_info.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
其他需求反馈：
</view>
<view class="item-content">
{{service.end.other_info}}
<view>
{{getString(service.end.other_info.option)}}
</view>
<view>
{{service.end.other_info.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.other_info.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.foundation.option || service.end.foundation.remark || service.end.foundation.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
基础检查：
</view>
<view class="item-content">
{{service.end.foundation}}
<view>
{{getString(service.end.foundation.option)}}
</view>
<view>
{{service.end.foundation.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.foundation.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.health.option || service.end.health.remark || service.end.health.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
健康情况：
</view>
<view class="item-content">
{{service.end.health}}
<view>
{{getString(service.end.health.option)}}
</view>
<view>
{{service.end.health.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.health.appliance.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.health_other.option || service.end.health_other.remark || service.end.health_other.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
其他：
</view>
<view class="item-content">
{{service.end.health_other}}
<view>
{{getString(service.end.health_other.option)}}
</view>
<view>
{{service.end.health_other.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.appliance.health_other">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.pet_clean.option || service.end.pet_clean.remark || service.end.pet_clean.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
萌宠清洁：
</view>
<view class="item-content">
{{service.end.pet_clean}}
<view>
{{getString(service.end.pet_clean.option)}}
</view>
<view>
{{service.end.pet_clean.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.pet_clean.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.before_facial.option || service.end.before_facial.remark || service.end.before_facial.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
洗护前原始状态：
</view>
<view class="item-content">
{{service.end.before_facial}}
<view>
{{getString(service.end.before_facial.option)}}
</view>
<view>
{{service.end.before_facial.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.before_facial.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.pet_facial.option || service.end.pet_facial.remark || service.end.pet_facial.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
使用产品：
</view>
<view class="item-content">
{{service.end.pet_facial}}
<view>
{{getString(service.end.pet_facial.option)}}
</view>
<view>
{{service.end.pet_facial.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.pet_facial.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.end_facial.option || service.end.end_facial.remark || service.end.end_facial.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
洗护后状态：
</view>
<view class="item-content">
{{service.end.end_facial}}
<view>
{{getString(service.end.end_facial.option)}}
</view>
<view>
{{service.end.end_facial.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.end_facial.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.home_play.option || service.end.home_play.remark || service.end.home_play.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
在家互动：
</view>
<view class="item-content">
{{service.end.home_play}}
<view>
{{getString(service.end.home_play.option)}}
</view>
<view>
{{service.end.home_play.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.home_play.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.out_play.option || service.end.out_play.remark || service.end.out_play.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
外出遛弯：
</view>
<view class="item-content">
{{service.end.out_play}}
<view>
{{getString(service.end.out_play.option)}}
</view>
<view>
{{service.end.out_play.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.out_play.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.trash.option || service.end.trash.remark || service.end.trash.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
垃圾携带：
</view>
<view class="item-content">
{{service.end.trash}}
<view>
{{getString(service.end.trash.option)}}
</view>
<view>
{{service.end.trash.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.trash.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.appliance_info.option || service.end.appliance_info.remark || service.end.appliance_info.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
门窗、灯、空调、水电等状态：
</view>
<view class="item-content">
{{service.end.appliance_info}}
<view>
{{getString(service.end.appliance_info.option)}}
</view>
<view>
{{service.end.appliance_info.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.pet_secure.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.pet_secure.option || service.end.pet_secure.remark || service.end.pet_secure.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
离开时萌宠安全确认：
</view>
<view class="item-content">
{{service.end.pet_secure}}
<view>
{{getString(service.end.pet_secure.option)}}
</view>
<view>
{{service.end.pet_secure.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.pet_secure.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.close.option || service.end.close.remark || service.end.close.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
普通锁：
</view>
<view class="item-content">
{{service.end.close}}
<view>
{{getString(service.end.close.option)}}
</view>
<view>
{{service.end.close.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.close.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.close_mima.option || service.end.close_mima.remark || service.end.close_mima.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
密码锁：
</view>
<view class="item-content">
{{service.end.close_mima}}
<view>
{{getString(service.end.close_mima.option)}}
</view>
<view>
{{service.end.close_mima.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.close_mima.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
<view class="content-item service-end" v-if="service.end.key.option || service.end.key.remark || service.end.key.upload.length > 0">
<view class="item-icon">
<image class="img" mode="widthFix" :src="staticImage.petName"/>
</view>
<view class="item-title">
房门钥匙：
</view>
<view class="item-content">
{{service.end.key}}
<view>
{{getString(service.end.key.option)}}
</view>
<view>
{{service.end.key.remark}}
</view>
<view class="row">
<view class="col-4" v-for="(item,index) in service.end.key.upload">
<view class="item-image" v-if="item.type === 'image'">
<u-image :src="item.url" mode="widthFix" width="100%"></u-image>
</view>
<view class="item-video" v-else>
<video mode="aspectFill" :src="item.url" style="width:100%;height:100rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="pet-detail-background"></view>
</view>
</view>
</view>
</template>
@ -199,7 +1128,7 @@
import {delPet, getDetail} from "@/api/pet";
import log from "@/utils/log";
import functions from "@/utils/functions.js";
import {orderDetail} from "@/api/order";
import {orderDetail, orderServiceInfo} from "@/api/order";
export default {
components: {
HeaderNav,
@ -256,6 +1185,10 @@
},
],
detail:{},
service:{
start:{},
end:{},
},
id:0,
}
},
@ -263,6 +1196,7 @@
log(option);
this.id = option.id;
this.getDetail(option.id);
this.getOrderServiceInfo(option.id);
},
onShareAppMessage() {
return {
@ -271,6 +1205,19 @@
}
},
methods: {
getString(value){
let typeStr = typeof value;
if(typeStr === 'string'){
return value;
}else{
console.log(typeStr)
// if(value.length > 0){
// return value.join(',');
// }else{
// return '';
// }
}
},
delPet(){
functions.confirm("确认删除该宠物吗？").then(() => {
delPet(this.id).then((res) => {
@ -288,6 +1235,12 @@
this.detail = data.data;
log(data);
})
},
getOrderServiceInfo(id){
orderServiceInfo(id).then(data => {
this.service.start = data.data.startservice;
this.service.end = data.data.endservice;
})
}
},
onPageScroll(res) {

Write Preview
Loading…
Cancel
Save