|
|
@ -10,7 +10,7 @@ |
|
|
|
<view class="form-title"> |
|
|
|
本次喂养过程中,您需要喂养的食品包括 |
|
|
|
</view> |
|
|
|
<view class=" mt32 ml10"> |
|
|
|
<view class=" mt32 ml10" v-if="detail.includeDryFood"> |
|
|
|
<view class="color-A55 size-30 fw400"> |
|
|
|
干粮(主粮、冻干等) |
|
|
|
</view> |
|
|
@ -18,13 +18,13 @@ |
|
|
|
干粮摆放位置 |
|
|
|
</view> |
|
|
|
<view class="img mt20"> |
|
|
|
<image src="" mode=""></image> |
|
|
|
<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" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}"> |
|
|
|
<input type="text" v-model="detail.dryFoodFeedWeight" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}"> |
|
|
|
</view> |
|
|
|
<view>/次(单位:克)</view> |
|
|
|
</view> |
|
|
@ -33,11 +33,11 @@ |
|
|
|
<view :style="{color:'#999999'}">干粮喂养频率</view> |
|
|
|
<view class="level"> |
|
|
|
<view class="input_ mr10"> |
|
|
|
<input type="text" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}"> |
|
|
|
<input type="text" v-model="detail.dryFoodFeedFrequencyDays" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}"> |
|
|
|
</view> |
|
|
|
<view>天</view> |
|
|
|
<view class="input_ mr10"> |
|
|
|
<input type="text" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}"> |
|
|
|
<input type="text" v-model="detail.dryFoodFeedFrequencyTimes" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}"> |
|
|
|
</view> |
|
|
|
<view>次</view> |
|
|
|
</view> |
|
|
@ -46,11 +46,11 @@ |
|
|
|
备注信息 |
|
|
|
</view> |
|
|
|
<view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}"> |
|
|
|
<input type="text" :style="{height:'50rpx',fontSize:'30rpx'}"> |
|
|
|
<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"> |
|
|
|
<view class=" mt32 ml10" v-if="detail.includeWetFood"> |
|
|
|
<view class="color-A55 size-30 fw400"> |
|
|
|
湿粮(罐头等) |
|
|
|
</view> |
|
|
@ -58,13 +58,13 @@ |
|
|
|
湿粮摆放位置 |
|
|
|
</view> |
|
|
|
<view class="img mt20"> |
|
|
|
<image src="" mode=""></image> |
|
|
|
<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" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}"> |
|
|
|
<input type="text" v-model="detail.wetFoodFeedWeight" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}"> |
|
|
|
</view> |
|
|
|
<view>/次(单位:罐)</view> |
|
|
|
</view> |
|
|
@ -73,11 +73,11 @@ |
|
|
|
<view :style="{color:'#999999'}">湿粮喂养频率</view> |
|
|
|
<view class="level"> |
|
|
|
<view class="input_ mr10"> |
|
|
|
<input type="text" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}"> |
|
|
|
<input type="text" v-model="detail.wetFoodFeedFrequencyDays" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}"> |
|
|
|
</view> |
|
|
|
<view>天</view> |
|
|
|
<view class="input_ mr10"> |
|
|
|
<input type="text" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}"> |
|
|
|
<input type="text" v-model="detail.wetFoodFeedFrequencyTimes" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}"> |
|
|
|
</view> |
|
|
|
<view>次</view> |
|
|
|
</view> |
|
|
@ -86,11 +86,11 @@ |
|
|
|
备注信息 |
|
|
|
</view> |
|
|
|
<view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}"> |
|
|
|
<input type="text" :style="{height:'50rpx',fontSize:'30rpx'}"> |
|
|
|
<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"> |
|
|
|
<view class=" mt32 ml10" v-if="detail.includeHomemadeFood"> |
|
|
|
<view class="color-A55 size-30 fw400"> |
|
|
|
自制食品 |
|
|
|
</view> |
|
|
@ -98,17 +98,17 @@ |
|
|
|
自制食品摆放位置 |
|
|
|
</view> |
|
|
|
<view class="img mt20"> |
|
|
|
<image src="" mode=""></image> |
|
|
|
<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" :style="{height:'50rpx',fontSize:'30rpx'}"> |
|
|
|
<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"> |
|
|
|
<view class=" mt32 ml10" v-if="detail.includeRawMeat"> |
|
|
|
<view class="color-A55 size-30 fw400"> |
|
|
|
生骨肉 |
|
|
|
</view> |
|
|
@ -116,17 +116,17 @@ |
|
|
|
生骨肉摆放位置 |
|
|
|
</view> |
|
|
|
<view class="img mt20"> |
|
|
|
<image src="" mode=""></image> |
|
|
|
<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" :style="{height:'50rpx',fontSize:'30rpx'}"> |
|
|
|
<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"> |
|
|
|
<view class=" mt32 ml10" v-ifan class="s">="detail.includeHealthSupplements"> |
|
|
|
<view class="color-A55 size-30 fw400"> |
|
|
|
保健品 |
|
|
|
</view> |
|
|
@ -134,17 +134,17 @@ |
|
|
|
保健品摆放位置 |
|
|
|
</view> |
|
|
|
<view class="img mt20"> |
|
|
|
<image src="" mode=""></image> |
|
|
|
<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" :style="{height:'50rpx',fontSize:'30rpx'}"> |
|
|
|
<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"> |
|
|
|
<view class=" mt32 ml10" v-if="detail.includeSnacks"> |
|
|
|
<view class="color-A55 size-30 fw400"> |
|
|
|
零食 |
|
|
|
</view> |
|
|
@ -152,13 +152,13 @@ |
|
|
|
零食摆放位置 |
|
|
|
</view> |
|
|
|
<view class="img mt20"> |
|
|
|
<image src="" mode=""></image> |
|
|
|
<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" :style="{height:'50rpx',fontSize:'30rpx'}"> |
|
|
|
<input type="text" v-model="detail.snacksFeedingMethod" :style="{height:'50rpx',fontSize:'30rpx'}"> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="line" :style="{borderRadius:'1rpx'}"></view> |
|
|
@ -172,13 +172,13 @@ |
|
|
|
喂食器具摆放位置 |
|
|
|
</view> |
|
|
|
<view class="mt20"> |
|
|
|
<image src="" mode="" :style="{width:'307rpx',height:'230rpx',backgroundColor:'red'}"></image> |
|
|
|
<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" :style="{height:'50rpx',fontSize:'30rpx'}"> |
|
|
|
<input type="text" v-model="detail.feedingTrayAutomaticFeederRemarks" :style="{height:'50rpx',fontSize:'30rpx'}"> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -191,13 +191,13 @@ |
|
|
|
饮用水摆放位置 |
|
|
|
</view> |
|
|
|
<view class="mt20"> |
|
|
|
<image src="" mode="" :style="{width:'307rpx',height:'230rpx',backgroundColor:'red'}"></image> |
|
|
|
<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" :style="{height:'50rpx',fontSize:'30rpx'}"> |
|
|
|
<input type="text" v-model="detail.waterBowlRemarks" :style="{height:'50rpx',fontSize:'30rpx'}"> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -210,7 +210,7 @@ |
|
|
|
备注信息 |
|
|
|
</view> |
|
|
|
<view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}"> |
|
|
|
<input type="text" :style="{height:'50rpx',fontSize:'30rpx'}"> |
|
|
|
<input type="text" v-model="detail.otherRemark" :style="{height:'50rpx',fontSize:'30rpx'}"> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -224,6 +224,37 @@ |
|
|
|
</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"> |
|
|
|