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.
265 lines
8.1 KiB
265 lines
8.1 KiB
<template> |
|
<HeaderNav title="喂养档案" :is-back="true"></HeaderNav> |
|
<view class="app-wallpaper" :style="{ |
|
backgroundImage:'url('+staticImage.wallpaperBgImage+')' |
|
}"> |
|
<view class="feed-top"> |
|
<view class="feed-container"> |
|
<view class="feed-content"> |
|
<view class="top-img"> |
|
<image class="img" mode="widthFix" :src="staticImage.banner"/> |
|
</view> |
|
<view class="top-content row"> |
|
<view class="content-item col-6 row"> |
|
<view class="item-title">爱称：</view> |
|
<view class="item-content">靓仔</view> |
|
</view> |
|
<view class="content-item col-6 row"> |
|
<view class="item-title">性别：</view> |
|
<view class="item-content">弟弟</view> |
|
</view> |
|
<view class="content-item col-6 row"> |
|
<view class="item-title">体重：</view> |
|
<view class="item-content">5kg</view> |
|
</view> |
|
<view class="content-item col-6 row"> |
|
<view class="item-title">种类：</view> |
|
<view class="item-content">柯基</view> |
|
</view> |
|
</view> |
|
</view> |
|
<view class="feed-background"> |
|
<view class="feed-background-content"></view> |
|
</view> |
|
</view> |
|
</view> |
|
<view class="feed-bottom"> |
|
<view class="feed-container"> |
|
<view class="feed-gun"> |
|
<image class="img" mode="heightFix" :src="staticImage.feedGun" /> |
|
</view> |
|
<view class="feed-content"> |
|
<u-collapse> |
|
<u-collapse-item |
|
title="水碗饭碗" |
|
> |
|
<u--textarea v-model="value1" placeholder="请输入内容" ></u--textarea> |
|
<u-upload |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
> |
|
<image :src="staticImage.feedUpload" |
|
mode="widthFix" style="width: 130rpx;height: 130rpx;"></image> |
|
</u-upload> |
|
</u-collapse-item> |
|
|
|
</u-collapse> |
|
<u-collapse> |
|
<u-collapse-item |
|
title="主食情况" |
|
> |
|
<u--textarea v-model="value1" placeholder="请输入内容" ></u--textarea> |
|
<u-upload |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
> |
|
<image :src="staticImage.feedUpload" |
|
mode="widthFix" style="width: 130rpx;height: 130rpx;"></image> |
|
</u-upload> |
|
</u-collapse-item> |
|
|
|
</u-collapse> |
|
<u-collapse> |
|
<u-collapse-item |
|
title="零食小吃" |
|
> |
|
<u--textarea v-model="value1" placeholder="请输入内容" ></u--textarea> |
|
<u-upload |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
> |
|
<image :src="staticImage.feedUpload" |
|
mode="widthFix" style="width: 130rpx;height: 130rpx;"></image> |
|
</u-upload> |
|
</u-collapse-item> |
|
|
|
</u-collapse> |
|
<u-collapse> |
|
<u-collapse-item |
|
title="喂药擦药" |
|
> |
|
<u--textarea v-model="value1" placeholder="请输入内容" ></u--textarea> |
|
<u-upload |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
> |
|
<image :src="staticImage.feedUpload" |
|
mode="widthFix" style="width: 130rpx;height: 130rpx;"></image> |
|
</u-upload> |
|
</u-collapse-item> |
|
|
|
</u-collapse> |
|
<u-collapse> |
|
<u-collapse-item |
|
title="需要注意" |
|
> |
|
<u--textarea v-model="value1" placeholder="请输入内容" ></u--textarea> |
|
<u-upload |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
> |
|
<image :src="staticImage.feedUpload" |
|
mode="widthFix" style="width: 130rpx;height: 130rpx;"></image> |
|
</u-upload> |
|
</u-collapse-item> |
|
|
|
</u-collapse> |
|
<u-collapse> |
|
<u-collapse-item |
|
title="用品位置" |
|
> |
|
<u--textarea v-model="value1" placeholder="请输入内容" ></u--textarea> |
|
<u-upload |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
> |
|
<image :src="staticImage.feedUpload" |
|
mode="widthFix" style="width: 130rpx;height: 130rpx;"></image> |
|
</u-upload> |
|
</u-collapse-item> |
|
|
|
</u-collapse> |
|
<u-collapse> |
|
<u-collapse-item |
|
title="外出路线" |
|
> |
|
<u--textarea v-model="value1" placeholder="请输入内容" ></u--textarea> |
|
<u-upload |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
> |
|
<image :src="staticImage.feedUpload" |
|
mode="widthFix" style="width: 130rpx;height: 130rpx;"></image> |
|
</u-upload> |
|
</u-collapse-item> |
|
|
|
</u-collapse> |
|
<u-collapse> |
|
<u-collapse-item |
|
title="其它事项" |
|
> |
|
<u--textarea v-model="value1" placeholder="请输入内容" ></u--textarea> |
|
<u-upload |
|
name="1" |
|
multiple |
|
:maxCount="10" |
|
> |
|
<image :src="staticImage.feedUpload" |
|
mode="widthFix" style="width: 130rpx;height: 130rpx;"></image> |
|
</u-upload> |
|
</u-collapse-item> |
|
|
|
</u-collapse> |
|
</view> |
|
<view class="feed-background"> |
|
<view class="feed-background-content"></view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
|
|
<view class="footer-menu row"> |
|
<view class="footer-button col-6"> |
|
<MzButton |
|
title="删除" |
|
button-color="#ffffff" |
|
font-color="##262626" |
|
button-width="250rpx" |
|
> |
|
</MzButton> |
|
</view> |
|
<view class="footer-button col-6"> |
|
<MzButton |
|
title="修改" |
|
button-color="#4DC3B8" |
|
font-color="#FFFFFF" |
|
button-width="250rpx" |
|
> |
|
</MzButton> |
|
</view> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
import { |
|
imghost |
|
} from '@/config/host.js' |
|
import HeaderNav from '@/components/HeaderNav/Index.vue'; |
|
import FooterNav from '@/components/FooterNav/Index.vue'; |
|
import RightNav from '@/components/RightNav/Index.vue'; |
|
import MzButton from '@/components/MzButton/Index.vue'; |
|
import api from '@/utils/functions.js'; |
|
import {feedLog} from "@/api/pet"; |
|
export default { |
|
components: { |
|
HeaderNav, |
|
FooterNav, |
|
RightNav, |
|
MzButton |
|
}, |
|
data() { |
|
return { |
|
title: 'Hello', |
|
loading: true, |
|
staticImage: { |
|
screenActiveImg: imghost + '/static/image/order-screen-active.png', |
|
orderCardBackground: imghost + '/static/image/order-card-background.png', |
|
wallpaperBgImage:imghost +'/static/image/background.png', |
|
petGun:imghost +'/static/image/pet_gun.png', |
|
feedGun:imghost +'/static/image/feed-gun.png', |
|
addPet:imghost +'/static/image/add-pet.png', |
|
banner:imghost +'/static/image/banner.png', |
|
feedUpload:imghost +'/static/image/feed-upload.png', |
|
detail:{}, |
|
}, |
|
} |
|
}, |
|
onLoad(options) { |
|
this.feedLog(options.pet_id) |
|
}, |
|
methods: { |
|
navTo(url){ |
|
uni.navigateTo({ |
|
url:url |
|
}) |
|
}, |
|
feedLog(pet_id){ |
|
feedLog(pet_id).then(data => { |
|
this.detail = data.data |
|
}) |
|
} |
|
}, |
|
onPageScroll(res) { |
|
if(res.scrollTop <= 20){ |
|
uni.$emit('isTop', true); |
|
}else{ |
|
uni.$emit('isTop', false); |
|
} |
|
}, |
|
created() { |
|
this.pagePadding = (api.navHeight().navPaddingTop + |
|
api.navHeight().navHeight + (api.navHeight().headerPadding * 2)) |
|
} |
|
} |
|
</script> |
|
|
|
<style lang="scss"> |
|
@import './components/index.scss'; |
|
</style> |