You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
262 lines
8.9 KiB
262 lines
8.9 KiB
<template>
|
|
<!-- <div>服务档案</div> -->
|
|
<view class="box box-size">
|
|
<!-- <up-steps current="0">
|
|
<up-steps-item title="已下单"></up-steps-item>
|
|
<up-steps-item title="已出库"></up-steps-item>
|
|
<up-steps-item title="运输中"></up-steps-item>
|
|
</up-steps> -->
|
|
<view class="top box-size" :style="{borderRadius:'16rpx'}">
|
|
<view class="form-title">
|
|
本次喂养过程中，您需要喂养的食品包括
|
|
</view>
|
|
<view class=" mt32 ml10" v-if="detail.includeDryFood">
|
|
<view class="color-A55 size-30 fw400">
|
|
干粮(主粮、冻干等)
|
|
</view>
|
|
<view class="size-30 mt32 fw400">
|
|
干粮摆放位置
|
|
</view>
|
|
<view class="img mt20">
|
|
<u-image class="img" :src="detail.dryFoodLocation" mode="aspectFill"></u-image>
|
|
</view>
|
|
<view class="size-30 mt24 flex-between">
|
|
<view :style="{color:'#999999'}">干粮喂养重量</view>
|
|
<view class="level">
|
|
<view class="input_ mr10">
|
|
<input type="text" v-model="detail.dryFoodFeedWeight" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}">
|
|
</view>
|
|
<view>/次(单位:克)</view>
|
|
</view>
|
|
</view>
|
|
<view class="size-30 mt24 flex-between">
|
|
<view :style="{color:'#999999'}">干粮喂养频率</view>
|
|
<view class="level">
|
|
<view class="input_ mr10">
|
|
<input type="text" v-model="detail.dryFoodFeedFrequencyDays" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}">
|
|
</view>
|
|
<view>天</view>
|
|
<view class="input_ mr10">
|
|
<input type="text" v-model="detail.dryFoodFeedFrequencyTimes" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}">
|
|
</view>
|
|
<view>次</view>
|
|
</view>
|
|
</view>
|
|
<view class="size-30 mt24" :style="{color:'#999999'}">
|
|
备注信息
|
|
</view>
|
|
<view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}">
|
|
<input type="text" v-model="detail.dryFoodRemarks" :style="{height:'50rpx',fontSize:'30rpx'}">
|
|
</view>
|
|
</view>
|
|
<view class="line" :style="{borderRadius:'1rpx'}"></view>
|
|
<view class=" mt32 ml10" v-if="detail.includeWetFood">
|
|
<view class="color-A55 size-30 fw400">
|
|
湿粮(罐头等)
|
|
</view>
|
|
<view class="size-30 mt32 fw400">
|
|
湿粮摆放位置
|
|
</view>
|
|
<view class="img mt20">
|
|
<u-image class="img" :src="detail.wetFoodLocation" mode="aspectFill"></u-image>
|
|
</view>
|
|
<view class="size-30 mt24 flex-between">
|
|
<view :style="{color:'#999999'}">湿粮喂养重量</view>
|
|
<view class="level">
|
|
<view class="input_ mr10">
|
|
<input type="text" v-model="detail.wetFoodFeedWeight" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}">
|
|
</view>
|
|
<view>/次(单位:罐)</view>
|
|
</view>
|
|
</view>
|
|
<view class="size-30 mt24 flex-between">
|
|
<view :style="{color:'#999999'}">湿粮喂养频率</view>
|
|
<view class="level">
|
|
<view class="input_ mr10">
|
|
<input type="text" v-model="detail.wetFoodFeedFrequencyDays" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}">
|
|
</view>
|
|
<view>天</view>
|
|
<view class="input_ mr10">
|
|
<input type="text" v-model="detail.wetFoodFeedFrequencyTimes" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}">
|
|
</view>
|
|
<view>次</view>
|
|
</view>
|
|
</view>
|
|
<view class="size-30 mt24" :style="{color:'#999999'}">
|
|
备注信息
|
|
</view>
|
|
<view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}">
|
|
<input type="text" v-model="detail.wetFoodRemarks" :style="{height:'50rpx',fontSize:'30rpx'}">
|
|
</view>
|
|
</view>
|
|
<view class="line" :style="{borderRadius:'1rpx'}"></view>
|
|
<view class=" mt32 ml10" v-if="detail.includeHomemadeFood">
|
|
<view class="color-A55 size-30 fw400">
|
|
自制食品
|
|
</view>
|
|
<view class="size-30 mt32 fw400">
|
|
自制食品摆放位置
|
|
</view>
|
|
<view class="img mt20">
|
|
<u-image class="img" :src="detail.homemadeFoodLocation" mode="aspectFill"></u-image>
|
|
</view>
|
|
<view class="size-30 mt24" :style="{color:'#999999'}">
|
|
自制饭制作和喂食说明
|
|
</view>
|
|
<view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}">
|
|
<input type="text" v-model="detail.homemadeFoodInstructions" :style="{height:'50rpx',fontSize:'30rpx'}">
|
|
</view>
|
|
</view>
|
|
<view class="line" :style="{borderRadius:'1rpx'}"></view>
|
|
<view class=" mt32 ml10" v-if="detail.includeRawMeat">
|
|
<view class="color-A55 size-30 fw400">
|
|
生骨肉
|
|
</view>
|
|
<view class="size-30 mt32 fw400">
|
|
生骨肉摆放位置
|
|
</view>
|
|
<view class="img mt20">
|
|
<u-image class="img" :src="detail.rawMeatLocation" mode="aspectFill"></u-image>
|
|
</view>
|
|
<view class="size-30 mt24" :style="{color:'#999999'}">
|
|
生骨肉喂食说明
|
|
</view>
|
|
<view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}">
|
|
<input type="text" v-model="detail.rawMeatFeedingInstructions" :style="{height:'50rpx',fontSize:'30rpx'}">
|
|
</view>
|
|
</view>
|
|
<view class="line" :style="{borderRadius:'1rpx'}"></view>
|
|
<view class=" mt32 ml10" v-if="detail.includeHealthSupplements">
|
|
<view class="color-A55 size-30 fw400">
|
|
保健品
|
|
</view>
|
|
<view class="size-30 mt32 fw400">
|
|
保健品摆放位置
|
|
</view>
|
|
<view class="img mt20">
|
|
<u-image class="img" :src="detail.healthSupplementsLocation" mode="aspectFill"></u-image>
|
|
</view>
|
|
<view class="size-30 mt24" :style="{color:'#999999'}">
|
|
保健品喂养方式
|
|
</view>
|
|
<view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}">
|
|
<input type="text" v-model="detail.healthSupplementsFeedingInstructions" :style="{height:'50rpx',fontSize:'30rpx'}">
|
|
</view>
|
|
</view>
|
|
<view class="line" :style="{borderRadius:'1rpx'}"></view>
|
|
<view class=" mt32 ml10" v-if="detail.includeSnacks">
|
|
<view class="color-A55 size-30 fw400">
|
|
零食
|
|
</view>
|
|
<view class="size-30 mt32 fw400">
|
|
零食摆放位置
|
|
</view>
|
|
<view class="img mt20">
|
|
<u-image class="img" :src="detail.snacksLocation" mode="aspectFill"></u-image>
|
|
</view>
|
|
<view class="size-30 mt24" :style="{color:'#999999'}">
|
|
零食喂养方式
|
|
</view>
|
|
<view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}">
|
|
<input type="text" v-model="detail.snacksFeedingMethod" :style="{height:'50rpx',fontSize:'30rpx'}">
|
|
</view>
|
|
</view>
|
|
<view class="line" :style="{borderRadius:'1rpx'}"></view>
|
|
</view>
|
|
<view class="top mt24" :style="{borderRadius:'16rpx'}">
|
|
<view class="form-title">
|
|
食盆/自动喂食器
|
|
</view>
|
|
<view class=" mt32 ml10">
|
|
<view class="color-A55 size-30 fw400">
|
|
喂食器具摆放位置
|
|
</view>
|
|
<view class="mt20">
|
|
<u-image class="img" :src="detail.feedingTrayAutomaticFeederLocation" mode="aspectFill"></u-image>
|
|
</view>
|
|
<view class="size-30 mt24" :style="{color:'#999999'}">
|
|
备注信息
|
|
</view>
|
|
<view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}">
|
|
<input type="text" v-model="detail.feedingTrayAutomaticFeederRemarks" :style="{height:'50rpx',fontSize:'30rpx'}">
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="top mt24" :style="{borderRadius:'16rpx'}">
|
|
<view class="form-title">
|
|
饮用水
|
|
</view>
|
|
<view class=" mt32 ml10">
|
|
<view class="color-A55 size-30 fw400">
|
|
饮用水摆放位置
|
|
</view>
|
|
<view class="mt20">
|
|
<u-image class="img" :src="detail.waterBowlLocation" mode="aspectFill"></u-image>
|
|
</view>
|
|
<view class="size-30 mt24" :style="{color:'#999999'}">
|
|
饮用水添加要求
|
|
</view>
|
|
<view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}">
|
|
<input type="text" v-model="detail.waterBowlRemarks" :style="{height:'50rpx',fontSize:'30rpx'}">
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="top mt24" :style="{borderRadius:'16rpx'}">
|
|
<view class="form-title">
|
|
其他补充信息(非必填)
|
|
</view>
|
|
<view class=" mt32 ml10">
|
|
<view class="size-30 mt24" :style="{color:'#999999'}">
|
|
备注信息
|
|
</view>
|
|
<view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}">
|
|
<input type="text" v-model="detail.otherRemark" :style="{height:'50rpx',fontSize:'30rpx'}">
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="buttom mt60 box-size">
|
|
<view class="buttom-item level size-30" :style="{borderRadius:'41rpx',color:'#fff'}">
|
|
下一页
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
getpetList
|
|
} from "@/api/pet/index.js"
|
|
import {
|
|
getDictList
|
|
} from "@/api/system/user.js"
|
|
import {
|
|
getPetCareByPetId
|
|
} from "@/api/order/order.js";
|
|
export default {
|
|
data() {
|
|
return {
|
|
detail: {},
|
|
show: false,
|
|
petTypes: [],
|
|
petType: '',
|
|
orderId: 0,
|
|
}
|
|
},
|
|
onLoad(options) {
|
|
this.orderId = options.petId
|
|
this.getPetCareByPetId()
|
|
},
|
|
methods: {
|
|
getPetCareByPetId() {
|
|
getPetCareByPetId(this.orderId).then(res => {
|
|
this.detail = res.data
|
|
})
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
@import"detail.scss";
|
|
</style>
|