|
|
@@ -1,79 +1,81 @@
|
|
|
<template>
|
|
|
<uni-popup ref="popup" type="bottom">
|
|
|
- <view class="container">
|
|
|
+ <view class="Address_container">
|
|
|
<div class="tit clearfix">
|
|
|
<text class="cancel" v-if="isadd" @click="isadd = false">取消</text>
|
|
|
<text class="close" @click="close">关闭</text>
|
|
|
</div>
|
|
|
- <form @submit="formSubmit" v-if="isadd">
|
|
|
- <view class='addAddress'>
|
|
|
- <view class="pad30">
|
|
|
- <view class='default acea-row row-middle borderRadius15'>
|
|
|
- <uni-easyinput type="textarea" v-model="addressValue" placeholder="粘贴地址信息,自动拆分姓名、电话和地址" @blur="identify()" placeholder-class='placeholder' />
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="pad30 mt-22">
|
|
|
- <view class='list borderRadius15'>
|
|
|
- <view class='item acea-row row-between-wrapper'>
|
|
|
- <view class='name'>姓名</view>
|
|
|
- <input type='text' placeholder='请输入姓名' name='real_name' v-model="userAddress.real_name" placeholder-class='placeholder' />
|
|
|
+ <div class="s_con">
|
|
|
+ <form @submit="formSubmit" v-if="isadd">
|
|
|
+ <view class='addAddress'>
|
|
|
+ <view class="pad30">
|
|
|
+ <view class='default acea-row row-middle borderRadius15'>
|
|
|
+ <uni-easyinput type="textarea" v-model="addressValue" placeholder="粘贴地址信息,自动拆分姓名、电话和地址" @blur="identify()" placeholder-class='placeholder' />
|
|
|
</view>
|
|
|
- <view class='item acea-row row-between-wrapper'>
|
|
|
- <view class='name'>联系电话</view>
|
|
|
- <input type='number' placeholder='请输入联系电话' name="phone" v-model='userAddress.phone' placeholder-class='placeholder' pattern="\d*" />
|
|
|
- </view>
|
|
|
- <view class='item acea-row row-between-wrapper'>
|
|
|
- <view class='name'>所在地区</view>
|
|
|
- <view class="address acea-row row-between">
|
|
|
- <input type='text' placeholder='请填写具体地址' name='region' placeholder-class='placeholder' v-model='userAddress.region' class="detail" />
|
|
|
+ </view>
|
|
|
+ <view class="pad30 mt-22">
|
|
|
+ <view class='list borderRadius15'>
|
|
|
+ <view class='item acea-row row-between-wrapper'>
|
|
|
+ <view class='name'>姓名</view>
|
|
|
+ <input type='text' placeholder='请输入姓名' name='real_name' v-model="userAddress.real_name" placeholder-class='placeholder' />
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class='item acea-row row-between-wrapper'>
|
|
|
- <view class='name'>详细地址</view>
|
|
|
- <view class="address">
|
|
|
- <input type='text' placeholder='请填写具体地址' name='detail' placeholder-class='placeholder' v-model='userAddress.detail' class="detail" />
|
|
|
+ <view class='item acea-row row-between-wrapper'>
|
|
|
+ <view class='name'>联系电话</view>
|
|
|
+ <input type='number' placeholder='请输入联系电话' name="phone" v-model='userAddress.phone' placeholder-class='placeholder' pattern="\d*" />
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class='item acea-row row-between-wrapper'>
|
|
|
- <view class='name'>详细地址</view>
|
|
|
- <view class="address">
|
|
|
- <uni-data-checkbox v-model="is_default" :localdata="range"></uni-data-checkbox>
|
|
|
+ <view class='item acea-row row-between-wrapper'>
|
|
|
+ <view class='name'>所在地区</view>
|
|
|
+ <view class="address acea-row row-between">
|
|
|
+ <input type='text' placeholder='请填写具体地址' name='region' placeholder-class='placeholder' v-model='userAddress.region' class="detail" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class='item acea-row row-between-wrapper'>
|
|
|
+ <view class='name'>详细地址</view>
|
|
|
+ <view class="address">
|
|
|
+ <input type='text' placeholder='请填写具体地址' name='detail' placeholder-class='placeholder' v-model='userAddress.detail' class="detail" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class='item acea-row row-between-wrapper'>
|
|
|
+ <view class='name'>详细地址</view>
|
|
|
+ <view class="address">
|
|
|
+ <uni-data-checkbox v-model="is_default" :localdata="range"></uni-data-checkbox>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <button class='keepBnt bg-color' form-type="submit">立即保存</button>
|
|
|
</view>
|
|
|
- <button class='keepBnt bg-color' form-type="submit">立即保存</button>
|
|
|
- </view>
|
|
|
- </form>
|
|
|
- <div class="editaddress" v-else>
|
|
|
- <view class="addbar" @click="onadd">
|
|
|
- <text class="iconfont sp"></text>
|
|
|
- <text class="sp">添加地址</text>
|
|
|
- </view>
|
|
|
- <uni-swipe-action class="swipeAction">
|
|
|
- <uni-swipe-action-item class="swipeAction_item" v-for="(i,s) in addressList" :key="s">
|
|
|
- <view class="addressLi clearfix" @click="onSelect(i,s)">
|
|
|
- <view class="addressLi_l">
|
|
|
- <text v-if="i.id != presentId" class="iconfont"></text>
|
|
|
- <text v-else class="iconfont pitchOn"></text>
|
|
|
- </view>
|
|
|
- <view class="addressLi_r">
|
|
|
- <view class="user">
|
|
|
- <text class="name">{{i.name}}</text>
|
|
|
- <text>{{i.mobile}}</text>
|
|
|
- <text v-if="i.status == 1" class="defaultAddress">默认</text>
|
|
|
+ </form>
|
|
|
+ <div class="editaddress" v-else>
|
|
|
+ <view class="addbar" @click="onadd">
|
|
|
+ <text class="iconfont sp"></text>
|
|
|
+ <text class="sp">添加地址</text>
|
|
|
+ </view>
|
|
|
+ <uni-swipe-action class="swipeAction">
|
|
|
+ <uni-swipe-action-item class="swipeAction_item" v-for="(i,s) in addressList" :key="s">
|
|
|
+ <view class="addressLi clearfix" @click="onSelect(i,s)">
|
|
|
+ <view class="addressLi_l">
|
|
|
+ <text v-if="i.id != presentId" class="iconfont"></text>
|
|
|
+ <text v-else class="iconfont pitchOn"></text>
|
|
|
+ </view>
|
|
|
+ <view class="addressLi_r">
|
|
|
+ <view class="user">
|
|
|
+ <text class="name">{{i.name}}</text>
|
|
|
+ <text>{{i.mobile}}</text>
|
|
|
+ <text v-if="i.status == 1" class="defaultAddress">默认</text>
|
|
|
+ </view>
|
|
|
+ <view class="address">{{i.address}}</view>
|
|
|
</view>
|
|
|
- <view class="address">{{i.address}}</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <template v-slot:right>
|
|
|
- <view class="btns clearfix">
|
|
|
- <view class="btn edit" @click="onedit(i)"><text class="iconfont"></text></view>
|
|
|
- <view class="btn del" @click="delAddress(i.id)"><text class="iconfont"></text></view>
|
|
|
</view>
|
|
|
- </template>
|
|
|
- </uni-swipe-action-item>
|
|
|
- </uni-swipe-action>
|
|
|
+ <template v-slot:right>
|
|
|
+ <view class="btns clearfix">
|
|
|
+ <view class="btn edit" @click="onedit(i)"><text class="iconfont"></text></view>
|
|
|
+ <view class="btn del" @click="delAddress(i.id)"><text class="iconfont"></text></view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ </uni-swipe-action-item>
|
|
|
+ </uni-swipe-action>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</view>
|
|
|
</uni-popup>
|
|
|
@@ -197,12 +199,32 @@ export default {
|
|
|
}
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
-.container {
|
|
|
- background-color: #f5f5f5;
|
|
|
+.Address_container {
|
|
|
height: 70vh;
|
|
|
- // padding:30rpx 0;
|
|
|
+ background-color: #f5f5f5;
|
|
|
+ border-radius: 30rpx 30rpx 0 0;
|
|
|
+ // overflow: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.tit {
|
|
|
+ padding: 20rpx 0;
|
|
|
+ background: #fff;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
border-radius: 30rpx 30rpx 0 0;
|
|
|
- overflow: auto;
|
|
|
+ .cancel{
|
|
|
+ padding: 0 30rpx;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+
|
|
|
+ .close {
|
|
|
+ float: right;
|
|
|
+ padding: 0 30rpx;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.s_con{
|
|
|
+ overflow-y: auto;
|
|
|
}
|
|
|
|
|
|
.pad30 {
|
|
|
@@ -427,21 +449,6 @@ export default {
|
|
|
padding: 20rpx 30rpx;
|
|
|
}
|
|
|
|
|
|
-.tit {
|
|
|
- padding: 20rpx 0;
|
|
|
- background: #fff;
|
|
|
- margin-bottom: 20rpx;
|
|
|
- .cancel{
|
|
|
- padding: 0 30rpx;
|
|
|
- color: #333;
|
|
|
- }
|
|
|
-
|
|
|
- .close {
|
|
|
- float: right;
|
|
|
- padding: 0 30rpx;
|
|
|
- color: #333;
|
|
|
- }
|
|
|
-}
|
|
|
.defaultAddress{
|
|
|
border: 1rpx solid #2DB389;
|
|
|
color: #2DB389;
|