|
|
|
|
@ -13,19 +13,19 @@
|
|
|
|
|
<view class="top-content row"> |
|
|
|
|
<view class="content-item col-6 row"> |
|
|
|
|
<view class="item-title">爱称：</view> |
|
|
|
|
<view class="item-content">{{detail.name}}</view> |
|
|
|
|
<view class="item-content">{{ detail.name }}</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="content-item col-6 row"> |
|
|
|
|
<view class="item-title">性别：</view> |
|
|
|
|
<view class="item-content">{{detail.sex}}</view> |
|
|
|
|
<view class="item-content">{{ detail.sex }}</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="content-item col-6 row"> |
|
|
|
|
<view class="item-title">体重：</view> |
|
|
|
|
<view class="item-content">{{detail.weight}}kg</view> |
|
|
|
|
<view class="item-content">{{ detail.weight }}kg</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="content-item col-6 row"> |
|
|
|
|
<view class="item-title">种类：</view> |
|
|
|
|
<view class="item-content">{{detail.type_name}}</view> |
|
|
|
|
<view class="item-content">{{ detail.type_name }}</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
@ -37,7 +37,7 @@
|
|
|
|
|
<view class="feed-bottom"> |
|
|
|
|
<view class="feed-container"> |
|
|
|
|
<view class="feed-gun"> |
|
|
|
|
<image class="img" mode="heightFix" :src="staticImage.feedGun" /> |
|
|
|
|
<image class="img" mode="heightFix" :src="staticImage.feedGun"/> |
|
|
|
|
</view> |
|
|
|
|
<view class="feed-content"> |
|
|
|
|
<u-collapse :value="collapseValue"> |
|
|
|
|
@ -45,8 +45,10 @@
|
|
|
|
|
name="collapse" |
|
|
|
|
title="水碗饭碗" |
|
|
|
|
> |
|
|
|
|
<u-textarea border="none" :disabled="(type !== 'create')" v-model="detail.feedlist.meal" placeholder="请输入内容" ></u-textarea> |
|
|
|
|
<u-textarea border="none" :disabled="(type !== 'create')" v-model="detail.feedlist.meal" |
|
|
|
|
placeholder="请输入内容"></u-textarea> |
|
|
|
|
<uv-upload |
|
|
|
|
custom-style="margin-top:10rpx;" |
|
|
|
|
width="160rpx" |
|
|
|
|
height="160rpx" |
|
|
|
|
accept="media" |
|
|
|
|
@ -70,8 +72,10 @@
|
|
|
|
|
name="collapse" |
|
|
|
|
title="主食情况" |
|
|
|
|
> |
|
|
|
|
<u-textarea border="none" :disabled="(type !== 'create')" v-model="detail.feedlist.food" placeholder="请输入内容" ></u-textarea> |
|
|
|
|
<u-textarea border="none" :disabled="(type !== 'create')" v-model="detail.feedlist.food" |
|
|
|
|
placeholder="请输入内容"></u-textarea> |
|
|
|
|
<uv-upload |
|
|
|
|
custom-style="margin-top:10rpx;" |
|
|
|
|
width="160rpx" |
|
|
|
|
height="160rpx" |
|
|
|
|
accept="media" |
|
|
|
|
@ -95,8 +99,10 @@
|
|
|
|
|
name="collapse" |
|
|
|
|
title="零食小吃" |
|
|
|
|
> |
|
|
|
|
<u-textarea border="none" :disabled="(type !== 'create')" v-model="detail.feedlist.snack" placeholder="请输入内容" ></u-textarea> |
|
|
|
|
<u-textarea border="none" :disabled="(type !== 'create')" v-model="detail.feedlist.snack" |
|
|
|
|
placeholder="请输入内容"></u-textarea> |
|
|
|
|
<uv-upload |
|
|
|
|
custom-style="margin-top:10rpx;" |
|
|
|
|
width="160rpx" |
|
|
|
|
height="160rpx" |
|
|
|
|
accept="media" |
|
|
|
|
@ -120,8 +126,10 @@
|
|
|
|
|
name="collapse" |
|
|
|
|
title="喂药擦药" |
|
|
|
|
> |
|
|
|
|
<u-textarea border="none" :disabled="(type !== 'create')" v-model="detail.feedlist.drug" placeholder="请输入内容" ></u-textarea> |
|
|
|
|
<u-textarea border="none" :disabled="(type !== 'create')" v-model="detail.feedlist.drug" |
|
|
|
|
placeholder="请输入内容"></u-textarea> |
|
|
|
|
<uv-upload |
|
|
|
|
custom-style="margin-top:10rpx;" |
|
|
|
|
width="160rpx" |
|
|
|
|
height="160rpx" |
|
|
|
|
accept="media" |
|
|
|
|
@ -145,8 +153,10 @@
|
|
|
|
|
name="collapse" |
|
|
|
|
title="需要注意" |
|
|
|
|
> |
|
|
|
|
<u-textarea border="none" :disabled="(type !== 'create')" v-model="detail.feedlist.note" placeholder="请输入内容" ></u-textarea> |
|
|
|
|
<u-textarea border="none" :disabled="(type !== 'create')" v-model="detail.feedlist.note" |
|
|
|
|
placeholder="请输入内容"></u-textarea> |
|
|
|
|
<uv-upload |
|
|
|
|
custom-style="margin-top:10rpx;" |
|
|
|
|
width="160rpx" |
|
|
|
|
height="160rpx" |
|
|
|
|
accept="media" |
|
|
|
|
@ -170,8 +180,10 @@
|
|
|
|
|
name="collapse" |
|
|
|
|
title="用品位置" |
|
|
|
|
> |
|
|
|
|
<u-textarea border="none" :disabled="(type !== 'create')" v-model="detail.feedlist.goods" placeholder="请输入内容" ></u-textarea> |
|
|
|
|
<u-textarea border="none" :disabled="(type !== 'create')" v-model="detail.feedlist.goods" |
|
|
|
|
placeholder="请输入内容"></u-textarea> |
|
|
|
|
<uv-upload |
|
|
|
|
custom-style="margin-top:10rpx;" |
|
|
|
|
width="160rpx" |
|
|
|
|
height="160rpx" |
|
|
|
|
accept="media" |
|
|
|
|
@ -195,8 +207,10 @@
|
|
|
|
|
name="collapse" |
|
|
|
|
title="外出路线" |
|
|
|
|
> |
|
|
|
|
<u-textarea border="none" :disabled="(type !== 'create')" v-model="detail.feedlist.line" placeholder="请输入内容" ></u-textarea> |
|
|
|
|
<u-textarea border="none" :disabled="(type !== 'create')" v-model="detail.feedlist.line" |
|
|
|
|
placeholder="请输入内容"></u-textarea> |
|
|
|
|
<uv-upload |
|
|
|
|
custom-style="margin-top:10rpx;" |
|
|
|
|
width="160rpx" |
|
|
|
|
height="160rpx" |
|
|
|
|
accept="media" |
|
|
|
|
@ -220,8 +234,10 @@
|
|
|
|
|
name="collapse" |
|
|
|
|
title="其它事项" |
|
|
|
|
> |
|
|
|
|
<u-textarea border="none" :disabled="(type !== 'create')" v-model="detail.feedlist.other" placeholder="请输入内容" ></u-textarea> |
|
|
|
|
<u-textarea border="none" :disabled="(type !== 'create')" v-model="detail.feedlist.other" |
|
|
|
|
placeholder="请输入内容"></u-textarea> |
|
|
|
|
<uv-upload |
|
|
|
|
custom-style="margin-top:10rpx;" |
|
|
|
|
width="160rpx" |
|
|
|
|
height="160rpx" |
|
|
|
|
accept="media" |
|
|
|
|
@ -297,106 +313,107 @@ import {
|
|
|
|
|
import MzButton from '@/components/MzButton/Index.vue'; |
|
|
|
|
import api from '@/utils/functions.js'; |
|
|
|
|
import {editFeed, feedLog} from "@/api/pet"; |
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
|
components: { |
|
|
|
|
MzButton |
|
|
|
|
}, |
|
|
|
|
props:{ |
|
|
|
|
pet_id:{ |
|
|
|
|
type:Number, |
|
|
|
|
default:0, |
|
|
|
|
props: { |
|
|
|
|
pet_id: { |
|
|
|
|
type: Number, |
|
|
|
|
default: 0, |
|
|
|
|
}, |
|
|
|
|
type:{ |
|
|
|
|
type:String, |
|
|
|
|
type: { |
|
|
|
|
type: String, |
|
|
|
|
default: 'detail', |
|
|
|
|
}, |
|
|
|
|
show_button:{ |
|
|
|
|
type:Boolean, |
|
|
|
|
show_button: { |
|
|
|
|
type: Boolean, |
|
|
|
|
default: true, |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
collapseValue:[], |
|
|
|
|
imageShow:false, |
|
|
|
|
imageUrl:'', |
|
|
|
|
collapseValue: [], |
|
|
|
|
imageShow: false, |
|
|
|
|
imageUrl: '', |
|
|
|
|
title: 'Hello', |
|
|
|
|
loading: true, |
|
|
|
|
staticImage: { |
|
|
|
|
screenActiveImg: imghost + '/order-screen-active.png', |
|
|
|
|
orderCardBackground: imghost + '/order-card-background.png', |
|
|
|
|
wallpaperBgImage:imghost +'/background.png', |
|
|
|
|
petGun:imghost +'/pet_gun.png', |
|
|
|
|
feedGun:imghost +'/feed-gun.png', |
|
|
|
|
addPet:imghost +'/add-pet.png', |
|
|
|
|
banner:imghost +'/banner.png', |
|
|
|
|
feedUpload:imghost +'/feed-upload.png', |
|
|
|
|
wallpaperBgImage: imghost + '/background.png', |
|
|
|
|
petGun: imghost + '/pet_gun.png', |
|
|
|
|
feedGun: imghost + '/feed-gun.png', |
|
|
|
|
addPet: imghost + '/add-pet.png', |
|
|
|
|
banner: imghost + '/banner.png', |
|
|
|
|
feedUpload: imghost + '/feed-upload.png', |
|
|
|
|
}, |
|
|
|
|
// pet_id:0, |
|
|
|
|
detail:{ |
|
|
|
|
name:'', |
|
|
|
|
sex:'', |
|
|
|
|
weight:'', |
|
|
|
|
type_name:'', |
|
|
|
|
avatar:'', |
|
|
|
|
feedlist:{ |
|
|
|
|
meal:'', |
|
|
|
|
meal_imgs:[], |
|
|
|
|
food:'', |
|
|
|
|
food_imgs:[], |
|
|
|
|
snack:'', |
|
|
|
|
snack_imgs:[], |
|
|
|
|
drug:'', |
|
|
|
|
drug_imgs:[], |
|
|
|
|
goods:'', |
|
|
|
|
goods_imgs:[], |
|
|
|
|
line:'', |
|
|
|
|
line_imgs:[], |
|
|
|
|
note:'', |
|
|
|
|
note_imgs:[], |
|
|
|
|
other:'', |
|
|
|
|
other_imgs:[], |
|
|
|
|
detail: { |
|
|
|
|
name: '', |
|
|
|
|
sex: '', |
|
|
|
|
weight: '', |
|
|
|
|
type_name: '', |
|
|
|
|
avatar: '', |
|
|
|
|
feedlist: { |
|
|
|
|
meal: '', |
|
|
|
|
meal_imgs: [], |
|
|
|
|
food: '', |
|
|
|
|
food_imgs: [], |
|
|
|
|
snack: '', |
|
|
|
|
snack_imgs: [], |
|
|
|
|
drug: '', |
|
|
|
|
drug_imgs: [], |
|
|
|
|
goods: '', |
|
|
|
|
goods_imgs: [], |
|
|
|
|
line: '', |
|
|
|
|
line_imgs: [], |
|
|
|
|
note: '', |
|
|
|
|
note_imgs: [], |
|
|
|
|
other: '', |
|
|
|
|
other_imgs: [], |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
images:{ |
|
|
|
|
meal_imgs:[], |
|
|
|
|
food_imgs:[], |
|
|
|
|
snack_imgs:[], |
|
|
|
|
drug_imgs:[], |
|
|
|
|
goods_imgs:[], |
|
|
|
|
line_imgs:[], |
|
|
|
|
note_imgs:[], |
|
|
|
|
other_imgs:[], |
|
|
|
|
images: { |
|
|
|
|
meal_imgs: [], |
|
|
|
|
food_imgs: [], |
|
|
|
|
snack_imgs: [], |
|
|
|
|
drug_imgs: [], |
|
|
|
|
goods_imgs: [], |
|
|
|
|
line_imgs: [], |
|
|
|
|
note_imgs: [], |
|
|
|
|
other_imgs: [], |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
showImage(url){ |
|
|
|
|
showImage(url) { |
|
|
|
|
this.imageUrl = url; |
|
|
|
|
this.imageShow = true; |
|
|
|
|
}, |
|
|
|
|
redirtTo(url){ |
|
|
|
|
redirtTo(url) { |
|
|
|
|
uni.redirectTo({ |
|
|
|
|
url:url |
|
|
|
|
url: url |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
uploadSubmit(data,fileName = ''){ |
|
|
|
|
uploadSubmit(data, fileName = '') { |
|
|
|
|
this.detail.feedlist[fileName] = data.map(item => { |
|
|
|
|
return {url:item.url,type:item.type}; |
|
|
|
|
return {url: item.url, type: item.type, thumb:(item.thumb || item.url)}; |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
uploadShow(data,fileName = ''){ |
|
|
|
|
uploadShow(data, fileName = '') { |
|
|
|
|
let result = []; |
|
|
|
|
try{ |
|
|
|
|
try { |
|
|
|
|
data.forEach(item => { |
|
|
|
|
result.push({url:item.url,type:item.type}) |
|
|
|
|
result.push({url: item.url, type: item.type,thumb:(item.thumb || item.url)}) |
|
|
|
|
}) |
|
|
|
|
}catch (e){ |
|
|
|
|
} catch (e) { |
|
|
|
|
this.images[fileName] = []; |
|
|
|
|
} |
|
|
|
|
this.images[fileName] = result; |
|
|
|
|
}, |
|
|
|
|
uploadPut(event,fileName = ''){ |
|
|
|
|
async uploadPut(event, fileName = '') { |
|
|
|
|
let lists = [].concat(event.file); |
|
|
|
|
let fileListLen = this.images[fileName].length; |
|
|
|
|
lists.map((item) => { |
|
|
|
|
@ -407,27 +424,29 @@ export default {
|
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
for (let i = 0; i < lists.length; i++) { |
|
|
|
|
const fileType = api.getFileType(lists[i].url); |
|
|
|
|
let thumb; |
|
|
|
|
const file = await api.uploadOssFile(lists[i].url); |
|
|
|
|
if (fileType === 'video') thumb = await api.uploadOssFile(lists[i].thumb); |
|
|
|
|
let item = this.images[fileName][fileListLen]; |
|
|
|
|
|
|
|
|
|
api.uploadOssFile(lists[i].url).then(res => { |
|
|
|
|
let item = this.images[fileName][fileListLen]; |
|
|
|
|
this.images[fileName].splice(fileListLen, 1, { |
|
|
|
|
...item, |
|
|
|
|
status: 'success', |
|
|
|
|
message: '', |
|
|
|
|
url: res.show_path, |
|
|
|
|
thumb: res.show_path, |
|
|
|
|
type:api.getFileType(res.show_path) |
|
|
|
|
}); |
|
|
|
|
fileListLen++; |
|
|
|
|
}) |
|
|
|
|
this.images[fileName].splice(fileListLen, 1, { |
|
|
|
|
...item, |
|
|
|
|
status: 'success', |
|
|
|
|
message: '', |
|
|
|
|
url: file.show_path, |
|
|
|
|
thumb: thumb?.show_path ? thumb.show_path : file.show_path, |
|
|
|
|
type: fileType |
|
|
|
|
}); |
|
|
|
|
fileListLen++; |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
uploadDel(fileIndex,fileName = ''){ |
|
|
|
|
this.images[fileName].splice(fileIndex.index,1); |
|
|
|
|
uploadDel(fileIndex, fileName = '') { |
|
|
|
|
this.images[fileName].splice(fileIndex.index, 1); |
|
|
|
|
}, |
|
|
|
|
navTo(url){ |
|
|
|
|
navTo(url) { |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url:url |
|
|
|
|
url: url |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
getFeedLog(pet_id) { |
|
|
|
|
@ -435,7 +454,7 @@ export default {
|
|
|
|
|
feedLog(pet_id).then(data => { |
|
|
|
|
let feedlist = this.detail.feedlist; |
|
|
|
|
this.detail = data.data; |
|
|
|
|
if(data.data.feedlist.length===0){ |
|
|
|
|
if (data.data.feedlist.length === 0) { |
|
|
|
|
this.detail.feedlist = feedlist; |
|
|
|
|
} |
|
|
|
|
this.detail = data.data; |
|
|
|
|
@ -450,17 +469,17 @@ export default {
|
|
|
|
|
'note_imgs', |
|
|
|
|
'other_imgs' |
|
|
|
|
]; |
|
|
|
|
images.forEach((item,index) => { |
|
|
|
|
that.uploadShow(data.data.feedlist[item],item); |
|
|
|
|
images.forEach((item, index) => { |
|
|
|
|
that.uploadShow(data.data.feedlist[item], item); |
|
|
|
|
}); |
|
|
|
|
this.collapseValue = ['collapse']; |
|
|
|
|
// } |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
submit(){ |
|
|
|
|
submit() { |
|
|
|
|
let that = this; |
|
|
|
|
let data = [ |
|
|
|
|
let data = [ |
|
|
|
|
'meal_imgs', |
|
|
|
|
'food_imgs', |
|
|
|
|
'snack_imgs', |
|
|
|
|
@ -470,15 +489,15 @@ export default {
|
|
|
|
|
'note_imgs', |
|
|
|
|
'other_imgs' |
|
|
|
|
]; |
|
|
|
|
new Promise((resolve,reject)=>{ |
|
|
|
|
data.forEach((item,index) => { |
|
|
|
|
that.uploadSubmit(this.images[item],item); |
|
|
|
|
if(index === data.length-1){ |
|
|
|
|
new Promise((resolve, reject) => { |
|
|
|
|
data.forEach((item, index) => { |
|
|
|
|
that.uploadSubmit(this.images[item], item); |
|
|
|
|
if (index === data.length - 1) { |
|
|
|
|
resolve() |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}).then(res => { |
|
|
|
|
console.log('this.detail.feedlist',this.detail.feedlist) |
|
|
|
|
console.log('this.detail.feedlist', this.detail.feedlist) |
|
|
|
|
this.detail.feedlist.pet_id = this.pet_id |
|
|
|
|
editFeed(this.detail.feedlist).then(res => { |
|
|
|
|
console.log(res) |
|
|
|
|
@ -492,9 +511,9 @@ export default {
|
|
|
|
|
mounted() { |
|
|
|
|
this.getFeedLog(this.pet_id); |
|
|
|
|
}, |
|
|
|
|
watch:{ |
|
|
|
|
pet_id(newValue){ |
|
|
|
|
if(this.type === 'detail'){ |
|
|
|
|
watch: { |
|
|
|
|
pet_id(newValue) { |
|
|
|
|
if (this.type === 'detail') { |
|
|
|
|
this.getFeedLog(newValue); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
