|
|
@ -37,36 +37,36 @@ |
|
|
</view> |
|
|
</view> |
|
|
<!-- 新增地址弹出层 --> |
|
|
<!-- 新增地址弹出层 --> |
|
|
<uni-popup ref="addBookPopup" background-color="#fff"> |
|
|
<uni-popup ref="addBookPopup" background-color="#fff"> |
|
|
<view class="book-popup-content" style="height: 800rpx;padding-top:40rpx;"> |
|
|
<view class="book-popup-content" :style="{'height':isComboxFocused?'1200px':'auto'}" style="padding-top:40rpx;"> |
|
|
<view style="height: 80rpx;line-height: 80rpx;font-size: 36rpx;font-weight: 700;text-align: center;"> |
|
|
<view style="height: 80rpx;line-height: 80rpx;font-size: 36rpx;font-weight: 700;text-align: center;"> |
|
|
{{addressForm.id ? '编辑地址' : '填写地址'}} |
|
|
{{addressForm.id ? '编辑地址' : '填写地址'}} |
|
|
</view> |
|
|
</view> |
|
|
<view style="margin-bottom: 20rpx;background: #fff;border-radius: 20rpx;"> |
|
|
<view style="margin-bottom: 20rpx;background: #eee;border-radius: 20rpx;"> |
|
|
<uni-combox :candidates="areaTitleList" placeholder="请搜索选择楼座区域" v-model="areaTitleInput" emptyTips="未找到匹配的楼座" @focus="isComboxFocused = true" @blur="isComboxFocused = false"></uni-combox> |
|
|
<uni-combox :candidates="areaTitleList" placeholder="请搜索选择楼座区域" :border="false" v-model="areaTitleInput" emptyTips="未找到匹配的楼座" @focus="isComboxFocused = true" @blur="isComboxFocused = false"></uni-combox> |
|
|
</view> |
|
|
</view> |
|
|
<view style="margin-bottom: 20rpx;display: flex;padding: 20rpx;background: #eee;border-radius: 20rpx;"> |
|
|
<view style="margin-bottom: 20rpx;display: flex;padding: 20rpx;background: #eee;border-radius: 20rpx;"> |
|
|
<input v-show="!isComboxFocused" type="number" v-model="addressForm.floor" placeholder="请填写所在楼层(仅限整数)" style="width: 100%;" /> |
|
|
<input :disabled="isComboxFocused" type="number" v-model="addressForm.floor" placeholder="请填写所在楼层(仅限整数)" style="width: 100%;" /> |
|
|
<view v-show="isComboxFocused" style="width: 100%; height: 42rpx; line-height: 42rpx;"> |
|
|
<view v-show="isComboxFocused" style="width: 100%; height: 42rpx; line-height: 42rpx;"> |
|
|
<text v-if="addressForm.floor">{{addressForm.floor}}</text> |
|
|
<text v-if="addressForm.floor">{{addressForm.floor}}</text> |
|
|
<text v-else style="color: grey;">请填写所在楼层(仅限整数)</text> |
|
|
<text v-else style="color: grey;">请填写所在楼层(仅限整数)</text> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view style="margin-bottom: 20rpx;display: flex;padding: 20rpx;background: #eee;border-radius: 20rpx;"> |
|
|
<view style="margin-bottom: 20rpx;display: flex;padding: 20rpx;background: #eee;border-radius: 20rpx;"> |
|
|
<input v-show="!isComboxFocused" type="text" v-model="addressForm.roomNum" placeholder="请填写门牌号或所在机构科室" style="width: 100%;" /> |
|
|
<input :disabled="isComboxFocused" type="text" v-model="addressForm.roomNum" placeholder="请填写门牌号或所在机构科室" style="width: 100%;" /> |
|
|
<view v-show="isComboxFocused" style="width: 100%; height: 42rpx; line-height: 42rpx;"> |
|
|
<view v-show="isComboxFocused" style="width: 100%; height: 42rpx; line-height: 42rpx;"> |
|
|
<text v-if="addressForm.roomNum">{{addressForm.roomNum}}</text> |
|
|
<text v-if="addressForm.roomNum">{{addressForm.roomNum}}</text> |
|
|
<text v-else style="color: grey;">请填写门牌号或所在机构科室</text> |
|
|
<text v-else style="color: grey;">请填写门牌号或所在机构科室</text> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view style="margin-bottom: 20rpx;display: flex;padding: 20rpx;background: #eee;border-radius: 20rpx;"> |
|
|
<view style="margin-bottom: 20rpx;display: flex;padding: 20rpx;background: #eee;border-radius: 20rpx;"> |
|
|
<input v-show="!isComboxFocused" type="text" v-model="addressForm.receiverName" placeholder="收货人名字" style="width: 100%;" /> |
|
|
<input :disabled="isComboxFocused" type="text" v-model="addressForm.receiverName" placeholder="收货人名字" style="width: 100%;" /> |
|
|
<view v-show="isComboxFocused" style="width: 100%; height: 42rpx; line-height: 42rpx;"> |
|
|
<view v-show="isComboxFocused" style="width: 100%; height: 42rpx; line-height: 42rpx;"> |
|
|
<text v-if="addressForm.receiverName">{{addressForm.receiverName}}</text> |
|
|
<text v-if="addressForm.receiverName">{{addressForm.receiverName}}</text> |
|
|
<text v-else style="color: grey;">收货人名字</text> |
|
|
<text v-else style="color: grey;">收货人名字</text> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view style="margin-bottom: 20rpx;display: flex;padding: 20rpx;background: #eee;border-radius: 20rpx;"> |
|
|
<view style="margin-bottom: 20rpx;display: flex;padding: 20rpx;background: #eee;border-radius: 20rpx;"> |
|
|
<input v-show="!isComboxFocused" type="number" maxlength="11" v-model="addressForm.receiverPhone" placeholder="联系电话" style="width: 100%;" /> |
|
|
<input :disabled="isComboxFocused" type="number" maxlength="11" v-model="addressForm.receiverPhone" placeholder="联系电话" style="width: 100%;" /> |
|
|
<view v-show="isComboxFocused" style="width: 100%; height: 42rpx; line-height: 42rpx;"> |
|
|
<view v-show="isComboxFocused" style="width: 100%; height: 42rpx; line-height: 42rpx;"> |
|
|
<text v-if="addressForm.receiverPhone">{{addressForm.receiverPhone}}</text> |
|
|
<text v-if="addressForm.receiverPhone">{{addressForm.receiverPhone}}</text> |
|
|
<text v-else style="color: grey;">联系电话</text> |
|
|
<text v-else style="color: grey;">联系电话</text> |
|
|
@ -235,7 +235,7 @@ |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style lang="scss"> |
|
|
<style lang="scss" scoped> |
|
|
.address-popup-box { |
|
|
.address-popup-box { |
|
|
height: 1200rpx; |
|
|
height: 1200rpx; |
|
|
} |
|
|
} |
|
|
@ -253,4 +253,15 @@ |
|
|
position: fixed; |
|
|
position: fixed; |
|
|
bottom: 20rpx; |
|
|
bottom: 20rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
.book-popup-content{ |
|
|
|
|
|
height: auto; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
</style> |
|
|
|
|
|
<style> |
|
|
|
|
|
.uni-combox{ |
|
|
|
|
|
border: 0 !important; |
|
|
|
|
|
padding: 10px 10px !important; |
|
|
|
|
|
background: #eee; |
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |
