|
|
@ -1,47 +1,54 @@ |
|
|
<template> |
|
|
<template> |
|
|
<view > |
|
|
|
|
|
|
|
|
<view> |
|
|
<view class="personal-pet-basic-info"> |
|
|
<view class="personal-pet-basic-info"> |
|
|
<view class="personal-pet-info-title border-bottom"> |
|
|
<view class="personal-pet-info-title border-bottom"> |
|
|
宠物基本信息 |
|
|
宠物基本信息 |
|
|
</view> |
|
|
</view> |
|
|
<u--form labelPosition="left" :model="model" ref="uForm"> |
|
|
<u--form labelPosition="left" :model="model" ref="uForm"> |
|
|
<u-form-item required label="昵称" :prop="`petBaseInfo.name`" labelWidth="80" borderBottom> |
|
|
|
|
|
<u--input v-model="petBaseInfo.name" placeholder="请输入宠物昵称" @change="nameChange" |
|
|
|
|
|
|
|
|
<u-form-item required label="昵称" :prop="`petBaseInfo.nickName`" labelWidth="80" borderBottom> |
|
|
|
|
|
<u--input v-model="petBaseInfo.nickName" placeholder="请输入宠物昵称" @change="nameChange" |
|
|
placeholderStyle="text-align:right;color:#AAA" border="none" inputAlign="right"></u--input> |
|
|
placeholderStyle="text-align:right;color:#AAA" border="none" inputAlign="right"></u--input> |
|
|
</u-form-item> |
|
|
</u-form-item> |
|
|
<u-form-item label="性别" :prop="`petBaseInfo.gender`" labelWidth="80" borderBottom |
|
|
|
|
|
@click="showSex = true"> |
|
|
|
|
|
<u--input v-model="petBaseInfo.gender" disabled disabledColor="#ffffff" placeholder="请选择" |
|
|
|
|
|
|
|
|
<u-form-item label="性别" :prop="`petBaseInfo.sex`" labelWidth="80" borderBottom @click="showSex = true"> |
|
|
|
|
|
<u--input v-model="petBaseInfo.sex" disabled disabledColor="#ffffff" placeholder="请选择" |
|
|
placeholderStyle="text-align:right;color:#AAA" border="none" inputAlign="right"></u--input> |
|
|
placeholderStyle="text-align:right;color:#AAA" border="none" inputAlign="right"></u--input> |
|
|
<u-icon slot="right" name="arrow-right" color="#AAA"></u-icon> |
|
|
<u-icon slot="right" name="arrow-right" color="#AAA"></u-icon> |
|
|
</u-form-item> |
|
|
</u-form-item> |
|
|
<u-form-item required label="品种" :prop="`petBaseInfo.breed`" labelWidth="80" borderBottom |
|
|
|
|
|
@click="breedSelectOpen"> |
|
|
|
|
|
<u--input v-model="petBaseInfo.breed" disabled disabledColor="#ffffff" placeholder="请选择" |
|
|
|
|
|
|
|
|
<!-- 后台获取品种数据 赶进度这里先注释 --> |
|
|
|
|
|
<!-- <u-form-item required label="品种" :prop="`petBaseInfo.breed`" labelWidth="80" borderBottom |
|
|
|
|
|
@click="breedSelectOpen"> --> |
|
|
|
|
|
<u-form-item required label="品种" :prop="`petBaseInfo.type`" labelWidth="80" borderBottom> |
|
|
|
|
|
<u--input v-model="petBaseInfo.type" disabledColor="#ffffff" placeholder="请输入" |
|
|
placeholderStyle="text-align:right;color:#AAA" border="none" inputAlign="right"></u--input> |
|
|
placeholderStyle="text-align:right;color:#AAA" border="none" inputAlign="right"></u--input> |
|
|
<u-icon slot="right" name="arrow-right" color="#AAA"></u-icon> |
|
|
<u-icon slot="right" name="arrow-right" color="#AAA"></u-icon> |
|
|
</u-form-item> |
|
|
</u-form-item> |
|
|
<u-form-item required label="体重" :prop="`petBaseInfo.bodyType`" labelWidth="80" borderBottom |
|
|
|
|
|
@click="showWeight = true" ref="item1"> |
|
|
|
|
|
<u--input v-model="petBaseInfo.bodyType" disabled disabledColor="#ffffff" placeholder="请选择" |
|
|
|
|
|
placeholderStyle="text-align:right;color:#AAA" border="none" inputAlign="right"></u--input> |
|
|
|
|
|
|
|
|
<!-- 赶进度,先注释 --> |
|
|
|
|
|
<!-- <u-form-item required label="体重" :prop="`petBaseInfo.weight`" labelWidth="80" borderBottom |
|
|
|
|
|
@click="showWeight = true" ref="item1"> --> |
|
|
|
|
|
<u-form-item required label="体重" :prop="`petBaseInfo.weight`" labelWidth="80" borderBottom ref="item1"> |
|
|
|
|
|
<u--input v-model="petBaseInfo.weight" disabledColor="#ffffff" placeholder="请输入(单位kg)" |
|
|
|
|
|
placeholderStyle="text-align:right;color:#AAA" border="none" inputAlign="right" type="number"></u--input> |
|
|
<u-icon slot="right" name="arrow-right" color="#AAA"></u-icon> |
|
|
<u-icon slot="right" name="arrow-right" color="#AAA"></u-icon> |
|
|
</u-form-item> |
|
|
</u-form-item> |
|
|
<u-form-item label="出生年月" :prop="`petBaseInfo.birthDate`" labelWidth="80" borderBottom |
|
|
|
|
|
|
|
|
<u-form-item label="出生年月" :prop="`petBaseInfo.birthday`" labelWidth="80" borderBottom |
|
|
@click="yearMonthOpen"> |
|
|
@click="yearMonthOpen"> |
|
|
<u--input v-model="petBaseInfo.birthDate" disabled disabledColor="#ffffff" placeholder="请选择" |
|
|
|
|
|
|
|
|
<u--input v-model="petBaseInfo.birthday" disabled disabledColor="#ffffff" placeholder="请选择" |
|
|
placeholderStyle="text-align:right;color:#AAA" border="none" inputAlign="right"></u--input> |
|
|
placeholderStyle="text-align:right;color:#AAA" border="none" inputAlign="right"></u--input> |
|
|
<u-icon slot="right" name="arrow-right" color="#AAA"></u-icon> |
|
|
<u-icon slot="right" name="arrow-right" color="#AAA"></u-icon> |
|
|
</u-form-item> |
|
|
</u-form-item> |
|
|
<u-form-item required label="性格" :prop="`petBaseInfo.personality`" labelWidth="80" borderBottom |
|
|
|
|
|
@click="dispositionSelectOpen"> |
|
|
|
|
|
<u--input v-model="petBaseInfo.personality" disabled disabledColor="#ffffff" placeholder="请选择" |
|
|
|
|
|
|
|
|
<!-- 后台获取性格选择数据 感进度这里先注释 --> |
|
|
|
|
|
<!-- <u-form-item required label="性格" :prop="`petBaseInfo.personality`" labelWidth="80" borderBottom |
|
|
|
|
|
@click="dispositionSelectOpen"> --> |
|
|
|
|
|
<u-form-item required label="性格" :prop="`petBaseInfo.personality`" labelWidth="80" borderBottom> |
|
|
|
|
|
<u--input v-model="petBaseInfo.personality" disabledColor="#ffffff" placeholder="请输入" |
|
|
placeholderStyle="text-align:right;color:#AAA" border="none" inputAlign="right"></u--input> |
|
|
placeholderStyle="text-align:right;color:#AAA" border="none" inputAlign="right"></u--input> |
|
|
<u-icon slot="right" name="arrow-right" color="#AAA"></u-icon> |
|
|
<u-icon slot="right" name="arrow-right" color="#AAA"></u-icon> |
|
|
</u-form-item> |
|
|
</u-form-item> |
|
|
</u--form> |
|
|
</u--form> |
|
|
</view> |
|
|
</view> |
|
|
<view style="background-color: #fffcf2;padding: 10px 20px;" v-show="showDisposition"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 后台获取性格选择数据 感进度这里先注释 --> |
|
|
|
|
|
<!-- <view style="background-color: #fffcf2;padding: 10px 20px;" v-show="showDisposition"> |
|
|
<view style="height: 85%;"> |
|
|
<view style="height: 85%;"> |
|
|
<u-checkbox-group v-model="petBaseInfo.personality" @change="checkboxChange" iconPlacement="left" |
|
|
<u-checkbox-group v-model="petBaseInfo.personality" @change="checkboxChange" iconPlacement="left" |
|
|
placement="row" style="flex-wrap: wrap;" activeColor="#ffbf60"> |
|
|
placement="row" style="flex-wrap: wrap;" activeColor="#ffbf60"> |
|
|
@ -50,15 +57,15 @@ |
|
|
</u-checkbox> |
|
|
</u-checkbox> |
|
|
</u-checkbox-group> |
|
|
</u-checkbox-group> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</view> --> |
|
|
|
|
|
|
|
|
<u-picker :show="showSex" :showToolbar='false' :columns="sexActions" @cancel="showSex = false" |
|
|
<u-picker :show="showSex" :showToolbar='false' :columns="sexActions" @cancel="showSex = false" |
|
|
:immediateChange="true" @change="sexSelect"></u-picker> |
|
|
:immediateChange="true" @change="sexSelect"></u-picker> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<u-picker :show="showWeight" :showToolbar='false' :columns="weightActions" @cancel="showWeight = false" |
|
|
<u-picker :show="showWeight" :showToolbar='false' :columns="weightActions" @cancel="showWeight = false" |
|
|
:immediateChange="true" @change="weightSelect"></u-picker> |
|
|
:immediateChange="true" @change="weightSelect"></u-picker> |
|
|
<u-overlay :show="showBreed"> |
|
|
<u-overlay :show="showBreed"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="breed-select" style="height: 60%;"> |
|
|
<view class="breed-select" style="height: 60%;"> |
|
|
<u-search shape="round" :show-action="false" v-model="searchValue" @change="searchBreed"></u-search> |
|
|
<u-search shape="round" :show-action="false" v-model="searchValue" @change="searchBreed"></u-search> |
|
|
<view style="padding: 10px;height: 80%;overflow: auto;"> |
|
|
<view style="padding: 10px;height: 80%;overflow: auto;"> |
|
|
@ -106,11 +113,11 @@ |
|
|
petBaseInfo: { |
|
|
petBaseInfo: { |
|
|
type: Object, |
|
|
type: Object, |
|
|
default: () => ({ |
|
|
default: () => ({ |
|
|
name: '', |
|
|
|
|
|
gender: '', |
|
|
|
|
|
breed: '', |
|
|
|
|
|
bodyType: '', |
|
|
|
|
|
birthDate: '', |
|
|
|
|
|
|
|
|
nickName: '', |
|
|
|
|
|
sex: '', |
|
|
|
|
|
type: '', |
|
|
|
|
|
weight: '', |
|
|
|
|
|
birthday: '', |
|
|
personality: '' |
|
|
personality: '' |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
@ -147,13 +154,13 @@ |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
const sexSelect = (e) => { |
|
|
const sexSelect = (e) => { |
|
|
props.petBaseInfo.gender = e.value[0]; |
|
|
|
|
|
|
|
|
props.petBaseInfo.sex = e.index; |
|
|
showSex.value = false; |
|
|
showSex.value = false; |
|
|
updatePetBaseInfo(); |
|
|
updatePetBaseInfo(); |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
const weightSelect = (e) => { |
|
|
const weightSelect = (e) => { |
|
|
props.petBaseInfo.bodyType = e.value[0]; |
|
|
|
|
|
|
|
|
props.petBaseInfo.weight = e.value[0]; |
|
|
showWeight.value = false; |
|
|
showWeight.value = false; |
|
|
updatePetBaseInfo(); |
|
|
updatePetBaseInfo(); |
|
|
}; |
|
|
}; |
|
|
@ -179,14 +186,14 @@ |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
const breedSelectConfirm = () => { |
|
|
const breedSelectConfirm = () => { |
|
|
props.petBaseInfo.breed = tempBreed.value; |
|
|
|
|
|
|
|
|
props.petBaseInfo.type = tempBreed.value; |
|
|
showBreed.value = false; |
|
|
showBreed.value = false; |
|
|
updatePetBaseInfo(); |
|
|
updatePetBaseInfo(); |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
const yearMonthOpen = () => { |
|
|
const yearMonthOpen = () => { |
|
|
if (props.petBaseInfo.birthDate) { |
|
|
|
|
|
tempBirthday.value = Number(new Date(props.petBaseInfo.birthDate)); |
|
|
|
|
|
|
|
|
if (props.petBaseInfo.birthday) { |
|
|
|
|
|
tempBirthday.value = Number(new Date(props.petBaseInfo.birthday)); |
|
|
} else { |
|
|
} else { |
|
|
tempBirthday.value = Number(new Date()); |
|
|
tempBirthday.value = Number(new Date()); |
|
|
} |
|
|
} |
|
|
@ -199,7 +206,7 @@ |
|
|
|
|
|
|
|
|
const yearMonthConfirm = (e) => { |
|
|
const yearMonthConfirm = (e) => { |
|
|
const timeFormat = uni.$u.timeFormat; |
|
|
const timeFormat = uni.$u.timeFormat; |
|
|
props.petBaseInfo.birthDate = timeFormat(e.value, 'yyyy-mm'); |
|
|
|
|
|
|
|
|
props.petBaseInfo.birthday = timeFormat(e.value, 'yyyy-mm-dd hh:MM:ss'); |
|
|
showBirthday.value = false; |
|
|
showBirthday.value = false; |
|
|
updatePetBaseInfo(); |
|
|
updatePetBaseInfo(); |
|
|
}; |
|
|
}; |
|
|
|