|
|
@ -24,27 +24,7 @@ |
|
|
|
</button> |
|
|
|
</view> |
|
|
|
<view class="form"> |
|
|
|
<view class="form-item flex-rowb"> |
|
|
|
<view class="size-28">昵称</view> |
|
|
|
<view class="flex-rowr"> |
|
|
|
<input type="text" placeholder="请输入" v-model="form.nickname" class="input-right" /> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="form-item flex-rowb"> |
|
|
|
<view class="size-28">手机号</view> |
|
|
|
<view class="flex-rowr"> |
|
|
|
<text>{{baseInfo.info.userTelephone || ''}}</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="form-item flex-rowb"> |
|
|
|
<view class="size-28">性别</view> |
|
|
|
<view class="flex-rowr" @click="openGenderSelect"> |
|
|
|
<text>{{form.gender || '请选择'}}</text> |
|
|
|
<up-icon name="arrow-right" color="#999999" size="32rpx"></up-icon> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
@ -54,28 +34,6 @@ |
|
|
|
<text class="size-22 color-ffb fw700">(重要)</text> |
|
|
|
</view> |
|
|
|
<view class="form"> |
|
|
|
<view class="form-item flex-rowb"> |
|
|
|
<view class="size-28">个人简介</view> |
|
|
|
<view class="flex-rowr"> |
|
|
|
<textarea v-model="form.introduction" placeholder="请输入" class="textarea-full" maxlength="200"></textarea> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="form-item flex-rowb"> |
|
|
|
<view class="size-28">养宠经验</view> |
|
|
|
<view class="flex-rowr"> |
|
|
|
<input type="number" v-model="form.petExperience" placeholder="请输入您的养宠年限" class="input-right" /> |
|
|
|
<text class="ml10">年</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="form-item flex-rowb"> |
|
|
|
<view class="size-28">服务记录</view> |
|
|
|
<view class="flex-rowr" @click="jumpToServeRecord"> |
|
|
|
<text>{{ `${serviceCount}条` }}</text> |
|
|
|
<up-icon name="arrow-right" color="#999999" size="32rpx"></up-icon> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
@ -84,28 +42,6 @@ |
|
|
|
服务资料 |
|
|
|
</view> |
|
|
|
<view class="form"> |
|
|
|
<view class="form-item flex-rowb"> |
|
|
|
<view class="size-28">服务宠物类型</view> |
|
|
|
<view class="flex-rowr" @click="openTypeSelectPopup"> |
|
|
|
<text>{{ typeDesc }}</text> |
|
|
|
<up-icon name="arrow-right" color="#999999" size="32rpx"></up-icon> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="form-item flex-rowb"> |
|
|
|
<view class="size-28">基础服务</view> |
|
|
|
<view class="flex-rowr"> |
|
|
|
<text>宠物喂养 上门遛狗</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="form-item flex-rowb"> |
|
|
|
<view class="size-28">增值服务</view> |
|
|
|
<view class="flex-rowr" @click="openServeSelectPopup"> |
|
|
|
<text>{{ serveDesc }}</text> |
|
|
|
<up-icon name="arrow-right" color="#999999" size="32rpx"></up-icon> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
@ -152,10 +88,6 @@ |
|
|
|
|
|
|
|
const form = reactive({ |
|
|
|
headImage: null, |
|
|
|
nickname: '', |
|
|
|
gender: '', |
|
|
|
introduction: '', |
|
|
|
petExperience: '', |
|
|
|
type: [], |
|
|
|
serve: [], |
|
|
|
}) |
|
|
@ -236,42 +168,7 @@ |
|
|
|
}) |
|
|
|
} |
|
|
|
|
|
|
|
const genderOptions = [ |
|
|
|
{ text: '男', value: '男' }, |
|
|
|
{ text: '女', value: '女' } |
|
|
|
] |
|
|
|
|
|
|
|
const openGenderSelect = () => { |
|
|
|
uni.showActionSheet({ |
|
|
|
itemList: genderOptions.map(item => item.text), |
|
|
|
success: function (res) { |
|
|
|
form.gender = genderOptions[res.tapIndex].value |
|
|
|
fetchUpdate() |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
|
|
|
|
const fetchUpdate = () => { |
|
|
|
// 这里可以添加更新数据的逻辑 |
|
|
|
console.log('更新数据', form) |
|
|
|
} |
|
|
|
|
|
|
|
function submit(){ |
|
|
|
// 表单验证 |
|
|
|
if (!form.nickname) { |
|
|
|
uni.showToast({ |
|
|
|
title: '请输入昵称', |
|
|
|
icon: 'none' |
|
|
|
}) |
|
|
|
return |
|
|
|
} |
|
|
|
|
|
|
|
// 提交表单数据 |
|
|
|
console.log('提交表单数据', form) |
|
|
|
uni.showToast({ |
|
|
|
title: '保存成功', |
|
|
|
icon: 'success' |
|
|
|
}) |
|
|
|
} |
|
|
|
|
|
|
|
onShow(() => { |
|
|
@ -283,11 +180,8 @@ |
|
|
|
|
|
|
|
onMounted(()=> { |
|
|
|
// todo: fetch data and init data |
|
|
|
// 初始化表单数据 |
|
|
|
if (baseInfo.value && baseInfo.value.info) { |
|
|
|
form.nickname = baseInfo.value.info.userName || '' |
|
|
|
form.gender = baseInfo.value.info.gender || '' |
|
|
|
} |
|
|
|
|
|
|
|
serveInfoRef.value.setDataByKey('base', configList.value.pet_basic_services.paramValueText) |
|
|
|
}) |
|
|
|
|
|
|
|
</script> |
|
|
@ -308,26 +202,9 @@ |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
|
|
|
|
.flex-rowb { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
padding: 20rpx 0; |
|
|
|
} |
|
|
|
|
|
|
|
.ml10 { |
|
|
|
margin-left: 10rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.input-right { |
|
|
|
text-align: right; |
|
|
|
} |
|
|
|
|
|
|
|
.textarea-full { |
|
|
|
width: 100%; |
|
|
|
min-height: 120rpx; |
|
|
|
text-align: right; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.page { |
|
|
|